@charset "utf-8";
/*内容模块*/
/*padding值*/
.p-0 { padding: 0 !important;}
.p-0-10 { padding: 0 10px;}
.p-t-0 { padding-top: 0 !important;}
.p-t-15 { padding-top: 15px !important;}
.p-t-20 { padding-top: 20px !important;}
.p-t-30 { padding-top: 30px !important;}
.p-t-40 { padding-top: 40px !important;}
.p-t-60 { padding-top: 60px !important;}
.p-b-0 { padding-bottom: 0 !important;}
.p-b-5 { padding-bottom: 5px !important;}
.p-b-10 { padding-bottom: 10px !important;}
.p-b-40 { padding-bottom: 40px !important;}
.p-b-50 { padding-bottom: 50px !important;}
.p-l-0 { padding-left: 0 !important;}
.p-l-60 { padding-left: 60px !important;}
.p-10 { padding: 10px 0 !important;}
.p-20 { padding: 20px !important;}

/*margin*/
.m-auto { margin: 0 auto !important;}
.m-10 { margin: 10px 0 !important;}
.m-t-5 { margin-top: 5px !important;}
.m-t-20 { margin-top: 20px !important;}
.m-t-30 { margin-top: 30px !important;}
.m-t-50 { margin-top: 50px !important;}
.m-r-0 { margin-right: 0 !important;}
.m-r-5 { margin-right: 5px !important;}
.m-r-15 { margin-right: 15px !important;}
.m-r-25 { margin-right: 25px !important;}
.m-r-40 { margin-right: 40px !important;}
.m-b-0 { margin-bottom: 0 !important;}
.m-b-5 { margin-bottom: 5px !important;}
.m-b-20 { margin-bottom: 20px !important;}
.m-b-30 { margin-bottom: 30px !important;}
.m-l-0 { margin-left: 0 !important;}
.m-l-5 { margin-left: 5px !important;}
.m-l-10 { margin-left: 10px !important;}
.m-l-40 { margin-left: 40px !important;}

/*文字*/
.f14 { font-size: 14px !important;}
.f16 { font-size: 16px !important;}
.f20 { font-size: 20px !important;}

