* {
    padding: 0px;
    margin: 0px;
}

body {
    background-color: white !important;
}

header {
    background-color: #ffffff00;
    width: 100%;
    height: 9vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 999999;
    overflow: hidden;
}



.headerlogo {
    flex: 6;
    transform: scale(0.5);
    display: flex;
    justify-content: right;
    box-sizing: border-box;
    margin-left: 17vw;
    /* margin-right: 2vw; */
    align-items: center;
}

.headermenu {
    flex: 1.3;
    color: #000;
    font-size: 3.4vw;
    /* margin-right: 2vw; */
    display: none;
}

.bar {
    flex: 2.5;
    color: #fff;
    transform: scale(0.3) translateX(22vw);
    /* margin-right: 1vw; */
    margin-left: -8vw;
}



.sider {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 0vw;
    height: 100vh;
    z-index: 99999999999999999;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: 2%;
    padding-top: 4%;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    flex-wrap: nowrap;
    /* margin-bottom: 1vh; */
}

    .sider button {
        font-size: 3.4vw;
        /* margin-left: 16vw; */
        margin-top: -3vw;
        flex: 1;
    }

    .sider h2 {
        flex: 1;
        font: 18px / 1.5 Arial, Microsoft Yahei, Hiragino Sans GB, sans-serif;
        font-size: 2.9vw;
        font-weight: 900;
        /* font-size:1.5vw; */
        /* font-weight: 900; */
    }

    .sider ul li {
        font-style: italic;
        color: gray;
        font-size: 3.7vw;
        margin-bottom: 2vh;
        /* align-self: center; */
        /* justify-items: center; */
    }

        .sider ul li span {
            display: none;
        }

.aboutlist {
    flex: 1;
}

.newproductslist {
    flex: 3;
}

.cobrandedcollectionlist {
    flex: 3;
}

.newslist {
    flex: 2;
}

.contactlist {
    flex: 2;
}

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.menu {
    width: 80px;
    height: 58px;
    cursor: pointer;
    z-index: 50;
}

    .menu div {
        height: 9px;
        width: 100%;
        background-color: #000;
        border-radius: 3px;
        /* box-shadow: 0 2px 10px rgba(0,0,0,0.5); */
        transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    }

    .menu .line-two {
        margin: 14px 0;
    }

    .menu:not(.active) .line-one {
        animation: line-one-rev 0.5s ease-in-out forwards;
    }

    .menu:not(.active) .line-two {
        animation: line-two-rev 0.5s ease-in-out forwards;
    }

    .menu:not(.active) .line-three {
        animation: line-three-rev 0.5s ease-in-out forwards;
    }

    .menu.active .line-one {
        animation: line-one 0.5s ease-in-out forwards;
    }

    .menu.active .line-two {
        animation: line-two 0.5s ease-in-out forwards;
    }

    .menu.active .line-three {
        animation: line-three 0.5s ease-in-out forwards;
    }

@keyframes line-one {
    0% {
        transform: translateY(0) rotate(0);
    }

    50% {
        transform: translateY(22px) rotate(0);
    }

    100% {
        transform: translateY(22px) rotate(45deg);
    }
}

@keyframes line-two {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0);
    }
}

@keyframes line-three {
    0% {
        transform: translateY(0) rotate(0);
    }

    50% {
        transform: translateY(-22px) rotate(0);
    }

    100% {
        transform: translateY(-22px) rotate(135deg);
    }
}

@keyframes line-one-rev {
    0% {
        transform: translateY(22px) rotate(45deg);
    }

    50% {
        transform: translateY(22px) rotate(0);
    }

    100% {
        transform: translateY(0) rotate(0);
    }
}

