.index {
    position: relative;
    box-sizing: border-box;
    /* height: 3000px; */
}

/* 热门搜索 */
.hotSearch {
    width: 100%;
    height: 80px;
    background-color: rgb(247, 247, 247);
    color: rgb(181, 181, 181);
}
.hotSearch_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 65%;
    height: 100%;
    margin: 0 auto;
    font-size: 18px;
    /* border: 1px solid red; */
}
/* 左边 热门搜索关键词推荐 */
.hotSearch_main_left {
    display: flex;
    align-items: center;
    color: #000;
}
.hotSearch_main_left_img {
    margin-right: 10px;
}
.hotSearch_main_left_img img{
    width: 40px;
    height: 40px;
}
.hotSearch_main_left_hot {
    display: flex;
    align-items: center;
}
.hotSearch_main_left_hot div{
    margin: 0 10px;
    color: rgb(181, 181, 181);
}
.hotSearch_main_left_hot div:hover {
    cursor: pointer;
}
/* 右边搜索框 */
.hotSearch_main_right {
    display: flex;
    align-items: center;
    width: 500px;
    height: 50px;
    background-color: #fff;
    border-radius: 50px;
    overflow: hidden;
    padding-right: 15px;

}
.hotSearch_main_right input {
    width: 450px;
    height: 100%;
    border: none;
    font-size: 17px;
    padding-left: 15px;
    
}
.hotSearch_main_right input::-webkit-input-placeholder {
    color: rgb(181, 181, 181);
}
.hotSearch_main_right input::placeholder {
    color: rgb(181, 181, 181);
}

/* 去掉选中时边框 */
.hotSearch_main_right input:focus {
    outline: none;
}
.hotSearch_main_right img {
    width: 35px;
    height: 35px;

}



/* 产品中心 */
.product {
    width: 100%;
    box-sizing: border-box;
}
.product_main {
    width: 65%;
    padding: 62px 0;
    margin: 0 auto;
    font-size: 18px;
}
/* 标题 */
.product_main_title {
    position: relative;
    font-size: 22px;
    letter-spacing: .1em;
    /* font-weight: bold; */
}
/* 标题背景 */
.product_main_title_bg {
    position: absolute;
    top: 5px;
    left: 32px;
    z-index: -1;
    font-size: 26px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: bold;
    color: rgba(127, 195, 232, .5);
}

/* 产品切换 */
.product_main_change {
    display: flex;
    justify-content: flex-end;
    color: rgb(181, 181, 181);
    font-size: 15px;
}
.product_main_change span {
    border-right: 1px solid rgb(240, 240, 240);;
    padding: 0 15px;
}
.product_main_change span:hover {
    cursor:pointer

    
}
/* 点击产品切换 系列选中效果 */
.spanActive {
    color: rgb(227, 198, 122);
}

/* 产品 */
.product_main_content {
    /* display: grid;
    grid-template-columns: repeat(4,24%);
    grid-template-rows: repeat(2,315px);
    grid-gap: 20px; */

    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 36px 0;
}
/* 每一个产品 */
.product_main_content>a {
    display: block;
    width: 23%;
    margin-right: 20px;
    margin-bottom: 20px;
}
.product_main_content_item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 380px;
    background-color: rgb(245, 245, 245);
    /* margin-right: 20px;
    margin-bottom: 20px; */
}
.product_main_content>a:nth-child(4n){
    margin-right: 0;
}
.product_main_content_item:nth-child(4n){
    margin-right: 0;
}
/* 当前盒子产品标题 */
.product_main_content_item span {
    width: 80%;
    text-align: center;
    margin-top: 65px;
    font-size: 16px;
    color: #262626;

}
/* 产品图片 */
.product_main_content_item img {
    width: 130px;
    height: 140px;
}

.product_main_content_item p {
    width: 80%;
    height: 56px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #B5B5B5;
    margin-top: 16px;

    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;				
    text-overflow: ellipsis;	
    display: -webkit-box;		
    -webkit-line-clamp:4;		
    line-clamp: 4;					
    -webkit-box-orient: vertical;	
    
}

