html{overflow:hidden;}
.text-yellow{color:#d6a452;}
.text-overflow{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-overflow-lines2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:26px;height:52px;}
/*����*/
.transition-ease{transition:all 0.3s ease;}
.transform-scale:hover{transform:scale(1.1,1.1)}
/*����*/
.font-size-p24m20{font-size:24px;}
.font-size-p20m18{font-size:20px;}
.font-size-p18m16{font-size:18px;}
.font-size-p16m14{font-size:16px;}
@media(max-width:768px){.padding-top-60,.padding-top-50{padding-top:30px;}
.margin-top-60{margin-top:30px;}
.padding-bottom-60{padding-bottom:30px;}
.col-sm-12,.col-sm-3,.col-sm-4,.col-xs-12,.col-xs-6,.col-xs-5,.col-sm-8,.col-xs-7{padding-left:5px;padding-right:5px;}
.row{margin-left:-5px;margin-right:-5px;}
.text-sm-white{color:#fff;}
/*����*/
.font-size-p24m20{font-size:20px;}
.font-size-p20m18{font-size:18px;}
.font-size-p18m16{font-size:16px;}
.font-size-p16m14{font-size:14px;}
}
.flex-center{display:flex;justify-content:center;flex-direction:column;}
.fullpageFlexCenter{display:flex;justify-content:center;flex-direction:column;}
#demosMenu{position:fixed;bottom:10px;right:10px;z-index:999;}
#fullpage{overflow:hidden;}
.fullpageHeight{height:100%;}
/*��������*/
.index-comtit{padding:20px 0;}


@media(max-width:728px){.index-comlink{width:120px;height:36px;line-height:36px;font-size:15px;}
}
@media(max-width:728px){#section0 .inner{width:auto;}
}
/* �������� */
#section0{background:url(../images/index-case.jpg) no-repeat center center;background-size:cover;overflow:hidden;}
#section1{background:url(../images/index-case.jpg) no-repeat center center;background-size:cover;overflow:hidden;}
#section1 .aboutIntro{display:flex;flex-direction:column;justify-content:center;height:100%;animation: fadeInDown;
    animation-duration: 1s; }
#section1 .aboutIntro .textBox p{font-size: 14px;line-height: 2;color: rgb(255, 255, 255);}
#section1 .aboutIntro .aboutListBox{overflow:hidden;margin: 45px 0;}
#section1 .aboutIntro .aboutListBox li{float:left;width:25%;text-align:center;}
#section1 .aboutIntro .aboutListBox li p{color: #fff;font-size: 16px;margin-top:15px;}
#section1 .aboutIntro .index-comtit{margin-bottom: 15px;}
#section1 .aboutIntro .index-comtit .title{font-weight: bold;color: rgb(0, 0, 0);opacity: 0.11;}
#section1 .aboutIntro .index-comtit .tips{color: #d5a353;font-weight: 600;position: relative;}

/* ��Ŀչʾ */
#section2{background:url(../images/index3.jpg) no-repeat center center;background-size:cover;overflow:hidden;}
/*#section2 .container{max-width:900px}*/
#section2 .index-comtit .title{text-align: center;position:relative;color:#fff;line-height:40px;margin-bottom:15px;}
#section2 .index-comtit .tips{color:#fff;line-height:30px;}
#section2 .item .imgBox a{display:block;position:relative;}
#section2 .item .imgBox a .mask{position:absolute;background:rgba(6,68,151,0.3);width:100%;height:100%;top:0;opacity:0;transition:all .5s;}
#section2 .item .imgBox a .mask img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;}
#section2 .item .imgBox a:hover .mask{opacity:1;}
#section2 .item .title{font-size: 24px;text-align: center;}
#section2 .item .title a{color:#fff;}
#section2 .item .title a:hover{color: #4a86e8;}

/*���Ŷ�̬*/
#section3{background:url(../images/testtim.jpg) no-repeat center center;background-size:cover;overflow:hidden;}
#section3 .index-comtit .title{text-align: center;position:relative;color:#fff;line-height:40px;margin-bottom:15px;}
#section3 .index-comtit .tips{color:#fff;line-height:30px;}
.newswiper-container{width:100%;position:relative;overflow:hidden;}
.newswiper-container .swiper-slide{text-align:center;font-size:18px;background:#fff;/* Center slide text vertically */
 display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.newswiper-container .swiper-slide .inner{width:100%;}
.newswiper-container .swiper-slide img{display:block;height:auto;width:100%;margin:0 auto;}
.newswiper-container.swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;}
.newswiper-container .swiper-pagination{text-align:right;}
.newswiper-container .swiper-pagination-bullet{width:10px;height:10px;text-align:right;opacity:1;background:#FDF1D4;border: 1px solid #F27602;}
.newswiper-container .swiper-pagination-bullet-active{color:#fff;opacity:1;}
.newswiper-container .title{width:100%;background:rgba(0, 0, 0, 0.35);font-size:14px;color:#fff;line-height:3;text-align:left;padding-left:10px;position:absolute;bottom:0;left:0;display:block;/*�����������*/ word-break:keep-all;/* ������ */ white-space:nowrap;/* ������ */
       overflow:hidden;/* ���ݳ�������ʱ���س������ֵ����� */ text-overflow:ellipsis;padding-right:68px;}
.swiper-button-next, .swiper-button-prev{background-size: 20px 20px;background-color: rgba(225,225,225,.54);opacity: 0.9;}
.newswiper-container .swiper-pagination-bullet{border-radius: 0;}
.newswiper-container .swiper-pagination-bullet-active {background: #FE8B18;border-color: #D86C01;}
.news-list{background: rgba(255,255,255,0.89);}
.news-list .row{border-bottom: 0px;overflow: hidden;margin-bottom: 10px;}
.news-list .row .title{transition: all .5s ease;}
.news-list .row .date{background: #d5a353;text-align: center;color: #fff;transition: all .1s ease;}
.news-list .row .date li:first-child{font-weight: bold;}
.news-list .row .title p{padding-top: 0px;font-size: 14px;color: #999999;line-height:22px;}
.news-list .row:hover .date li{color:#fff;}
.news-list .row:hover .title a{color: #E3B445;}
.newstitle{padding-bottom: 10px;}
.newstitle p{text-align:center;font-size: 16px;color: #434343;font-weight: bold;}
@media (min-width:1000px){
#section1 .aboutIntro .index-comtit .title{font-size: 90px;letter-spacing: 20px;margin-bottom: -65px;}
#section1 .aboutIntro .index-comtit .tips{font-size: 28px;}
#section2 .index-comtit .title::after{content:"";background:#fff;max-width:100px;position:absolute;top: 22px;height: 1px;width: 100%;left: 33%;}
#section2 .index-comtit .title::before{content:"";background:#fff;max-width:100px;position:absolute;top: 22px;height: 1px;width: 100%;right: 33%;}
#section2 .index-comtit .tips{margin-bottom: 30px;}
.news-list{padding: 15px;}
.newswiper-container .swiper-slide a img{height:454px;}
.newswiper-container .swiper-pagination{padding-right: 6px;}
.newswiper-container .swiper-pagination-bullet{width:11px;height:11px;}
.newswiper-container .title{padding-right: 80px;}
.news-list .row .date{width: 70px;height: 70px;}
.news-list .row .title a{font-size:18px;font-weight:400;padding: 0px 0 7px 20px;}
.news-list .title .time{font-size:15px;}
.news-list .row .date li:first-child{font-size: 24px;line-height:44px;height: auto;}
.news-list .row .date li:last-child{font-size: 13px;}
#section4 .leftConBox .title{font-size: 45px;line-height: 63px;}
#section4 .leftConBox .tips{font-size: 20px;}
#section4 .leftConBox .box{margin-top:33px;margin-bottom:33px;}
#section4 .leftConBox .box-bottom img{float:left;}
#section4 .leftConBox .box-bottom p{padding-left: 140px;}
#section4 .leftConBox .box-bottom p span{font-size: 20px;}
#section2 .item .title{margin-top: 35px;}
#section3 .index-comtit .title::after{content:"";background:#fff;max-width:100px;position:absolute;top: 22px;height: 1px;width: 100%;left: 33%;}
#section3 .index-comtit .title::before{content:"";background:#fff;max-width:100px;position:absolute;top: 22px;height: 1px;width: 100%;right: 33%;}
#section2 .index-comtit .title{font-size: 30px;}
#section3 .index-comtit .title{font-size:30px;}
}
@media (max-width:1000px){
#section1 .aboutIntro .index-comtit .title{font-size:40px;}
#section1 .aboutIntro .index-comtit .tips{font-size: 20px;}
.newswiper-container .swiper-slide a img{min-height:150px;}
.news-list .row .date{width: 60px;height: 60px;}
.news-list .row .date li:first-child{font-size: 24px;height: 38px;line-height: 38px;}
.news-list .row .date li:last-child{font-size: 13px;}
.news-list .row{padding: 10px 0 24px;}
#section2 .item .title{margin-top: 15px;}
.newswiper-container{display:none;}
.news-list{padding:10px;}
#section4 .leftConBox .title{font-size:24px;}
#section4 .leftConBox .box{margin:20px 0;}
#section4 .leftConBox .box-bottom p{margin:20px 0;}
#section4 .leftConBox .box-bottom p span{font-size:18px;}
#section4{margin-bottom:40px;}
#section4 .leftConBox .tips{font-size:20px;}
#section2 .index-comtit .title{font-size: 24px;}
#section3 .index-comtit .title{font-size:24px;}

}

#section4{background:url(../images/home_form.jpg) center center;}
#section4 .leftConBox .title{color:#fff;opacity:0.3;}
#section4 .leftConBox .tips{color: #fff;font-weight:600;}
#section4 .leftConBox .box{overflow:hidden;}
#section4 .leftConBox .box div{float:left;color:#fff;width:50%;}
#section4 .leftConBox .box div p:nth-child(1){font-size:15px;line-height:30px;}
#section4 .leftConBox .box div p:nth-child(2){font-size:20px;line-height:30px;}
#section4 .leftConBox .box-bottom p{color:#fff;}

@media(max-width:992px){.section+.section{padding:30px 0 50px 0;}
}
@media(max-width:768px){.index-comlink{width:100px;line-height:30px;margin-top:30px;}
#section1{background:url(../images/index-case.jpg) no-repeat left top;background-size:200% 100%;color:#f5f5f5!important;}
#section1 .year{font-size:30px;}
#section2 .item{margin-bottom:10px;padding-bottom:20px;}
}
/* �ͷ�*/
.wpsidebar-fkf{position:fixed;right:18px;top:50%;transform:translate(0,-50%);z-index:9999;}
.fkf-item{position:relative;width:50px;height:50px;border:1px solid #ccc;padding:10px;background-color:#fff;margin-bottom:6px;box-sizing:border-box;cursor:pointer;}
.fkf-item img{width:30px;height:30px;}
.fkf-item img.hover{display:none;}
.fkf-item:hover>img{display:none;}
.fkf-item:hover img.hover{display:block;}
.fkf-cart>span{position:absolute;display:block;width:24px;height:24px;border-radius:50%;background-color:#ff6600;color:#fff;left:-12px;top:-12px;text-align:center;line-height:24px;}
.fkf-item-right{position:absolute;right:35px;padding-right:25px;top:-15px;display:none;}
.fkf-item:hover .fkf-item-right{display:block;}
.fkf-item-right-content{width:430px;border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;padding-top:15px;background-color:#fff;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.15);-moz-box-shadow:0 3px 8px rgba(0,0,0,.15);box-shadow:0 3px 8px rgba(0,0,0,.15);position:relative;}
.fkf-item-right-content .arrow,.right-content-ewm .arrow{position:absolute;width:20px;height:20px;right:-15px;top:23px;z-index:20;}
.fkf-item-right-content-top{padding-bottom:10px;padding-top:10px;padding-left:70px;border-bottom:1px solid #ccc;position:relative;white-space:nowrap;overflow:hidden;}
.fkf-item-right-content-top img{position:absolute;left:0;top:8px;width:40px;height:40px;}
.fkf-item-right-content-top h2{margin-bottom:8px;color:#ff6800;font-size:22px;}
.fkf-item-right-content-bottom p{padding-top:15px;padding-bottom:15px;}
.fkf-item-right-content-bottom .content-bottom-item{display:inline-block;width:32%;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
.content-bottom-item img{width:25px;height:25px;margin-right:5px;background-color:#333;vertical-align:top;}
.content-bottom-item span{display:inline-block;line-height:25px;}
.content-bottom-item:hover img{background-color:#ff6800;}
.content-bottom-item:hover span{color:#ff6800}
.right-content-tele{width:300px;}
.right-content-tele .fkf-item-right-content-top:last-child{border-bottom:0;padding-bottom:0;padding-top:10px;}
/*.right-content-tele .fkf-item-right-content-top:last-child img{top:28px;}
*/
.right-content-ewm{padding:20px;background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.15);-moz-box-shadow:0 3px 8px rgba(0,0,0,.15);box-shadow:0 3px 8px rgba(0,0,0,.15);position:relative;display:flex;flex-direction:row;width:max-content;}
.right-content-ewm .ewm div{width:130px;height:130px;margin:0 auto;border-radius:50%;/*background-color:#198ede;*/
 margin-bottom:10px}
.right-content-ewm .ewm div img{width:100px;height:100px;margin-top:15px;margin-left:15px;background:#fff;}
.right-content-ewm .ewm p{text-align:center;font-size:16px;color:#ff6800;}
.fkf-item-right-ewm{top:initial;bottom:-15px;}
.right-content-ewm .arrow{top:initial;bottom:23px;}