@keyframes line-two-rev {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes line-three-rev {
    0% {
        transform: translateY(-22px) rotate(135deg);
    }

    50% {
        transform: translateY(-22px) rotate(0);
    }

    100% {
        transform: translateY(0) rotate(0);
    }
}


/*关于我们*/
.aboutuschunck {
    width: 100%;
    /* height: 40vh; */
}

.aboutustop {
    width: 60%;
    height: 70vh;
    border: 1px solid black;
    margin-left: 20%;
}
/* .aboutustopleftimg{
    width: 25%;
    height:70vh;
    border:1px solid black;
    margin-left: 15%;
    display: inline-block;
    margin-top:10vh;
}
.aboutustoprightimg{
    width: 45%;
    height:70vh;
    border:1px solid black;
    display: inline-block;
    margin-left:-0.3vw;
    margin-top:10vh;
} */
.aboutustopimg {
    width: 100%;
    height: auto;
    /* border: 1px solid black; */
    margin-left: 0;
    display: inline-block;
    margin-top: 10vh;
}

.backfunction {
    margin-left: 5%;
    margin-top: 5vh;
    display: inline-block;
    font-size: 3.2vw;
}


.backfunction1 {
    font-weight: 900;
}

    .backfunction1:hover {
        cursor: pointer;
    }

.backfunction2 {
    cursor: pointer;
}

.aboutuslogo {
    display: inline-block;
    width: 30vw;
    height: auto;
    margin-left: 5vw;
}

.aboutusparagraphenglish {
    margin-left: 5%;
    width: 90%;
    margin-top: 5vh;
    font-size: 3.3vw;
    word-spacing: 0.2vw;
    line-height: 2.8vh;
}

.englishname {
    width: 68%;
    font-size: 3.3vw;
    word-spacing: 0.2vw;
    text-align: right;
    margin-left: 20%;
    margin-top: 5vh;
    margin-bottom: 5vh;
}

.aboutusparagraphchinese {
    width: 90%;
    margin-left: 5%;
    margin-top: 5vh;
    font-size: 3.3vw;
    letter-spacing: 0.2vw;
    line-height: 2.8vh;
}

.chinesename {
    width: 67%;
    text-align: right;
    font-size: 3.3vw;
    letter-spacing: 0.2vw;
    margin-left: 20%;
    margin-top: 5vh;
    margin-bottom: 5vh;
}
/*时尚大片*/
.campaignchunck {
    width: 100%;
    /* height: 219vh; */
    background-color: #fff;
}

.campaignfirstphotoarea {
    width: 100%;
    height: auto;
    /* background-color: aqua; */
    overflow: hidden;
    /* margin-left: 2.5%; */
    /* transform: translateY(10vh); */
}

.campaignsecondphotoarea {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0%;
    margin-top: 2vh;
    /* background-color: antiquewhite; */
    overflow: hidden;
    /* transform: translateY(10vh); */
    box-sizing: border-box;
    padding-left: 3%;
    padding-right: 3%;
}
.campaignthirdphotoarea {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0%;
    /* margin-top: -3vh; */
    /* background-color: aquamarine; */
    /* transform: translateY(-4vh); */
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 3%;
    padding-right: 3%;
}

.campaignfourthphotoarea {
    width: 100%;
    height: auto;
    margin-left: 0;
    /* background-color: pink; */
    /* border: 10px solid black; */
    margin-top: 2vh;
    object-fit: cover;
    overflow: hidden;
    margin-bottom: 5vh;
    box-sizing: border-box;
    padding-left: 3%;
    padding-right: 3%;
}

.campaignfirstphoto {
    width: 100%;
    height: 45vh;
    object-fit: cover;
}

.campaignsecondphoto {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.campaignthirdphoto {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-top: 2vh;
    box-sizing: border-box;
    padding-left: 3%;
    padding-right: 3%;
}

.campaignfourthphoto {
    width: 100%;
    /* height:100%; */
    height: auto;
    object-fit: cover;
    border: 10px solid black;
}

.campaignfirstphoto:hover {
    cursor: pointer;
}

.campaignsecondphoto:hover {
    cursor: pointer;
}

.campaignthirdphoto:hover {
    cursor: pointer;
}

.campaignfourthphoto:hover {
    cursor: pointer;
}
/*视频展示*/
.showvideochunck {
    width: 100%;
    /* height: 30vh; */
    /* background-color:aqua; */
}

.showvideofirstphotoarea {
    width: 100%;
    height: 34vh;
    /* background-color: aqua; */
    overflow: hidden;
    /* margin-left: 5%; */
}

.showvideofirstphoto {
    width: 100%;
    height: 30vh;
    /* object-fit: contain; */
}

.videoarea {
    width: 96%;
    height: 105vh;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 0vh;
    /* background-color:pink; */
}

    .videoarea ul {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

        .videoarea ul li {
            position: relative;
        }

            .videoarea ul li:nth-child(1) {
                width: 100%;
                height: 55vh;
                /* margin-right: 76%; */
                /* background-color:purple; */
            }

                .videoarea ul li:nth-child(1) video {
                    width: 100%;
                    /* margin-left: 5%; */
                    height: 48vh;
                    /* border:1px solid black; */
                    object-fit: cover;
                    overflow: hidden;
                }

                .videoarea ul li:nth-child(1) img {
                    position: absolute;
                    left: 21%;
                    top: 24%;
                    z-index: 3;
                    transform: scale(0.2);
                }

            .videoarea ul li:nth-child(2) img {
                position: absolute;
                left: 21%;
                top: 24%;
                z-index: 3;
                transform: scale(0.2);
            }

            .videoarea ul li:nth-child(1) img:hover {
                cursor: pointer;
            }

            .videoarea ul li:nth-child(2) img:hover {
                cursor: pointer;
            }

            .videoarea ul li:nth-child(1) p {
                width: 100%;
                /* margin-left: 5%; */
                font-size: 5vw;
            }

            .videoarea ul li:nth-child(2) {
                width: 100%;
                height: 55vh;
                /* background-color:blue; */
            }

                .videoarea ul li:nth-child(2) video {
                    width: 102%;
                    /* margin-left: 5%; */
                    height: 48vh;
                    /* border:1px solid black; */
                    object-fit: cover;
                    overflow: hidden;
                }

                .videoarea ul li:nth-child(2) p {
                    width: 100%;
                    /* margin-left: 5%; */
                    font-size: 5vw;
                }

.loadmorebtn {
    width: 39vw;
    height: 5vh;
    background-color: white;
    border: 3px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 28%;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    margin-bottom: 2vh;
}

    .loadmorebtn:hover {
        cursor: pointer;
    }

    .loadmorebtn img {
        display: inline-block;
        width: 4vw;
        /* animation-name:rightarrowmove;
    animation-duration: 2s;
    animation-iteration-count: infinite; */
    }

@keyframes rightarrowmove {
    0% {
        transform: translateX(1vw);
    }

    50% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(1vw);
    }
}

.loadmorebtn span {
    display: inline-block;
}
/*contactus*/
.contactuschunck {
    width: 100%;
    /* height: 57vh; */
    /*background-color: aqua;*/
}

.contactustopimg {
    width: 100%;
    height: auto;
    margin-left: 0;
}

.companyinformation {
    margin-top: 5vh;
    width: 100%;
    height: 30vh;
    /*background-color: pink;*/
    display: flex;
    flex-direction: column;
}

.companyinformationleft {
    box-sizing: border-box;
    flex: 1;
    /*background-color: antiquewhite;*/
    padding-left: 7%;
    /* padding-top: 5vh; */
    border-right: 1px solid gray;
    flex-direction: column;
    display: flex;
    /* justify-content: center; */
    align-items: flex-start;
    margin-bottom: 1vh;
}

    .companyinformationleft h1 {
        font-weight: 900;
        font-size: 5.3vw;
        line-height: 4vh;
    }

    .companyinformationleft ul li {
        color: gray;
        font-size: 3.2vw!important;
        line-height: 3vh;
    }

.companyinformationright {
    box-sizing: border-box;
    /* background-color: violet; */
    flex: 1;
    padding-left: 3%;
    padding-top: 0vh;
}

    .companyinformationright ul {
        /* background-color: green; */
        width: 96%;
        height: 19vh;
        display: flex;
        flex-direction: row;
    }

        .companyinformationright ul li {
            /* background-color: skyblue; */
            flex: 1;
        }

            .companyinformationright ul li img {
                width: 100%;
                height: auto;
                /* border: 1px solid black; */
            }

            .companyinformationright ul li p {
                font-size: 3.3vw;
                color: #000;
                text-align: center;
            }

.contactform {
    width: 81%;
    height: 37vh;
    margin-left: 10%;
    margin-top: 10vh;
    /*background-color:purple;*/
    display: flex;
    flex-direction: column;
}

.textinput {
    flex: 1;
    font-size: 3.3vw;
    color: gray;
    border: 0px solid gray;
    margin-bottom: 1vh;
}

    .textinput:focus {
        outline: none;
    }

.telinput {
    flex: 1;
    font-size: 3.3vw;
    color: gray;
    border: 0px solid gray;
    margin-bottom: 1vh;
}

    .telinput:focus {
        outline: none;
    }

.messagetextarea {
    flex: 4;
    font-size: 3.3vw;
    color: gray;
    border: 0px solid gray;
    resize:none;
    margin-top: 2vh;
}

.hr1 {
    width: 10%;
    height: 2px;
    background-color: gray;
}

.hr2 {
    width: 10%;
    height: 2px;
    background-color: gray;
}

.hr3 {
    width: 10%;
    height: 2px;
    background-color: gray;
}

.messagetextarea:focus {
    outline: none;
}

.sendbtn {
    flex: 1.5;
    width: 40%;
    margin-top: 3vh;
    background-color: gray;
    color: #fff;
    font-size: 3.3vw;
    align-self: center;
}
.sendbtn:hover {
    background-color:#000;
    cursor:pointer;
}

.contactlastparagraph {
    width: 100%;
    height: 20vh;
    background-color: gray;
    color: #fff;
    text-align: center;
    font-size: 3.2vw;
    box-sizing: border-box;
    padding-top: 4vh;
    margin-top: 4vh;
    margin-bottom: -2vh;
    padding-left: 2vw;
    padding-right: 2vw;
    line-height: 6vw;
}
/*product1*/
.goodschunck{
    width:100%;
    /* height: 125vh; */
}
.goodschunck h1{
    font-size:3vw;
    font-weight: 900;
    text-align: center;
    display: none;
}
.goodschuncktopimg{
    width: 100%;
    margin-left: 0%;
    height: auto;
    margin-bottom:10vh;
}
.goodschunck ul{
    width: 100%;
    height:auto;
    /* margin-left:10%; */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.goodschunck ul li{
    width: 48%;
    height: 40vh;
    /* background-color:yellow; */
    /* margin-left:2vw; */
    /* margin-bottom:3vh; */
    /* border: 1px solid black; */
    position: relative; /* 新增：为覆盖层提供定位上下文 */
    overflow: hidden; /* 新增：隐藏超出部分 */
    list-style: none; /* 移除默认列表样式 */
    /* float: left; */
    margin-left: 0.5%;
    margin-right: 0.5%;
}
.goodschunck ul li:hover{
    cursor:pointer;
}
.goodschunck ul li img{
    width:100%;
    height:100%;
    object-fit: cover; /* 让图片充满容器 */
}

/* 新增覆盖层样式 */
.overlay {
    position: absolute;
    top: 0;
    left: 0; /* 固定从左侧开始 */
    height: 100%; /* 高度始终满屏 */
    width: 0; /* 初始宽度为0 */
    background-color: rgba(200, 200, 200, 0.7);
    transition: width 0.5s ease; /* 仅宽度过渡动画 */
    z-index: 10;
}

/* 鼠标悬停时从左到右展开 */
li:hover .overlay {
    width: 100%; /* 展开至全屏宽度 */
}

/* 非悬停状态重置 */
li:not(:hover) .overlay {
    width: 0;
}
.py-16{
    background-color: #eaeaea;
    padding-top: 1rem!important;
    padding-bottom: 0rem!important;
}
#contact [class^="logoarray"] {
    margin: 0;
    padding: 0 0 20px 0; /* 底部留空进一步缩减 */
    box-sizing: border-box;
    background-color: #eaeaea;
    float: left;
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    height: 120px; /* 容器高度继续降低 */
}

/* 第一行图标 */
#contact .logoarray1,
#contact .logoarray2,
#contact .logoarray3,
#contact .logoarray4 {
    transform: scale(0.5);
    transform-origin: center top;
}

/* 第二行图标（核心靠拢调整） */
#contact .logoarray5,
#contact .logoarray6,
#contact .logoarray7,
#contact .logoarray8 {
    transform: scale(0.5);
    transform-origin: center top;
    margin-top: 10px; /* 从30px减至10px，两排几乎贴近 */
}