.product_main_content_item:hover {
    cursor: pointer;
    box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, 0.3);
}

/* 点击产品选中效果 */
.productActive {
    box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, 0.3);
}

/* 鼠标经过显示当前产品的介绍弹窗 */
.product_main_content_dialog {
    /* display: none; */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    vertical-align: bottom;
    font-size: 12px !important;
    color: rgba(0, 0, 0, 0.5);

}
.product_main_content_dialog>div {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-bottom:6px solid #E9BB41;

}
.product_main_content_dialog_main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50%;
    background-color: #fff;
    padding: 20px 0 24px 0;
    box-sizing: border-box;
    font-size: 12px;
    color: #B5B5B5;


}
.product_main_content_dialog_main div:nth-child(1){
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px !important;
    color: #000;
    /* margin-bottom: 10px; */
}
.more{
    display: flex;
    align-items: center;
    /* border: 1px solid red; */
}
.more img{
    width: 16px;
    height: 16px;
    margin-left: 6px;
}





/* 查看更多按钮 */
.product_more {
    display: flex;
    justify-content: flex-end;
    padding-right: 40px;
}
.product_more div {
    width: 115px;
    height: 32px;
    line-height:32px;
    text-align: center;
    font-size: 13px;
    background-color: rgb(233, 187, 64);
    color: #fff;
    border-radius: 2px;
    /* 底部两只角不动 向右拉伸 */
    /* transform: skewX(-10deg); */
}
.product_more div:hover {
    cursor: pointer;
}


/* @media screen and (max-width:1600px){ */
    /* 每一个产品div的宽度 */
    /* .product_main_content >div {
        width: 22% !important;
    } */

    /* 热门搜索 的input*/
    /* .hotSearch_main_right {
        width: 354px;
    } */
/* } */

/* 此处往上都是第一版 */



/* 第二版 */
/* 产品总盒子 */
.product_center {
    width: 100%;
    box-sizing: border-box;
    background-color: rgb(226, 176, 176);
}
/* 产品父盒子 */
.product_center_main {
    /* width: 65%; */
    width: 1200px;
    font-size: 24px;
    margin: 0 auto;
    padding:  118px 0 75px 0;
}
.product_center_main_content {
    display: flex;
    flex-wrap: wrap;
    margin: 60px 0 40px 0;
}
/* 每一个产品 */
.product_center_main_content>div {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    width: 23%;
    height: 380px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.3);
    font-size: 22px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #fff;
}
.product_center_main_content>div:hover {
    cursor: pointer;
}
/* 每第四个产品div不要右外边距 */
.product_center_main_content>div:nth-child(4n){
    margin-right: 0;
}
/* 产品标题 */
.product_center_main_content>div span {
    margin: 40px 0;
}
/* 产品图片 */
.product_center_main_content>div img {
    width: 170px;
    height: 215px;
}
/* 产品div选中效果 */
.product_content_active {
    background-color: rgb(229, 229, 229) !important;
}

/* 查看更多 */
.product_center_more {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    font-size: 12px;
}
.product_center_more div {
    width: 150px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    background-color: rgb(233, 187, 65);
    margin-right: 35px;
}


/* 案例展示 */
.case_show {
    width: 100%;
    box-sizing: border-box;
    /* background-color: rgb(180, 214, 171); */

}
.case_show_main {
    width: 65%;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 24px;
    padding: 80px 0 60px 0;
    background-image: url('../images/index/case_show.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.case_show_main_title {
    display: flex;
    justify-content: space-between;
    height: 65px;
    /* border: 1px solid red; */
    margin-bottom: 180px;
}
.case_show_main_title_left {
    position: relative;
    width: 30%;
    height: 65px;
    line-height: 65px;
}
/* 标题背景 */
.case_show_main_title_left_bg {
    position: absolute;
    top: 12px;
    left: 45px;
    z-index: 1;
    font-size: 26px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: bold;
    color: rgba(127, 195, 232, .5);
}
.case_show_main_title_right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 12px;
    height: 65px;
}
.case_show_main_title_right_center {
    display: flex;
    /* height: 25px; */
}
.caseDiv:hover {
    cursor: pointer;
}



