/* banner */
.banner{clear:both;position:relative;overflow:hidden;width:100%;}
.banner .bd {width:100%;}
.banner .bd ul li a {display:block;height:600px;font-size:0;}
.banner .hd {position:absolute;left:0;bottom:20px;display:block;width:100%;text-align:center;}
.banner .hd ul {display:inline-block;}
.banner .hd ul li {float:left; text-align:center;overflow:hidden; margin:0 10px;width:30px;height:4px;background:#1c1c1c;font-size:0;}
.banner .hd ul li.cur {background:#f4750c;}
.banner .prev, .banner .next { display:block;cursor:pointer;position:absolute;top:50%;margin-top:-36px;width:72px;height:72px;border-radius:50%;opacity:0;transition:all 1s;}
.banner .prev {left:5%;background:url("../img/banner-prev.png")no-repeat center;}
.banner .next {right:5%;background:url("../img/banner-next.png")no-repeat center;}
.banner:hover .prev, .banner:hover .next {opacity:0.5;background-color:#fff;}
.banner .prev:hover , .banner .next:hover  {opacity:1;}
/* banner end */

.sygsjj{padding:58px 0;width:100%;overflow:hidden;background:#ffffff;}
.gongsitu{float:left;width:650px;}
.gongsijj{float:right;width:610px;}
.gongsijj h5{ font-size:36px;color:#333333}
.gongsijj p{ font-size:15px; line-height:37px; margin-top:10px; overflow:hidden}
.gongsijj span{ display:block; width:158px; height:50px; float:left; margin-right:30px; margin-top:26px; }
.gongsijj span a{color:#ffffff; display:block;background:#666666; display:block;height:50px; font-size:15px; text-align:center; line-height:50px; text-decoration:none}
.gongsijj span a:hover{ background:#F4750C}

/* Data */
.Data {overflow:hidden;background:#f8f8f8;border-bottom:1px solid #ededed;}
.Data .data-list {overflow:hidden;padding:27px 0;box-sizing:border-box;}
.Data .data-list .item {float:left;width:25%;text-align:center;border-right:1px solid #ddd;box-sizing:border-box;}
.Data .data-list .item:last-of-type {border-right:none;}
.Data .data-list .Data-top span {display:inline-block;font-size:80px;color:#f4750c;font-family:"DIN Medium";}
.Data .data-list .Data-top em {display:inline-block;font-size:20px;}
.Data .data-list .item > span {display:block;font-size:17px;color:#333;line-height:1.75;width:65%;margin:0 auto;}
/* Data end */
/* indexHonor */
.indexHonor {position:relative;overflow:hidden;padding:48px 0;background:url("../img/zizhibg.jpg")no-repeat center;}
.indexHonor .indexHonor-con {margin-top:40px;width:100%;overflow:hidden;position:relative;}
.indexHonor .indexHonor-slide {width:88%;margin:0 auto;overflow:hidden;}
.indexHonor .indexHonor-slide  .swiper-slide {background:#f5f5f5;}
.indexHonor .indexHonor-slide  .swiper-slide img {width:100%;}
.indexHonor .indexHonor-slide  .swiper-slide p {font-size:16px;padding-top:20px;padding-bottom:28px;color:#666;text-align:center;}
.indexHonor .indexHonor-prev {cursor:pointer;position:absolute;left:0;top:50%;width:45px;height:45px;border-radius:50%;background:#8d8d8d;}
.indexHonor .indexHonor-next {cursor:pointer;position:absolute;right:0;top:50%;width:45px;height:45px;border-radius:50%;background:#8d8d8d;}
.indexHonor .indexHonor-next:after {display:inline-block;content:"";height:10px;width:10px;border-width:2px 2px 0 0;border-color:#fff;border-style:solid;transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0);position:absolute;top:36%;left:34%;}
.indexHonor .indexHonor-prev:after {display:inline-block;content:"";height:10px;width:10px;border-width:0 0 2px 2px;border-color:#fff;border-style:solid;transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0);position:absolute;top:36%;left:42%;}
.indexHonor .indexHonor-prev:hover , .indexHonor .indexHonor-next:hover{background:#f4750c;}
/* indexHonor end */


/* case */
.case { overflow:hidden;padding:38px 0 0;background:#f8f8f8;}
.case-con {overflow:hidden;margin-top:38px;}
.case-con .item {float:left;width:24.8%; margin-right:0.2%; margin-bottom:4px;position:relative;}
.case-con .item:nth-of-type(4n) {margin-right:0;}
.case-con .item .pic {width:100%;font-size:0;height:400px;}
.case-con .item .pic img {width:100%;height:400px;}
.case-con .item .tit {transition:all .8s;position:absolute;left:0;bottom:0;width:100%;padding:10px 0;overflow:hidden;background:rgba(0,0,0,0.5);}
.case-con .item .tit i {display:inline-block;vertical-align:middle;width:30px;margin-left:20px;font-size:0;}
.case-con .item .tit i img {width:100%;}
.case-con .item .tit span { display:inline-block;vertical-align:middle;font-size:20px;color:#fff;font-weight:bold;}
.case-con .item .case-hide {display:block;opacity:0;transition:all .8s;position:absolute;left:0;top:0;background:rgba(0,0,0,.5);width:100%;height:100%;}
.case-con .item .case-hide i {display:block;padding:24px 0;transition:all .8s;box-sizing:border-box;text-align:center;margin:45px auto 0;width:93px;height:93px;border-radius:50%;background:#f4750c;}
.case-con .item .case-hide i img {width:45px;}
.case-con .item .case-hide h2 {padding-top:15px;font-size:20px;color:#f4750c;text-align:center;}
.case-con .item .case-hide span {margin:20px auto;display:block;width:20px;height:2px;background:#fff;}
.case-con .item .case-hide p {font-size:15px;color:#fff;line-height:30px;width:78%;margin:0 auto;text-align:center;}
.case-con .item:hover .case-hide {display:block;opacity:1;}
.case-con .item:hover .tit {opacity:0;}
.case-con .item:hover .case-hide i {transform:rotateY(360deg);}
@media (max-width:1400px) {
    .case-con .item .tit {padding:22px 0;}
    .case-con .item .tit i {width:40px;}
    .case-con .item .tit span {font-size:20px;}
    .case-con .item .case-hide i {width:70px;height:70px;margin:20px auto 0;padding:21px 0;}
    .case-con .item .case-hide i img {width:30px;}
    .case-con .item .case-hide h2 {
        font-size:24px;
        padding-top:10px;
    }
    .case-con .item .case-hide span {
        margin:17px auto;
    }
    .case-con .item .case-hide p {
        width:90%;
    }
}
/* case end */

/* product */
.product {overflow:hidden;background:#fff;padding:38px 0 70px;}
.product-con {overflow:hidden;}
.product-con .item {position:relative;margin-top:40px;overflow:hidden;float:left;width:23%;margin-right:2.6%;}
.product-con .item:nth-of-type(4n) {margin-right:0;}
.product-con .item .pic {width:100%;font-size:0;overflow:hidden;}
.product-con .item .pic img {width:100%;transition:all 1s;}
.product-con .item p {position:absolute;right:0;bottom:0;width:100%;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;background:rgba(244, 117, 12, 0.8);}
.product-con .item:hover img {transform:scale(1.1);}
/* product end */


/* ad02 */
.ad02 {text-align:center;overflow:hidden;background:url("../img/ad02-bg.jpg") no-repeat center;width:100%;height:238px;background-size:cover;}
.ad02 h2 {font-size:28px;color:#fff;padding-top:30px;text-align:center; font-weight:normal;}
.ad02 .ad02-form {overflow:hidden;padding-top:30px;}
.ad02 .ad02-form input {float:left;width:35%;height:50px;line-height:50px;margin-right:2.5%;font-size:15px;background:#fff;border:none;outline:none;padding-left:20px;box-sizing:border-box;}
.ad02 .ad02-form a {float:left;width:25%;height:50px;line-height:50px;text-align:center;font-size:15px;color:#fff;background:#303030;}
.ad02 p {position:relative;display:inline-block;font-size:16px;color:#fff;padding-top:30px;}
.ad02 p:after {content:'';display:block;position:absolute;left:-28px;top:30px;background:url("../img/ad02-icon01.png") no-repeat center;width:24px;height:24px;}
.ad02 p em {font-family:"DIN Medium";}
/* ad02 end */


/* news */
.news{padding:38px 0;overflow:hidden;background:#fff;}
.news-tab{overflow:hidden;}
.news-menu{margin:20px 0  30px;text-align:center;overflow:hidden;}
.news-menu ul{display:inline-block;}
.news-menu li{padding:0 20px;float:left;position:relative;}
.news-menu li:after {content:'';display:block;position:absolute;right:-6px;top:1px;background:url("../img/news-icon02.png") no-repeat center;width:12px;height:28px;}
.news-menu li a{display:block;font-size:24px;color:#333;}
.news-menu li.cur a{color:#f4750c;font-weight:bolder;}
.news-top{float:left;width:45%;}
.news-top .pic{display:block;overflow:hidden;}
.news-top .pic img{display:block;width:700px;height:504px;transition:all 0.5s;}
.news-top .textBox{margin:-140px 0 0;position:relative;z-index:3;display:block;padding:31px 0;overflow:hidden;background:rgba(255,255,255,.8);}
.news-top .date{float:left;width:120px;color:#666;text-align:center;border-right:rgba(255,255,255,.3) solid 1px;}
.news-top .date em{display:block;font-size:52px;font-family:"DIN Medium";}
.news-top .date small{display:block;font-size:14px;font-family:"DIN Medium";}
.news-top .text{float:left;width:70%;padding:0 30px;overflow:hidden;}
.news-top .text h3{font-size:16px;color:#222;overflow:hidden;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;}
.news-top .text p{margin-top:8px;font-size:14px;color:#666;line-height:28px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-top:hover img{transform:scale(1.1);}
.news-top:hover .textBox{background:#f4750c;}
.news-top:hover .textBox *{color:#fff;}
.news-list{float:right;padding-left:45px;width:55%;overflow:hidden;box-sizing:border-box;}
.news-list .item{display:block;overflow:hidden;margin-bottom:24px;}
.news-list .item:last-of-type {margin-bottom:0;}
.news-list .item .date{float:left;padding:10px 0;box-sizing:border-box;width:105px;height:105px;font-family:"DIN Medium";color:#666;text-align:center;background:#ddd;}
.news-list .item .date em{display:block;font-size:52px;}
.news-list .item .date small{display:block;font-size:14px;font-family:"DIN Medium";}
.news-list .item .text{padding:0 1.85rem;overflow:hidden;}
.news-list .item .text h3{font-size:16px;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;}
.news-list .item .text p{margin-top:6px;font-size:14px;color:#666;line-height:28px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news-list .item:hover .date{color:#fff;background:#f4750c;}
.news-list .item:hover .text h3{color:#f4750c;}

@media (max-width:1400px){
    .news-top .text {width:65%;}
    .news-list .item .date {width:93px;height:93px;padding:5px 0 7px;}
    .news-list .item {margin-bottom:23px;}
    .news-list .item .date em {font-size:46px;}
    .news-list .item .text p {-webkit-line-clamp:2;}
}
/* news end */


/*���ַ�ս*/
.f_link{ padding-top:24px;margin-bottom:10px;height:100px; overflow:hidden;background:#ffffff; border-top:1px solid #ddd}
.f_link h2{ height:33px;line-height:33px; background:url(../img/linkTitBor.gif) no-repeat center center; text-align:center; font-weight:normal; font-size:22px; color:#333;}
.f_link h2 .tit{ font-size:18px; font-family:"Microsoft YaHei"; padding-right:5px; color:#333}
.linkCnt{ padding-top:10px;padding-left:19px; line-height:30px; }
.linkCnt a{ display:inline-block; height:30px; line-height:30px; text-align:right; padding-right:16px;}
/*��������*/
.ft-link {overflow: hidden;background:#313131; border-bottom: 1px solid #5a5a5a;}
.ft-link .content { padding:32px 0; overflow: hidden; }
.ft-link dl { float: left;}
.ft-link dl dt {position: relative;float: left;margin-right: 40px;font-size: 16px;color: #fff;}
.ft-link dl dt:after {content: '';display: block;position: absolute;left: 120%;top: -10px;background: url("../img/server-link.png")no-repeat center;width: 15px;height:50px;}
.ft-link dl dd { margin-right: 20px; float: left;}
.ft-link dl dd a { font-size: 14px; color: #c8c8c8;}
.ft-link .content > a  { float: right; font-size: 14px; color: #fff;}
.ft-link a:hover { color: #f4750c;}




 /* 悬浮广告容器样式 */
 .floating-ad {
    position: fixed;
    right: 20px;       /* 距离右侧距离 */
    bottom: 50%;       /* 垂直居中 */
    transform: translateY(50%); /* 垂直居中修正 */
    width: 163px;      /* 广告宽度 */
    height: 462px;     /* 广告高度 */
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 9999;     /* 确保在最上层 */
}

/* 关闭按钮样式 */
.close-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    padding: 2px 5px;
    background: #ccc;
    border-radius: 50%;
}