/* 图标样式 */
#contact [class^="logoarray"] svg {
    display: block;
    width: 80%;
    max-width: 12vw;
    margin: 0 auto 5px; /* 图标与文字间距最小化 */
    order: 1;
}

/* 文字样式 */
#contact [class^="logoarray"] > *:not(svg) {
    display: block;
    width: 100%;
    font-size: 13px; /* 文字略缩小，避免占用过多空间 */
    color: #333;
    margin: 0 auto;
    order: 2;
    transform: scale(2);
    transform-origin: center top;
}

/* 换行清除浮动 */
#contact::after {
    content: "";
    display: block;
    clear: both;
    height: 10px; /* 与第二行margin-top匹配 */
    visibility: hidden;
}

/* 底部公共文字区域 */
#contact .number,
#contact .contactcopyright {
    clear: both;
    width: 100%;
    margin: 0; /* 上下间距缩小 */
    text-align: center;
    padding-top: 18px; /* 与第二排距离最小化 */
    height: auto;
    font-size: 3.3vw;
}

/* 手机端适配 */
@media (max-width: 768px) {
    #contact [class^="logoarray"] {
        width: 23%;
        height: 40px;
        transform: scale(1.5);
        /* margin-top: 10px; */ /* 手机端间距同步缩小 */
    }
    #contact [class^="logoarray"] > *:not(svg) {
        transform: scale(1.25);
        font-size: 11px;
    }
}

.poparea {
    width: 100%;
    height: 10vh;
    display: flex;
    /*background-color:green;*/
    position: fixed;
    bottom: 7vh;
    /*top:353vh;*/
    z-index: 555555;
    display:none;
}

.blank {
    flex: 15;
}

.popwindow {
    flex: 1;
    background-color: skyblue;
    margin-right: 0px;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
}

.popwindow1 {
    visibility: hidden;
}

.popwindow2 {
    visibility: hidden;
}

.popwindow3 {
    visibility: hidden;
}

.popwindow4 {
    visibility: hidden;
}

.popwindow5 {
    visibility: hidden;
}

.popwindow6 {
    visibility: hidden;
}

.popwindow7 {
    visibility: hidden;
}

.popwindow8 {
    visibility: hidden;
    margin-right: 15vw;
}

.logoarray8 {
    margin-right: 15vw;
}

























































/* 织梦园模板网（dedeyuan.com）做最好的织梦整站模板下载网站 */


ul {
	margin: 0;
	padding: 0;
}

.mar_t20 {
	margin-top: 20px;
}

.mar_b20 {
	margin-bottom: 20px;
}

.hengxian {
	height: 0;
	width: 100%;
	border-bottom: 1px solid #cccccc;
}

.l_more {
	color: #fac7c4;
	border: 2px solid #fac7c4;
	padding: 9px 40px;
	border-radius: 6px;
	display: inline-block;
	cursor: pointer;
}

.l_more2 {
	color: #fac7c4;
	border: 1px solid #fac7c4;
	padding: 4px 20px;
	border-radius: 4px;
	display: inline-block;
	cursor: pointer;
	font-size: 12px;
}

.l_more2:hover,
.l_more:hover {
	background: #fac7c4;
	color: #fff;
	text-decoration: none;
}

.menu_sild {
	border-bottom: 1px solid #ebebeb;
}

.menu_sild ul {
	margin: 0;
	padding: 0;
}

.menu_sild li {
	float: left;
	list-style: none;
	width: 32.5%;
}

.menu_sild li a {
	display: block;
	height: 50px;
	line-height: 50px;
	color: #555;
	font-size: 14px;
	width: 100%;
	text-align: center;
}

.menu_sild li a:hover,
.menu_sild li a.current {
	color: #fac7c4;
	border-bottom: 2px solid #fac7c4;
	text-decoration: none;
}

/*业务支持—电力储能*/
.business_con {
	padding: 50px 0;
}

.business_con .business_tit {
	color: #333;
	font-size: 24px;
	padding-bottom: 25px;
	border-bottom: 1px solid #cccccc;
	margin: 0;
}

.business_con .business_tex {
	padding: 25px 0 50px;
}

.business_con .col-md-7 {
	float: left;
	padding: 0;
	color: #444;
}

.business_con .col-md-5 {
	float: right;
	padding: 0;
	color: #444;
	text-align: right;
	width: 450px;
}

.business_con .col-md-7 p {
	margin-bottom: 25px;
	line-height: 30px;
}

.bus_list .bus_listcon {
	padding: 50px 0 0;
}

.bus_list .bus_listcon li {
	margin-bottom: 40px;
	list-style: none;
}

.bus_list .bus_listcon li .bus_listcon_t1 {
	font-size: 18px;
	color: #444;
	line-height: 38px;
	margin-bottom: 0px;
	white-space: normal;
}

.bus_list .bus_listcon li .bus_listcon_t2 {
	font-size: 16px;
	color: #777777;
	line-height: 30px;
	margin-bottom: 10px;
	white-space: normal;
}

.case {
	padding: 20px 0;
}

.case .case_t1 p,
.history_wrap .case_t1 p {
	font-size: 32px;
	font-weight: bold;
	color: #333;
	display: inline-block;
	border-bottom: 1px solid #cccccc;
	margin: 0 auto 10px;
	padding: 1rem 0 20px;
}

.case .case_t2,
.history_wrap .case_t2 {
	text-align: center;
	color: #666;
	margin-bottom: 40px;
}

.case .case_list .item li {
	list-style: none;
	float: left;
	width: 32%;
	margin-bottom: 26px;
}

.case .case_list .item li:nth-child(3n+2) {
	margin-left: 2%;
	margin-right: 2%;
}

.case .case_list .item li:nth-child(3n) {
	float: right;
}

.case .case_list .item li .case_text {
	background: #f5f5f5;
	height: 84px;
}

.case .case_list .item li .case_text .case_text1 {
	color: #333;
	line-height: 40px;
	padding: 0 10px;
	margin: 0;
}