/* 线条 */
.case_show_main_title_right_center >div:nth-child(1){
    width: 200px;
    border-bottom: 1px solid rgb(181, 181, 181);
}
.case_show_main_title_right_center >div:nth-child(3){
    width: 120px;
    border-bottom: 1px solid rgb(181, 181, 181);
}
.case_show_main_title_right_center >div:nth-child(5){
    width: 120px;
    border-bottom: 1px solid rgb(181, 181, 181);
}

/* 文字 */
.case_show_main_title_right_center >div:nth-child(2){
    display: flex;
    flex-direction: column;
    align-items: center;
}
.case_show_main_title_right_center >div:nth-child(2) span{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: rgb(170, 169, 169);
    margin-top: 2px;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
}

.case_show_main_title_right_center >div:nth-child(2) span:hover {
    cursor: pointer;
}
.case_show_main_title_right_center >div:nth-child(4) span:hover {
    cursor: pointer;
}
.case_show_main_title_right_center >div:nth-child(6) span:hover {
    cursor: pointer;
}

.case_show_main_title_right_center >div:nth-child(4){
    display: flex;
    flex-direction: column;
    align-items: center;
}
.case_show_main_title_right_center >div:nth-child(4) span{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: rgb(170, 169, 169);
    margin-top: 2px;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);

}
.case_show_main_title_right_center >div:nth-child(6){
    display: flex;
    flex-direction: column;
    align-items: center;
}
.case_show_main_title_right_center >div:nth-child(6) span{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: rgb(170, 169, 169);
    margin-top: 2px;
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);

}

/* 案例选中效果 */
.caseSpan {
    background-color: rgb(233, 187, 64) !important;
}

/* 主要内容 */
.case_show_content {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    /* border: 1px solid red; */
}

.case_show_content_index {
    position: absolute;
    top: -108px;
    left: -60px;
    z-index: 1;
    width: 680px;
    height: 270px;
    background-image: linear-gradient(to right,rgb(21,139,213),rgb(98,180,227));

    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    padding: 0 10px;
    box-sizing: border-box;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}
.case_show_content_index >div:nth-child(1) {
    width: 432px;
    height: 93px;
    margin: 50px auto;
}

.case_show_content_index >div div {
    font-size: 18px;
    margin-bottom: 32px;
}
.case_show_content_index_add {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 68px;
    height: 68px;
    background: #7FC3E8;
    box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.16);
    font-size: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;

    
}
.case_show_content_index_add img {
    width: 46px;
    height: 46px;
}
/* 图片 */
.case_show_content_img{
    width: 100%;
    height: 354px;
    text-align: right;
}
.case_show_content_img img{
    width:80%;
    height: 100%;

}


/* 关于我们 */
.about_we {
    width: 100%;
    height: 594px;
    /* background: linear-gradient(149deg, #7FC3E8 0%, #0583D2 100%); */
    /* box-shadow: -4px 0px 14px 1px rgba(0,0,0,0.2); */
    display: flex;
    justify-content: center;
    align-items: center;

    background-image: url('../images/index/about_us.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;

}
.about_we_main {
    display: flex;
    align-items: center;
    /* justify-content: space-between ; */
    width: 65%;
    height: 340px;
    /* border: 1px solid red; */
    /* margin: 0 auto; */
}
.about_we_main_left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* align-items: center; */
    width: 432px;
    height: 100%;
    margin-right: 200px;
    box-sizing: border-box;
    color: #262626;

}
/* 头部标题 */
.about_we_main_left >div:nth-child(1){
    position: relative;
    font-size: 28px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
}
/* 标题背景 */
.about_we_main_left_title {
    position: absolute;
    top: 12px;
    left: 45px;
    z-index: 1;
    font-size: 26px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: bold;
    color: rgba(127, 195, 232, .5);
}

/* 中间内容 */
.about_we_main_left >div:nth-child(2){
    font-size: 14px;
    font-weight: 400;
}
/* 查看更多 */
.about_we_main_left >div:nth-child(3) a{
    display: block;
    width: 120px;
    height: 32px;
    background: #E9BB41;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    line-height: 32px;
}

