.header{

    width: 100%;

    position: fixed;

    top: 0;

    z-index: 999;

    background: #FFFFFF;

    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);

}

.header-pc{

    display: block;

}

.header-pc .header-cont{

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 100px;

}

.header-pc .header-right{

    display: flex;

    align-items: center;

}

.header-pc .right-list{

    display: flex;

    position: relative;

}

.header-pc .right-list>li{

    margin: 0 15px;

    line-height: 96px;

}

.header-pc .right-list>li>a{

    color: #333;

    font-size: 18px;

    position: relative;

    line-height: 100px;

    display: inline-block;

}

.header-pc .right-from{

    padding-left: 12px;

    position: relative;

}

.header-pc .icon-search{

    display: inline-block;

    width: 15px;

    height: 16px;

    background: url(../images/icon-search.png) no-repeat center;

    background-size: contain;

}

.header-pc .left-search{

    position: absolute;

    visibility: hidden;

    margin-top: 2px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    margin-top: 5px;

}

.header-pc .right-from:hover .left-search{

    visibility: inherit;

}

.header-pc .left-search #searchinput{

    padding: 6px;

    font-size: 14px;

    border: 1px solid #122a88;

    border-radius: 15px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -ms-border-radius: 15px;

    -o-border-radius: 15px;

}

.header-pc .right-list>li>a::after {

    content: '';

    width: 0;

    height: 3px;

    background: #122a88;

    position: absolute;

    bottom: 0;

    left: 0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}

.header-pc .right-list>li:hover a:after {

    width: 100%;

}

.header-pc .right-list>li a.active::after{

    width: 100%;

}

/* .header-pc .right-list>li:hover .cont-list{

    display: block;

} */