.case .case_list .item li .case_text .case_text2 {
	color: #777;
	font-size: 12px;
	line-height: 20px;
	padding: 0 10px;
	margin: 0;
}

/*产品中心*/
.product_list {
	padding: 50px 0;
}

.product_list li {
	list-style: none;
	float: left;
	width: 33%;
	margin-bottom: 20px;
}

.product_list li:nth-child(2n) {
	float: right;
}

.product_list li .pro_box {
	padding: 30px 20px;
	border: 1px solid #e5e6e8;
	box-shadow: 0 0 10px rgba(0, 204, 204, .2);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 10px rgba(0, 204, 204, .2);
}

.product_list li .pro_box:hover {
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
	box-shadow: 0 0 10px rgba(0, 204, 204, .5);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 10px rgba(0, 204, 204, .5);
}

.product_list li .pro_box .pro_img {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: column;
}

.product_list li .pro_box .pro_des {
	width: 100%;
	float: right;
}

.product_list li .pro_box .pro_des .pro_tit {
	font-size: 18px;
	color: #555;
	border-bottom: 1px solid #e5e6e8;
	padding: 6px 0;
	margin-bottom: 20px;
}

.product_list li .pro_box .pro_des .pro_tex {
	line-height: 24px;
	color: #666;
	font-size: 12px;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: none;
}

.pagenum {
	padding-top: 20px;
}

.pagenum a {
	padding: 5px 10px;
	background: #f5f5f5;
	border: 1px solid #dddddd;
	margin-left: 10px;
	m
}

.pagenum a:hover {
	background: #fac7c4;
	border-color: #fac7c4;
	text-decoration: none;
	color: #fff;
}

.pagenum a.now {
	background: #fac7c4;
	border-color: #fac7c4;
	color: #fff;
}

.case_img,
.l_img,
.r_img {
	overflow: hidden;
	height: 20vh;
}

.case_img img,
.l_img img,
.r_img img {
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
	-ms-transition: 1s all;
}

.case_img:hover img,
.l_img:hover img,
.r_img:hover img {
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
	-ms-transition: 1s all;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}

/*服务案例*/
.customer_list ul {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}

.customer_list li {
	float: left;
	list-style: none;
	width: 16.66666667%;
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	text-align: center;
	vertical-align: middle;
	padding: 20px 0;
}

.case_wrap {
	background: #0a63b5 url(../image/bg.jpg) center bottom no-repeat;
	height: 972px;
}

.case_wrap .case .case_t1 p,
.history_wrap .case_t1 p {
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-top: 90px;
}

.case_wrap .case .case_t2,
.history_wrap .case_t2 {
	color: #fff;
}

.case .case_list .carousel-indicators {
	text-align: center;
	bottom: -50px;
}

.case .case_list .carousel-indicators li {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #fff;
	float: none;
	margin-bottom: 0;
	border: none;
}

.case .case_list .carousel-indicators li.active {
	background: #fac7c4;
}

.case .case_list .carousel-indicators li:nth-child(3n) {
	float: none;
}

.ques_list {
	padding-bottom: 40px;
}

.ques_list .col-md-4 {
	width: 370px;
}

.ques_list .col-md-4 .ques_tit {
	background: #fac7c4 url(../image/ques_bg.png) 16px center no-repeat;
	height: 60px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 60px;
	text-indent: 66px;
	margin-bottom: 0;
}

.ques_list .col-md-8 {
	padding: 0;
	float: right;
}

.ques_list .col-md-8 .nav-tabs {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #fff;
}

.ques_list .nav-tabs>li {
	width: 25%;
	background: #fff;
}

.ques_list .nav-tabs>li a {
	border-left: 1px solid #ddd;
	border-radius: 0;
	margin: 0;
	display: block;
	text-align: center;
	font-size: 16px;
}

.ques_list .nav-tabs>li.active a {
	color: #fac7c4;
	border-top: 2px solid #fac7c4;
	border-right: 0px;
}

.ques_list .tab-content .tab-pane li {
	list-style: none;
	margin-top: 17px;
	float: left;
	width: 354px;
	border: 1px solid #ddd;
	background: url(../image/ques_bg.jpg) left center no-repeat;
}

.ques_list .tab-content .tab-pane li:hover {
	background: url(../image/ques_bg_hover.jpg) left center no-repeat;
	border-color: #fac7c4;
}

.ques_list .tab-content .tab-pane li:hover a {
	text-decoration: none;
	color: #fac7c4;
}

.ques_list .tab-content .tab-pane li:nth-child(2n) {
	float: right;
}

.ques_list .tab-content .tab-pane li a {
	height: 47px;
	line-height: 47px;
	padding-left: 65px;
	color: #333;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 10px;
}

#scrollbar1 .viewport {
	width: 100%;
	height: 380px;
	overflow: hidden;
	position: relative;
}

#scrollbar1 .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

#scrollbar1 .scrollbar {
	position: absolute;
	right: -20px;
	top: 0px;
	width: 7px;
}

#scrollbar1 .track {
	background-color: #f4f4f4;
	height: 100%;
	width: 7px;
	position: relative;
	padding: 0 1px;
}

#scrollbar1 .thumb {
	height: 20px;
	width: 7px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	background: #dedede;
}

#scrollbar1 .thumb .end {
	overflow: hidden;
	height: 5px;
	width: 7px;
}

#scrollbar1 .disable {
	display: none;
}

.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

/* .answer_wrap{ width:820px;  height:380px ; overflow:hidden; position:absolute;  left:0; top:0px; z-index:9999; display:none; text-indent:50px;} */
.answer_wrap {
	display: none;
}

.answer_wrap .answer_top {
	height: 40px;
	width: 100%;
	padding-top: 10px;
	height: auto;
	overflow: hidden;
}

.answer_wrap .answer_top a {
	cursor: pointer;
	float: right;
	height: 30px;
	padding-right: 30px;
	background: url(../image/ask_climg.png) right center no-repeat;
	margin-right: 80px;
	line-height: 30px;
	color: #999;
}

.answer_wrap .answer_top a:hover {
	text-decoration: none;
}

.answer_wrap .answer_top .quret_con {
	margin-left: 30px;
	background: url(../image/ask_tkicon1.png) left top no-repeat;
	font-size: 16px;
	color: #666;
	line-height: 30px;
	width: 598px;
	float: left;
	text-indent: 0px;
	padding-left: 50px;
	height: auto;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.answer_wrap .answer_con {
	margin: 10px 80px 20px 30px;
	background: url(../image/ask_tkicon2.png) 0px top no-repeat;
	padding-left: 50px;
	text-indent: 0;
	padding-top: 7px;
}

.answer_wrap .answer_con .answer_cont2,
.answer_wrap .answer_con .answer_cont1 {
	text-indent: 0;
}

.answer_wrap .answer_con .answer_cont1 {
	color: #666;
	font-weight: bold;
}

.answer_wrap .answer_con .answer_cont2 {
	color: #999;
	font-size: 12px;
}

/*#scrollbar2 .viewport { width: 100%; height: 330px; overflow: hidden; position: relative; }  
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; }  
#scrollbar2 .scrollbar{ position:absolute; right:0px;  top:40px;width: 7px;}
#scrollbar2 .track { background-color: #f4f4f4; height: 100%; width:7px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; background:#dedede; }
#scrollbar2 .thumb .end { overflow: hidden; height: 5px; width: 7px; }*/
/*新闻中心*/
.newlist {
	border: 1px solid #e8e8e8;
}

.newlist .col-lg-3 {
	padding: 0;
}

.newlist .pull-left {
	width: 10%;
	padding-top: 20px;
}

.newlist .pull-left .day {
	width: 80px;
	height: 68px;
	background: #acacac;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	line-height: 68px;
	margin: 0;
	color: #fff;
}

.newlist .pull-left .year {
	width: 80px;
	height: 36px;
	background: #818181;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	margin: 0;
}

.newlist .pull-right {
	width: 90%;
	padding-top: 20px;
	padding-left: 10px;
}

.newlist .pull-right .new_more {
	padding: 2px 10px;
	cursor: pointer;
	float: right;
	color: #fac7c4;
	text-align: right;
}

.newlist .pull-right .new_more:hover {
	text-decoration: none;
	background: #fac7c4;
	color: #fff;
}

.newlist .pull-right .new_more:hover i {
	background: #fff;
}

.newlist .pull-right .new_more i {
	margin: 5px 0 0 40px;
	display: block;
	width: 26px;
	height: 2px;
	background: #acacac;
}

/*社会责任*/
.img_wall {
	width: 840px;
	margin: 50px auto;
}

.img_wall .col1 {
	width: 120px;
}

.img_wall .col3 {
	width: 360px;
	height: 283px;
}

.img_wall .wall_img100 {
	height: 93px;
}

/*加入我们*/
.intr_con {
	padding-bottom: 50px;
}

.intr_con #scrollbar1 .viewport {
	height: 337px;
}

