@charset "utf-8";
#big_banner { min-height: 60px; background: #fff; }
#big_banner img { width: 100%; height: auto; vertical-align: middle; }
#big_banner .swiper-pagination { text-align: center; }
#big_banner .swiper-pagination-bullet {width: 8px;height: 8px;border-radius: 10px;}
#big_banner .swiper-pagination-bullet-active {background: #EA5514;}

/*消息*/
.icon {
    background: url(../images/icon.png) no-repeat;
}
.info_scroll {
    height: 52px;
    font-size: 14px;
    line-height: 52px;
    overflow: hidden;
    width: 100%;
    padding: 0 4%;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 10px;
    position: relative;
}
.info_scroll .info_ul {
    height: auto;
    width: 253px;
    overflow: hidden;
    margin-left: 82px;
    margin-top: -50px;
}
.info_scroll .info_ul li {
    display: block;
    height: 50px;
    width: 83%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.info_control {
    width: 10px;
    height: 100%;
    padding-top: 14px;
    position: absolute;
    right: 2%;
}
.info_control .info_btn {
    display: block;
    width: 10px;
    height: 10px;
    background-position: 0 0;
    opacity: .5;
    filter: opacity(50);
}
.info_control .info_btn.info_next {
    margin-top: 4px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.info_control .info_btn:hover {
    opacity: 1;
    filter: opacity(100);
}
/* quick */
.quick {padding: 10px 20px;border-bottom: 6px solid #f1f1f1;}
.quick a {float: left;display: block;width: 25%;text-align: center;padding: 8px 0;padding-bottom: 8px;}
.quick a .img {display: block;width: 60px;height: 42px;margin: 0 auto;border-radius: 50%;-webkit-border-radius: 50%;text-align: center;line-height: 50px;font-size: 22px;color: #fff;background-color: #333;margin-bottom: 4px;}
.quick a .img {border-radius: 100%;background-color: #fff;}
.quick a img {}

.myfa.myfa-quick1 { background-position: 10px -30px; }
.myfa.myfa-quick2 { background-position: -86px -30px; }
.myfa.myfa-quick3 { background-position: -236px -30px; }
.myfa.myfa-quick4 { background-position: -381px -30px; }
.myfa.myfa-quick5 { background-position: -237px -130px; }
.myfa.myfa-quick6 { background-position: -384px -130px; }
.myfa.myfa-quick7 { background-position: -240px -257px; }
.myfa.myfa-quick8 { background-position: -383px -255px; }
.quick a:hover, .quick a:active, .quick a:visited, .quick a.on { background: #eee; }
.quick a p {color: #999;font-size: 12px;line-height: 2em;}


/*核心产品*/
.indexbox {padding-top: 18px;margin: 0 auto;}
.indexbox .title {padding-bottom: 3px;margin: 0 auto;font-size: 20px;font-weight: normal;color: #333;text-align: center;}
.indexbox .desc {max-width: 1210px;padding-top:10px;margin: 0 auto;font-size: 13px;color: #666;text-align: center;}
.indexbox .content { padding: 40px 0 60px;}

.pro .row{margin-left:-30px;margin-right:-30px;}
.pro a{display: block;}
.product-item h4 {font-size:1.55rem;font-weight: 500;margin: 45px 0 20px 70px;line-height: 1}
.product-item {height: 500px;margin-bottom:30px;border: solid 1px #e5e5e5;box-shadow: 0px 2px 8px 0px rgba(204, 204, 204, 0.5);}
.product-item p{width: 65%;margin: 0 auto 16px;}
.product-item span{display: block;border: solid 1px #283044;border-radius: 4px;font-size: 14px;margin-left: 70px; color: #283044;width: 86px;height: 28px;text-align: center;line-height: 26px;transition: all .5s;-webkit-transition: all .5s;}
.product-item img{display: block;margin: 50px auto 0;}
.product-item a:hover span{border: solid 1px #e94709;color: #e94709;}
.pro_content h4{font-size:16px;font-weight: 500;margin: 10px 0 10px 0;line-height: 1;color: #222;}
.pro_content ul{padding:0px;margin:0px;}
.pro_content ul:after{content: '';display: table;clear: both;}
.pro_content{margin: 10px auto 20px;padding: 0 20px;}
.pro_content li{margin-top: 10px;text-align: center;padding: 0 10px;}

.pro_content li a{display: block;border: solid 1px #e5e5e5;border-radius:10px;box-shadow: 0px 2px 8px 0px rgba(204, 204, 204, 0.5);background-color: #fff;padding: 10px 15px;}
.pro_content li a:after{content: '';display: table;clear: both;}
.pro_content li a:hover{
    border: solid 1px #084199;box-shadow: 0px 2px 8px 0px rgba(8, 65, 153, 0.5);
}
.pro_content li div{float: left;width: 100%;}
.pro_content li div p{text-align: justify;margin-bottom: 1rem;color:#999;font-size: 13px;line-height: 1.6;height: 92px;}

.pro_content li img{
    display: inline-block;
    vertical-align: middle;
    margin-right:10px;
    width:130px;
    border-style: none;
    }
.pro_content li span{display: block;border: solid 1px #283044;border-radius: 4px;color: #283044;width: 86px;height: 28px;text-align: center;line-height: 26px;transition: all .5s;-webkit-transition: all .5s;}
.pro_content li a:hover span{border: solid 1px #e94709;color: #e94709;}

@media (max-width:400px) {}
.pro_content li div p{ height:60px;}
.pro_content li div{ width: 50%;}
.pro_content h4{margin-bottom: 14px;}
.pro_content li img{ float:right;}


/*系统优势*/
.advantage{margin-bottom: 20px;}
.advantage .adv{background: url(../images/soft-adv-item.png) no-repeat left center;width: 120px;height: 120px;margin:0px auto;transition:all ease-in-out 0.4s; background-size:600%;}
.advantage .adv-2{background-position-x: -122px;}
.advantage .adv-3{background-position-x: -241px;}
.advantage .adv-4{background-position-x: -363px;}
.advantage .adv-5{background-position-x: -484px;}
.advantage .adv-6{background-position-x: -607px;}
.advantage h4{font-size:15px;}
.advantage h6{font-weight:normal;font-size:13px;color:#808080;padding:2rem 3rem;line-height:1.6;}
.advantage .item{}
.advantage .item:hover .adv{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2);}
@media (max-width:600px) {
.advantage .item { width: 100%; }
.advantage .adv{ float: left; }
.advantage h4{text-align:left;margin-top: 28px;}
.advantage h6{
    padding: 0;
    text-align: left;
}

}

/*ad1平台系统*/
.calltoaction *{
    text-align: center;
}
.calltoaction {
    background: url(../images/ggbg1.jpg);
    background-color: #222;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 29px 0;
    color: rgb(150,150,150);
}

.calltoaction h2 {
    font-size: 22px;
    font-weight:bold;
    letter-spacing: 1px;
    margin-bottom: 3px;
    color: #fff;
    margin-top: 0;
}

.calltoaction-decription{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    color: #fff;
}

.calltoaction-btn {
    text-align: center;
}

.calltoaction-btn > .btn {
    background: rgba(8,65,153, 1);
    color: #fff;
    line-height: 14px;
    font-size: 13px;
}

.long-down {
    margin-bottom: 40px;
}

/*case*/
.case { padding-bottom: 30px;}
.gengduo {text-align: center;}
.chakan { display: inline-block;  width: 128px; height: 32px; line-height: 30px; border: 1px solid #CCCCCC;  color: #999999; font-size: 14px; border-radius: 4px;}
 .gengduo::after{ content: ''; display: block;  height: 0;  clear: both;}
.exp-list{margin-top:20px;}
.exp-list li{ float: left; width: 31.333%; height: 52px; padding: 4px; margin: 0 1% 2%;cursor: pointer;border:1px solid #dedede; box-sizing: border-box;}
.exp-list li img{ width: 100%;height: 100%;}
.exp-list li:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.15); border:0;}

@media (min-width:500px) {
    .exp-list li{ height:70px;  }

}
/*数据*/
#section-pro{ width: 100%; background: url("../images/nbg.png") no-repeat center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; background-position: 45%;}
.sec-container{ height: 100%;padding-top: 34px;}
.sec-container li{ float: left;  width: 50%;  box-sizing: border-box;  color: #fff; font-size: 14px;  padding: 0 10px; padding-left: 10%; margin-bottom: 20px;}
.sec-container .count{position: relative;font-size: 26px;font-weight: bold;line-height: 40px;margin-bottom: 0;}
.sec-container .count em{display: inline-block; font-size: 18px; transform: translateY(-20px);}
.sec-container .line{display: block;width: 24px;height: 3px;background-color: #fff;margin: 2px 0 10px 0;}

@media (min-width:700px) {
    .sec-container li{ width: 25%; }

}
/*news*/
.head{background-color: #434343; color: #fff; text-align: center; border-bottom: 2px solid #4444fc; margin-top: 30px; border-radius: 10px 10px 0 0;}
.head a{font-size: 16px; line-height: 48px;}

.cot {margin: 0;color: #282828;overflow: hidden;padding: 10px 10px 20px;}
.newslist li {height: 34px;border-left: 0;border-right: 0;line-height: 40px;background: #fff;position: relative;}
.newslist li a { width: 100%; height: 100%; display: block; }
.newslist li img { display: block; height: 100%; float: left; width: auto; }
.newslist li .txt {margin: auto 0;height: 100%;overflow: hidden;vertical-align: middle;border-bottom: 1px solid rgba(0,0,0,0.07);}
.newslist li .txt h4 { color: #444; font-size: 14px; overflow: hidden; white-space: nowrap; width: 80%; text-overflow: ellipsis; float: left; display:block;height:34px;line-height:34px; }
.newslist li .txt:hover h4 { color: #4444fc;}
.newslist li .txt:hover .upTime { color: #4444fc; font-size:12px;}
.newslist li .txt .upTime span{ font-size: 12px; color: #919191; float: right }

.news_li{ width: 100%; }
.news_li ul{display: flex;justify-content: center;}
.news_li li{padding: 5px 20px;margin-top: 10px;}
.news_li li.current{background-color: #084199;color: #fff;border-radius: 5px;}




/*体验*/
.tiyan{}
.tiyan .open{/*margin: auto;overflow: hidden;margin-left: -960px;left: 50%;position: relative;*/margin: auto;overflow: hidden;text-align: center;position: relative;background: url("../images/background2.png") center no-repeat;height: 113px;background-size: 100% 100%;}
.tiyan .open h2{color:#fff;text-align: center;font-size: 20px;line-height: 40px;margin-top: 10px;}
.tiyan .open img{width:100%;height:100%}

.tiyan .open div.tybtn a{display: inline-block;width: 118px;height: 30px;color: #fff;line-height: 29px;text-align: center;border-radius: 5px;background: transparent;font-size: 13px;border: 1px solid #fff;}


/*about*/
.about_box{padding: 0 4%;}
.about_box .ab_txt p{font-size: 14px;color: #999;line-height: 26px;text-align: justify;margin: 10px 0;}