﻿ul {
    padding-inline-start: 16px;
    margin-block-start: 0;
    margin-inline-end: 0;
}
ul li{list-style:none}
a{text-decoration:none}
/*顶部图、logo*/
.topbg{
    background: url(/Content/img/LandingPage/top_bg.png) no-repeat;
    height: 650px;
    background-size: 100% 100%;
}
.top_logo{
    position: relative;
}
.top_logo img{
    width: 18%;
    margin-top: 50px;
}

.wbk{
    width: 94%;
    margin: 0 auto;
}
.zttitle{
    color: #1e4370;
    padding-left: 10px;
    position: absolute;
    top: 270px;
    font-size: 55px;
    font-weight: bold;
}
.title_sub{
    position: absolute;
    top: 380px;
    left: 60px;
}
.title_sub p{
    margin-block-start: 0.2em;
    margin-block-end:0em;
    color:#1e4370;
    font-size: 20px;
}
/*end*/
/*痛点*/
.hxtd{height:790px;}
.td_title{
    color:#446efe;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin: 75px;
}
.td_sub{
    color: #31342b;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 40px;
}
.td_ul{
    width: 98%;
    margin: -24px 0 0 22px;
}
/*vmp*/
.yxtd_ul{
    width: 98%;
    margin: -24px 0 0 22px;
}
.yxtd_ul1{
    width: 100%;
    margin: 0 auto;
}
.yxtd_ul li{
    width: 31%;
    background: #f9f9fb;
    border-radius: 10px;
    float: left;
    text-align: center;
    margin: 25px 26px 0px 0px;
}
.yxtd_ul1 li{
    width: 31%;
    background: #f9f9fb;
    border-radius: 10px;
    float: left;
    text-align: center;
    margin: 25px 26px 0px 0px;
    height: 240px;
}
.yxtd_ul li img{
    margin: 25px 0 6px 0;
}
.yxtd_ul1 li img{
    margin: 25px 0 6px 0;
}
.yxtd_ul li p{
    margin-block-end: 0;
    margin-block-start: 0;
    width:83%;
    margin: 0 auto;
    color: #717171;
    font-size: 13px;
    margin-bottom: 32px;
    line-height: 1.8;
}
.yxtd_ul1 li p{
    margin-block-end: 0;
    margin-block-start: 0;
    width:86%;
    margin: 0 auto;
    color: #717171;
    font-size: 13px;
    margin-bottom: 32px;
    line-height: 1.8;
}
/*end*/
.td_ul li{
    width: 31%;
    background: #f9f9fb;
    border-radius: 10px;
    float: left;
    text-align: center;
    margin: 25px 26px 0px 0px;
}
.td_ul li img{
    margin: 25px 0 6px 0;
}
.td_ul li p{
    margin-block-end: 0;
    margin-block-start: 0;
    width: 60%;
    margin: 0 auto;
    color: #717171;
    font-size: 13px;
    margin-bottom: 32px;
    line-height: 1.8;
}
/*end*/
/*核心竞争力*/
.hxjzl{
    background: url(/Content/img/LandingPage/jzl_bg.png) no-repeat;
    height: 750px;
    background-size: 100% 100%;
}
.jzl_title{
    color:#ffffff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding:70px 0 0 0;
}
.jzl_title1{
    color:#31342b;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding:70px 0 0 0;
}
.jzl_sub{
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    padding-bottom: 15px;
}
.jzl_sub1{
    color: #717171;
    font-size: 18px;
    text-align: center;
    padding-bottom: 15px;
}
.jzl_ul{
    width: 100%;
    margin: 0 auto;
}
.jzl_ul li{
    width: 23%;
    background: #f9f9fb;
    border-radius: 10px;
    float: left;
    margin: 25px 26px 0px 0px;
    height: 220px;
}
.jzl_ul1 li{
    width: 23%;
    background: #f9f9fb;
    border-radius: 10px;
    float: left;
    margin: 25px 26px 0px 0px;
    height: 220px;
}
.jzl_ul1 li:hover{
    background:#4475fe;
    background: linear-gradient(to bottom, #43b3ff, #4471fe);
    color:white !important;
}
.hover1{display:none;}
.jzl_ul1 li:hover .hover{opacity:0;display:none;} 
.jzl_ul1 li:hover .hover1{opacity:1;display:block;} 


.jzl_ul li img{
    margin:10px 0 0px 15px;
    width:70px;
}
.jzl_ul1 li img{
    margin: 30px 0px 25px 26px;
    width: 60px;
}
.sc{
    font-size: 16px !important;
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
    font-weight: bold;
    position: relative;
    top: -5px;
}
/*.sc:hover{color:white !important;}*/
.sc1{
    color: #31342b !important;
    font-size: 20px !important;
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
    font-weight: bold;
    position: relative;
    top: -5px;
}
.sc2{
    color: #31342b !important;
    font-size: 16px !important;
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
    font-weight: bold;
    padding-left: 20px;
}
.jzl_ul li p{
    margin-block-end: 0;
    margin-block-start: 0;
    width: 86%;
    padding-left: 22px;
    color: #31342b;
    font-size: 12px;
    margin-bottom: 32px;
    line-height: 1.8;
}
.jzl_ul1 li p{
    margin-block-end: 0;
    margin-block-start: 0;
    width: 86%;
    padding-left: 22px;
    color: #31342b;
    font-size: 12px;
    margin-bottom: 32px;
    line-height: 1.8;
}
.jzl_ul1 li:hover p{
    color:white;
} 
/*end*/
/*典型案例*/
.jy{
    height: 750px;
    background-size: 100% 100%;
}
.jy1{
    background-image: url(/Content/img/LandingPage/fwjy_bg.png);
    height: 750px;
    background-size: 100% 100%;
}
.jy_title{
    color:#31342b;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding:80px 0 0 0;
}
.jy_title1{
    color:#fff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding:80px 0 0 0;
}
.jy_sub2{
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.jy_sub{
    color: #717171;
    font-size: 16px;
    text-align: center;
    padding-bottom: 15px;
}
.jy_sub1{
    color: #717171;
    font-size: 16px;
    text-align: center;
}
.jy_ul{
    width: 100%;
    margin: 0 auto;
}
.jy_ul li{
    width: 19%;
    border-radius: 10px;
    float: left;
    margin: 25px 11px 0px 0px;
}
.jy_ul li img{
    margin:10px 0 0px 15px;
    width:70px;
}
ul{padding-inline-start: 16px;}

.jy_01{
    background-image: url(/Content/img/LandingPage/jy_01.png);
    height: 480px;
    background-position: 56% 82%;
}
.jydiv{display:none;height: 100%;}
.jydiv:hover{
    background: #688afd;
    display: block;
    filter: alpha(Opacity = 80);
    -moz-opacity: 0.8;
    opacity: 0.85;
    height:480px;
    border-radius: 8px;
}
.divtitle{
    margin-block-start: 0;
    color: white;
    font-size: 18px;
    text-align: center;
    padding-top:127px;
}
.divsub {
    font-size: 14px;
    width: 67%;
    margin: 0 auto;
    line-height: 1.8;
    color: white;
}
.jy_02{
    background: url(/Content/img/LandingPage/jy_02.png) no-repeat;
    height: 480px;
    background-position: 14% 82%;
    background-size: 230% 100%;
}

.jy_03{
    background: url(/Content/img/LandingPage/jy_03.png) no-repeat;
    height: 480px;
    background-position: 66% 0%;
    background-size: 245% 100%;
}

.jy_04{
    background: url(/Content/img/LandingPage/jy_04.png) no-repeat;
    height: 480px;
    background-position: 62% 0%;
    background-size: 245% 100%;
}

.jy_05{
    background: url(/Content/img/LandingPage/jy_05.png) no-repeat;
    height: 480px;
    background-position: 10% 0%;
    background-size: 119% 100%;
}

/*end*/

/*典型案例*/
.dxal{
    background: url(/Content/img/LandingPage/al_bg.png) no-repeat;
    height: 750px;
    background-size: 100% 100%;
}
.dxal_title{
    color:#ffffff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding:70px 0 0 0;
}
.dxal_title1{
    color:#31342b;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding:70px 0 0 0;
}
.dxal_sub{
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    padding-bottom: 15px;
}
.dxal_sub1{
    color: #717171;
    font-size: 18px;
    text-align: center;
    padding-bottom: 15px;
}
.dxal_ul{
    width: 100%;
    margin: 0 auto;
}
.dxal_ul li{
    width:31%;
    background: #ffffff;
    border-radius: 10px;
    float: left;
    margin: 0px 26px 29px 0px;
    height: 235px;
}
.dxal_ul1 li{
    width:31%;
    background: #f9f9fb;
    border-radius: 10px;
    float: left;
    margin: 0px 26px 29px 0px;
    height: 235px;
}
.dxal_ul1 li div{
    width: 56%;
    height: 80%;
    margin: 24px auto;
}
.dxal_ul li div{
    width: 56%;
    height: 80%;
    margin: 24px auto;
}
.swiper {
   width: 100%;
   height: 580px;
}

.swiper-slide {
   text-align: center;
   font-size: 18px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.swiper-slide img {
    display: block;
    width: 90%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
}
.swiper-pagination-bullet-active{
    background: #f9f9fb !important;
}
/*end*/

/*联系方式*/
.lxfs_title{
    color:#31342b;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding:70px 0 70px 0;
}
.lxfs_bg{
    width:95%;
    height:530px;
    border-radius:10px;
    background:#f9f9fb;
    margin:0 auto;
}
.lxfs_bg1{
    display: flex;
    justify-content: space-between;
}
.lxfs_left{
    width:49%;
}
.lxfs_left div ul li{
    display: flex;
    width: 100%;
    justify-content: center;
    padding-bottom: 25px;
}
.lxfs_left div ul li div img{
    width: 40px;
    position: relative;
    top: 17px;
    right: 5px;
}
.lxfs_right div ul li{
    display: flex;
    width: 100%;
    justify-content: center;
    padding-bottom: 25px;
}
.lxfs_right div ul li div img{
    width: 40px;
    position: relative;
    top: 17px;
    right: 5px;
}
.div_boder{
    width: 70%;
    border-bottom: 1px solid #bfbfbf;
    height: 45px;
    line-height: 45px;
}
.div_text{
    margin: 0 auto;
    width: 79%;
    margin-left: 117px;
}
.div_text1{
    margin: 0 auto;
    width: 79%;
    margin-left: 117px;
}
.lxfs_right{
    width:49%;
}
.lxfs_sub{
    color: #2c74e4;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    height: 135px;
    line-height: 160px;
}

.span_text{
    width:80px;
    text-align:right;
    letter-spacing: 1.5px;
}
.span_text1{
    width:80px;
    text-align:right;
    letter-spacing: 10px;
}
.span_text2 {
    position: relative;
    right: 7px;
}
.lxwm{
    width:200px;
    color:white;
    background:#2c74e4;
    border-radius:50px;
    padding:10px;
    margin:12px auto 0;
    text-align:center;
}
/*end*/
/*在线留言*/
.leftbg{
    background: url(/Content/img/LandingPage/zxly.png) no-repeat;
    height: 430px;
    background-size: 100% 100%;
    float: left;
    width: 370px;
    margin: 140px 17px 17px;
    z-index:999;
}
.ly{
    font-size:30px;
    text-align:center;
    color:white;
    line-height:430px;
    font-weight:bold;
}
.right_ly{
    background: url(/Content/img/LandingPage/lybg.png) no-repeat;
    height: 700px;
    background-size: 85% 100%;
    margin: 70px 0px 0px;
    background-position: 100%;
}
.font{
    color:red;
    padding-right:4px;
}
.right_ly table{
    width: 63%;
    margin: 0 auto;
    padding: 147px 0 0;
}
.formTitle{
    color:#feffff;
}
.forminput{
    outline: none;
    border: none;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    width: 77%;
    border-radius: 10px;
    margin-top: 5px;
    font-size: 12px;
}
.formtextarea{
    outline: none;
    border: none;
    padding: 8px 10px 0px;
    width: 88.6%;
    border-radius: 10px;
    margin-top: 5px;
    resize: none;
    font-family: none;
    font-size: 12px;
}
.submitbtn {
    background: #446efe;
    text-align: center;
    font-size: 16px;
    color: white;
    width: 100px;
    outline: none;
    border: navajowhite;
    border-radius: 10px;
    padding: 4px;
    cursor:pointer;
}
.tj{
    text-align: right;
    padding: 35px 79px 0;
}
/*end*/
/*友链*/
.yl_title{
    color:#31342b;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding:40px 0 10px 0;
}
.w {
    width: 65%;
    margin: 0 auto;
}
.url {
    padding: 6px 0 20px 0;
    font-size: 16px;
    color: #717171;
}
.url a {
    font-size: 16px;
    color: #717171;
    margin-right: .3625rem;
    padding-right: 15px;
}
/*end*/
/*底边栏*/
.bottom_bg{
    background:#446efe;
    width:100%;
    height:325px;
    margin-top:15px;
}
.top2{
    padding-top:40px;
}
.top3{
    padding-top:10px;
}
.topdiv{
    display: flex;
    justify-content: space-between;
    color: white;
    width: 80%;
    margin: 0 auto;
    padding-top: 45px;
}
.gwewm{
    margin-block-start: 0;
    text-align: center;
    position: relative;
    bottom: 9px;
    font-size: 18px;
    color: white;
    font-weight: bold;
}
/*底边栏横线*/
.dx{
    width: 98%;
    border-bottom: 1px solid #fff;
    margin: 0 auto;
}
.bottomdiv {
    display: flex;
    justify-content: space-between;
    width: 92%;
    margin: 0 auto;
    color: white;
}
.LOGO2 img{
    width: 66%;
    margin-left: 88px;
    position: relative;
    top: 7px;
}
.ba{
    font-size:13px;
    line-height:65px;
}
.dh{
    display: flex;
    position: relative;
    right: 30px;
}
.dh img{
    position: relative;
    bottom: 3px;
}
}
/*end*/

/*vsp*/
/*.topbg3{
    background: url(/Content/img/LandingPage/fw_bg.png) no-repeat;
    height: 750px;
    background-size: 100% 100%;
}*/
.topbg2{
    background: url(/Content/img/LandingPage/yx_bg.png) no-repeat;
    height: 750px;
    background-size: 100% 100%;
}
/*体系*/
.tx{
    background: url(/Content/img/LandingPage/yxtx_bg.png) no-repeat;
    height: 750px;
    background-size: 100% 100%;
    position: relative;
}
.txbg{
    background: url(/Content/img/LandingPage/fwgn_bg.png) no-repeat;
    height: 750px;
    background-size: 100% 100%;
    position: relative;
}
.txtitle{
    font-size: 40px;
    color: white;
    font-weight: bold;
    position: relative;
    padding: 6% 0px 0 4.5%;
}
.txtitle p{
    margin-block-end: 0;
    margin-block-start: 0;
}

.circley{
    padding: 2px;
    font-style: normal;
}
.ms{
    color: white;
    position: absolute;
    bottom: 9%;
    left: 5.5%;
}
.ms p{
        font-size: 20px;
}
.ledspan{
    width: 90%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 19px;
}
.ledright{
    width: 103%;
    display: flex;
    justify-content: space-between;
}
/*end*/