.intr_con #scrollbar1 .scrollbar {
	top: 0;
	right: -20px;
}

.intr_con .col-md-5,
.intr_con .col-md-7 {
	padding: 5px;
}

.intr_con .col-md-6 {
	padding-top: 0px;
	margin-top: 5px;
	padding-left: 0;
	padding-right: 5px;
	padding-bottom: 0;
}

.intr_con .col-md-6:nth-child(2) {
	padding-right: 0;
	padding-left: 5px;
	padding-bottom: 0;
}

.intr_con p {
	color: #555555;
	line-height: 30px;
	text-indent: 2em;
}

.culture_con {
	min-height: 380px;
	background: url(../image/wenhua_bg.jpg) center bottom no-repeat;
}

.culture_con p {
	writing-mode: tb-rl;
	float: right;
}

.culture_con p.culture_contit {
	font-size: 16px;
	color: #333;
	margin-left: 15px;
	margin-right: 25px;
}

.culture_con p.culture_contex {
	color: #777777;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 2em;
}

.history_wrap {
	background: url(../image/licheng_bg.jpg) center top no-repeat;
	height: 576px;
}

.history_wrap .item {
	padding-top: 50px;
}

.history_wrap .item .pull-left {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	line-height: 41px;
	border-right: 2px solid #fff;
	padding-right: 20px;
}

.history_wrap .item .pull-right {
	width: 630px;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}

.history_wrap .carousel-control {
	width: 70px;
	height: 70px;
	top: 50px;
	text-indent: -9999px;
}

.history_wrap .carousel-control.right {
	background: url(../image/icon_nex.png) center no-repeat;
	right: -160px;
}

.history_wrap .carousel-control.left {
	background: url(../image/icon_pre.png) center no-repeat;
	left: -160px;
}

.his_list {
	width: 880px;
	margin: 0 auto;
}

.his_list .carousel-inner {
	height: 321px;
}

.his_list .carousel-indicators {
	width: 1400px;
	height: 110px;
	position: absolute;
	left: 50%;
	margin-left: -700px;
	bottom: 0;
	background: url(../image/bg_hinline.png) left 40px no-repeat;
}

.his_list .carousel-indicators li {
	width: 170px;
	height: 110px;
	border: none;
	color: #a4b9d8;
	font-size: 16px;
	text-align: center;
	text-indent: 0;
	margin: 0;
	position: relative;
}

.his_list .carousel-indicators li span {
	position: absolute;
	bottom: 0;
	display: block;
	width: 170px;
	text-align: center;
}

.his_list .carousel-indicators li:nth-child(2) span {
	bottom: 90px;
}

.his_list .carousel-indicators li.active {
	background: url(../image/icon_now.png) center 25px no-repeat;
	color: #fff;
	text-indent: 0;
	text-align: center;
}

.case .honor_list li {
	list-style: none;
	float: left;
	width: 32%;
	margin-bottom: 26px;
}

.case .honor_list li:nth-child(3n+2) {
	margin-left: 2%;
	margin-right: 2%;
}

.case .honor_list li:nth-child(3n) {
	float: right;
}

.case .honor_list .honorimg {
	padding: 10px 90px;
	border: 1px solid #c1bfbf;
}

.study {
	padding-bottom: 80px;
}

.study_warp .item li {
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
	-ms-transition: 1s all;
	list-style: none;
	float: left;
	width: 50%;
	margin: 0;
}

.study_warp .item li .l_con {
	float: left;
	width: 50%;
	position: relative;
}

.study_warp .item li .r_con {
	float: right;
	width: 50%;
	position: relative;
}

.study_warp .item li .study_t {
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
	-ms-transition: 1s all;
	width: 100%;
	height: 236px;
	background: #f0f0f0;
	position: relative;
}

.study_warp .item li .study_t1 {
	margin: 0 20px 0;
	padding-top: 30px;
	color: #333;
	font-size: 16px;
}

.study_warp .item li .study_t2 {
	margin: 15px 20px 0;
	color: #666;
	font-size: 12px;
	line-height: 24px;
}

.study_warp .item li .r_con .icon-sj {
	border-width: 10px;
	border-color: #fac7c4;
	border-right-width: 0;
	border-style: dashed;
	border-left-style: solid;
	border-top-color: transparent;
	left: 0;
	border-bottom-color: transparent;
	position: absolute;
	top: 110px;
	opacity: 0;
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
	-ms-transition: 1s all;
}

.study_warp .item li .l_con .icon-sj {
	border-width: 10px;
	border-color: #fac7c4;
	border-left-width: 0;
	border-style: dashed;
	border-right-style: solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 110px;
	right: 0;
	opacity: 0;
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
	-ms-transition: 1s all;
}

.study_warp .item li:hover .study_t {
	background: #fac7c4;
}

.study_warp .item li:hover .study_t .study_t1,
.study_warp .item li:hover .study_t .study_t2 {
	color: #fff;
}

.study_warp .item li:hover .icon-sj {
	opacity: 1;
}

.study .carousel-indicators {
	text-align: center;
	bottom: -50px;
}

.study .carousel-indicators li {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #e7e7e7;
	float: none;
	margin-bottom: 0;
	border: none;
}

.study .carousel-indicators li.active {
	background: #fac7c4;
}

.globle_wrap {
	background: #f4f4f4;
	padding-bottom: 50px;
}

.interview {
	background: #4572b3 url(../image/bg.jpg) center top no-repeat;
	min-height: 1183px;
}

.interview .container {
	padding: 0;
	width: 1200px;
}

.interview .interv_top {
	padding: 24px 30px;
	background: #f0f0f0;
}

.interview .interv_top p {
	font-size: 16px;
	color: #333;
	float: left;
	line-height: 32px;
}

.interview .interv_top .styled-select select {
	/*background: #fff url(../images/new_arrow.png) 95% center no-repeat;*/
	height: 30px;
	width: 295px;
	padding: 5px;
	font-size: 16px;
	border: none;
}

.interview .interv_top .styled-select {
	border: none;
	margin: 0 10px;
	width: 295px;
	height: 30x;
	border: 1px solid #ccc;
	overflow: hidden;
	float: left;
}

