/*浮动设置*/

.l,
.left {
    float: left !important;
}

.r,
.right {
    float: right !important;
}


/*清除浮动*/

.cl {
    zoom: 1;
}

.cl:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.s {
    cursor: pointer;
}

.w {
    width: 1200px;
    margin: 0 auto;
}


/* banner */

.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 2px;
}

.banners img {
    display: block;
    width: 100%;
    height: auto;
}

.banner img {
    display: block;
    width: 100%;
    height: auto;
}

.banner .banner_Text {
    position: absolute;
    text-align: center;
    top: 30%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 850px;
    height: 132px;
}

.banner .banner_Text p {
    font-size: 40px;
}

.banner .banner_Text p .one {
    position: absolute;
    width: 124px;
    height: 1px;
    top: 22%;
    left: 12%;
    background-color: black;
    z-index: 1;
    margin-right: 100px;
}

.banner .banner_Text p .two {
    position: absolute;
    width: 124px;
    height: 1px;
    top: 22%;
    right: 0%;
    background-color: black;
    z-index: 1;
    margin-right: 100px;
}

.banner .banner_Text h1 {
    font-size: 50px;
    font-weight: 700;
    background-image: linear-gradient(to top, black, black);
    -webkit-background-clip: text; /* 背景被裁剪成文字的前景色 */
    -webkit-text-fill-color: transparent; /* 文字填充颜色变透明 */   

}


/* ==================关于我们====================== */

.gy1 .gy2 {
    margin-top: 64px;
    text-align: center;
    position: relative;
}

.gy1 .gy2 p {
    font-size: 48px;
    color: #e6e5e5;
}

.gy1 .gy2 h1 {
    position: absolute;
    font-size: 40px;
    color: #007eff;
    font-weight: 700;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
}

.gy1 .line {
    position: relative;
    text-align: center;
}

.gy1 .line span {
    display: inline-block;
}

.gy1 .line .one {
    display: inline-block;
    width: 95px;
    height: 4px;
    background-color: #0077f0;
    border-radius: 2px;
}

.gy1 .line .two {
    position: absolute;
    top: 8px;
    right: 575px;
    bottom: 0;
    width: 49px;
    height: 5px;
    background-color: #ff5700;
    border-radius: 2px;
}

.gy1 .gy3 {
    margin-top: 70px;
    display: flex;
    justify-content: space-between;
}

.gy1 .gy3 .gy4 h1 {
    font-size: 30px;
    color: #007eff;
    font-weight: 700;
}

.gy1 .gy3 .gy4 h6 {
    font-size: 12px;
    color: #007eff;
}

.gy1 .gy3 .gy4 p {
    width: 640px;
    margin-top: 70px;
    font-size: 16px;
    font-family: SourceHanSansCN-Normal;
    line-height: 40px;
    color: #676767;
}

.gy1 .gy3 .gy4 .gy4_butt {
    margin-top: 89px;
}

.gy1 .gy3 .gy4 .gy4_butt ul li {
    float: left;
    border-radius: 24px;
}

.gy1 .gy3 .gy4 .gy4_butt .gy4_btn {
    width: 142px;
    height: 47px;
    border-radius: 24px;
    border: solid 1px #d9d9d9;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.gy1 .gy3 .gy4 .gy4_butt .gy4_btn h1 {
    font-size: 16px;
    margin-left: 10px;
    color: #8a8989;
}

.gy1 .gy3 .gy4 .gy4_butt .gy4_btn h1:active {
    color: #ffffff;
}

.gy1 .gy3 .gy4 .gy4_butt .gy4_btn img {
    width: 17px;
    height: 19px;
    filter: brightness(70%);
}

.ac {
    background-color: #ff5700;
    color: #ffffff;
}

.h1 {
    color: #ffffff;
}

.img {
    filter: brightness(200%);
}


/* ================继续了解=============== */

.lj1 {
    width: 100%;
    height: 184px;
    background-color: #007eff;
    margin-left: 350px;
    display: flex;
    align-items: center;
    padding-left: 67px;
    margin-bottom: 49px;
}

.lj1 .lj2 {
    padding-right: 57px;
}

.lj1 .p01 {
    font-size: 30px;
    color: #ffffff;
}

