﻿

.index_lay_title{
    margin: 10px;
}
.index_lay_title h3{
    text-align: center;
    font-family: PingFang-SC-Medium;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    color: #282828;
}
.index_lay_title p{
    text-align: center;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    color: #74778b;
}

.aboutus .layui-tab {
     margin-bottom:0 !important ;
}
.aboutus .about_lay_nav .layui-tab-content {
    padding-bottom: 0 !important;
    padding-top: 0;
}

/*tab头*/
.aboutus .about_lay_nav .layui-tab-title {
    width: 430px;
    margin: 0 auto;
    border-bottom-width: 0 !important;
}
.aboutus .about_lay_nav .layui-tab-title li {
    margin-right: 55px;
}

.index_lay_1_nav { width: 100%; border-bottom: 1px lightgrey solid ; }
.index_lay_1_nav .title_nav{ text-align: center ; height: 60px; }
.index_lay_1_nav .title_nav a span{ display:inline-block; width: 100px ; height: 60px ; line-height: 60px; color: #000 ;margin: 0 6px; font-size: 15px ; font-weight: 600;  }
.index_lay_1_nav .title_nav a:first-child span{  border-bottom: 2px #0053ff solid; color: #0053ff; }



/*公司简介*/
.aboutus .index_lay_1{
    margin-top: 30px;
}
.aboutus .index_lay_1 .index_lay_1_left{
    float: left;
}
.aboutus .index_lay_1 .index_lay_1_left h3{
    font-size: 24px;
    color: #2b2847;
}
.aboutus .index_lay_1 .index_lay_1_left span.icon_heng{
    display: inline-block;
    width: 40px;
    height: 8px;
    background-color: #ffbc4d;
    margin: 15px 0;
}
.aboutus .index_lay_1 .index_lay_1_left p{
    width: 671px;
    height: 89px;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #74778b;
    margin-right: 30px;
}
.aboutus .index_lay_1 .index_lay_1_right img{
    width: 460px;
    height: 344px;
}

.aboutus .index_lay_2{
    margin-top: 30px;
}
.aboutus .index_lay_2 .index_lay_2_left{
    float: left;
    margin-right: 30px;
    width: 502px;
}
.aboutus .index_lay_2 .index_lay_2_left img{
    width: 502px;
    height: 489px;
}
.aboutus .index_lay_2 .index_lay_2_right h3{
    font-size: 24px;
    color: #2b2847;
}
.aboutus .index_lay_2 .index_lay_2_right span.icon_heng{
    display: inline-block;
    width: 40px;
    height: 8px;
    background-color: #ffbc4d;
    margin: 15px 0;
}
.aboutus .index_lay_2 .index_lay_2_right p{
    height: 181px;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #74778b;
}

.aboutus .index_lay_3{
    margin-top: 30px;
}
.aboutus .index_lay_3 .index_lay_3_left{
    float: left;
    margin-top: 60px;
    margin-right: 30px;
}
.aboutus .index_lay_3 .index_lay_3_left h3{
    font-size: 24px;
    color: #2b2847;
}
.aboutus .index_lay_3 .index_lay_3_left span.icon_heng{
    display: inline-block;
    width: 40px;
    height: 8px;
    background-color: #ffbc4d;
    margin: 15px 0;
}
.aboutus .index_lay_3 .index_lay_3_right img{
    width: 750px;
    height: 340px;
}

.index_lay_4{
    height: 590px ;
    background-color: #f8faff;
    width: 100% !important;
    padding-top: 30px ;
}
.index_lay_4 .index_lay_4_wapper{
    margin-top: 33px ;
}
.index_lay_4 .lay_4_nav .layui-tab-title {
    float: left;
    width: 200px;
    margin-top: 60px;
    margin-left: 23px;
}
.index_lay_4 .lay_4_nav > .layui-tab-title .layui-this:after {
    border-radius: 20px ;
    border-bottom: 1px ;
}
.index_lay_4 .lay_4_nav .layui-tab-title li{
    display: block;
    margin: 0 ;
    border-radius: 20px ;
    border: 1px lightgrey solid;
    margin-top: 20px ;
}
.index_lay_4 .lay_4_nav >.layui-tab-title .layui-this {
    color: #fff;
    background-image: linear-gradient(0deg, #3350f1 0%, #5c81f9 100%);
}
.index_lay_4 .lay_4_nav .layui-tab-content {
    width: 920px;
    padding: 0 !important;
    float: right;
    height: 385px;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 0px
    rgba(52, 81, 241, 0.06);
    border-radius: 8px;
}


.box {
    width: 920px;
    margin: 30px auto;
    position: relative;
    overflow: hidden;
    _height: 100%
}
.picbox {
    width: 920px;
    height: 315px;
    overflow: hidden;
    position: relative
}
.picbox img{
    width:200px;
    height: 315px;
}
.piclist {
    height: 315px;
    position: absolute;
    left: 0;
    top: 0
}
.piclist li {
    background: #eee;
    margin-right: 20px;
    padding: 5px;
    float: left
}
.swaplist {
    position: absolute;
    left: -3000px;
    top: 0
}


.piclist2 {
    height: 315px;
    position: absolute;
    left: 0;
    top: 0
}
.piclist2 li {
    background: #eee;
    margin-right: 20px;
    padding: 5px;
    float: left
}
.swaplist2 {
    position: absolute;
    left: -3000px;
    top: 0
}


.piclist3 {
    height: 315px;
    position: absolute;
    left: 0;
    top: 0
}
.piclist3 li {
    background: #eee;
    margin-right: 20px;
    padding: 5px;
    float: left
}
.swaplist3 {
    position: absolute;
    left: -3000px;
    top: 0
}