.interview .interv_top input {
	width: 280px;
	border: 1px solid #ccc;
	height: 30px;
	padding: 0 5px;
}

.interview .interv_top .submit {
	background: #fac7c4;
	width: 112px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	display: inline-block;
	margin-left: 20px;
}

.interview .interv_top .submit:hover {
	text-decoration: none;
	background: #a3f000;
	color: #888;
}

.interview .interv_list {}

.interview .interv_list li {
	list-style: none;
	width: 287px;
	height: 352px;
	background: #fff;
	border-radius: 0 0 30px 0;
	margin-top: 15px;
	margin-right: 17px;
	float: left;
}

.interview .interv_list li:nth-child(4n) {
	margin-right: 0;
}

.interview .interv_list li p {
	width: 237px;
	margin-left: auto;
	margin-right: auto;
}

.interview .interv_list li .interv_t1 {
	color: #666666;
	font-size: 12px;
	padding-top: 23px;
}

.interview .interv_list li .interv_t2 {
	color: #333;
	font-size: 20px;
	padding: 15px 0;
	border-bottom: 1px solid #333;
}

.interview .interv_list li .interv_t3 {
	margin-bottom: 0;
	color: #666;
	font-size: 12px;
	padding: 10px 0;
}

.interview .interv_list li .interv_t4 {
	color: #666;
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 0;
}

.interview .interv_list li .interv_t5 a {
	width: 126px;
	height: 38px;
	color: #666;
	font-size: 12px;
	text-align: center;
	line-height: 38px;
	border: 1px solid #333;
	border-radius: 20px;
	margin-top: 15px;
	display: block;
}

.interview .interv_list li .interv_t5 a:hover {
	text-decoration: none;
	color: #fff;
	border: none;
	background: #fac7c4;
}

.interview .btn-primary {
	display: block;
	width: 273px;
	height: 46px;
	border-radius: 20px;
	background: #fff;
	color: #fac7c4;
	font-size: 16px;
	text-align: center;
	line-height: 46px;
	margin: 30px auto;
	padding: 0;
}

.interview .btn-primary:hover {
	background: #fac7c4;
	color: #fff;
}

.share_wrap {
	height: 60px;
	background: #fac7c4;
	line-height: 60px;
	color: #fff;
}

.share_wrap .r_con {
	float: right;
}

.share_wrap .l_con {
	float: left;
}

.share_wrap .l_con span {
	margin-left: 15px;
}

.contract {
	background: #f4f4f4;
	padding-bottom: 50px;
}

.contract .container {
	padding: 0;
	width: 1200px;
}

.contract .cont_block {
	width: 375px;
	height: 271px;
	border-bottom: 5px solid #dfdfdf;
	background: #fff;
	float: left;
}

.contract .item {
	height: 280px;
	overflow: hidden;
}

.contract .item .center_block {
	margin: 0 37px;
}

.contract .item p {
	margin-left: 50px;
	margin-right: 50px;
}

.contract .item .con_tit {
	padding-top: 28px;
	font-size: 20px;
	color: #333;
	line-height: 30px;
	padding-left: 40px;
}

.contract .item .con_tit2 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 16px;
}

.contract .item .con_tit3 {
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 0;
}

.contract .item .con_tit11 {
	background: url(../image/con_icon1.png) left bottom no-repeat;
}

.contract .item .con_tit12 {
	background: url(../image/con_icon2.png) left bottom no-repeat;
}

.contract .item .con_tit13 {
	background: url(../image/con_icon3.png) left bottom no-repeat;
}

#contract .carousel-indicators {
	bottom: -40px;
}

#contract .carousel-indicators li {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #e7e7e7;
	float: none;
	margin-bottom: 0;
	border: none;
}

#contract .carousel-indicators li.active {
	background: #fac7c4;
}

#contract .carousel-control {
	position: absolute;
	width: 45px;
	height: 45px;
}

#contract .carousel-control.left {
	background: url(../image/icon_prev.png) center no-repeat;
	top: 115px;
	left: -70px;
}

#contract .carousel-control.right {
	background: url(../image/icon_next.png) center no-repeat;
	top: 115px;
	right: -70px;
}

/*产品详情*/
.detialcon {
	width: 1200px;
	margin: 0 auto;
}

.detialcon .location {
	color: #666;
	line-height: 60px;
	padding-left: 25px;
	background: url(../image/location.jpg) left center no-repeat;
}

.detial_top {
	border: 1px solid #e6e6e6;
}

.detial_top .left_con {
	width: 545px;
	height: 416px;
	float: left;
}

.detial_top .left_con .carousel-control {
	width: 12px;
	height: 76px;
	top: 304px;
}

.detial_top .left_con .carousel-control.left {
	background: url(../image/pre_p.png) no-repeat;
}

.detial_top .left_con .carousel-control.right {
	background: url(../image/pre_n.png) no-repeat;
}

.detial_top .left_con .carousel {
	width: 535px;
	height: 410px;
	float: right;
}

.detial_top .right_con {
	float: right;
	width: 647px;
	height: 416px;
	border-left: 1px solid #e6e6e6;
}

.detial_top .right_con .pro_text {
	padding: 30px;
}

.detial_top .right_con .pro_text .pro_t1 {
	color: #333;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px dashed #e6e6e6;
}

.detial_top .right_con .pro_text .pro_t2 {
	color: #333;
	font-size: 12px;
	margin-top: 15px;
}

.detial_top .right_con .pro_text .pro_t3 {
	line-height: 20px;
	color: #555;
	font-size: 12px;
	margin-bottom: 0;
}

.detial_top .right_con .pro_text .pro_t4 {
	margin-top: 15px;
}

.detial_top .right_con .pro_text .pro_t4 a {
	display: inline-block;
	width: 120px;
	height: 35px;
	background: #8fc320;
	color: #fff;
	text-align: center;
	line-height: 35px;
}

.detial_top .right_con .pro_text .pro_t4 a:hover {
	text-decoration: none;
}

.detial_top .right_con .pro_text .pro_t4 .icon_p {
	vertical-align: middle;
	display: inline-block;
	background: url(../image/phone.png) center no-repeat;
	width: 30px;
	height: 30px;
	margin: 0 10px;
}

.detial_top .right_con .pro_text .pro_t4 .tel_t {
	font-size: 12px;
	color: #333;
}

.detial_top .right_con .pro_text .pro_t4 .tel_n {
	color: #8fc320;
	font-style: italic;
	font-size: 18px;
	font-weight: bold;
}

.detial_top .carousel-indicators {
	width: 500px;
	margin-left: -250px;
}

.detial_top .carousel-indicators li {
	border-radius: 0;
	text-indent: 0;
	text-align: center;
	vertical-align: middle;
	width: 93px;
	height: 74px;
	padding-top: 10px;
	border: 1px solid #e6e6e6;
}

.detial_top .carousel-indicators li img {
	width: 100%;
	height: 100%;
}

.detial_top .carousel-indicators li.active {
	border: 1px solid #8fc320;
}

.detial_top .item {
	text-align: center;
	padding-top: 30px;
}

.detial_top .item img {
	display: inline-block;
}

.detal_des {
	margin-top: 20px;
	border: 1px solid #ddd;
	margin-bottom: 50px;
	/* padding-bottom:50px; */
}

.detal_des .nav-tabs>li {
	margin-left: -1px;
}

.detal_des .nav-tabs>li>a {
	margin: 0;
	border-radius: 0;
	border-right: 1px dashed #ddd;
}

.detal_des .nav-tabs>li.active a {
	color: #8fc320;
	border-top: 2px solid #8fc320;
	margin-top: -1px;
	border-right: 1px solid #ddd;
}