.about_we_main_left >div:nth-child(3):hover {
    cursor: pointer;
}
/* 右边图片 */
.about_we_main_right img {
    width: 564px;
    height: 348px;
}


/* 新闻中心 */
.news_center  {
    width: 100%;
    padding: 120px 0;
    box-sizing: border-box;
}
.news_center_main {
    width: 65%;
    margin: 0 auto;
    /* border: 1px solid red; */
}
/* 标题 */
.news_title {
    position: relative;
    font-size: 28px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    color: #262626;
}
/* 标题背景 */
.news_title_bg {
    position: absolute;
    top: 12px;
    left: 45px;
    z-index: 1;
    font-size: 26px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: bold;
    color: rgba(127, 195, 232, .5);
}

/* 中间主要内容 */
.news_content {
    display: flex;
    margin: 89px 0 60px 0;
}
.news_content_img a{
    position: relative;
    display: block;
    width: 366px;
    height: 310px;
    box-sizing: border-box;
}
.news_content_img a img{
    width: 366px;
    height: 287px;
}
.news_content_img a span{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 48px;
    background: #E9BB41;
    color: #fff;
    line-height: 48px;
    padding: 0 22px;
    box-sizing: border-box;

    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;				
    text-overflow: ellipsis;		
    display: -webkit-box;			
    -webkit-line-clamp: 1;		
    line-clamp: 1;					
    -webkit-box-orient: vertical;	
}

.news_content_news_list {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    margin-left: 20px;
}
.news_content_news_list >div>a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 348px;
    height: 135px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 14px;
    color: #262626;
    margin-bottom: 20px;
    margin-right: 10px;

}

.news_content_news_list >div:hover {
    cursor: pointer;
}

.news_content_news_list >div a div:nth-child(1){
    font-size: 16px;
    font-weight: 600;
    color: #262626;
}
.news_content_news_list >div a div:nth-child(2){
    height: 49px;
    color: #262626;
    font-size: 14px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;				
    text-overflow: ellipsis;		
    display: -webkit-box;			
    -webkit-line-clamp: 3;		
    line-clamp: 3;					
    -webkit-box-orient: vertical;	
    
}
.news_content_news_list >div a div:nth-child(3){
    font-size: 14px;
    font-weight: 400;
    color: #262626;
}
/* 高亮样式 */
.newsActive {
    box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);
    border-radius: 4px 4px 4px 4px;
    background: #F5F5F5;

}

/* 查看更多 */
.newsMore a{
    display: block;
    width: 120px;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #E9BB41;
    color: #E9BB41;
    margin: 0 auto;
    text-align: center;
    line-height: 32px;

    font-size: 12px;
    font-weight: 400;
}
.newsMore:hover {
    cursor: pointer;
}


@media screen and (max-width:1700px){
    .news_content_news_list >div>a{
        width: 238px;
    }
    .news_content_img a img {
        width: 100%;
        height: 287px;
    }
    .news_content_news_list >div>a {
        margin-right: 0;

    }
}
@media screen and (max-width:1300px){
    .news_content_news_list {
        height: 310px;
        overflow: hidden;
    }
   
}
@media screen and (max-width:1200px){
    .product_main_content>a {
        width: 40%;
        height: 380px;
    }
    /* .product_main_content_item {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 40%;
        height: 380px;
        background-color: rgb(245, 245, 245);
        margin-right: 20px;
        margin-bottom: 20px;
    } */
    .product_main_content {
        justify-content: center;
    }
    .case_show_content_img {
        height: 285px;
    }
    .case_show_content_index {
        height: 220px;
   
    }
    .about_we_main_right img {
        width: 438px;
        height: 280px;
    }
    .about_we_main {
        height: 280px;
    }
    .about_we_main_left {
        margin-right: 100px;

    }

    .news_content {
        /* height: 287px; */
        overflow: hidden;
    }

    .news_content_news_list {
        height: 287px;
        overflow-y: scroll;
    }

}


