html{overflow-x: hidden;}
body{margin:0;padding:0;}
ul{padding:0;margin:0;}
li{list-style: none;}
i{font-style: normal;}
a{display: block;}
a,a:hover{color:#333;text-decoration: none;}
*{font-family: "微软雅黑";box-sizing: border-box;color:#333;}
.w{width: 96%;max-width: 1440px;margin: 0 auto;}
.suoxiao{width: 35px;display: none;cursor: pointer;}

/*title*/
.title-box{padding: 55px 0;}
.title{color: #fc8201;font-size: 36px;font-weight: 700;text-align: center;margin-bottom: 10px;}
.title-text{color: #333;font-size: 14px;text-align: center;}
.title a{color: #fc8201;}
/*title*/

/*头部*/
.header-box{display: flex;justify-content: space-between;align-items: center;position: relative;width: 100%;padding: 10px 2%;}
.header-left{display: flex;justify-content: space-between;align-items: center;}
.header-left-text{display: inline-block;margin-left: 20px;}
.header-left-text1{font-size: 20px;color: #e60012;margin-bottom: 10px;}
.header-left-text2{font-size: 16px;color: #333;text-align-last:justify;text-align:justify;text-justify:distribute-all-lines;}
.header-right{display: flex;justify-content: space-between;width: 72%;}
.header-right a:first-child{margin: 0;letter-spacing:6px}
.header-right a:hover{color: #e60012;}
#nav_select{color: #e60012;}
/*头部*/

/* banner */
#s1 img{width: 100%;height: 100%;}
.banner-nei img{width: 100%;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url(../images/left.png)!important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url(../images/right.png)!important;
}
.swiper-pagination-bullet-active{
	background: #E60012!important;
}
/* banner */
/*为什么*/
.wen-content{padding-top: 95px;width: 100%;background: url(../images/question.png) center top no-repeat;display: flex;justify-content: space-between;flex-wrap: wrap;}
.wen-left1{display: flex;align-items: auto;width: 365px;align-items: center;margin-bottom: 145px;}
.wen-left1 img{width: 60px; transition: transform .8s;}
.wen-right1 img{min-width: 60px;transition: transform .8s;}
.wen-left1:hover img{transform: rotateY(360deg);}
.wen-left1:hover .wen-left1-box-title{color: rgb(242,150,23);}
.wen-left1-box{padding-left: 20px;}
.wen-left1-box-title{font-size: 22px;line-height: 24px;color: #333;font-weight: 700;margin-bottom: 25px;}
.wen-left1-box-text{font-size: 14px;line-height: 24px;color: #555;word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.wen-right1{display: flex;align-items: auto;width: 365px;align-items: center;margin-bottom: 145px;flex-direction: row-reverse;}
.wen-right1:hover img{transform: rotateY(360deg);}
.wen-right1:hover .wen-right1-box-title{color: rgb(242,150,23);}
.wen-right1-box{padding-right: 20px;}
.wen-right1-box-title{font-size: 22px;line-height: 24px;color: #333;font-weight: 700;margin-bottom: 25px;}
.wen-right1-box-text{font-size: 14px;line-height: 24px;color: #555;}
.ying{background: #f8f8f8;padding-bottom: 72px;}
.ying-box{width: 100%;background-color: #f8f8f8;}
.ying-nav{width: 55%;background-color: #f8f8f8;display: flex;padding: 55px 0 73px;flex-wrap: wrap;justify-content: space-around;}
.ying-nav > div {cursor: pointer;margin-right: 20px;width: 110px;height: 36px;font-size: 16px;text-align: center;line-height: 29px;border-radius: 18px;padding: 3px;padding-right: 2px;}
.ying-nav > div  span{display: block;width: 100%;border-radius: 16px}
.ying-nav > div:nth-of-type(1){background-color: #E80012;}
.ying-nav > div:nth-of-type(1) span{color: #fff;border: 1px solid #fff;}
.ying-content{display: none;justify-content: space-between;align-items: flex-end;height: 370px;background: #fff;width: 100%;}
.ying-content:nth-of-type(2){display: flex;}
.ying-content > img{width: 41%; padding-right:3%;}
.ying-content img{ max-width:100%;}
.ying-content-box{padding-top: 50px;padding-left: 40px;height: 100%;width: 100%;max-width: 700px;}
.ying-content-title{display: flex;align-items: center;margin-bottom: 45px;}
.ying-content-title img{margin-right: 10px;}
.ying-content-title1{font-size: 26px;font-weight: 700;}
.ying-content-text{font-size: 16px;color: #444;line-height: 32px;margin-bottom: 70px;word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.ying-content-btn{width: 140px;height: 40px;display: flex;justify-content: center;align-items: center;transition: all .8s;background: #E70012;border-radius: 20px;color: #fff;}
.ying-content-btn span{margin-left: 2px;transition: all .8s;color: #fff;}
.ying-content-btn:hover{color: #fff;}
.ying-content-btn:hover span{margin-left: 6px;}
/*为什么*/
/*问题*/
.wenti{padding-bottom: 72px;}
.wenti-list{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.wenti-item{width: 30%;padding: 0 38px;transition: all .8s;border: 1px solid transparent;}
.wenti-item-img{padding: 105px 0;text-align: center;position: relative;}
.wenti-item-img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.wenti-item-img img:nth-of-type(1){opacity: 0;}
.wenti-item-title{font-size: 24px;text-align: center;font-weight: 700;}
.wenti-item-text{font-size: 14px;color: #666;text-align: center;line-height: 26px;padding: 45px 0;}
.wenti-item:hover{border: 1px solid #e60012;box-shadow: 0px 0px 5px 0px #E60012;}
/*为什么选择渊博网络*/
.yuan{background: #F8F8F8;padding-bottom: 72px;}
.yuan-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.yuan-item{width: calc(25% - 15px);border: #e5e5e5 solid 1px;background: #fff;padding-bottom: 60px;transition: all .8s;}
.yuan-item img{transition: all .8s;}
.yuan-item-yuan{padding: 58px 0;margin: 0 auto;}
.yuan-item-img{border: 1px solid #E60012;border-radius: 50%;width: 136px;height: 136px;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.yuan-item div{text-align: center;}
.yuan-item-title{font-size: 20px;text-align: center;}
.yuan-item-text1{padding: 18px 0;color: #666;}
.yuan-item-text2{font-size: 14px;color: #999;width: 260px;margin: 0 auto;}
.yuan-item-xian{width: 50px;height: 1px;color: #999;}
.yuan-item-text2{font-size: 14px;color: #999;line-height: 24px;}
.yuan-item:hover{border: 1px solid #e60012;box-shadow: 0px 0px 5px 0px #E60012;}
.yuan-item:hover .yuan-item-title{color: #e60012;}
.yuan-item:hover img{transform: scale(1.1);}
/*经典案例*/
.anli{padding-bottom: 50px;}
.anli-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.anli-item{width: calc(33.3% - 16px);border: #ebebeb solid 1px;margin-bottom: 24px;}
.anli-item-img{position: relative;overflow: hidden;}
.anli-item-img img{height: 100%;position: absolute;left: 50%;transform: translateX(-50%);transition: all .8s;}
.anli-item:hover{box-shadow: 0px 0px 16px 5px #ededed;}
.anli-item:hover .anli-item-img img{transform: scale(1.1) translateX(-45%);}
.anli-item:hover .anli-item-box1-text{color: #e60012;}
.anli-item-box1{padding: 7px 0;margin: 0 20px;display: flex;justify-content: space-between;align-items: center;color: #222;font-size: 16px;border-bottom: 1px solid #e3e3e3;}
.anli-item-box1 img{margin-right: -10px;}
.anli-item-box2{padding: 20px 20px;display: flex;justify-content: space-between;color: #666;font-size: 14px;}
/*新闻*/
.news{background: #F8F8F8;padding-bottom: 72px;}
.news-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.news-box-left-img{overflow: hidden;width: 100%;}
.news-box-left-img img{transition: all .8s;width: 100%;height: 100%;}
.news-box-left{background: #fff;width: 30%;}
.news-box-left:hover .news-box-left-img img{transform: scale(1.1);}
.news-box-left:hover .news-box-left-title{color: #f29617;}
.news-box-left-box{padding: 0 33px 30px;}
.news-box-left-title{font-size: 20px;font-weight: bold;padding: 40px 0;text-align: left;}
.news-box-left-text{font-size: 14px;line-height: 24px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #999;}
.news-box-left-time{display: flex;justify-content: space-between;margin-top: 50px;align-items: center;}
.news-box-left-time-text{font-size: 12px;color: #999;}

.news-box-right{width: calc(70% - 20px);display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.news-box-right-box{width: calc(50% - 10px);background: #fff;padding: 25px 20px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin-top: 20px;}
.news-box-right-box:nth-of-type(1){margin-top: 0;}
.news-box-right-box:nth-of-type(2){margin-top: 0;}
.news-box-right-box-left{width: 70%;}
.news-box-right-box-left-1{font-weight: bold;font-size: 18px;margin-bottom: 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-box-right-box-left-2{font-size: 14px;color: #666;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-box-right-box-xian{width: 1px;height: 32px;background: #E5E5E5;}
.news-box-right-box-right-1{font-size: 30px;color: #999;text-align: center;}
.news-box-right-box-right-2{font-size: 12px;color: #999;text-align: center;}
.news-box-right-box:hover .news-box-right-box-left-1{color: #f29617;}
/*底部广告*/
.guang{padding: 50px 0;display: flex;flex-wrap: wrap;}
.guang-item{padding: 24px 20px;display: flex;border-left: #e5e5e5 1px solid;align-items: center;width: 16.6%;}
.guang-item img{margin-right: 20px;transition: all .8s;}
.guang-item:nth-of-type(1){border: none;}
.guang-box1{font-size: 18px;margin-bottom: 10px;}
.guang-box2{font-size: 14px;color: #555;}
.guang-item:hover img{transform: rotateY(360deg) scale(1.2);}
.guang-item:hover .guang-box1{color: #F27023;}
/*底部*/
.footer{width: 100%;height: 100%;background: #111;}
.youqing{width: 100%;border-bottom: 1px #7a7a7a dashed;padding: 36px 0;}
.youqing .w{display: flex;}
.youqing-left{display: flex;align-items: center;margin-right: 20px;min-width: 90px;}
.youqing-left img{margin-right: 3px;}
.youqing-left-box-1{font-size: 14px;color: #fff;text-align: center;}
.youqing-right{display: flex;align-items: center;flex-wrap: wrap;}
.youqing-right a{margin-right: 15px;font-size: 14px;color: #a6a6a6;}

.flist{display: flex;flex-wrap: wrap;}
.fitem{text-align: center;padding: 50px 80px;position: relative;}
.fitem img{margin-bottom: 10px;}
.fitem .img2{position: absolute;opacity: 0;z-index: 99999999999999999;transform: translateX(10px);}
.fitem:nth-of-type(1){padding-left: 0;}
.fitem:nth-of-type(1)::before,.fitem:nth-of-type(2)::before,.fitem:nth-of-type(3)::before{content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 0;background-color: #595959;width: 1px;height: 22px;}
.fitem div{font-size: 20px;font-weight: 900;color: #fff;text-align: center;}
.fitem div a{color: #fff;}

.di{font-size: 14px;color: #7a7a7a;text-align: center;padding-bottom: 27px;}
.di a{ display:initial;color: #7a7a7a;}







/*返回顶部*/
.top{ cursor:pointer; position:fixed; bottom:100px; background:rgba(242,150,23, .7); right:1%; padding: 15px; display:none; z-index:999;}
.top:hover{background:rgba(242,150,23, 0.9);}
/*返回顶部*/
/*手机底部固定联系我们*/
.sj-footer{position: fixed;bottom:0;left:0;z-index: 99;width: 100%;background:#fff;border-top: solid 1px #ccc;}
.sj-footer ul{display: flex;justify-content: space-around;margin-bottom: 0;}
.sj-footer li{width: 30%;text-align: center;/*background:#eee;*/}
.sj-footer li a{display: inline-block;width: 100%;height: 100%;padding:10px 0;border-left: solid 1px #eee;text-decoration: none;font-size: 13px;color:#333;}
.sj-footer li:nth-child(1) a{border-left:0;}
.sj-footer img{width: 20%;margin-bottom: 5px;}
.visible-xs{display: none;}
/*------------------------------------------------------------------------------------------------------------*/
/* 公共导航条 */
.max{width: 96%;max-width: 1440px; margin: auto;}
.page_address{ border-bottom:1px solid #eee; overflow:hidden; display:block; width:100%; padding:15px 0px;}
.page_address .address{ font-size:14px; color:#666; max-width: 1440px;width:90%;margin: 0 auto;display: flex;}
.page_address .address span{ float:left; margin:3px 10px 0px 0px;}
.page_address .address *{color:#666; margin:0px;}

/* -- */
/* 标题 */
.often .column{ margin-top:30px; float:left; width:100%; overflow:hidden;}
.page_column{ width: 100%;text-align: center;}
.page_column .often{ width: 98%;max-width: 1440px;margin: 40px auto;text-align: center;}
.page_column .often .text{ font-size: 28px;color: #222;text-align: center;}
.page_column{ padding-top:0px; text-align:center; float:left; width:100%; overflow:hidden;margin-bottom: 60px;}
.page_column .often{ margin:40px auto;}
.page_column .often .text{ text-align:center; float:left; width:100%; font-weight:bold;}
.page_column a{ display:inline-block; font-size:16px; font-weight:400; color:#333; margin:0px 20px; padding-bottom:10px; border-bottom:2px solid transparent;}
.page_column a:hover{ border-bottom:2px solid #f29617;}
#fl_select{border-bottom:2px solid #f29617;}
.list .page_news{ margin-top:20px; float:left; width:100%;}
.list .page_news li{ float:left; max-width:100%; width:100%; overflow:hidden; box-sizing:border-box; margin-right:24px; margin-bottom:25px; display:flex;}
.list .page_news li:nth-of-type(3n){ margin-right:0px;}
.list .page_news li .picture{ float:left; width:100%; max-width:260px; box-sizing:border-box; position:relative; overflow:hidden;}
.list .page_news li .picture img{width:100%; height:180px; object-fit:cover; float:left; transition:all linear 0.20s;}
.list .page_news li .content{ border:1px solid #ddd; box-sizing:border-box; padding:15px 4%; max-width:calc(100% - 260px); float:left; width:100%; overflow:hidden; border-left:0px; position:relative; z-index:1;}
.list .page_news li .content::before{ content:""; position:absolute; width:100%; height:100%; background:#f29617; z-index:-1; left:-100%; top:0px; opacity:0; transition:all linear 0.25s;}
.list .page_news li .title{ float:left; font-size:16px; color:#666; width:100%; text-align:left; font-weight:bold; margin-bottom:10px; white-space:pre; text-overflow:ellipsis; overflow:hidden; margin-top:15px;}
.list .page_news li .text{ float:left; font-size:14px; line-height:24px; color:#808080; width:100%; max-height:72px; height:72px; overflow:hidden;}
.list .page_news li:hover .content *{ color:#fff;}
.list .page_news li:hover .picture img{ transform:scale(1.1)}
.list .page_news li:hover .content::before{ left:0px; opacity:1;}
.list .page_pro{margin-top:40px; width:100%; overflow:hidden;}
.list .page_pro li{ float:left; max-width:calc(100% / 3 - 16px); margin-right:24px;  margin-bottom:20px;}
.list .page_pro li:nth-of-type(3n){margin-right:0px;}
.list .page_pro li .picture{ float:left; width:100%; overflow:hidden; position:relative;}
.list .page_pro li .picture img{ width:100%; display:block;  object-fit:cover; transition:all linear 0.25s; height:320px;}
.list .page_pro li .title{ float:left; width:100%; overflow:hidden; color:#333; font-size:16px; padding-top:10px; box-sizing:border-box; transition: all linear 0.25s; white-space:pre; text-overflow:ellipsis; text-align:center;}
.list .page_pro li:hover .title{ color:#f29617;}
.list .page_pro li:hover .picture img{ transform:scale(1.1)}
.list .page_pro li .picture::after{content:""; position:absolute; width:140%; height:40px; top:20%; transform-origin: bottom; right:0px; background:rgba(255,255,255,0.8); transform:rotateY(300deg) translateY(300px); opacity:0;}
.list .page_pro li:hover .picture::after{transform:rotate(300deg) translateY(-300px); transition:all linear 0.5s; opacity:1;}
.page_list{ overflow:hidden; text-align:center; width:100%; margin:35px auto 40px auto;display: flex;justify-content: center;}
.page_list *{ font-size:14px; color:#666;}
.page_list a{margin: 0 5px;}
.page_list a:hover{color:#f29617;}
.page.pageText .title{ font-size:26px; text-align:center; margin-top:20px;}
.page.pageText time{ font-size:12px; color:#999; float:left; width:100%; text-align:center; margin-top:30px;}
.page.pageText time span{ margin:0px 10px;}
.page.pageText .picture{ width:100%; text-align:center; margin-top:30px; float:left;}
.page.pageText .picture img{ margin:0px auto; max-height:500px;}
.page.pageText .content{margin: 0 auto; margin-top:0px; display:block; width:90%; padding:40px 0px 0px 0px; box-sizing:border-box;}
.page.pageText .content p{ line-height:36px;}
.page.pageText .content p img{ max-width:100% !important; height:auto !important;}
.page .page_next{ border-top:1px solid #dcdcdc; overflow:hidden; padding:10px 0px; box-sizing:border-box; width:100%; margin-top:40px;}
.page .page_next p{ font-size:14px; color:#333; margin-top:10px;}
.page .page_next a{ font-size:14px; color:#666;}
.page .page_next a:hover{color:#f29617;}
/*联系我们*/
.page_intor{ width:100%; overflow:hidden;}
.page_intor .title{ text-align:center; font-size:20px; margin-top:10px;}
.page_intor time{ text-align:center; display:block; margin-top:25px; font-size:14px; color:rgba(0,0,0,0.40);}
.page_intor .picture{ text-align:center; display:block; margin-top:25px;}
.page_intor .content{margin-top:25px;text-align: left;}
.page_intor .content p{ line-height:32px;}
@media (max-width: 768px) {
	.visible-xs{display: block;}
}
@media (max-width: 375px) {
	.list .page_pro li{max-width:calc(100% / 4 - 10px); margin-right:13px;}
	.list .page_news li .picture{max-width: 100%;}
	.list .page_news li .content{max-width: 100%;}
	.page.pageText .content p span{ font-size:16px !important; line-height:30px !important;}
	.page.pageText .content p{ line-height:28px;}
}