.detal_des .tab-pane {
	padding: 10px;
}

.detal_des .tab-pane.fade {
	display: none;
}

.detal_des .tab-pane.fade.in {
	display: block;
}

/*---- responsive-design ----*/
@media (max-width:1680px) {}

@media (max-width:1440px) {
	.history_wrap .carousel-control.right {
		right: 0;
	}

	.history_wrap .carousel-control.left {
		left: 0;
	}

	.history_wrap .item .pull-left {
		font-size: 20px;
		margin-left: 100px;
	}

	.history_wrap .item .pull-right {
		width: 480px;
		margin-right: 100px;
	}
}

@media (max-width:1366px) {
	.contract .container {
		width: 980px;
	}

	.contract .item p {
		margin-left: 20px;
		margin-right: 20px;
	}

	.contract .cont_block {
		width: 300px;
	}
}

@media (max-width:1280px) {
	.pagenum {
		padding: 10px 5px;
	}

	.newlist .col-lg-3 {
		width: 25%;
		padding: 0;
		float: left;
	}

	.newlist .col-lg-9 {
		padding: 0 0 0 10px;
		width: 75%;
		float: right;
	}

	.contract .container {
		width: 100%;
	}

	.contract .item p {
		margin-left: 10px;
		margin-right: 10px;
	}

	.contract .cont_block {
		width: 30%;
	}

	.contract .item .center_block {
		margin: 0 5%;
	}

	#contract .carousel-control.right {
		display: none;
	}

	#contract .carousel-control.left {
		display: none;
	}

	.interview .container {
		width: 100%;
	}

	.interview .interv_list li {
		width: 30%;
		margin: 15px 0;
		height: auto;
	}

	.interview .interv_list li .interv_t2 {
		font-size: 16px;
	}

	.interview .interv_list li:nth-child(3n) {
		float: right;
		margin: 15px 0;
	}

	.interview .interv_list li:nth-child(3n+2) {
		margin: 15px 5%;
	}

	.interview .interv_list li p {
		width: 90%;
	}

	.interview .interv_top .styled-select {
		width: 40%;
	}

	.interview .interv_top .styled-select select {
		width: 100%;
	}

	.interview .interv_top input {
		width: 40%;
		margin: 10px;
	}

	.study_warp .item li {
		background: #f0f0f0;
	}

	.study_warp .item li .study_t {
		height: auto;
	}

	.study_warp .item li .study_t1 {
		margin: 0 10px 0;
		padding-top: 10px;
		color: #333;
		font-size: 14px;
	}

	.study_warp .item li .study_t2 {
		margin: 5px 10px 0;
	}

	.detial_top .left_con,
	.detial_top .left_con .carousel {
		width: 500px;
	}

	.detial_top .carousel-indicators li {
		width: 80px;
	}

	.ques_list .col-md-4 {
		width: 300px;
	}

	.ques_list .tab-content .tab-pane li {
		width: 300px;
	}

	.ques_list .tab-content .tab-pane li {
		font-size: 12px;
	}

	.answer_wrap .answer_top a {
		margin-right: 180px;
	}

	.answer_wrap .answer_top .quret_con {
		width: 400px;
	}
}

@media (max-width:1024px) {}

@media (max-width:993px) {
	.business_con .col-md-5 {
		float: none;
		width: 100%;
	}

	.r_img,
	.l_img {
		text-align: center;
		margin-bottom: 10px;
	}

	.r_img img,
	.l_img img {
		width: 100%;
	}

	.newlist .col-lg-3 {
		width: 100%;
		padding: 0;
		float: none;
	}

	.newlist .col-lg-9 {
		padding: 10px;
		width: 100%;
		float: none;
	}

	.img_wall {
		width: 100%;
		margin: 10px auto;
	}

	.response_con p {
		padding: 10px;
		line-height: 1.5;
	}

	.contract .item .con_tit2 {
		margin-top: 15px;
		margin-bottom: 5px;
		font-size: 14px;
	}

	.contract .item .con_tit3 {
		line-height: 1.5;
	}

	.contract .item .con_tit {
		padding-top: 15px;
		font-size: 16px;
	}

	.case_wrap {
		height: auto;
	}
}

@media (max-width:768px) {

	.case .case_list .item li,
	.case .case_list .item li:nth-child(3n) {
		float: none;
		width: 100%;
	}

	.case .case_list .item li img {
		width: 100%;
	}

	.case .case_list .item li:nth-child(3n+2) {
		padding: 0;
		margin: 0;
	}

	.case .case_list .carousel-indicators {
		bottom: -20px;
	}

	.menu_sild li a {
		border: 1px solid #ebebeb;
		border-radius: 6px;
		margin: 10px;
		font-size: 14px;
	}

	.menu_sild li a:hover,
	.menu_sild li a.current {
		border: 2px solid #fac7c4;
	}

	.intr_con .col-md-5 {
		width: 100%;
		float: left;
	}

	.intr_con .col-md-7 {
		width: 58.33333333%;
		float: left;
	}

	.intr_con .col-md-7 .l_img {
		margin-bottom: 0;
	}

	.intr_con .col-md-7 .col-md-6 {
		width: 50%;
		float: left;
	}

	.history_wrap .item .pull-right {
		width: 300px;
	}

	.his_list {
		width: 100%;
	}

	.history_wrap .item {}

	.his_list .carousel-indicators {
		width: 100%;
		left: 0;
		margin-left: 0;
	}

	.his_list .carousel-indicators li {
		width: 19%;
	}

	.case .honor_list .honorimg {
		padding: 10px 5px;
		border: 1px solid #c1bfbf;
		text-align: center;
	}

	.detial_top .left_con,
	.detial_top .right_con {
		float: none;
	}

	.detial_top .right_con {
		width: 100%;
		height: auto;
	}

	.detial_top .right_con .pro_text .pro_t4 a {
		display: block;
		margin-bottom: 10px;
	}

	.detial_top .right_con .pro_text .pro_t4 .icon_p {
		margin-left: 0;
	}

	.detial_top .carousel-indicators {
		width: 90%;
		left: 0;
		margin-left: 5%;
		text-align: left;
	}

	.detialcon .location {
		line-height: 40px;
		padding-left: 40px;
		background-position: 10px center;
	}

	.detialcon {
		width: 100%;
	}

	.detial_top .left_con,
	.detial_top .left_con .carousel {
		width: 100%;
	}

	.detial_top .carousel-indicators li {
		width: 19%;
	}

	.detal_des {
		margin-left: 15px;
		margin-right: 15px;
	}

	.detial_top .left_con .carousel-control.right {
		right: 1%;
	}

	.detial_top .left_con .carousel-control.left {
		left: 1%;
	}

	.ques_list .col-md-8 {
		float: none;
	}
}

