.w-r{
width: 1150px;
margin: auto;
}
.w-b{
width: 100%;
}
.banner{
position: relative;
}
.top_txt{
position: absolute;
bottom: 20px;
width: 100%;
}
.txt_con{
width: 65%;
}
.txt_con p{
font-size: 18px;
color: #fff;
padding-top: 20px;
}
.color_a{
color: #e12726;
}
.txt_con p a{
display: inline-block;
padding-bottom: 2px;
border-bottom: 1px solid #e12726;
}
.nav_con{
background-image: linear-gradient(to right, #fff 50% , #a3d8ff 50%);
z-index: 99;
}
.nav_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: #fff;
}
.nav_list p{
width: calc(100% / 7);
text-align: center;
padding: 10px 0;
}
.nav_list a{
display: block;
width: 100%;
border-right: 1px solid #180956;
font-size: 16px;
color: #180956;
}
.nav_list p:last-child a{
border-right:none;
}
.nav_list p:hover,.nav_active{
background-color: #68b649;
}
.nav_list p:hover a,.nav_active a{
color: #fff;
}
.nav_fix{
position: fixed;
top: 0;
width: 100%;
}
.menu{
position: fixed;
top: 0;
width: 100%;
padding: 15px 5px;
z-index: 99;
display: none;
}
.top_menu_list{
position: absolute;
right: 0;
top: 100%;
width: 150px;
padding: 12px 0;
background-color: #180956;
}
.top_menu_list a{
display: block;
line-height: 32px;
color: #fff;
font-size: 14px;
text-align: center;
}
.menu_list_active{
background-color: #2b5710;
}
.top_menu_icon{
float: right;
color: #6ab939;
display: inline-block;
width: 26px;
height: 19px;
padding: 5px 0;
border-top: 3px solid #6ab939;
border-bottom: 3px solid #6ab939;
background-color: currentcolor;
background-clip: content-box;
margin-right: 5px;
/*margin-top: 10px;*/
/*display: none;*/
}
.title_img{
padding: 120px 0 50px;
}
.title_img img{
margin: auto;
}
.clear_rx{
zoom: 1
}
.clear_rx:after{
content: "";
display: block;
clear: both;
}
.zongshu_con{
position: relative;
font-size: 0;
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
margin-top: 8%;
}
.bg_img{
position: absolute;
top: -15%;
left: 20%;
}
.right_zongshu{
width: 50%;
z-index: 2;
}
.left_zongshu{
width: 50%;
}
.bps_txt{
height: 320px;
background-color: #180956;
z-index: 2;
position: relative;
padding: 60px 80px 0 100px;
}
.icon1_img{
position: absolute;
left: 5%;
top: 5%;
}
.bps_txt h6{
position: relative;
padding-right: 8%;
}
.bps_txt h6 span{
font-size: 20px;
color: #fff;
padding-bottom: 2px;
border-bottom: 1px solid #ff0000;
}
.jiedu_item .text-shenglue-duo{
-webkit-line-clamp: 5;
}
.icon2_img{
position: absolute;
right: 0;
top: 0;
}
.bps_txt p{
margin-top:20px ;
font-size: 16px;
color: #a8bae3;
}
.jiedu_con{
margin-top: 36px;
font-size: 0;
position: relative;
}
.jiedu_left,.jiedu_right{
width: 50%;
display: inline-block;
vertical-align: top;
}
.jiedu_left{
background-color: #9b60a4;
}
.jiedu_con .bps_txt{
height: 340px;
}
.icon2_img{
width: 35px;
float: right;
transform: rotate(180deg);
}
.color_box{
position: absolute;
width: 57px;
height: 100px;
background-color: #ddd;
left: 50%;
bottom: 5%;
}
.jiedu_right .swiper-container{
width: 100%;
height: 100%;
}
.pre_img,.next_img{
position: absolute;
right: 40px;
cursor: pointer;
outline: none;
border:none;
}
.pre_img{
top: 5%;
}
.next_img{
bottom: 5%;
}
.jiedu_right.bps_txt{
padding: 75px 40px 50px 30px;
}
.hangye_bps{
background-color: #180956;
position: relative;
padding-bottom: 50px;
}
.tips_title{
font-size: 100px;
color: #d3ecff;
opacity: 0.3;
writing-mode:vertical-lr;
position: absolute;
left: 5%;
white-space: nowrap;
/*float: left;
margin-left: 5%;*/
}
.bps_con{
font-size: 0;
width: 78%;
margin-left: 16%;
overflow: hidden;
}
.bps_left,.bps_right{
display: inline-block;
vertical-align: top;
}
.bps_right{
width: 50%;
padding: 70px 0 0 60px;
}
.bps_right p{
font-size: 18px;
color: #d3ecff;
margin-top: 20%;
}
.bps_right span{
font-size: 16px;
color: #d3ecff;
display: block;
background-color: #0f0245;
padding: 5px 10px;
}
.bps_right a{
float: right;
margin-top: 10%;
}
.bps_right a img,.bps_right a span{
display: inline-block;
vertical-align: middle;
}
.bps_right img{
margin-right: 5px;
}
.bps_right a span{
font-size: 28px;
color: #d40000;
background-color: inherit;
}
.thumbs_list{
width: 40%;
margin-left: 60%;
font-size: 0;
overflow: hidden;
margin-top: 20px;
}
.thumbs_item{
margin-right: 10px;
display: inline-block;
width: auto;
width: 20%;
}
.thumbs_list .swiper-slide-active p{
top: -100%;
}
.thumbs_item p{
position: absolute;
width: 66px;
height: 94px;
padding-top: 36px;
text-align: center;
top: 0;
font-size: 16px;
color: #fff;
background-color: rgba(0,0,0,0.5);
}
.item_p p{
padding-top: 26px;
}
.call_con{
margin-top: 120px;
background:url(/uploads/image/sis199/tit_bg.jpg) no-repeat;
background-size: 100% 100%;
padding-bottom: 60px;
}
.call_con .title_img{
padding-top: 80px;
}
.call_txt{
font-size: 20px;
color: #fff;
text-align: center;
}
.cio_list{
display: flex;
justify-content:space-between;
}
.list_mt1{
margin-top: 50px;
}
.list_mt2{
margin: 60px 0;
}
.cio_item{
position: relative;
transition: all 0.4s ease;
}
.cio_item:hover{
margin-top:-10px;
}
.list_txt{
position: absolute;
top:64px;
width: 100%;
padding: 10% 0 0 38px;
color: #fff;
}
.list_txt1{
padding: 10% 0 0 102px;
}
.list_txt p{
font-size: 20px;
color: #fff;
}
.list_txt span{
display: block;
font-size: 16px;
line-height: 1.2;
}
.jisuan_con{
background-color: #180956;
padding-bottom: 90px;
}
.jisuan_con .title_img{
padding: 80px 0 60px;
}
.list_jisuan{
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}
.jisuan_item{
width: 48%;
margin-bottom: 20px;
height: 65px;
}
/*.jisuan_more{
display: none;
}*/
.clearfix-left{
border: 1px solid #5c0000;
height: 65px;
width: 65px;
padding: 4px 0;
}
.clearfix-left p{
color: #fff;
font-size: 18px;
}
.clearfix-left span{
font-size: 16px;
color: #fff;
display: block;
}
.clearfix-left img{
margin:auto;
}
.clearfix-right {
display: table-cell;
padding-left: 15px;
}
.clearfix-right p{
font-size: 18px;
margin-bottom: 15px;
/*padding-top: 5px;*/
}
.clearfix-right p a{
color: #fff;
-webkit-line-clamp: 2;
}
.jisuan_item:hover .clearfix-left{
border: 1px solid #d40000;
background-color: #d40000;
}
.jisuan_item:hover .clearfix-right p a{
color: #d40000;
}
.more_btn{
display: block;
width: 208px;
border:1px solid #fff;
margin:42px auto 0;
text-align: center;
color: #fff;
font-size: 20px;
height: 50px;
line-height: 43px;
cursor: pointer;
}
.more_btn:hover{
border: 1px solid #d40000;
background-color: #d40000;
}
.more_btn img,.more_btn span{
display: inline-block;
vertical-align: middle;
}
.more_btn span{
line-height: 1;
}
.more_btn img{
margin-left: 5px;
}
/*案例*/
.anlist_list{
height: 391px;
position: relative;
}
.list_btn{
width: 40px;
height: 100%;
border:1px solid #d40000;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
cursor: pointer;
}
.list_btn img{
margin: auto;
}
.prev_btn{left: 0;}
.next_btn{right: 0;}
.next_btn img{
transform: rotate(180deg);
}
.item_con{
width: calc(100% - 100px);
margin:auto;
height: 100%;
font-size: 0;
}
.list_item{
padding-top: 90px;
width: 24.99%;
height: 100%;
position: relative;
display: inline-block;
}
.list_item p{
font-size: 18px;
color: #a2a0b9;
padding: 0 2%;
text-align: center;
height: 82px;
}
.list_item hr{
display: block;
background-color: #d40000;
height: 1px;
width: 40%;
border:none;
margin: 24px auto;
}
.list_item a{
display: block;
text-align: center;
font-size: 14px;
color: #fff;
}
.list_item img{
position: absolute;
bottom: -100%;
transition: all 0.4s ease;
}
.list_item.swiper-slide{
width: 24.99%;
}
.anlist_color1{
background-image: linear-gradient(-67deg, #2a36a4 , #2a3393);
}
.anlist_color2{
background-image: linear-gradient(-67deg, #2b2685 , #2d2a69);
}
.list_item:hover{
background-image: linear-gradient(-67deg, #503059 , #180956);
}
.list_item:hover .anli_img{
bottom: 0;
}
.ry_item{
border-bottom: 1px dashed #748db7;
font-size: 0;
}
.ry_left{
width: 10%;
padding: 25px 0;
vertical-align: middle;
z-index: 2;
border-bottom: 1px solid transparent;
}
.ry_left img{
margin: auto;
}
.img_hover{
display: none;
}
.ry_right{
width: 90%;
vertical-align: middle;
}
.ry_right p{
font-size: 18px;
color: #010101;
-webkit-line-clamp: 2;
}
.ry_item:hover .ry_left{
border-bottom: 1px solid #da0000;
}
.ry_item:hover .img_hover{
display: block;
}
.ry_item:hover .jiantou_img{
display: none;
}
.ry_list{
box-shadow: 0px 0px 10px #cfcfcf;
padding: 50px 0;
}
.rongyu_scroll{overflow: hidden;
height: 510px;
overflow-y: scroll;
padding: 0 30px;
}
.rongyu_scroll::-webkit-scrollbar{
width:5px;
background-color: #fff;
}
.rongyu_scroll::-webkit-scrollbar-thumb{
background-color: #f2a6a6;
border-radius: 20px;
}
.about_con{
margin-top: 80px;
padding: 80px 0 120px;
background-color: #ededed;
font-size: 0;
}
.txt_left,.img_right{
display: inline-block;
}
.txt_left{
width: 60%;
}
.img_right{
width: 40%;
float: right;
}
.txt_left p{
font-size: 16px;
color: #010101;
text-indent: 2em;
}
.img_right img{
float: right;
}
.fot_con{
height: 70px;
background: #180956;
line-height: 70px;
color: #ffffff;
font-size: 16px;
text-align: center;
}
.fot_con a{color: #fff;}
.ewm_con{
width: 12%;
padding: 15px 12px;
background-color: #180956;
border-radius: 5px;
position: fixed;
right: 10px;
top: 30%;
z-index: 99;
}
.ewm_con img{
width: 100%;
}
.ewm_con i{
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 50%;
font-style: normal;
font-size: 18px;
color: #fff;
text-align: center;
background-color: #180956;
position: absolute;
right: -6px;
bottom: -8px;
cursor: pointer;
}
@media screen and (max-width: 1150px) {
.w-r{
width: 100%;
padding: 0 20px;
}
.txt_con p{
font-size: 16px;
}
.bps_left{
width: 48%;
}
.bps_left img{
width: 100%;
}
.bps_txt{
padding: 60px 60px 0 60px;
}
}
@media screen and (max-width: 1000px) {
.title_img{
padding: 10% 0 6%;
}
.call_con{margin-top: 10%;}
.call_con .title_img{padding-top: 6%;}
.about_con{
padding: 6% 0 10%;
}
.jisuan_con .title_img{
padding: 6% 0;
}
.txt_con p {
font-size: 14px;
padding-top: 6px;
}
.top_txt{
bottom: 8px;
}
.icon1_img,.icon2_img{
width: 30px;
}
.bps_right p{
font-size: 18px;
}
.bps_right a span{
font-size: 20px;
}
.bps_right a img{
width: 20px;
margin-right: 0;
}
.bps_txt{
height: 290px;
}
.img_right{
width: 30%;
}
.img_right img{
width: 100%;
}
.cio_item{
width: 28%;
}
.cio_list .cio_item:nth-child(1){
width: 35%;
}
.cio_item img{
width: 100%;
}
.clearfix-right p{
font-size: 18px;
padding-top: 5px;
}
.txt_left,.img_right{
width: 100%;
}
.img_right{
float: inherit;
margin-top: 5%;
}
.img_right img{
float: inherit;
width: 50%;
margin: auto;
}
.bps_txt p{
font-size: 14px;
}
.bps_txt h6 span{
font-size: 18px;
}
}
@media screen and (max-width: 900px) {
.bps_right{
padding: 8% 0 0 8%;
}
.tips_title{
font-size: 80px;
}
.list_txt{
padding: 4% 0 0 26px;
}
.list_txt1{
padding: 4% 0 0 28%;
}
.ewm_con{
width: 15%;
}
.bps_txt {
padding: 40px 20px 0 36px;
}
.icon1_img{
left: 2%;
top: 4%;
}
.bps_txt p{
margin-top: 15px;
}
}
@media screen and (max-width: 800px) {
.txt_con {
width: 80%;
}
.call_txt{
font-size: 18px;
}
.list_txt{
top: 55px;
}
.list_txt {
padding: 4% 0 0 15px;
}
.list_txt1 {
padding: 4% 0 0 26%;
}
.list_txt p{
font-size: 18px;
}
.list_txt span{
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.bg_img{
display: none;
}
.zongshu_con{
display: inherit;
margin-top: 0;
}
.left_zongshu,.right_zongshu,.jiedu_left,.jiedu_right{
width: 100%;
}
.jisuan_item{
width: 100%;
}
.list_item.swiper-slide{
width: 50%;
}
.tips_title{
left: 2%;
font-size: 60px;
}
.bps_left{
width: 36%;
}
.bps_right{
width: 60%;
}
.bps_right p{
margin-top: 5%;
}
.bps_right span{
font-size: 14px;
}
.bps_right p {
font-size: 16px;
}
.thumbs_list{
margin-top: 20px;
width: 100%;
margin-left: 0;
}
.ry_left img{
width: 40px;
}
.ry_right p{
font-size: 16px;
}
.ewm_con{
width: 18%;
padding: 12px 8px;
left: 0;
top:28%;
}
.ewm_con i{
font-size: 14px;
}
.jisuan_con{
padding-bottom: 8%;
}
.clearfix-left p{
font-size: 16px;
}
.clearfix-left span{
font-size: 14px;
}
.clearfix-right p{
font-size: 16px;
}
.list_txt{
top: 48px;
}
.title_img{
padding: 12% 0 8%;
}
.call_con{margin-top: 12%;}
.call_con .title_img{padding-top: 8%;}
.about_con{
padding: 8% 0 12%;
}
.jisuan_con .title_img{
padding: 8% 0;
}
.more_btn{
height: 45px;
line-height: 36px;
}
.bps_txt p{
font-size: 18px;
}
}
@media screen and (max-width: 640px) {
.title_img img{
width: 50%;
}
.ry_right p {
font-size: 14px;
}
.ry_left,.ry_right{
padding: 10px 0;
}
.list_txt {
top: 23%;
padding: 0 0 0 6%;
}
.list_txt1{
padding: 0 0 0 25%;
}
.list_txt p{
font-size: 16px;
}
.list_txt span{
font-size: 14px;
}
.list_mt2{
margin-top: 6%;
}
.clearfix-right p{
font-size: 16px;
}
.more_btn{
width: 180px;
font-size: 16px;
}
.list_item p{
font-size: 16px;
}
.ry_left{width: 15%;}
.ry_right{width: 85%;}
.ry_list{
padding: 5% 0;
}
.list_btn{
width: 30px;
}
.list_btn img{
width: 50%;
}
.item_con{
width: calc(100% - 60px);
}
.call_txt {
font-size: 16px;
}
.bps_right span{
display: none;
}
.bps_right p {
font-size: 14px;
}
.bps_right a span {
font-size: 16px;
}
.bps_con{
width: 86%;
margin-left: 14%;
}
.bps_right {
width: 57%;
}
.bps_left {
width: 41%;
}
.bps_txt{
height: auto;
}
.bps_txt {
padding: 8% 40px 40px 50px;
}
.jiedu_right.bps_txt {
padding: 15% 20px 45px 20px;
}
.icon1_img,.icon2_img{
width: 26px;
}
.jiedu_con .bps_txt {
height: 299px;
}
.bps_txt p{
margin-top: 10px;
}
.bps_txt p{
font-size: 14px;
}
.bps_txt h6 span{
font-size: 16px;
}
.fot_con{
height: 40px;
line-height: 40px;
font-size: 14px;
}
.anlist_list{
height: 300px;
}
.list_item{
padding-top: 8%;
}
.list_item hr{
margin: 8% auto 10%;
}
.list_txt{
display: none;
}
.call_txt{
text-align: left;
}
.ry_item:hover .ry_left{
border-bottom: 1px solid transparent;
}
.title_img{
padding: 15% 0 10%;
}
.call_con{margin-top: 15%;}
.call_con .title_img{padding: 8% 0;}
.about_con{
padding: 10% 0 15%;
}
.jisuan_con .title_img{
padding: 10% 0;
}
.bps_right {
padding: 3% 0 0 5%;
}
.hangye_bps{
padding-bottom: 8%;
}
.call_con{
padding-bottom: 10%;
}
.bps_txt h6{
padding-right: 12%;
}
}
@media screen and (max-width:500px) {
.list_txt p{
font-size: 14px;
}
.list_txt span{
font-size: 12px;
}
.tips_title{
font-size: 36px;
}
.bps_con{
margin-left: 12%;
}
.img_right img{
width: 80%;
}
.txt_con {
width: 100%;
}
.top_txt{
position: unset;
background-color:#fff;
padding-top: 20px;
}
.top_txt p{color: #180956;}
.ewm_con{
width: 22%;
}
.list_item p{
font-size: 14px;
}
.anlist_list {
height: 280px;
}
.menu{
padding: 8px 5px;
}
.bps_txt {
padding: 8% 20px 40px 30px;
}
.more_btn{
margin: 20px auto 0;
}
.tips_title{
left: 0;
}
.thumbs_list{
margin-top: 10px;
}
}
@media screen and (max-width: 420px) {
.tips_title {
font-size: 32px;
left: -6px;
}
.bps_con {
margin-left: 10%;
}
.bps_right p {
font-size: 12px;
}
.bps_right {
padding: 2% 0 0 5%;
}
.list_item p {
font-size: 14px;
}
.jiedu_right.bps_txt{
padding: 18% 20px 46px 20px;
}
}
@media screen and (max-width: 400px) {
.cio_con .w-r{
padding: 0;
}
.cio_list .cio_item:nth-child(1) {
width: 38%;
}
.cio_item {
width: 30%;
}
.ry_left img{
width: 80%;
margin: inherit;
}
.list_item p,.list_item a{
font-size: 12px;
}
.anlist_list {
height: 246px;
}
}