@charset "utf-8";

.about-main{position: relative;margin-top:76px;}
.about-main .page-banner{background: url(../img/about-banner.png) no-repeat center center #7e777f;width: 100%;height:330px;background-size: cover;text-align: center;color: #fff;overflow: hidden;}
.about-main .page-banner .slogan-txt{text-align: center;color: #fff;padding-top:80px;}
.about-main .page-banner .slogan-txt h1{height: 52px;line-height: 52px;overflow: hidden;}

.about-content{margin-top: 30px;}
.about-content .about-us{margin-bottom: 80px;border-bottom: 2px solid #eeeeee;padding-bottom:80px;}
.about-content .about-us .about-desc{position:relative;width: 600px;}
.about-content .about-us .about-desc .thd{padding-top: 10px;}
.about-content .about-us .about-desc .thd h1{height: 46px;margin-bottom: 10px;color: #dcdcdc;}
.about-content .about-us .about-desc .thd h2{height: 38px;margin-bottom: 25px;}
.about-content .about-us .about-desc .thd .about-line{width: 60px;height: 5px;background: #0096ff;display: block;}
.about-content .about-us .about-desc .about-txt{margin-top: 60px;font-size: 14px;}
.about-content .about-us .about-desc .about-txt p{margin-bottom: 56px;line-height: 28px;}
.about-content .about-us .about-desc .ab-btn{width: 150px;height: 36px;line-height: 36px;display: inline-block;border-radius: 100px;color: #fff;background: #0096ff;font-size: 18px;text-align: center;}

.about-content .about-history{margin-bottom: 50px;}
.about-content .about-history .thd{padding-top: 10px;text-align: center;}
.about-content .about-history .thd h1{height: 46px;margin-bottom: 10px;color: #dcdcdc;}
.about-content .about-history .thd h2{height: 38px;margin-bottom: 25px;}
.about-content .about-history .thd .about-line{width: 60px;height: 5px;background: #0096ff;display: block;margin: 0 auto;}
.about-content .about-history .dht{width: 830px;margin: 0 auto;text-align: center;line-height: 30px;margin-top: 35px;margin-bottom: 80px;}
.about-content .product-wrapper{max-width:1200px;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative}
.about-content .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.about-content .product-features .product-body{margin:0px 25px}
.about-content .product-features .product-body:after{content:"";width:100%;height:3px;background:url(../img/productBase-features-model.png) no-repeat;background-size:100% auto;background-position:center;position:absolute;top:50px;left:0;z-index:0}
/*li*/
.about-content .features-item{position:relative;float:left}
.about-content .features-slide .features-item>*{text-align:center}
.about-content .features-item h3{font-size:14px;line-height:28px;margin-bottom:50px;opacity:0.7;transition:all 0.1s}
.about-content .features-item i{position:absolute;width:75%;height:33px;background:url(../img/productBase-features-timeline.png) no-repeat;background-size:contain;background-position:right center;left:-25%;margin-left:10px;top:35px;z-index:3}
.about-content .features-item .features-info{display:block;margin:0 auto;padding:20px 53px;transition:all 0.3s;border-radius:2px}
.about-content .features-item .features-info .features-info-i{font-size:14px;color:#A0A2A8;line-height:22px;margin-bottom:10px}
.about-content .features-item .features-info .features-info-s{font-size:14px;line-height:24px;overflow:hidden}
.about-content .features-item.dark i{background:url(../img/productBase-features-timeline-dark.png) no-repeat;background-size:contain;background-position:right center}
/*鼠标悬浮效果*/
.about-content .features-item:hover h3{font-size:22px;line-height:28px;opacity:0.9}
.about-content .features-item:hover i{width:75%;margin-left:13px;background:url(../img/productBase-features-timeline-hover.png) no-repeat;background-size:contain;background-position:right center}
.about-content .features-item:hover a{background:url(../img/productBase-features-info.png) no-repeat;background-size:100% 100%}
/*左右按钮*/
.about-content .product-features .swiper-button-prev{width:30px;height:40%;left:-15px;top:60%;background:none}
.about-content .product-features .swiper-button-prev:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../img/productBase-features-left.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}
.about-content .product-features .swiper-button-next{width:30px;height:40%;right:-15px;top:60%;background:none}
.about-content .product-features .swiper-button-next:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../img/productBase-features-right.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}

.about-banner1{background: url(../img/about-us-num.png) no-repeat center center #7e777f;width: 100%;height:350px;background-size: cover;text-align: center;color: #fff;overflow: hidden;}

.help-content{margin-top: 15px;}
.help-content{background: #fff;overflow: hidden;display: block;margin-bottom: 30px;}
.help-content .tabbox{position: relative;}
.help-content .tabbox ul{display:block;width: 100%;height:50px;border-bottom:1px solid #eee;}
.help-content .tabbox ul li{float:left;width:118px;line-height:49px;text-align: center; cursor:pointer;}
.help-content .tabbox ul li.active{color: #0096ff;border-bottom: 2px solid #0096ff;}
.help-content .help-box .li-t{font-size: 14px;line-height: 27px;}
.help-content .help-box {padding: 0 30px;padding-bottom: 40px}
.help-content .help-item { margin-top: 30px;}
.help-content .help-t-icon {width: 26px;height: 26px;display: inline-block;border-radius: 50%;background:#0096ff;color: #fff;text-align: center;line-height:26px;font-size: 14px;font-weight: bold; margin-right:10px}
.help-content .ask {color: rgba(51, 51, 51, 1);margin-bottom:0px;font-size:14px;font-weight: bold;}
.help-content .answer {font-size: 13px;color: rgba(102, 102, 102, 1);text-indent:36px;}

.news-main{position: relative;margin-top:76px;}
.news-main .page-banner{background: url(../img/news-banner.png) no-repeat center center #7e777f;width: 100%;height:330px;background-size: cover;text-align: center;color: #fff;overflow: hidden;}
.news-main .page-banner .slogan-txt{text-align: center;color: #fff;padding-top:80px;}
.news-main .page-banner .slogan-txt h1{height: 52px;line-height: 52px;overflow: hidden;}
.news-main .news-content{margin:12px auto 50px auto;display: block;overflow: hidden; }
.news-main .news-content .tab-title{ height:42px; line-height:42px; position:relative;margin-bottom: 1px;border-bottom: 1px solid #efefef;background: #fff;}
.news-main .news-content .tab-title ul{ float: left;position: absolute;height: 42px;width: 860px;margin: 0 auto;left: 0;right: 0;}
.news-main .news-content .tab-title ul li{ float:left;cursor:pointer;width: 171.42px;_width: 171px;text-align: center;color: #333333;font-weight: bold;}
.news-main .news-content .tab-title ul li.on{ height:42px;background:#fff;color: #00a4ff;border-bottom: 2px solid #00a4ff;}
.news-main .news-list .art-item { height: 160px; }
.news-main .news-list .art-item {width:100%;height:150px;border-bottom:rgba(0,0,0,0.07) 1px solid;transition:all ease-out .2s;position:relative;}
.news-main .news-list .art-item-content {width:960px;height:130px;padding-top:17px;margin:0px auto;display:block;position:relative;z-index:1}
.news-main .news-list .info {margin-left:88px;transition:all 0.8s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.news-main .news-list .date {width:180px}
.news-main .news-list .info .time {color:#999;font-size:12px;line-height:50px;text-align:left}
.news-main .news-list .text {margin-left:30px}
.news-main .news-list .img{width: 170px;height: 116px;}
.news-main .news-list .img img{width: 170px;height: 116px;display: block;}
.news-main .text .title {width:630px;height:24px;line-height:24px;font-size:18px;color:#464646;}
.news-main .news-list .text .description {width:630px;height:42px;line-height:22px;font-size:13px;color:#6a6a6a;margin-top:10px;overflow:hidden}
.news-main .news-list .art-item:hover .info {transform:translate3d(-50px,0,0);-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);}
.news-main .news-list .art-item:hover p {color:#fff}
.news-main .news-list .art-item:hover a {color:#fff}
.news-main .news-list .art-item:hover {background:#00a4ff}
/* ----- 文章详情页 ----- */
.cont-box {
    overflow: hidden;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
}
.cont-box .v-title {text-align: center;margin-bottom:15px;}
.cont-box .v-title h1{font-size: 26px;line-height:42px;margin-bottom:15px;}
.cont-box .cont-desc{background:url(../img/cont-desc-bg.png) no-repeat;height: 100px;padding:25px 75px 0 62px;color: #999;font-size: 14px;}
.cont-box .cont-desc span{line-height: 26px;}
.cont-box .content{line-height: 26px;font-size: 14px;}
.cont-box .tcopy{background: #f5f5f5;border-radius: 2px;border-bottom: 1px dashed #dedede;height: 38px;line-height: 38px;text-align: center;}
.cont-box .related h2{background: #f4f4f4;border-top: 2px solid #4e4e4e;padding: 10px 0 10px 10px;}
.cont-box .vshare {height: 55px;overflow: hidden;}
.cont-box .vshare .shtit{line-height: 55px;}
.cont-box .bottom-next{border-top: 1px dashed #eee;margin-top:20px;padding-top: 15px;}
.cont-box .file-model{padding:10px;background:#f2f2f2;display:block;margin-top:15px;}
.cont-box .file-model .fileWarp{margin-top:0px;font-size:14px;}
.cont-box .file-model .fileWarp .file-cont{margin-top:8px;}
.cont-box .file-model .fileWarp .file-cont span{display: block;margin-bottom: 5px;overflow: hidden;float: left;width:730px;text-overflow: ellipsis;white-space: nowrap;}
.cont-box .file-model .fileWarp .file-cont span.sp{width:100%;float:none;font-weight:bold;}
.cont-box .file-model .fileWarp .file-cont li{margin-top:5px;padding-left:12px;} 
.cont-box .file-model .fileWarp .file-cont li.bidnameCss {font-weight: bold;color:#666;line-height: 22px;}
.cont-box .file-model .fileWarp .file-cont li.bidnameCss:hover{color: #666;} 
.cont-box .file-model .fileWarp .file-cont li.bidnameCss:before{content: '';background: #0096ff;display: block;width: 3px;float: left;line-height: 15px;margin-top: 4px;height: 13px;display: inline-block;margin-right: 5px;}
.cont-box .file-model .fileWarp .file-cont li.hasbids {padding-left:20px;margin-bottom: 5px;clear: both;height: 30px;line-height: 30px;overflow: hidden;}
.cont-box .file-model .fileWarp .file-cont li a{margin-left: 70px;margin-top:2px; background: #0269f1;color: white;border-radius: 4px;height: 26px;line-height: 26px;padding:0px 12px; float: left;}
.cont-box .file-model .fileWarp .file-cont li a.pt:before{content: '';width:16px;height:16px; background: url(../img/pt.png) no-repeat -0px 0px;display: inline-block;background-size: cover;margin-top:5px;float: left;margin-right: 10px; }
.cont-box .file-model .fileWarp .file-cont li a.gs{background: #fd982d;margin-left: 10px;} 
.cont-box .file-model .fileWarp .file-cont li a.gs:before{content: '';width:17px;height:17px; background: url(../img/sd.png) no-repeat -0px 0px;display: inline-block;background-size: cover;margin-top:5px;float: left;margin-right: 10px; }
.cont-box .file-model .fileWarp .file-cont li a:hover{color: white;} 
.cont-box .file-model .fileWarp .file-cont li .tqm{color:gray;margin-left:5px;} 
.cont-box .file-model .fileWarp .file-cont li .mmcode{margin:0px 5px;}
.cont-box .file-model .fileWarp .file-cont li span:before{content: '';width: 4px;height:4px;display: inline-block;background: #dedede;border-radius: 100px;margin-right: 4px;position: relative;top: -3px;}
.cont-box .file-model .fileWarp{overflow: hidden;}
.cont-box .file-model .fileWarp .file-cont em{display: block;margin-left: 10px;float: left;text-overflow: ellipsis;white-space: nowrap;border-radius: 100px;width: 24px;height: 24px;border: 1px solid #afafaf;line-height: 24px;text-align: center;position: relative;top: 2px;color: #afafaf;}
.news-content .nbxs{/*background:#FFF;border:1px solid #eee;*/border-radius:0px;}
.news-content .cont-box{background:#FFF;border:1px solid #eee;border-radius:0px;}
.news-content .tousu .top-so{margin:10px 0px;overflow:hidden;}
.news-content .tousu .top-so .txt-input{height:32px;line-height:32px;border:1px solid #dedede;padding:0 10px;box-sizing:border-box;width:260px;font-size:14px;}
.news-content .tousu .top-so .layui-btn-sm{border-bottom-left-radius:0px;height:32px;line-height:32px;border-top-left-radius:0px;position:relative;right:10px;}
.news-content .tousu .addtitle{line-height:52px;border-bottom:1px solid #eee;font-size:18px;font-weight:bold;}
.news-content .tousu .addtitle h1{font-weight:bold;}