@media (max-width:640px) {
	.mar_t20 {
		margin-top: 10px;
	}

	.product_list li .pro_box {
		padding: 10px;
	}

	.l_more {
		color: #fac7c4;
		border: 2px solid #fac7c4;
		padding: 5px 20px;
		border-radius: 6px;
		display: inline-block;
		cursor: pointer;
	}

	.business_con {
		padding: 10px 0;
	}

	.business_con .business_tex {
		padding: 15px 0 20px;
	}

	.menu_sild li a {
		padding: 0 15px;
		height: 30px;
		line-height: 30px;
	}

	.l_text {
		padding: 10px;
	}

	.product_list {
		padding: 15px 0;
	}

	.case .case_list li {
		margin-bottom: 10px;
	}

	.product_list li,
	.product_list li:nth-child(2n) {
		margin-bottom: 10px;
		float: none;
		width: 100%;
		padding: 10px;
	}

	.product_list li .pro_box .pro_img {
		width: 38%;
	}

	.product_list li .pro_box .pro_des {
		width: 60%;
	}

	.product_list li .pro_box .pro_des .pro_tit {
		font-size: 1rem;
		margin-bottom: 10px;
	}

	.product_list li .pro_box .pro_des .pro_tex {
		font-size: 0.875rem;
		line-height: 1.5rem;
	}

	.pagenum a {
		margin-left: 4px;
		padding: 3px 6px;
	}

	.newlist .pull-left {
		float: none;
		padding-top: 10px;
	}

	.newlist .pull-left .day {
		width: 80px;
		height: 68px;
		background: #acacac;
		font-size: 40px;
		font-weight: bold;
		text-align: center;
		line-height: 68px;
		margin: 0;
		color: #fff;
	}

	.newlist .pull-left .year {
		width: 80px;
		height: 36px;
		background: #818181;
		font-size: 14px;
		color: #fff;
		text-align: center;
		line-height: 36px;
		margin: 0;
	}

	.newlist .pull-right {
		width: 100%;
		float: none;
		padding-top: 10px;
		padding-left: 10px;
	}

	.culture_con p {
		writing-mode: lr-tb;
		float: none;
	}

	.culture_con p.culture_contit {
		font-size: 1em;
		color: #333;
		margin-left: 15px;
		margin-right: 25px;
	}

	.culture_con p.culture_contex {
		margin: 5px 15px;
	}

	.history_wrap .carousel-control {
		width: 40px;
		height: 40px;
		background-size: 100%;
	}

	.history_wrap .item .pull-left {
		border-right: none;
		font-size: 1em;
		margin: 0 auto;
		text-align: center;
	}

	.history_wrap .item .pull-right {
		margin: 0 auto;
		font-size: 0.875em;
	}

	.history_wrap .item .pull-left,
	.history_wrap .item .pull-right {
		float: none !important;
	}

	.history_wrap {
		height: auto;
	}

	.history_wrap .case_t2 {
		margin-bottom: 15px;
	}

	.case .case_t1 p,
	.history_wrap .case_t1 p {
		font-size: 2em;
	}

	.case .case_t2,
	.history_wrap .case_t2 {
		margin-bottom: 20px;
		font-size: 1em;
	}

	.history_wrap .item {
		padding-top: 10px;
	}

	.his_list .carousel-inner {
		height: auto;
		padding-bottom: 20px;
	}

	.intr_con p {
		padding: 0 10px;
	}

	.img_wall .col3.pull-left {
		width: 96%;
		margin: 0 auto;
		float: none !important;
	}

	.interview .interv_list li {
		width: 96%;
		margin: 5px 2%;
	}

	.interview .interv_list li:nth-child(3n+2) {
		margin: 5px 2%;
	}

	.interview .interv_list li:nth-child(3n) {
		float: none;
		margin: 5px 2%;
	}

	.contract .cont_block {
		width: 90%;
		margin: 0 5%;
	}

	.contract .item {
		height: auto;
	}

	.study_warp .item li {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}

	.study_warp .item li .study_t1 {
		font-size: 1em;
	}

	.study_warp .item li .study_t2 {
		font-size: 0.7em;
		line-height: 1.2em;
	}

	.customer_list li {
		width: 20%;
	}

	.case_wrap .case .case_t1 p,
	.history_wrap .case_t1 p {
		padding-top: 40px;
	}

	.ques_list .tab-content .tab-pane li,
	.ques_list .tab-content .tab-pane li:nth-child(2n) {
		float: none;
		margin: 5px 10px;
		width: 100%;
	}

	#scrollbar1 .overview,
	.answer_wrap {
		width: 100%;
	}

	.answer_wrap .answer_top a {
		margin-right: 30px;
	}

	.answer_wrap .answer_con {
		margin: 10px 20px 20px 30px;
	}

	.ques_list .col-md-8 {
		float: none;
		width: 100%;
	}
}

@media (max-width:480px) {
	.detialcon .location {
		font-size: 0.9em;
	}

	.detial_top .carousel-indicators li {
		width: 18%;
	}
}

@media (max-width:320px) {
	.history_wrap .item .pull-right {
		width: 200px;
	}
}

.blog-header {
	padding-top: 20px;
	padding-bottom: 20px;
}

.blog-title {
	margin-top: 30px;
	margin-bottom: 0;
	font-size: 4vw;
	font-weight: normal;
}

.blog-description {
	font-size: 1.2rem;
	color: #999;
}

.blog-main {
	font-size: 18px;
	line-height: 1.5;
}

.blog-post {
	margin-bottom: 60px;
	font-size: 3.2vw;
}

.blog-post-title {
	margin-bottom: 5px;
	font-size: 40px;
}

.blog-post-meta {
	margin-bottom: 20px;
	color: #999;
}
.bus_list {
    width:80%;
    margin: 0 auto;
}































        /* 瀑布流基础样式保持不变 */
        .masonry-container {
            column-count: 4;
            /* column-gap: 15px; */
            /* padding: 0 15px; */
        }
        .masonry-item {
            break-inside: avoid;
            margin-bottom: 15px;
            list-style: none;
            position: relative;
            overflow: hidden;
            cursor: zoom-in;
        }
        .masonry-item img {
            width: 100%;
            display: block;
            transition: transform 0.3s ease;
        }
        @media (max-width: 1200px) {.masonry-container {column-count: 3;}}
        @media (max-width: 768px) {.masonry-container {column-count: 2;}}
        @media (max-width: 480px) {.masonry-container {column-count: 1;}}

        /* Hover效果 */
        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .masonry-item:hover .overlay {opacity: 1;}
        .masonry-item:hover img {transform: scale(1.05);}

        /* 自定义图片查看器样式（替换fancybox） */
        /* 遮罩层 */
        .custom-viewer {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: rgba(240, 240, 240, 0.95);
            z-index: 9999999;
            display: none; /* 默认隐藏 */
            align-items: center;
            justify-content: center;
        }
        /* 图片容器 */
        .viewer-content {
            position: relative;
            max-width: 100vw;
            max-height: 100vh;
            margin: 50% 0;
        }
        /* 放大后的图片 */
        .viewer-img {
            max-width: 100vw;
            max-height: 100vh;
            object-fit: contain;
            margin: 0 auto;
        }
        /* 通用按钮样式 */
        .viewer-btn {
            position: absolute;
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.5) no-repeat center;
            background-size: 28px;
            cursor: pointer;
            z-index: 10000;
            transition: all 0.3s ease;
            border: none;
            outline: none;
        }
        .viewer-btn:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: scale(1.1);
        }
        /* 上一张按钮 */
        .btn-prev {
            top: 50%;
            left: 20px;
            margin-top: -28px;
            background-image: url("../image/prevbtn.png");
        }
        /* 下一张按钮 */
        .btn-next {
            top: 50%;
            right: 20px;
            margin-top: -28px;
            background-image: url("../image/nextbtn.png");
        }
        /* 关闭按钮 */
        .btn-close {
            top: 80px;
            right: 20px;
            width: 40px;
            height: 40px;
            background: rgba(0, 0, 0, 0.5) url("../image/close.png") center no-repeat;
            background-size: cover;
        }

.gap-12 {
    gap: 2rem !important;
}

.campaignfourthphotoarea .campaign-img{
    border: 10px solid black;
}