/*文字颜色*/
.c-white { color: #fff !important;}
.c-aaa { color: #aaa !important;}
.c-ccc { color: #ccc !important;}
.c-999 { color: #999 !important;}
.c-666 { color: #666 !important;}
.orange { color: #fdff61 !important;}
.c-orange { color: #ff7300 !important;}
.c-red { color: #e31939 !important;}
.c-blue { color: #2da6f6 !important;}
.c-green { color: #8cc051 !important;}
.c-brown { color: #af874d !important;}
.c-yellow { color: #ffb300 !important;}

/*文字位置*/
.text-left { text-align: left !important;}
.text-center { text-align: center !important;}
.text-right { text-align: right !important;}
.indexbox { padding-top: 60px; margin: 0 auto;}
.indexbox .title { max-width: 1210px; padding-bottom: 10px; margin: 0 auto; font-size: 30px; font-weight: normal; color: #333; text-align: center;}
.indexbox .desc { max-width: 1210px; padding-bottom: 20px;padding-top:10px; margin: 0 auto; font-size: 16px; color: #666; text-align: center;}
.indexbox .content { padding: 40px 0 60px;}
/*banner*/
.jy-banner { width:100%;  background: #00309e;}
.swiper-container { height: 100%; overflow: visible; }
.jbanner_page { position: absolute; left: 50%; text-align: center; bottom: 30px;width:500px;margin-left:-250px; }
.swiper-pagination-switch { display: inline-block; width: 35px; height: 5px; font-size: 0; line-height: 20px; text-align: center; cursor: pointer;  transition: width .8s;
}
.swiper-pagination-switch:before { content: ''; display: inline-block; width: 30px; height: 6px; border-radius: 2px; background: rgba(255, 255, 255, .5); vertical-align: middle;  transition: width .8s, background-color .8s;
/*box-shadow: 0 3px 6px 0 rgba(33, 39, 81, 0.20);*/
}
.swiper-active-switch:before { background: #084199;/*box-shadow: 0 3px 6px 0 rgba(250, 111, 102, .5);*/
}
.swiper-slide { position: relative; opacity: 0; transition: opacity 0.7s ease-in-out; overflow: hidden; }
.swiper-slide-active { opacity: 1; }
.swiper-slide .img { position: absolute; }
.swiper-slide .w{height:100%;}
.inner { position: relative; display: block; width: 100%; height: 100%; margin: 0 auto; }
.banner-text { position: absolute; left: 40px; top: 200px; z-index: 999; }
.banner-text h3 { margin-bottom: 10px; font-size: 24px; color: #fff; line-height: 36px; }
.banner-text em { font-style: normal; color: #fff; }
.banner-text h2 { margin-top: 10px; margin-bottom:30px; font-size: 48px; color: #fff; line-height: 60px; font-weight:bold; }
.banner-text p { margin-top: 10px; font-size: 16px; color: #fff; line-height: 22px;width:600px; }
.banner-text .btn-primary {border-radius:5px; box-shadow: 0 10px 20px 0 rgba(239, 35, 54, 0.20); margin-top: 30px; height: 40px; line-height: 38px; padding: 0 30px; font-size: 18px; color: #fff; background-color: #EA5514; display: inline-block; }
/*ad1*/
.calltoaction *{
    text-align: center;
}
.calltoaction {
    background: url(../images/ggbg1.jpg);
	background-color: #222;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
	padding: 99px 0;
	color: rgb(150,150,150);
}

.calltoaction h2 {
	font-size: 30px;
	font-weight:bold;
	letter-spacing: 1px;
	margin-bottom: 6px;
	color: #fff;
}

.calltoaction-decription{
    padding-top: 20px;
    padding-bottom: 40px;
    font-size: 16px;
    color: #fff;
}

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

.calltoaction-btn > .btn {
    background: rgba(8,65,153, 1);
    color: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
}

.long-down {
	margin-bottom: 40px;
}
/*核心产品*/
.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:1.55rem;font-weight: 500;margin: 45px 0 20px 35px;line-height: 1}
.pro_content ul{padding:0px;margin:0px;}
.pro_content ul:after{content: '';display: table;clear: both;}
.pro_content{margin:10px auto 40px;}
.pro_content li{margin-top:30px;}
.pro_content li a{height: 242px;display: block;border: solid 1px #e5e5e5;border-radius:10px; box-shadow: 0px 2px 8px 0px rgba(204, 204, 204, 0.5);background-color: #fff;}
.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: 190px;margin-left: 35px;}
.pro_content li div p{text-align: justify; margin-bottom: 1rem;color:#999;font-size: 14px;
line-height: 1.6;}
.pro_content li img{float: right;display: 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;}
/*系统优势*/
.advantage{margin-bottom:40px;}
.advantage .adv{background: url(../images/soft-adv-item.png) no-repeat left center;width:156px;height:154px;margin:0px auto;transition:all ease-in-out 0.4s}
.advantage .adv-2{background-position-x:-170px}
.advantage .adv-3{background-position-x:-340px}
.advantage .adv-4{background-position-x:-510px}
.advantage .adv-5{background-position-x:-680px}
.advantage .adv-6{background-position-x:-850px}
.advantage h6{font-weight:normal;font-size:15px;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);}

/*新闻*/
.news { padding: 50px 0 0;line-height: 1.6;}
.news2 { padding-top: 10px; padding-bottom: 60px;}
.news .news-item { float: left; width: 358px; margin-left: 48px; overflow: hidden;}
.news .news-item h2 { position: relative; padding-bottom: 5px; margin-bottom: 15px; font-size: 20px; color: #333;line-height: 1.6;}
.news .news-item h2:after { content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 30px; height: 2px; background: #1069f5;}
.news .news-item h2 a { position: absolute; top: 0; right: 0; font-size: 14px; line-height: 30px;}
.news .news-item h2 a:hover { color: #1069f5;}
.news .news-item .img { position: relative; display: block;  padding-bottom: 0; margin-bottom: 15px; overflow: hidden;}
.news .news-item .img img { width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.news .news-item .img:hover img { transform: scale(1.05);}
.news .news-item h3 { margin-bottom: 10px; font-size: 14px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;line-height: 1.6;}
.news .news-item h3:hover { text-decoration: underline;}
.news .news-item p { display: -webkit-box; height: 40px; font-size: 12px; line-height: 20px; color: #999; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.news .news-item .hot { display: block; padding: 15px; margin-bottom: 15px; background: #f5f5f5;}
.news .news-item .hot h3 { padding: 0;}
.news .news-item .hot h3:after { display: none;}
.news2 .news-item h3 { position: relative; padding-left: 10px;}
.news2 .news-item h3:after { content: ''; position: absolute; top: 10px; left: 0; display: block; width: 4px; height: 4px; background: #aaa; border-radius: 50%;}

#section-pro{
        width: 100%;
        height: 180px;
        background: url("../images/nbg.png") no-repeat center;
        background-size: 100% 100%;
    }

    .sec-container{
        width: 1200px;
        height: 100%;
    }

    .sec-container li{
        float: left;
        width: 25%;
        padding-left: 90px;
        padding-top: 40px;
        box-sizing: border-box;
        color: #fff;
        font-size: 14px;
    }

    .sec-container .count{
        position: relative;
        font-size: 32px;
        font-weight: bold;
        line-height: 40px;
    }

    .sec-container .count em{
        display: inline-block;
        font-size: 24px;
        transform: translateY(-20px);
    }

    .sec-container .line{
        display: block;
        width: 24px;
        height: 4px;
        background-color: #fff;
        margin: 16px 0;
    }
/*case*/
.case {
    padding-bottom: 58px;
}
.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:30px;}
  .exp-list li{
        float: left;
        width: 220px;
        height: 88px;
        padding:10px;
        margin: 0 10px 20px;
        cursor: pointer;
        border:1px solid #dedede;
    }

    .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;
    }
    /*体验*/
    .tiyan{margin-bottom:-40px;}
    .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:210px;
    background-size: 100% 100%;
}
.tiyan .open h2{
    color:#fff;text-align: center;font-size:32px;line-height:80px;margin-top:20px;
}
.tiyan .open img{width:100%;height:100%}

.tiyan .open div.tybtn a{
    display: inline-block;
    width: 214px;
    height: 48px;
    color: #fff;
    line-height: 46px;
    text-align: center;
    border-radius: 10px;
    background: transparent;
    font-size:24px;
    border: 1px solid #fff;
    margin-top: 20px;
}