.lj1 .p02 {
    font-size: 16px;
    color: #ffffff;
}

.lj1 img {
    cursor: pointer;
}


/* ===================业务展示=================== */

.yw .yw1 {
    text-align: center;
    position: relative;
}

.yw .yw1 p {
    font-size: 48px;
    color: #e6e5e5;
}

.yw .yw1 h1 {
    position: absolute;
    font-size: 40px;
    color: #007eff;
    font-weight: 700;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
}

.yw .line {
    position: relative;
    text-align: center;
}

.yw .line span {
    display: inline-block;
}

.yw .line .one {
    display: inline-block;
    width: 95px;
    height: 4px;
    background-color: #0077f0;
    border-radius: 2px;
}

.yw .line .two {
    position: absolute;
    top: 8px;
    right: 575px;
    bottom: 0;
    width: 49px;
    height: 5px;
    background-color: #ff5700;
    border-radius: 2px;
}


/* 照片 */

/* .ywphoto {
    width: 100%;
    margin-top: 48px;
    overflow: hidden;
}

.ywphoto ul {
    width: 1920px;
    overflow: hidden;
    margin: 48px auto;
}

.ywphoto ul li {
    float: left;
    width: 317px;
    position: relative;
    height: 676px;
}

.ywphoto ul li img {
    width: 100%;
    height: 676px;
    transition: transform 0.5s ease;
    filter: brightness(70%);
}

.ywphoto ul li:hover img {
    transform: scaleX(1.2);
}

.ywphoto ul li .pic1 .pic11 {
    position: absolute;
    top: 325px;
    left: 80px;
    color: #ffffff;
    width: 120px;
    font-size: 30px;
    border-bottom: 1px solid #ffffff;
    transition: all 0.5s;
}

.ywphoto ul li:hover .pic11 {
    top: 100px;
    left: 50px;
} */
.parent{
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.parent img{
    width: 100%;
    height: 763px;
    cursor: pointer;
}
.parent>div{
    width: 16.66%;
    position: relative;
    transition: all 0.5s;

}
.parent>div p {
    position: absolute;
    width: 120px !important;
    top: 400px;
    color: white;
    margin-left: 90px;
    font-size: 30px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
    border-bottom-width: 2px; /* 固定的 border-bottom 宽度 */
}
.black {
    position: absolute;
    width: 100%;
    top: 0;
    height: 763px;
    background-color: black;
    opacity: 0.4;
    display: block;
}
.parent>div:hover .black{
    display: none;
}


/* ================新闻中心================== */

.xw .xw1 {
    margin-top: 47px;
    text-align: center;
    position: relative;
}

.xw .xw1 p {
    font-size: 48px;
    color: #e6e5e5;
}

.xw .xw1 h1 {
    position: absolute;
    font-size: 40px;
    color: #007eff;
    font-weight: 700;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
}

.xw .line {
    position: relative;
    text-align: center;
}

.xw .line span {
    display: inline-block;
}

.xw .line .one {
    display: inline-block;
    width: 95px;
    height: 4px;
    background-color: #0077f0;
    border-radius: 2px;
}

.xw .line .two {
    position: absolute;
    top: 8px;
    right: 575px;
    bottom: 0;
    width: 49px;
    height: 5px;
    background-color: #ff5700;
    border-radius: 2px;
}

.xwlist {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.xwlist .xwleft {
    width: 585px;
    background-color: #f4f4f4;
}
.xwlist .xwdetails ul{
    padding-left: 10px;
}
.xwlist .xwdetails ul li {
    position: relative;
    padding: 0 33px;
    /* 1.溢出隐藏 */
    overflow: hidden;
    /* 2.用省略号来代替超出文本 */
    text-overflow: ellipsis;
    /* 3.设置盒子属性为-webkit-box  必须的 */
    display: -webkit-box;
    /* 4.-webkit-line-clamp 设置为2，表示超出2行的部分显示省略号，如果设置为3，那么就是超出3行部分显示省略号 */
    -webkit-line-clamp: 3;
    /* 5.字面意思：单词破坏：破坏英文单词的整体性，在英文单词还没有在一行完全展示时就换行  即一个单词可能会被分成两行展示 */
    word-break: break-all;
    /* 6.盒子实现多行显示的必要条件，文字是垂直展示，即文字是多行展示的情况下使用 */
    -webkit-box-orient: vertical;
}

.xwlist .xwdetails ul li h1 {
    font-size: 20px;
    margin-top: 35px;
}

.xwlist .xwdetails ul li p {
    font-size: 16px;
    color: #aeaeae;
    margin-top: 20px;
}

.xwlist .xwdetails .xw01 {
    position: absolute;
    width: 1px;
    height: 330px;
    background-color: #aeaeae;
    top: 210px;
    left: 21px;
}

.xwlist .xwdetails .xw02 {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #aeaeae;
    border: 3px solid #aeaeae;
    left: 4px;
    top: 45px;
}

/* .xwlist .xwdetails .xw03 {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #aeaeae;
    border: 3px solid #aeaeae;
    left: 2px;
    top: 48px;
}

.xwlist .xwdetails .xw04 {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #aeaeae;
    border: 3px solid #aeaeae;
    left: 7px;
    top: 42px;
} */

.xwlist .xwdetails ul li:hover .xw02 {
    background-color: #007eff;
}

.xwlist .xwleft .xwbtn {
    margin-top: 51px;
    text-align: center;
    font-size: 20px;
    z-index: 11;
}

.xwlist .xwright {
    width: 584px;
    background-color: #f4f4f4;
}

.xwlist .xwright .xwdetails .xw01 {
    position: absolute;
    width: 1px;
    height: 330px;
    background-color: #aeaeae;
    top: 210px;
    left: 619px;
}

.xwright .xwbtn {
    margin-top: 51px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    padding-bottom: 39px;
}

.xwright .xwimg {
    position: relative;
    width: 584px;
    height: 189px;
}

.xwright .xwimg img {
    width: 100%;
    height: 100%;
}

.xwleft .xwimg {
    position: relative;
    width: 584px;
    height: 189px;
}

.xwleft .xwimg img {
    width: 100%;
    height: 100%;
}

.xwright .xwimg .h01 {
    position: absolute;
    top: 66%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    font-size: 32px;
    color: #ffffff;
}

.xwleft .xwimg .h01 {
    position: absolute;
    top: 66%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    font-size: 32px;
    color: #ffffff;
}


/* =================关于我们============== */

.banner .banner_Text p .one1 {
    position: absolute;
    width: 44px;
    height: 1px;
    top: 22%;
    left: 26%;
    background-color: black;
    z-index: 1;
    margin-right: 100px;
}

.banner .banner_Text p .two1 {
    position: absolute;
    width: 44px;
    height: 1px;
    top: 22%;
    right: 14%;
    background-color: black;
    z-index: 1;
    margin-right: 100px;
}

.sybox {
    background: rgba(0, 0, 0, 0.14);
}

.syintrolist {
    height: 69px;
    display: flex;
    justify-content: space-between;
}

.syintrolist ul li {
    float: left;
    width: 142px;
    text-align: center;
    cursor: pointer;
}

.syintrolist ul li a {
    display: inline-block;
    font-size: 22px;
 
    line-height: 69px;
}

.active {
    background-color: #0070e3;
    color: #ffffff;
}

.syintrolist .sy2 {
    font-size: 14px;
    line-height: 69px;
    color: #555555;
}

.syintrolist .sy2 img {
    padding-right: 10px;
}

.sycontent p {
    margin-top: 57px;
    font-size: 16px;
    line-height: 40px;
    color: #676767;
    text-indent: 2em;
   
    /*em是相对单位，2em即现在一个字大小的两倍*/
}
.sycontent1 {
    margin-top: 57px;
}
.sycontent1ss {
    display: flex;
    margin-top: 50px;
    flex-wrap: wrap;
}
.syimg {
    width: 384px;
    height: 288px;
    overflow: hidden; 
    margin-right: 20px;
    margin-bottom: 20px;
}
.sycontent1ss img{
    width: 384px;
    height: 288px;
    transform: scale(1);
}
.sycontent1ss img:hover{
    transform: scale(1.1);
    transition: all 0.5s;
}
.syimg:nth-child(3n){
    margin-right: 0;
}
.sycontent1 p{
    font-size: 16px;
    line-height: 40px;
    color: #676767;
}
.sycontent p:nth-child(2){
    margin-top: 0px;
}
.sycontent1 ul li{
    margin-top: 55px;
    float: left;
    margin-right: 20px;
    margin-bottom: 72px;
}
.sycontent ul li {
    margin-top: 55px;
    float: left;
    margin-right: 20px;
    margin-bottom: 72px;
}
.paging {
    margin-top: 30px;
    text-align: center;
}

.sycontent ul li:nth-child(3) {
    margin-right: 0;
}
.sycontent1 ul li:nth-child(3) {
    margin-right: 0;
}


/* ================业务展示=================== */

.sybusinphoto {
    text-align: center;
}

.sybusinphoto h1 {
    margin-top: 50px;
    font-size: 30px;
    margin-bottom: 20px;
}

.sybusinphoto .img {
    margin: 0 auto;
    width: 300px;
    height: 300px;
    filter: brightness(70%);
}

.sybusinphoto .img img {
    width: 100%;
    height: 100%;
}

.sybusinphoto p {
    font-size: 20px;
    line-height: 30px;
}


/* 合作企业 */

.syCoop ul {
    margin-top: 36px;
}

.syCoop ul li {
    float: left;
    margin-right: 51px;
    margin-bottom: 31px;
    cursor: pointer;
    color: #007eff;
}

.syCoop ul li .sytext:hover h1 {
    color: #007eff;
}

.syCoop ul li .sytext:hover h1::before {
    background-color: #007eff;
}

.syCoop ul li:nth-child(2n) {
    margin-right: 0;
}

.syCoop ul li .sytext {
    position: relative;
    width: 574px;
    height: 161px;
    background-color: #ffffff;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
}

.syCoop ul li .sytext h1 {
    font-size: 20px;
    color: #565656;
    padding: 39px 0px 0px 29px;
}

.syCoop ul li .sytext h1::before {
    content: "";
    position: absolute;
    width: 9px;
    height: 17px;
    background-color: #c5c5c5;
    left: 0;
    top: 45px;
}

.syCoop ul li .sytext .syt1 {
    width: 503px;
    font-size: 14px;
    color: #9a9a9a;
    line-height: 26px;
    padding-left: 27px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/* 联系我们 */
.us {
    margin-top: 73px;
    margin-bottom: 84px;
}
.usT {
    line-height: 48px;
}
.usT h1{
    font-size: 24px;
    color: #333333;
}
.usT p{
    font-size: 16px;
    color: #9e9e9e;
}
.usT p:nth-child(1){
    font-size: 24px;
    color: #333333; 
}
.us .map {
	width: 100%;
	height: 516px;
	margin-top: 50px;
}

.info {
	position: relative !important;
	margin: 0 !important;
	top: 0 !important;
	right: 0 !important;
	min-width: 0 !important;
}
.amap-marker-label {
    border: 0;
}
/* ===============新闻中心============= */

.syCoop1 ul {
    margin-top: 36px;
}
.syCoop1 ul li {
border-bottom: 2px solid rgba(225, 225, 225, 0.5);
}
.syCoop1 ul li .newsText {
    position: relative;
	box-sizing: border-box;
    line-height: 36px;
    padding-right: 23px;
    cursor: pointer;
}
.syCoop1 ul li .newsText:hover{
box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);

 
}
.syCoop1 ul li .newsText .tx1 {
    padding-top: 39px;
    padding-left: 15px;
    font-size: 20px;
    font-weight: 700;
}

.syCoop1 ul li .newsText .tx1 span {
    float: right;
}
.syCoop1 ul li .newsText .tx1:hover{
    color: #0070e3;
}
.syCoop1 ul li .newsText .tx2 {
    padding-left: 15px;
    font-size: 14px;
    padding-bottom: 38px;
}

.syCoop1 ul li .newsText .tx1::before {
    content: "";
    position: absolute;
    width: 9px;
    height: 17px;
    background-color: #c5c5c5;
    left: 0;
    top: 48px;
}

.syCoop1 ul li .sytext .newsText {
    width: 503px;
    font-size: 14px;
    color: #9a9a9a;
    line-height: 26px;
    padding-left: 27px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.newbtn {
    margin-top: 50px;
    cursor: pointer;
    font-size: 20px;
}
.newbtn1 {
    margin-bottom: 30px;
   
}