.header-pc .cont-list{
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    /*display: none;
    */padding: 20px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.header-pc .right-list>li:hover .cont-list{
    opacity: 1;
    visibility: inherit;
}
.header-pc .cont-list.active{

    display: block;

}

.header-pc .cont-list>li{

    float: left;

    margin-right: 15px;

    line-height: 35px;

    width: 20%;

}

.header-pc .cont-list>li>a{

    color: #333;

    font-size: 16px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.header-pc .cont-list>li>a:hover{

    color: #566fc7;

}





.header-mobile{

    display: none;

}

.header-mobile .mobile-con {

    display: flex;

    align-items: center;

    height: 60px;

    background: #fff;

    padding: 0 15px;

}

.header-mobile  .icon-logo {

    width: 75px;

}

.header-mobile .menu {

    display: block;

    float: right;

    cursor: pointer;

    height: 40px;

    width: 28px;

    position: absolute;

    right: 25px;

}

.header-mobile .menu span {

    display: inline-block;

    width: 30px;

    height: 2px;

    background-color: #122a88;

    border-radius: 5px;

    position: absolute;

    top: 25px;

    left: 0px;

    transition: transform 0.1s ease-out,top 0.3s ease 0.2s;

    -webkit-transition: transform 0.1s ease-out,top 0.3s ease 0.2s;

    -moz-transition: transform 0.1s ease-out,top 0.3s ease 0.2s;

    -ms-transition: transform 0.1s ease-out,top 0.3s ease 0.2s;

    -o-transition: transform 0.1s ease-out,top 0.3s ease 0.2s;

}

.header-mobile .menu span:before {

    content: '';

    display: inline-block;

    width: 36px;

    height: 2px;

    background-color: #122a88;

    border-radius: 5px;

    position: absolute;

    top: -8px;

    left: 0px;

    transition: transform 0.1s ease-out,top 0.3s ease 0.2s;

    -webkit-transition: transform 0.1s ease-out,top 0.3s ease 0.2s;

    -moz-transition: transform 0.1s ease-out,top 0.3s ease 0.2s;

    -ms-transition: transform 0.1s ease-out,top 0.3s ease 0.2s;

    -o-transition: transform 0.1s ease-out,top 0.3s ease 0.2s;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

}

.header-mobile .menu span:after {

    content: '';

    display: inline-block;

    width:36px;

    height: 2px;

    background-color: #122a88;

    border-radius: 5px;

    position: absolute;

    top: 8px;

    left: 0px;

    transition: transform 0.1s ease-out,top 0.3s ease 0.2s;

    -webkit-transition: transform 0.1s ease-out,top 0.3s ease 0.2s;

    -moz-transition: transform 0.1s ease-out,top 0.3s ease 0.2s;

    -ms-transition: transform 0.1s ease-out,top 0.3s ease 0.2s;

    -o-transition: transform 0.1s ease-out,top 0.3s ease 0.2s;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

}

.header-mobile .mobile_nav {

    position: fixed;

    right: -100%;

    top: 100%;

    width: 65%;

    height: calc(100vh - 60px);

    align-items: flex-start;

    padding: 30px;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    background: #122a88;

    opacity: 0.9;
    overflow-y: auto;

}

.header-mobile .header-list>li>a{

    font-size: 16px;

    font-family: PingFangSC-Regular, PingFang SC;

    font-weight: 400;

    color: #fff;

    line-height: 26px;

    position: relative;

    padding: 16px 0;

    display: inline-block;

}

.header-mobile .header-list>li{

    position: relative;

}

.header-mobile .header-list .icon-bottom{

    display: inline-block;

    width: 18px;

    height: 18px;

    background: url(../images/icon-bottom.svg) no-repeat center;

    background-size: contain;

    position: absolute;

    right: 0;

    top: 20px;

}

.header-mobile .header-list li.active .icon-bottom{

    background: url(../images/icon-top.svg) no-repeat center;

    background-size: contain;

}

.header-mobile .header-list>li::before {

    content: '';

    width: 100%;

    height: 2px;

    background: #DFE3E5;

    position: absolute;

    bottom: 0;

    left: 0;

    transition: all 0.24s;

    -webkit-transition: all 0.24s;

    -moz-transition: all 0.24s;

    -ms-transition: all 0.24s;

    -o-transition: all 0.24s;

}

.header.menu_click .menu span{background-color:transparent;}

.header.menu_click .menu span:before{transition:top 0.3s ease,transform 0.1s ease-out 0.2s;transform:rotate(45deg);top:0px;}

.header.menu_click .menu span:after{transition:top 0.3s ease,transform 0.1s ease-out 0.2s;transform:rotate(-45deg);top:0px;}

.header.menu_click .mobile_nav {

    right: 0;

    top: 60px;

}

.header-mobile .mobile-link{

    display: flex;

    display: flex;

    justify-content: space-between;

    margin-top: 30px;

}

.header-mobile .mobile-link img{

    width: 80%;

}

.header-mobile .mobile-cent{

    padding: 6px;

    display: none;

}

.header-mobile .mobile-cent li{

    margin-bottom: 5px;

}

.header-mobile .mobile-cent a{

    font-size: 14px;

    font-family: PingFangSC-Regular, PingFang SC;

    font-weight: 400;

    color: #fff;

    line-height: 20px;

    position: relative;

    display: inline-block;

}

.header-mobile .right-from{

    margin-top: 20px;

}

.header-mobile .right-from #searchinput{

    width: 100%;

    padding: 6px;

    font-size: 14px;

    border: 1px solid #122a88;

    border-radius: 15px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -ms-border-radius: 15px;

    -o-border-radius: 15px;

}



.footer .footer-cont{

    background: #566fc7;

    padding: 60px 0;

}

.footer .cont-left{

    display: flex;

    align-items: center;

}

.footer .left-list{

    display: flex;

    align-items: center;

    margin-left: 90px;

}

.footer .left-list dl{

    margin: 0 30px;

}

.footer .left-list a{

    color: #fff;

    font-size: 18px;

    line-height: 24px;

    font-weight: 500;

}

.footer .footer-cont .container{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.footer .footer-cont .container-fluid{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.footer .cont-right a{

    display: inline-block;


    border-radius: 10px;

    overflow: hidden;

}
.footer .cont-right a:not(:first-child){

    margin-left: 30px;
}

.footer .footer-copy{

    background: #122e8a;

    padding: 15px 0;

}

.footer .footer-copy {

    text-align: center;

}

.footer .footer-copy  p{

    font-size: 18px;

    color: #556da5;

}

.sort-page {

	margin-top: 40px;

}

.sort-page .pagination{

	justify-content: center;

}

.sort-page  li {

    width: 44px;

    height: 44px;

    background: #EFF2F4;

    text-align: center;

    line-height: 44px;

    margin: 0 5px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.sort-page  li a {

    font-size: 14px;

    font-weight: 500;

    color: #7F7F7F;

	display: inline-block;

	width: 100%;

	height: 100%;

}

.sort-page  li:hover {

    background: #122a88;

}

.sort-page  li:hover a {

    color: #fff;

}

.sort-page  li.active{

	background: #122a88;

	color: #fff;

}

.search-cont{

    padding: 180px 0 100px 0;

}

.search-cont .search-txt p{

	font-size: 20px;

	font-weight: 400;

	color: #333333;

	line-height: 28px;

}

.search-cont .search-txt p>strong{

	color: #122a88;

}

.search-cont .search-list{

	margin-top: 20px;

}

.search-cont .search-box p{

	font-size: 14px;

	font-weight: 500;

	color: #333333;

	line-height: 20px;

}

.search-cont .search-box h2{

	font-size: 20px;

	font-weight: 400;

	color: #333333;

	line-height: 28px;

	margin-top: 10px;

}

.search-cont .search-box{

	padding: 25px 0;

	position: relative;

}

.search-cont .search-box::before{

	content: "";

	width: 100%;

	height: 2px;

	background:#ECECEC;

	position: absolute;

	bottom: 0;

	left: 0;

}

.search-cont .search-box::after{

	content: "";

	width: 0;

	height: 2px;

	background:#ECECEC;

	position: absolute;

	bottom: 0;

	left: 0;

	transition: all .5s;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

}

.search-cont .search-box:hover::after{

	background: #122a88;

    width: 100%;

}

.search-cont .left-search{

	display: flex;

    margin: 20px 0;

    border: 1px solid #e5e5e5;

    padding: 15px;

}

.search-cont .left-search input {

    flex: 1;

    outline: none;

    border: none;

    font-size: 14px;

    font-weight: 400;

    color: #808080;

    line-height: 20px;

}

.search-cont .left-search button{

	outline: none;

    border: none;

    background: #fff;

}

.search-cont .left-search .icon-search {

    display: inline-block;

    width: 24px;

    height: 24px;

    background: url(../images/icon-search.png) no-repeat center;

    background-size: contain;

    flex: none;

}

/* 首页 */

.index-banner{

    width: 100%;

    padding-top: 100px;

}

.index-banner .swiper-slide img{

    width: 100%;

}

.index-solutions{
    display: none;
}
.index-solut{

    padding: 60px 0;

}

.index-solut .solut-list{

    margin-top: 40px;

}

.index-solut .solut-list .row{

    margin-right: 0;

    margin-left:  0;

}

.index-solut .solut-list .col-md-3,.index-solut .solut-list .col-md-9{

    padding-right: 10px;

    padding-left: 10px;

}

.index-solut .list-bar li{

    background: #99a3ca;

    line-height: 82px;

    margin-bottom: 4px;

    text-align: center;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.index-solut .list-box{

    height: 609px;

    margin-bottom: -4px;

    overflow: hidden;

    position: relative;

}

.index-solut .list-bar{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    transition: all .6s;

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

}

.index-solut .list-bar.bar-active{

    top: -347px;

}

.index-solut .list-bar li a{

    color: #ffffff;

    font-size: 16px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    position: relative;

    height: 100%;

    display: inline-block;

}

.index-solut .list-bar li a::after{

    content: "";

    width: 0;

    height: 3px;

    background:#66e2ff;

    position: absolute;

    left: 0;

    bottom: 0;

    transition: all 0.6s;

    -webkit-transition: all 0.6s;

    -moz-transition: all 0.6s;

    -ms-transition: all 0.6s;

    -o-transition: all 0.6s;

}

.index-solut .list-bar li:hover{

    background: #1537b1;

}

.index-solut .list-bar li:hover a{

    color: #66e2ff;

}

.index-solut .list-bar li:hover a::after{

    width: 100%;

}

.index-solut .list-bar li.active{

    background: #1537b1;

}

.index-solut .list-bar li.active a{

    color: #66e2ff;

}

.index-solut .list-bar li.active a::after{

    width: 100%;

}

.index-solut .list-cont{

    position: relative;

    height: 660px;

    overflow: hidden;

}

.index-solut .list-cont .cont-box{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    opacity: 0;

}

.index-solut .list-cont .cont-box.ztop{

    opacity: 1;

}

/* .index-solut .list-cont .cont-box.ztop .box-text{

    right: 0;

} */

.index-solut .list-cont .cont-box.act .box-text{
    right: 0;
}

.index-solut .box-text{

    position: absolute;

    top: 0;

    right: -100%;

    background: #323788;

    opacity: .8;

    width: 320px;

    height: 100%;

    text-align: center;

    padding: 150px 30px 0 30px;

    z-index: 1;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}

.index-solut .text-img{

    padding: 15px;

    background: #061d73;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    display: inline-block;

}

.index-solut .box-text h2{

    font-size: 20px;

    color: #fff;

    margin: 28px 0;

    line-height: 26px;

}

.index-solut .box-text p{

    font-size: 16px;

    color: #fff;

    text-align: justify;

    line-height: 22px;

}

.index-solut .box-text .text-more{

    font-size: 14px;

    color: #66e6ff;

    border: 1px solid #66e6ff;

    padding: 8px 24px;

    display: inline-block;

    border-radius: 6px;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    margin-top: 70px;

}

.index-solut .list-btn{

    padding: 9px 0;

    text-align: center;

    background: #bec8e3;

    margin-top: 4px;

}

.index-solut .list-btn .icon-jian{

    width: 30px;

    height: 30px;

    display: inline-block;

    background: url(../images/icon-bottom.svg) no-repeat center;

}

.index-solut .list-btn.btn-active .icon-jian{

    background: url(../images/icon-top.svg) no-repeat center;

    background-size: contain;

}

.index-title{

    text-align: center;

}

.index-title h2{

    font-size: 72px;

    font-weight: bold;

    color: #f1f1f1;

}

.index-title h3{

    font-size: 36px;

    font-weight: bold;

    color: #1c3288;

    margin-top: -52px;

}

.index-title-white h2{

    color: #aab1d1;

}

.index-title-white h3{

    color: #fff;

}

.index-project{

    background: url(../images/index-project.png) no-repeat center;

    background-size: cover;

}

.index-project .project-box{

    background: #9aa3ca;

    opacity: .8;

    padding: 60px 0;

}

.index-project .box-list{

    background: #fff;

    border-radius: 6px;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    overflow: hidden;

}

.index-project .box-list img{

    width: 100%;

}

.index-project .list-text{

    padding: 0 26px 38px 26px;

}

.index-project .list-text h2{

    font-size: 16px;

    line-height: 26px;

    color: #333;

    margin: 24px 0;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;
    height: 52px;
    min-height: 52px;

}

.index-project .list-text a{

    font-size: 14px;

    color: #526acc;

    border: 1px solid #526acc;

    padding: 8px 24px;

    display: inline-block;

    border-radius: 6px;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.index-project .list-text a:hover{

    background: #526acc;

    color: #fff;

}

.index-project .project-banner{

    position: relative;

    margin-top: 40px;

}

.index-project .project-banner .swiper-button-next{

    right: 150px;

    background: url(../images/index-project-next.png) no-repeat center !important;

    background-size: contain;

    width: 60px;

    height: 60px;

}

.index-project .project-banner .swiper-button-next::after{

    content: none;

}

.index-project .project-banner .swiper-button-prev{

    right: 150px;

    background: url(../images/index-project-prev.png) no-repeat center !important;

    background-size: contain;

    width: 60px;

    height: 60px;

}

.index-project .project-banner .swiper-button-prev::after{

    content: none;

}

.index-project .project-banner .swiper-button-prev{

    left: 150px;

}

.index-consum{

    padding-top: 60px;

}

.index-consum .consum-box{

    margin-top: 40px;

}

.index-consum .box-list{

    background: #e5ebff;

    padding: 40px;

    display: inline-block;

    text-align: center;

    height: 100%;

}

.index-consum .box-list img{

    width: 100%;

}

.index-consum .box-list h2{

    font-size: 24px;

    color: #122a88;

    position: relative;

    margin-bottom: 50px;

}

.index-consum .box-list h2::after{

    content: "";

    background: #5975e2;

    width: 60px;

    height: 4px;

    position: absolute;

    bottom: -16px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}

.index-consum .box-list:hover h2::after{

    width: 100%;

}

.index-consum .box-list img{

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}

.index-consum .box-list:hover img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}

.index-news{

    background: url(../images/index-news.png) no-repeat center;

    background-size: cover;

    padding: 200px 0 60px 0;

    margin-top: -60px;

}

.index-news .new-box{

    margin-top: 40px;

}

.index-news .box-list{

    display: inline-block;

    background: #fff;

    border-radius: 6px;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    overflow: hidden;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;
    height: 100%;

}

.index-news .box-list:hover{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}

.index-news .box-list img{

    width: 100%;

}

.index-news .list-text{

    padding: 0 14px 20px 14px;

}

.index-news .list-text h2{

    color: #153a9c;

    font-size: 20px;

    margin: 20px 0;

}

.index-news .list-text p{

    color: #333;

    font-size: 16px;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;

    line-height: 20px;

    font-style: italic;

}

.index-news-but{

    padding: 30px 0;

    text-align: center;

}

.index-client{

    padding: 60px 0;

}

.index-client .box-list{

    display: flex;

    margin-top: 40px;

    justify-content: space-between;

}

.index-client .box-list li{

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}

.index-client .box-list li img{

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    width: 100%;

}

.index-client .box-list li:hover{

    background: #fff;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

}

.index-client .box-list li:hover img{

    transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

}

.index-contact{

    padding: 60px 0;

}

.index-contact .contact-message{

    margin-top: 60px;

}

.index-contact .list-box{

    display: flex;

    align-items: center;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    height: 100%;

}

.index-contact .list-box:hover{

    background: #566fc7;

    border-radius: 15px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -ms-border-radius: 15px;

    -o-border-radius: 15px;

}

.index-contact .list-box:hover .box-right>p{

    color: #fff;

}

.index-contact .list-box .box-right p{

    font-size: 16px;

    color: #333;

    line-height: 20px;

}

.index-contact .contact-cent{

    margin-top: 40px;

    overflow: hidden;

}

.index-contact .cent-left{

    float: left;

}

.index-contact .cent-left img{

    width: 100%;

}

.index-contact .cent-right{

    float: right;

    padding: 0 200px 0 50px;

}

.index-contact .right-tit{

    text-align: center;

}

.index-contact .right-tit p{

    font-size: 20px;

    color: #333;

    line-height: 26px;

}

.index-contact .message-form{

    width: 100%;

    margin-top: 30px;

}

.index-contact .message-form .form-control{

    background: #f5f7ff;

    border: 1px solid #f5f7ff;

    color: #333;

    font-size: 16px;

    /* height: calc(2em + .75rem + 2px); */

}

.index-contact .message-form .form-control:focus{

    box-shadow: none;

}

.index-contact .message-form .form-group{

    margin-bottom: 2rem;

}

.index-contact .message-form .btn{

    width: 100%;

    background: #e5ebff;

    color: #333;

    border-color: #e5ebff;

    font-size: 16px;

    line-height: 2;

}

.index-contact .cent-left,.index-contact .cent-right{

    width: 50%;

}

.index-contact .message-form .col-md-6{

    padding-bottom: 20px;

}

.index-contact .message-form .col-md-12{

    padding-top: 20px;

}

/* 新闻 */

.news-banner{

    width: 100%;

    padding-top: 100px;

}

.news-banner .banner-cont img{

    width: 100%;

}

.new-list{

    padding: 60px 0;

}

.new-list .list-cent{

    margin-top: 40px;

}

.new-list .cent-li:nth-child(odd) .row{

    flex-direction: row-reverse;

}

.new-list .cent-img{

    width: 100%;

}

.new-list .cent-img img{

    width: 100%;

}

.new-list .cent-box{

    padding: 100px 90px 0 0;

}

.new-list .list-cent .cent-li{

    position: relative;

    margin-bottom: 40px;

    padding: 40px 0;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}

.new-list .list-cent .row::after{

    content: "";

    width: 100%;

    height: 1px;

    background: #DDDDDD;

    position: absolute;

    bottom: 0;

    left: 0;

}

.new-list .list-cent .row::before{

    content: "";

    width: 0;

    height: 1px;

    background: #DDDDDD;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 2;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}

.new-list .list-cent .row:hover:before{

    width: 100%;

    background: #294CD4;

}

.new-list .list-cent .cent-li:hover{

    padding-top: 20px;

    padding-bottom: 60px;

}

.new-list .cent-box h2{

    position: relative;

}

.new-list .cent-box h2 a{

    font-size: 24px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 36px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.new-list .cent-box h2 a:hover{

    color: #526acc;

}

.new-list .cent-box h2::after{

    content: "";

    width: 40px;

    height: 4px;

    background: #294CD4;

    position: absolute;

    left: 0;

    top: -30px;

}

.new-list .cent-box p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    margin-top: 28px;

}



.newdetail-box{

    background: #f7f8fc;

}

.newdetail-title h2{

    font-size: 30px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 44px;

    text-align: center;

}

.newdetail-box{

    padding: 220px 0 120px 0;

}

.newdetail-box .based-box{

    display: flex;

    align-items: center;

}

.newdetail-box .based-box span{

    font-size: 18px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.newdetail-box .based-box a{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    padding-left: 15px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.newdetail-box .based-box:hover a{

    color: #122a88;

}

.newdetail-box .based-list{

    margin-top: 50px;

    margin-bottom: 50px;

    padding: 0 80px;

}

.newdetail-list{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    margin-top: 40px;

    padding: 58px 80px;

}

.newdetail-list p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.newdetail-img{

    margin-top: 80px;

    padding: 50px 80px;

    background: #fff;

}

.newdetail-img img{

    width: 100%;

    margin: 20px 0;

}
.newdetail-img video{

    width: auto;
    max-width: 100%;

    margin: 20px 0;

}

.newdetail-return{

    text-align: center;

    margin-top: 50px;

}

.newdetail-return a{

    border: 1px  solid #979797;

    font-size: 14px;

    font-weight: 400;

    color: #323232;

    padding: 0 40px;

    line-height: 40px;

    display: inline-block;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    -o-border-radius: 25px;

}

.newdetail-return a:hover {

    background: #122a88;

    border: 1px solid #122a88;

    color: #fff;

}

/* 下载 */

.download-list{

    padding: 100px 0;

    background: #f7f8fc;

}

.download-list .down-cont{

    margin-top: 40px;

}

.download-list .cont-box{

    background: #FFFFFF;

    display: flex;

    align-items: center;

    padding: 30px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.download-list .box-text{

    margin-left: 30px;

}

.download-list .box-text h2{

    font-size: 20px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 21px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.download-list .box-text p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #999999;

    line-height: 21px;

    margin: 35px 0;

}

.download-list .box-text a{

    background: rgba(218, 204, 255, 0);

    border: 1px solid #294CD4;

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #294CD4;

    line-height: 21px;

    padding: 10px 20px;

    display: inline-block;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.download-list .cont-box:hover{

    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 4%);

}

.download-list .cont-box:hover .box-text>h2{

    color: #294CD4;

}

.download-list .box-text a:hover{

    background:#294CD4;

    color: #FFF;

    border: 1px solid #FFF;

}

.download-list .row{

    margin-right: -40px;

    margin-left: -40px;

    margin-bottom: -40px;

}

.download-list .col-md-6{

    padding-right: 40px;

    padding-left: 40px;

    padding-bottom: 80px;

}

/* 关于公司 */

.company-box{

    padding: 100px 0;

    background: #f7f8fc;

}

.company-box .box-cent{

    margin-top: 40px;

    margin-bottom: 40px;

    overflow: hidden;

}

.company-box .box-cent .row{

    margin-right: 0;

    margin-left: 0;

}

.company-box .box-cent .row:nth-child(even) {

    flex-direction: row-reverse;

}

.company-box .box-cent .col-md-6{

    padding-left: 0;

    padding-right: 0;

}

.company-box .box-cent .cent-img{

    width: 100%;

}

.company-box .box-cent .cent-img img{

    width: 100%;

}

.company-box .box-cent .cent-text{

    background: #fff;

    padding: 30px 50px;

    height: 100%;

}

.company-box .box-cent .cent-text p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.company-box .box-cent .cent-text p:last-child{

    margin-top: 20px;

}

.company-box .box-list{

    margin-top: 40px;

}

.company-box .box-list .row{

    margin-bottom: -30px;

}

.company-box .box-list .col-md-4{

    padding-bottom: 30px;

}

.company-box .box-list .list-box{

    background: #fff;

    text-align: center;

    padding: 50px 40px;

    height: 100%;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.company-box .box-list .list-box:hover{

    background: #fff;

    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 4%);

}

.company-box .box-list .list-box:hover  h2{

    color: #566fc7;

}

.company-box .box-list .list-box i{

    display: inline-block;

    width: 80px;

    height: 80px;

}

.company-box .box-list .list-box i.icon-prov1{

    background: url(../images/company-icon1.png) no-repeat center;

    background-size: contain;

}

.company-box .box-list .list-box i.icon-prov2{

    background: url(../images/company-icon2.png) no-repeat center;

    background-size: contain;

}

.company-box .box-list .list-box i.icon-prov3{

    background: url(../images/company-icon3.png) no-repeat center;

    background-size: contain;

}

.company-box .box-list .list-box i.icon-prov4{

    background: url(../images/company-icon4.png) no-repeat center;

    background-size: contain;

}

.company-box .box-list .list-box i.icon-prov5{

    background: url(../images/company-icon5.png) no-repeat center;

    background-size: contain;

}

.company-box .box-list .list-box i.icon-prov6{

    background: url(../images/company-icon6.png) no-repeat center;

    background-size: contain;

}

.company-box .box-list .list-box:hover i{

	-webkit-animation: icon-bounce 0.5s alternate;

	-moz-animation: icon-bounce 0.5s alternate;

	-o-animation: icon-bounce 0.5s alternate;

	animation: icon-bounce 0.5s alternate;

}

/* animation */

@keyframes icon-bounce {

	0%, 100% {

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

}

	25% {

		-moz-transform: rotate(15deg);

		-ms-transform: rotate(15deg);

		-webkit-transform: rotate(15deg);

		transform: rotate(15deg);

}

	50% {

		-moz-transform: rotate(-15deg);

		-ms-transform: rotate(-15deg);

		-webkit-transform: rotate(-15deg);

		transform: rotate(-15deg);

	}

	75% {

		-moz-transform: rotate(5deg);

		-ms-transform: rotate(5deg);

		-webkit-transform: rotate(5deg);

		transform: rotate(5deg);

	}

	85% {

		-moz-transform: rotate(-5deg);

		-ms-transform: rotate(-5deg);

		-webkit-transform: rotate(-5deg);

		transform: rotate(-5deg);

	}

}

.company-box .box-list .list-box h2{

    font-size: 20px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 44px;

    margin: 32px 0;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.company-box .box-list .list-box p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    text-align: initial;

}

/* Belt Conveyor */

.belt-head{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

}

.belt-head .head-list{

    display: flex;

    align-items: center;

}

.belt-head .head-list li>a{

    font-size: 14px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    background: #fff;

    padding: 18px 30px;

    display: inline-block;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.belt-head .head-list li.active a{

    color: #fff;

    background: #294CD4;

}

.belt-head .head-list li:hover a{

    color: #fff;

    background: #294CD4;

}

.belt-box{

    background: #f7f8fc;

    padding: 110px 0;

}

.belt-title{

    text-align: center;

}

.belt-title h2{

    font-size: 36px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 44px;

}

.belt-tit h2{

    font-size: 30px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 24px;

}

/* belt1 */

.belt-box .box-cent{

    margin-top: 40px;

}

.belt-box .row{

    margin-left: 0;

    margin-right: 0;

}

.belt-box .col-md-6{

    padding-left: 0;

    padding-right: 0;

}

.belt-box .cent-list:nth-child(even) .row{

    flex-direction: row-reverse;

}

.belt-box .list-left{

    background: #fff;

    width: 100%;

    padding: 80px 100px 0 100px;

    height: 100%;

}

.belt-box .list-left h2{

    font-size: 24px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 30px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.belt-box .list-left h2:hover{

    color: #294CD4;

}

.belt-box .left-txt{

    margin-top: 28px;

}

.belt-box .left-txt p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.belt-box .list-right img{

    width: 100%;

}

.belt-box .belt-bot{

    margin-top: 50px;

}

.belt-box .belt-bot p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

/* belt2 */

.belt2-box .box-list1{

    margin-top: 40px;

}

.belt2-box .list1-txt{

    padding: 100px;

    width: 100%;

    background: #fff;

    height: 100%;

}

.belt2-box .list1-txt p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 30px;

}

.belt2-box .list1-img{

    width: 100%;

}

.belt2-box .list1-img img{

    width: 100%;

}

.belt2-box .list1-text{

    background: #fff;

    margin-top: 60px;

    padding: 54px;

}

.belt2-box .list1-text p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.belt2-box .list1-text p:last-child{

    margin-top: 15px;

}

.belt2-box .box-list2 .belt-tit{

    margin: 80px 0 35px 0;

}

.belt2-box .cent-left{

    background: #fff;

    padding: 100px 100px 0 100px;

    height: 100%;

}

.belt2-box .cent-left h2{

    font-size: 24px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 30px;

    margin-bottom: 20px;

}

.belt2-box .cent-left p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.belt2-box .cent-left a{

    border: 2px solid #314BCC;

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #314BCC;

    line-height: 24px;

    padding: 8px 27px;

    display: inline-block;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    margin-top: 20px;

}

.belt2-box .cent-left a:hover{

    background: #314BCC;

    color: #fff;

}

.belt2-box .cent-img{

    width: 100%;

}

.belt2-box .cent-img img{

    width: 100%;

}

.belt2-box .list2-cent .row:nth-child(even){

    flex-direction: row-reverse;

}

.belt2-box .box-list3 .belt-tit{

    margin: 80px 0 35px 0;

}

.belt2-box .list3-text{

    padding: 54px;

    background: #fff;

    margin-bottom: 23px;

}

.belt2-box .list3-text p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.belt2-box .box-list3 .row{

    margin-right: -15px;

    margin-left: -15px;

    margin-bottom: -20px;

}

.belt2-box .box-list3 .col-md-4{

    padding-bottom: 20px;

}

.belt2-box .list-box{

    background: #fff;

    display: inline-block;
    height: 100%;

}

.belt2-box .list-box .box-img{

    width: 100%;

}

.belt2-box .list-box .box-img img{

    width: 100%;

}

.belt2-box .list-box .box-text{

    text-align: center;

    padding: 30px;

}

.belt2-box .list-box .box-text p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.belt2-box .box-list4 .belt-tit{

    margin-top: 80px;

}

.belt2-box .list4-txt{

    margin: 36px 0;

}

.belt2-box .list4-txt p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.belt2-box .list4-con{

    margin-bottom: -20px;

}

.belt2-box .list4-con li{

    background: #E5EBFF;

    padding: 40px;

    margin-bottom: 20px;

}

.belt2-box .list4-con h2{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.belt2-box .list4-con p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    margin-top: 16px;

}

/* belt3 */

.belt3-list1{

    margin-top: 40px    ;

}

.belt3-list1 .list-left{

    background: #fff;

    padding: 127px 104px 0 104px;

    height: 100%;

    width: 100%;

}

.belt3-list1 .list-left p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 30px;

}

.belt3-list1 .list-right{

    width: 100%;

}

.belt3-list1 .list-right img{

    width: 100%;

}

.belt3-list1 .row:nth-child(even){

    flex-direction: row-reverse;

}

.belt3-list2 .belt-tit{

    margin: 90px 0 28px 0;

}

.belt3-list2 .list2-text{

    background: #fff;

    padding: 54px;

    margin-bottom: 20px;

}

.belt3-list2 .list2-text h2{

    font-size: 20px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 24px;

    margin-bottom: 15px;

}

.belt3-list2 .list2-text p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.belt3-list2 .list2-text a{

    border: 2px solid #314BCC;

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #314BCC;

    line-height: 24px;

    padding: 8px 27px;

    display: inline-block;

    margin-top: 27px;

    float: right;

}

.belt3-list2 .list2-text a:hover{

    background: #314BCC;

    color: #fff;

}

.belt3-list2 .con-box{

    background: #fff;

    height: 100%;

}

.belt3-list2 .row{

    margin-right: -15px;

    margin-left: -15px;

}

.belt3-list2 .box-img{

    width: 100%;

}

.belt3-list2 .box-img img{

    width: 100%;

}

.belt3-list2 .box-text{

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 35px 10px;

}

.belt3-list2 .box-text p{

    font-size: 20px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.belt3-list2 .box-text a{

    border: 2px solid #314BCC;

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #314BCC;

    line-height: 24px;

    padding: 6px 20px;

    display: inline-block;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.belt3-list2 .box-text a:hover{

    background: #314BCC;

    color: #fff;

}

/* belt_show1 */

.beltdetail-tit h2{

    font-size: 30px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 24px;

    text-align: center;

}

.beltdetail-box{

    padding: 220px 0;

}

.beltdetail1-img{

    margin-top: 23px;

    position: relative;

}

.beltdetail1-img img{

    width: 100%;

}

.beltdetail1-img .img-text{

    background: #FFFFFF;

    opacity: 0.8;

    position: absolute;

    left: 0;

    bottom: 0;

    padding: 40px;

}

.beltdetail1-img .img-text p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.beltdetail1-con{

    margin-top: 20px;

}

.beltdetail1-con .row{

    margin-bottom: -30px;

}

.beltdetail1-con .col-md-6{

    padding-bottom: 30px;

}

.beltdetail1-con .con-box{

    background: #F2F6FF;

    border-radius: 1px;

    padding: 40px;

    height: 100%;

}

.beltdetail1-con .con-box h2{

    font-size: 24px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.beltdetail1-con .box-list{

    margin-top: 38px;

}

.beltdetail1-con .box-list a{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.beltdetail1-list{

    margin-top: 60px;

}

.beltdetail1-list h2{

    font-size: 24px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.beltdetail1-list .list-text{

    background: #F2F6FF;

    border-radius: 1px;

    padding: 40px;

    margin-top: 20px;

}

.beltdetail1-list .list-text p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.beltdetail1-list .text-link{

    margin-top: 28px;

}

.beltdetail1-list .text-link a{

    background: #4D63D2;

    border-radius: 1px;

    padding: 10px 16px;

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 24px;

    display: inline-block;

}

.beltdetail1-list .text-link a:last-child{

    margin-left: 35px;

}

.beltdetail1-list .list-img{

    margin-top: 20px;

}

.beltdetail1-list .list-img .col-md-6 img{

    width: 100%;

}

/* belt_show2 */

.beltdetail2-list{

    margin-top: 28px;

}

.beltdetail2-list .con-left{

    background: #F2F6FF;

    border-radius: 1px;

    padding: 60px;

}

.beltdetail2-list .con-left h2{

    font-size: 24px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    margin-bottom: 30px;

}

.beltdetail2-list .con-left p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.beltdetail2-list .list-con li{

    display: flex;

}

.beltdetail2-list .list-con li:nth-child(even){

    flex-direction: row-reverse;

}

.beltdetail2-list .con-left,.beltdetail2-list .con-right{

    width: 50%;

}

.beltdetail2-list .con-right img{

    width: 100%;

}

/* belt_show3 */

.beltdetail3-list{

    margin-top: 60px;

}

.beltdetail3-list h2{

    font-size: 24px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.beltdetail3-list .list-text{

    background: #F2F6FF;

    border-radius: 1px;

    padding: 40px;

    margin-top: 20px;

}

.beltdetail3-list .list-text p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.beltdetail3-list .list-con{

    margin-top: 20px;

}

.beltdetail3-list .con-box li{

    display: flex;

    background: #F2F6FF;

    border-radius: 1px;

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    -ms-border-radius: 1px;

    -o-border-radius: 1px;

}

.beltdetail3-list .con-box li:nth-child(even){

    flex-direction: row-reverse;

}

.beltdetail3-list .con-left,.beltdetail3-list .con-right{

    width: 50%;

}

.beltdetail3-list .con-left{

    padding: 80px 40px;

}

.beltdetail3-list .con-left p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    margin-bottom: 20px;

}

.beltdetail3-list .con-right img{

    width: 100%;

}

/* belt_show4 */

.beltdetail4-box{

    padding: 220px 0;

    background: #f7f8fc;

}

.beltdetail4-con{

    margin-top: 40px;

}

.beltdetail4-con li{

    display: flex;

}

.beltdetail4-con li:nth-child(even){

    flex-direction: row-reverse;

}

.beltdetail4-con .con-left,.beltdetail4-con .con-right{

    width: 50%;

}

.beltdetail4-con .con-left{

    padding: 80px 60px 0 60px;

    background: #fff;

}

.beltdetail4-con .con-left p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    position: relative;

}

.beltdetail4-con .con-right img{

    width: 100%;

}

.beltdetail4-con .left2-list{

    margin-top: 30px;

}

.beltdetail4-con .con-left2 h2{

    font-size: 20px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 24px;

}

.beltdetail4-con .con-left2 p{

    padding-left: 20px;

}

.beltdetail4-con .con-left2 p::after{

    content: "";

    width: 6px;

    height: 6px;

    background: #7F99FF;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 8px;

}

.beltdetail4-list{

    margin-top: 80px;

}

.beltdetail4-list .list-icon{

    margin-top: 50px;

}

.beltdetail4-list .icon-box{

    display: inline-block;

    text-align: center;
    width: 100%;

}

.beltdetail4-list .icon-box p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    margin-top: 24px;

}

.beltdetail4-list .box-ul{

    margin-top: 25px;

}

.beltdetail4-list .list-box{

    margin-top: 54px;

}

.beltdetail4-list .list-box>h2{

    font-size: 20px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.beltdetail4-list .box-ul>li{

    display: flex;

    border-bottom: 1px solid #D9E7FF;

    margin-bottom: 1px;

    /*align-items: baseline;*/

}

.beltdetail4-list .con-left{

    background: #D9E7FF;

    padding: 15px 15px;

    width: 260px;

}

.beltdetail4-list .con-left h3{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #294CD4;

    line-height: 24px;

}

.beltdetail4-list .con-right{

    display: flex;

    align-items: center;

    flex: 1;

    flex-wrap: wrap;

}

.beltdetail4-list .con-right>li{

    margin: 5px 10px;

}

.beltdetail4-list .con-right>li.active a{

    background: #D9E7FF;

    border-radius: 1px;

}

.beltdetail4-list .con-right a{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    display: inline-block;

    padding: 5px 15px;

}

.beltdetail4-list .list-but{

    text-align: center;

    margin-top: 38px;

}

.beltdetail4-list .list-but button{

    background: #4060D9;

    border-radius: 1px;

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #F7F8FC;

    line-height: 24px;

    outline: none;

    border: none;

    padding: 12px 50px;

    border-radius: 1px;

}

.beltdetail4-img{

    margin-top: 58px;

}

.beltdetail4-img img{

    width: 100%;

}

/* solut1 */

.solut-head{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    position: relative;

}

.solut-head .swiper-button-next{

    right: 15%;

}

.solut-head .swiper-button-prev{

    left: 15%;

}

.solut-head .swiper-button-next::after,.solut-head .swiper-button-prev::after{

    font-size: 16px;

    color: #ccc;

}

.solut-head .head-list{

    display: flex;

    align-items: center;

    overflow-x: auto;

}

.solut-head .head-list li>a{

    font-size: 14px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    background: #fff;

    padding: 18px 30px;

    display: inline-block;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    white-space: nowrap;

}

.solut-head .head-list li.active a{

    color: #fff;

    background: #294CD4;

}

.solut-head .head-list li:hover a{

    color: #fff;

    background: #294CD4;

}



.solut-head .solut-swiper a{

    width: auto;

    font-size: 14px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    background: #fff;

    padding: 18px 30px;

    display: inline-block;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    white-space: nowrap;

}

.solut-head .swiper-slide{

    width: auto;

}

.solut-head .swiper-slide a.active{

    color: #fff;

    background: #294CD4;

}

.solut-head .swiper-slide:hover a{

    color: #fff;

    background: #294CD4;

}



.solut-box{

    background: #f7f8fc;

    padding: 110px 0;

}

.solut1-list1{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    padding: 50px;

    margin-top: 50px;

}

.solut1-list1 .list1-tit p{

    font-size: 20px;

    font-family: Arial;

    font-weight: bold;

    color: #122a88;

    line-height: 44px;

}

.solut1-list1 .list1-box {

    display: flex;

    flex-wrap: wrap;

}

.solut1-list1 .list1-box li{

    width: 20%;

    margin-top: 50px;

    text-align: center;

}

.solut1-list1 .box-con{

    display: inline-block;

    text-align: center;

}

.solut1-list1 .box-con p{

    font-size: 16px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 24px;

    margin-top: 15px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.solut1-list1 .box-con:hover img {

    -webkit-animation: icon-bounce 0.5s alternate;

    -moz-animation: icon-bounce 0.5s alternate;

    -o-animation: icon-bounce 0.5s alternate;

    animation: icon-bounce 0.5s alternate;

}

.solut1-list1 .box-con:hover p {

    color: #566fc7;

}

.solut1-list2{

    margin-top: 32px;

}

.solut1-list2 .list2-box{

    display: inline-block;

    width: 100%;

}

.solut1-list2 .list2-box img{

    display: inline-block;

    width: 100%;

}

.solut1-list3{

    margin-top: 88px;

}

.solut1-list3 .row{

    margin-left: 0;

    margin-right: 0;

}

.solut1-list3 .col-md-6{

    padding-left: 0;

    padding-right: 0;

}

.solut1-list3 .list3-tit{

    margin-bottom: 30px;

}

.solut1-list3 .list3-tit p{

    font-size: 20px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 34px;

}

.solut1-list3 .list3-text{

    width: 100%;

    background: #fff;

    height: 100%;

    padding: 90px 50px;

}

.solut1-list3 .list3-text p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.solut1-list3 .list3-img{

    width: 100%;

}

.solut1-list3 .list3-img img{

    width: 100%;

}

.solut1-list3 .row:nth-child(odd){

    flex-direction: row-reverse;

}

/* solut2 */

.solut2-list1{

    padding: 50px;

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    margin-top: 50px;

}

.solut2-list1 p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.solut2-list2{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    padding: 50px;

    margin-top: 50px;

}

.solut2-list2 .left-con{

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap;

    margin-bottom: -30px;

    margin-top: 30px;

}

.solut2-list2 .left-con li{

    text-align: center;

    width: 130px;

    padding-bottom: 30px;

}

.solut2-list2 .left-box{

    display: inline-block;

}

.solut2-list2 .left-box p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    margin-top: 15px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.solut2-list2 .left-box:hover img {

    -webkit-animation: icon-bounce 0.5s alternate;

     -moz-animation: icon-bounce 0.5s alternate;

    -o-animation: icon-bounce 0.5s alternate;

     animation: icon-bounce 0.5s alternate;

}

.solut2-list2 .left-box:hover p {

    color: #566fc7;

}

.solut2-list2 .list2-left h2{

    font-size: 20px;

    font-family: Arial;

    font-weight: 400;

    color: #122a88;

    line-height: 24px;

}

.solut2-list3{

    padding: 50px;

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    margin-top: 50px;

}

.solut2-list3 .list3-left a{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.solut2-list3 .col-md-8 img{

    width: 100%;

}

/* solut3 */

.solut3-list1 .list1-box{

    display: inline-block;

    background: #fff;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    margin-top: 50px;

}

.solut3-list1 .list1-box img{

    width: 100%;

}

.solut3-list1 .list1-box p{

    font-size: 20px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 44px;

    padding: 30px;

}

.solut3-text1{

    margin: 38px 0 78px 0;

}

.solut3-text1 p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

solut3-list2 .row{

    margin-right: 0;

    margin-left: 0;

}

.solut3-list2 .col-md-5,.solut3-list2 .col-md-7{

    padding-right: 0;

    padding-left: 0;

}

.solut3-list2 .list2-left{

    background: #E5EBFF;

    width: 100%;

    padding: 130px 50px 0 50px;

    height: 100%;

}

.solut3-list2 .list2-left p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.solut3-list2 .list2-right{

    background: #fff;

}

.solut3-list2 .list2-right{

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap;

    padding: 50px 50px 20px 50px;

}

.solut3-list2 .list2-right li{

    text-align: center;

    width: 130px;

    padding-bottom: 30px;

}

.solut3-list2 .list2-right li p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    margin-top: 15px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.solut3-list2 .list2-right li:hover img {

    -webkit-animation: icon-bounce 0.5s alternate;

     -moz-animation: icon-bounce 0.5s alternate;

    -o-animation: icon-bounce 0.5s alternate;

     animation: icon-bounce 0.5s alternate;

}

.solut3-list2 .list2-right li:hover p {

    color: #566fc7;

}

.solut3-text2{

    margin: 80px 0 38px 0;

}

.solut3-text2 p{

    font-size: 20px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 44px;

}

.solut3-list3 .list3-box{

    display: inline-block;

    width: 100%;

}

.solut3-list3 .list3-box img{

    width: 100%;

}

/* solut4 */

.solut4-list1{

    display: flex;

    margin-top: 50px;

}

.solut4-list1 .list1-left{

    background: #fff;

    padding: 50px;

}

.solut4-list1 .list1-left p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;
    margin-bottom: 10px;

}

.solut4-list1 .list1-left,.solut4-list1 .list1-right{

    width: 50%;

}

.solut4-list1 .list1-right img{

    width: 100%;

}

.solut4-list2{

    margin-top: 70px;

}

.solut4-list2 .list2-box{

    display: inline-block;

    background: #fff;

    width: 100%;
    height: 100%;

}

.solut4-list2 .list2-box img{

    width: 100%;

}

.solut4-list2 .list2-box p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    padding: 20px;

}

.solut4-list3{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    padding: 50px;

    margin-top: 80px;

}

.solut4-list3 h2{

    font-size: 24px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 44px;

    text-align: center;

}

.solut4-list3 .list3-con{

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    margin-bottom: -30px;

    margin-top: 46px;

}

.solut4-list3 .list3-con li{

    width: 20%;

    text-align: center;

    margin-bottom: 30px;

    padding: 0 15px;

}

.solut4-list3 .list3-box p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 20px;

    margin-top: 15px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.solut4-list3 .list3-box:hover img {

    -webkit-animation: icon-bounce 0.5s alternate;

     -moz-animation: icon-bounce 0.5s alternate;

    -o-animation: icon-bounce 0.5s alternate;

     animation: icon-bounce 0.5s alternate;

}

.solut4-list3 .list3-box:hover p {

    color: #566fc7;

}

.solut4-list4 {

    margin-top: 76px;

}

.solut4-list4 h2{

    font-size: 24px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 44px;

    text-align: center;

}

.solut4-list4 .list4-video{

    width: 100%;

}

.solut4-list4 .list4-video .video-box{

    width: 100%;

}

/* solut5 */

.solut5-list1{

    background: #fff;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    padding: 50px;

    margin-top: 50px;

}

.solut5-list1 .col-md-6 img{

    width: 100%;

}

.solut5-list2{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    padding: 50px;

    margin-top: 60px;

}

.solut5-list2 h2{

    font-size: 20px;

    font-family: Arial;

    font-weight: bold;

    color: #122a88;

    line-height: 44px;

}

.solut5-list2 .list2-con{

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    margin-bottom: -30px;

    margin-top: 46px;

}

.solut5-list2 .list2-con li{

    width: 20%;

    text-align: center;

    margin-bottom: 30px;

    padding: 0 15px;

}

.solut5-list2 .list2-box p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height:20px;

    margin-top: 15px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.solut5-list2 .list2-box:hover img {

    -webkit-animation: icon-bounce 0.5s alternate;

     -moz-animation: icon-bounce 0.5s alternate;

    -o-animation: icon-bounce 0.5s alternate;

     animation: icon-bounce 0.5s alternate;

}

.solut5-list2 .list2-box:hover p {

    color: #566fc7;

}

.solut5-text{

    margin-top: 60px;

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    padding: 50px;

}

.solut5-text p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.solut5-list3 {

    margin-top: 18px;

}

.solut5-list3 img{

    width: 100%;

}

.solut5-list3 .list3-img2{

    margin-top: 18px;

}

.solut5-list3 .img{

    width: 100%;

}

/* solut6 */

.solut6-list1{

    margin-top: 50px;

    display: flex;

}

.solut6-list1 .list1-left,.solut6-list1 .list1-right{

    width: 50%;

}

.solut6-list1 .list1-left{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    padding: 114px 50px 0 50px;

}

.solut6-list1 .list1-left p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.solut6-list1 .list1-right{

    width: 100%;

}

.solut6-list1 .list1-right img{

    width: 100%;

}

.solut6-list2{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    padding: 50px;

    margin-top: 80px;

}

.solut6-list2 h2{

    font-size: 20px;

    font-family: Arial;

    font-weight: 400;

    color: #122a88;

    line-height: 24px;

}

.solut6-list2 .list2-con{

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    margin-bottom: -30px;

    margin-top: 46px;

}

.solut6-list2 .list2-con li{

    width: 16.6%;

    text-align: center;

    margin-bottom: 30px;

    padding: 0 15px;

}

.solut6-list2 .list2-box p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 22px;

    margin-top: 15px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.solut6-list2 .list2-con li:hover img {

    -webkit-animation: icon-bounce 0.5s alternate;

     -moz-animation: icon-bounce 0.5s alternate;

    -o-animation: icon-bounce 0.5s alternate;

     animation: icon-bounce 0.5s alternate;

}

.solut6-list2 .list2-con li:hover p {

    color: #566fc7;

}

.solut6-list3{

    margin-top: 80px;

    display: flex;

}

.solut6-list3 .list3-left,.solut6-list3 .list3-right{

    width: 50%;

}

.solut6-list3 .list3-left img{

    width: 100%;

}

.solut6-list3 .list3-right{

    padding: 114px 50px 0 50px;

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

}

.solut6-list3 .list3-right p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.solut6-list4{

    margin-top: 80px;

}

.solut6-list4 .col-md-6 img{

    width: 100%;

}

/* solut7 */

.solut7-list1{

    display: flex;

    margin-top: 50px;

}

.solut7-list1 .list1-left{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    padding: 142px 50px 0 50px;

}

.solut7-list1 .list1-left p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.solut7-list2{

    margin-top: 85px;

}

.solut7-list2 h2{

    font-size: 24px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 44px;

}

.solut7-list2 .list2-con{

    margin-top: 32px;

}

.solut7-list2 .list2-box{

    display: inline-block;

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    text-align: center;

    width: 100%;
    height: 100%;

}

.solut7-list2 .list2-box img{

    width: 100%;

}

.solut7-list2 .list2-box p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    padding: 30px 0;

}

.solut7-map{

    background: url(../images/solut7-img6.jpg) no-repeat center;

    background-size: 100% 100%;

    padding: 150px 0;

    margin-top: 78px;

}

.solut7-map .map-text{

    width: 35%;

}

.solut7-map .map-text p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.solut7-list4 .row{

    margin-bottom: -30px;

}

.solut7-list4 .col-md-4{

    padding-bottom: 30px;

}

/* solut8 */

.solut8-list1{

    display: flex;

    margin-top: 50px;

}

.solut8-list1 .list1-left{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    padding: 142px 50px 0 50px;

}

.solut8-list1 .list1-left p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.solut8-list2 {

    margin-top: 80px;

}

.solut8-list2 .list2-con{

    margin-top: 30px;

}

.solut8-list2 h2{

    font-size: 24px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 44px;

}

.solut8-list2 .list2-box{

    text-align: center;

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    display: inline-block;

}

.solut8-list2 .list2-box img{

    width: 100%;

}

.solut8-list2 .list2-box p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    padding: 30px 0;

}

.solut8-list2  .row{

    margin-bottom: -30px;

}

.solut8-list2 .col-md-4{

    padding-bottom: 30px;

}

.solut8-list3{

    margin-top: 80px;

}

.solut8-list3 .row{

    margin-top: 30px;

}

.solut8-list3 h2{

    font-size: 24px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 44px;

}

.solut8-list3 .list3-box{

    display: inline-block;

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    text-align: center;

    padding: 35px;

    height: 100%;

}

.solut8-list3 .list3-box p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    text-align: left;

    margin-top: 36px;

}

/* solut9 */

.solut9-list1{

    display: flex;

    margin-top: 50px;

}

.solut9-list1 .list1-left{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    padding: 142px 50px 0 50px;

}

.solut9-list1 .list1-left p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.solut9-list2{

    padding: 50px;

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    margin-top: 80px;

}

.solut9-list2 .list2-con{

    display: flex;

    justify-content: space-between;

    margin-top: 46px;

}

.solut9-list2 h2{

    font-size: 24px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 44px;

    text-align: center;

}

.solut9-list2 .list2-con li{

    width: 20%;

}

.solut9-list2 .list2-box{

    display: inline-block;

    text-align: center;

    padding: 0 15px;

}

.solut9-list2 .list2-box p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    margin-top: 15px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.solut9-list2 .list2-box:hover img {

    -webkit-animation: icon-bounce 0.5s alternate;

     -moz-animation: icon-bounce 0.5s alternate;

    -o-animation: icon-bounce 0.5s alternate;

     animation: icon-bounce 0.5s alternate;

}

.solut9-list2 .list2-box:hover p {

    color: #566fc7;

}

.solut9-list3{

    display: flex;

    margin-top: 80px;

}

.solut9-list3 .list3-left{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    padding: 140px 50px 0 50px;

}

.solut9-list3 .list3-left p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

/* solut10 */

.solut10-search .left-search{

    display: flex;

    margin-top: 80px;

}

.solut10-search #searchinput{

    flex: 1;

    outline: none;

    border: none;

    font-size: 20px;

    font-family: Arial;

    font-weight: 400;

    color: #999999;

    padding: 25px 50px;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    background: #fff;

}

.solut10-search .searchbut{

    background: #294CD4;

    outline: none;

    border: none;

    padding: 0 32px;

}

.solut10-search .searchbut span{

    font-size: 20px;

    font-family: Arial;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 44px;

}

.solut10-list1{

    margin-top: 100px;

}

.solut10-list1 .row{

    margin-bottom: -30px;

}

.solut10-list1 .col-md-3{

    padding-bottom: 30px;

}

.solut10-list1 .list1-con{

    margin-top: 30px;

}

.solut10-list1 h2{

    font-size: 30px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 44px;

    text-align: center;

}

.solut10-list1 .list1-box{

    display: inline-block;

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    text-align: center;

    width: 100%;

}

.solut10-list1 .list1-box img{

    width: 100%;

}

.solut10-list1 .list1-box p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    padding: 25px 10px;

}

/* solut11 */

.solut11-list1{

    margin-top: 80px;

}

.solut11-list1 .list1-con{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    margin-top: 30px;

}

.solut11-list1 .con-img{

    width: 100%;

}

.solut11-list1 .con-img img{

    width: 100%;

}

.solut11-list1 .list1-tit h2{

    font-size: 24px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 44px;

}

.solut11-list1 .con-text{

    padding-top: 56px;

}

.solut11-list1 .con-text li{

    display: flex;

    align-items: center;

}

.solut11-list1 .con-text li h2{

    width: 126px;

    min-width: 126px;

}

.solut11-list1 .con-text li h2,.solut11-list1 .con-text li p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.solut11-list1 .list1-table{

    margin-top: 40px;

}

.solut11-list1 .table-box{

    width: 100%;

    border-color: #ddd;

}

.solut11-list1 .table-box thead{

    background: #E5EAFF;

}

.solut11-list1 .table-box  td{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    padding: 15px;

}

/* solut11 详情页 */

.solutdetail-box{

    background: #f7f8fc;

}

.solutdetail-title h2{

    font-size: 30px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 44px;

    text-align: center;

}

.solutdetail-box{

    padding: 220px 0 120px 0;

}

.solutdetail-list{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

    margin-top: 40px;

    padding: 58px 80px;

}

.solutdetail-list .list-text li{

    display: flex;

    align-items: center;

}

.solutdetail-list .list-text li h2{

    width: 126px;

    min-width: 126px;

}

.solutdetail-list .list-text li h2,.solutdetail-list .list-text li p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.solutdetail-img{

    margin-top: 80px;

    margin-bottom: -40px;

}

.solutdetail-img img{

    width: 100%;

    margin-bottom: 40px;

}

.solutdetail-return {

    text-align: center;

    margin-top: 50px;

}

.solutdetail-return a{

    border: 1px solid #979797;

    font-size: 14px;

    font-weight: 400;

    color: #323232;

    padding: 0 40px;

    line-height: 40px;

    display: inline-block;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    -o-border-radius: 25px;

}

.solutdetail-return a:hover {

    background: #122a88;

    border: 1px solid #122a88;

    color: #fff;

}

/* bag1 */

.bag-head{

    background: #FFFFFF;

    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);

}

.bag-head .head-list{

    display: flex;

    align-items: center;

    overflow-x: auto;

}

.bag-head .head-list li>a{

    font-size: 14px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    background: #fff;

    padding: 18px 30px;

    display: inline-block;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    white-space: nowrap;

}

.bag-head .head-list li.active a{

    color: #fff;

    background: #294CD4;

}

.bag-head .head-list li:hover a{

    color: #fff;

    background: #294CD4;

}

.bag-nav{

    padding: 80px 0 60px 0;

}

.bag-nav .con-list{

    display: flex;

    flex-wrap: wrap;

    padding: 20px 32px;

    background: #F5F6FA;

}

.bag-nav .con-list li{

    /* width: 33.3%; */

    margin-right: 20px;

}

.bag-nav .con-list li:hover a{

    color: #294CD4 ;

}

.bag-nav .con-list li.active a{

    color: #294CD4 ;

}

.bag-nav .con-list a{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 44px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.bag-box{

    padding-bottom: 200px;

}

.bag-shop .shop-left{

    width: 100%;

}

.bag-shop .shop-left .swiper-slide img{

    width: 100%;

}

.bag-shop .shop-left .mySwiper2 .swiper-slide img{

    height: 470px;

}

.bag-shop .shop-left .mySwiper{

    margin-top: 20px;

}

.bag-shop .shop-left .mySwiper .swiper-slide{

    border: 2px solid #fff;

}

.bag-shop .shop-left .mySwiper .swiper-slide.swiper-slide-thumb-active{

    border: 2px solid #2979FF;

}

.bag-shop .shop-right{

    padding-left: 30px;

}

.bag-shop .shop-right h2{

    font-size: 30px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 24px;

}

.bag-shop .right-list{

    margin-top: 60px;

}

.bag-shop .right-list li{

    display: flex;

    margin: 15px 0;

}

.bag-shop .right-list h3{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #999999;

    line-height: 24px;

    width: 160px;

    min-width: 160px;

}

.bag-shop .right-list p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.bag-screen{

    border-top: 1px solid #CFD4E6;

    border-bottom: 1px solid #CFD4E6;

    padding:30px 0;

    margin-top: 50px;

}

.bag-screen .screen-box h2{

    font-size: 20px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 48px;

    margin-bottom: 40px;

}

.bag-screen .screen-con{

    display: flex;

    align-items: baseline;

    padding: 15px 0;

}

.bag-screen .screen-con:not(:last-child) {

    border-bottom: 1px solid #CFD4E6;

}

.bag-screen .con-left{

    width: 180px;

}

.bag-screen .con-left h3{

    font-size: 14px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 30px;

}

.bag-screen .con-right{

    display: flex;

    flex-wrap: wrap;

    flex: 1;

    margin-left: 40px;

}

.bag-screen .con-right li{

    width: 20%;

    margin-bottom: 15px;

}

.bag-screen .con-right li.active a{

    background: #D9E0FF;

    border-radius: 1px;

}

.bag-screen .con-right a{

    font-size: 14px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    display: inline-block;

    padding: 8px 10px;

}

.bag-switch{

    margin: 26px 0;

}

.bag-switch .switch-list{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.bag-switch .switch-list a{

    font-size: 20px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    display: inline-block;

    padding: 15px 30px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.bag-switch .switch-list li.active a{

    color: #fff;

    background: #294CD4;

}

.bag-switch .switch-list li:hover a{

    color: #fff;

    background: #294CD4;

}

.bag-tit h2{

    font-size: 30px;

    font-family: Arial;

    font-weight: bold;

    color: #333333;

    line-height: 24px;

    position: relative;

    padding-left: 10px;

}

.bag-tit h2::after{

    content: "";

    width: 4px;

    height: 22px;

    background: #5591FF;

    position: absolute;

    left: 0;

}

.bag-data1{

    background: #F7F8FA;

    padding: 40px 0;

}

.bag-data1 .list-con {

    margin-top: 30px;

}

.bag-data1 .list-con li{

    display: flex;

    align-items: center;

    border-bottom: 1px solid #CCDEFF;

    padding: 12px 40px;

}

.bag-data1 .list-con li:first-child{

    background: #CCDEFF;

}

.bag-data1 .list-con .con-left,.bag-data1 .list-con .con-right{

    width: 50%;

}

.bag-data1 .list-con li a{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

}

.bag-data2{

    padding: 40px 0;

}

.bag-data2 .data2-list {

    margin-top: 30px;

}

.bag-data2 .data2-list li{

    background: #F0F5FF;

    display: flex;

}

.bag-data2 .data2-list li:nth-child(even){

    flex-direction: row-reverse;

}

.bag-data2 .list-left h2{

    font-size: 20px;

    font-family: Arial;

    font-weight: 400;

    color: #3176F5;

    line-height: 30px;

}

.bag-data2 .list-left p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    margin-top: 20px;

}

.bag-data2 .list-left,.bag-data2 .list-right{

    width: 50%;

}

.bag-data2 .list-left{

    padding: 90px 68px 0 68px;

    height: 100%;

}

.bag-data2 .list-right img{

    width: 100%;

}

.bag-data3{

    padding: 40px 0;

}

.bag-data3 .data3-con img{

    width: 100%;

}

.bag-data3 .data3-con{

    margin-top: 30px;

    margin-bottom: -30px;

}

.bag-data3 .col-md-6{

    padding-bottom: 30px;

}

.bag-data3 .con-box img{

    width: 100%;

    height: 400px;

}

.bag-data3 .con-box{

    display: inline-block;

    background: #F0F5FF;

    height: 100%;

    width: 100%;

}

.bag-data3 .con-box p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 30px;

    padding: 34px;

}

.bag-data3 .data3-con .table tr{

    display: flex;

}

.bag-data3 .data3-con .table td{

    background: #F0F5FF;

    border: none;

    width: 50%;

    margin: 8px;

    display: inline-block;

}

.bag-data3 .data3-con .table td{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 30px;

    padding: 10px 15px;

}

.bag-data3 .data3-con .table td p{

    font-size: 16px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 30px;

    padding: 34px;

}

.bag-data4{

    padding: 40px 0;

}

.bag-data4 .data4-con{

    margin-bottom: -30px;

    margin-top: 30px;

}

.bag-data4 .data4-con .col-md-4{

    width: 100%;

    padding-bottom: 30px;

}

.solut10-detail{

    padding-top: 120px;

}

.model-box{

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

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

    opacity: 0.64;

    transition: all .5s;

    visibility: hidden;

    opacity: 0;

    z-index: 998;

}

.model-cent {

    position: fixed;

    left: 50%;

    top: 50%;

    visibility: hidden;

    opacity: 0;

    z-index: 999;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}

.model-cent.active, .model-box.active {

    visibility: inherit;

    opacity: 1;

}

.model-cent .cent-box {

    background: #FFFFFF;

    padding: 50px 20px 20px 20px;

}

.model-cent .remove-model {

    position: absolute;

    top: 10px;

    right: 10px;

}

.model-cent .remove-model span {

    position: relative;

    width: 32px;

    display: inline-block;

    height: 32px;

}

.model-cent .remove-model span::before {

    content: "";

    position: absolute;

    width: 1px;

    height: 32px;

    background: #979797;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    left: 50%;

}

.model-cent .remove-model span::after {

    content: "";

    position: absolute;

    width: 1px;

    height: 32px;

    background: #979797;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    left: 50%;

}

.model-cent .form-control:focus{

    box-shadow: none;

    border-color: none;

}

.model-cent .message-form .col-md-6{

    padding-bottom: 15px;

}

.model-cent .message-form .btn{

    background: #122a88;

    color: #fff;

    padding: 6px 50px;

    text-align: center;

    margin: 15px 0;

}

.model-cent .message-form .btn.focus, .model-cent .message-form .btn:focus{

    box-shadow: none;

}

.model-cent .message-form .col-md-12{

    text-align: center;

}

.model-cent .message-form .form-control{

    font-size: 14px;

}

.model-cent .cent-box h2{

    font-size: 20px;

    font-family: Arial;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    text-align: center;

    margin-bottom: 20px;

}

/* media 媒体查询

    1200px

    1024px

    768px

*/

@media screen and (min-width: 1200px) {

    .container {

        max-width: 1200px;

    }

    .container-fluid{

        padding-right: 232px;

        padding-left: 232px;

    }

}