@media screen and (max-width:900px){
    .product_main_content>a {
        width: 40%;
        height: 380px;
    }
    /* .product_main_content_item {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 65%;
        height: 380px;
        background-color: rgb(245, 245, 245);
        margin-right: 0;
        margin-bottom: 20px;
    } */
    .product_main_title {
        font-size: 18px;

    }
    .case_show_main {
        font-size: 18px;
    }
    .case_show_main_title_right_center >div:nth-child(1) {
        width: 100px;
    }
    .case_show_main_title_right_center >div:nth-child(3) {
        width: 60px;
    }
    .case_show_main_title_right_center >div:nth-child(5) {
        width: 60px;
    }

    .case_show_content_img {
        height: 285px;
    }
    .case_show_content_index {
            height: 180px;
   
    }
    .case_show_content_index {
        width: 350px;
        font-size: 12px;

    }
    .case_show_content_index >div:nth-child(1) {
        width: 100%;

    }
    .case_show_content_index >div:nth-child(1) {
        margin: 18px auto;
    }
    .case_show_content_index_add {
        width: 45px;
        height: 45px;
    }
    .case_show_content_index_add img {
        width: 25px;
        height: 25px;
    }

    .case_show_content_img img {
        height: 60%;
    }



    .about_we_main_left >div:nth-child(1) {
        font-size: 16px;

    }
    .about_we_main_left >div:nth-child(2) {
        font-size: 12px;
    }
    .about_we_main_left >div:nth-child(3) a {
        width: 90px;
        height: 25px;
        font-size: 12px;
        line-height: 25px;
    }
  

    .about_we_main_right img {
        width: 385px;
        height: 175px;
    }
    .about_we_main {
        display: block;
        height: 140px;
    }
    .about_we_main_left {
        margin-bottom: 10px;
    }


    

    .news_title {
        font-size: 16px;

    }
    .news_content {
        display: block; 
        height: auto;
        overflow: auto;
    }

    .news_content_news_list {
        height: auto;
        overflow-y: auto;
        justify-content: center;
        margin-left: 0;
        margin-top: 20px;
    }
    .news_content_img a {
        margin: 0 auto;
    }

    .news_content_news_list >div>a {
        width: 363px;
    }
    .news_content_img a img {
        width: 366px;
        height: 287px;
    }
    .product_main_title_bg {
        font-size:20px ;
    }
    .case_show_main_title_left_bg {
        font-size:20px ;
    }
    .about_we_main_left_title {
        font-size:20px ;

    }
    .news_title_bg {
        font-size:20px ;
    }

}

@media screen and (max-width:668px){

    .product_main_content>a {
        width: 60%;
        height: 380px;
    }

    .case_show_content_index {
        width: 244px;
        font-size: 12px;
        padding: 0 5px;
    }

    .about_we_main_left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /* align-items: center; */
        width: 280px;
        height: 100%;
        margin-right: 200px;
        box-sizing: border-box;
        color: #262626;
    }
    .about_we_main_right img {
        width: 280px;
        height: 175px;
    }


    .news_content_img a {
        width: 100%;
        height: 100%;
    }
    .news_content_img a img {
        width: 100%;
        height: 100%;
    }

    .case_show_main {
        font-size: 12px;
    }

    .case_show_main {
        font-size: 11px;
    }
    .case_show_main_title_right_center >div:nth-child(1) {
        width: 60px;
    }
    .case_show_main_title_right_center >div:nth-child(3) {
        width: 30px;
    }
    .case_show_main_title_right_center >div:nth-child(5) {
        width: 30px;
    }


    .case_show_main_title {
        margin-bottom: 140px;
    }

    .case_show_content_index_p {
        width: 238px;
        height: 55px;
        
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;			
        text-overflow: ellipsis;		
        display: -webkit-box;			
        -webkit-line-clamp: 4;		
        line-clamp: 4;					
        -webkit-box-orient: vertical;
    }
    .news_content_news_list >div>a {
        width: 100%;
    }

    .news_content_news_list >div a div:nth-child(2) {
        height: 48px;
    }
    .product_main_title_bg {
        font-size:18px ;
    }
    .case_show_main_title_left_bg {
        font-size:18px ;
    }
    .about_we_main_left_title {
        font-size:18px ;
    }
    .news_title_bg {
        font-size:18px ;

    }
}