/* 通用 */
body{font-family: 微软雅黑;font-size: 16px;color: #333;}
li{ list-style:none;}
ul,li{margin: 0;padding: 0;}
.container{max-width: 1200px;margin: 0 auto;width: 100%;}
.container-11{max-width: 1100px;margin: 0 auto;width: 100%;}
.container-14{max-width: 1400px;margin: 0 auto;width: 100%;}
.container-16{max-width: 1600px;margin: 0 auto;width: 100%;}
.img-width{width: 100%;height: auto;}

/* 头部 */
header{}
header .header-top{padding: 36px 0;display: flex;justify-content: space-between; align-items: center;}
header .header-top .left{display: flex; align-items: center;}
header .header-top .left .text{border-left: 1px solid #b2b2b2;margin-left: 13px; padding-left: 20px;font-size: 26px;}
header .header-top .left .text strong{color: #1881d9;}
header .header-top .right{display: flex;}
header .header-top .right .img{ margin-top: 10px; }
header .header-top .right .text p{font-size: 14px;color: #666666; margin-bottom: 5px;}
header .header-top .right .text h6{font-size: 24px;color: #d0121c;}
header .header-nav{border-top: 1px solid #ededed; }
header .nav{width: 100%;position: relative;}
header .nav-ul{display: flex;}
header .nav-ul .nav-li{margin-right: 50px;}
header .nav-ul .nav-li .nav-a{padding: 25px 15px;display: inline-block; font-size: 16px;border-bottom: 2px solid #fff;}
header .nav-ul .nav-li .nav-a:hover{border-bottom: 2px solid #1881d9;color: #1881d9;transition: all 0.3s;}

@media(max-width:768px) {
	.navbar { padding: 0px;position: relative; z-index: 9999;}
    header .header-top{padding: 10px 0;}
    .navbar-custom .navbar-nav .nav-item { margin-left: 15px; margin-right: 15px; margin-top: 5px;margin-bottom: 5px; }
    .navbar-custom .navbar-collapse { background: #fff; border-top: 1px solid #1881d9; position: absolute; top: 100%; width: 100%; left: 0; }
    header .navbar .navbar-collapse{border-bottom: 1px solid #1881d9}
    header .navbar .navbar-nav{text-align: center;}
}

/* 首页 */
.home-profl {padding: 100px 0 60px;}
.home-profl .title{font-size: 40px;text-align: center; margin-bottom: 5px; }
.home-profl .desc{font-size: 22px;color: #707070;text-align: center; margin-bottom: 70px;}
.home-profl .profl-list .profl-box a{position: relative;}
.home-profl .profl-list .profl-box .text{position: absolute;bottom: 0;width: 100%; left: 0;background: rgba(0,0,0,0.5); height: 50px; font-size: 20px;color: #fff;text-align: center; line-height: 50px;}
.home-profl .profl-list .profl-box:hover .text{ color: #fff;transition: all 0.3s;background: #1881d9;}
.home-profl .profl-list .profl-box a{width: 100%;}

.home-service{background: #f4f4f4;padding: 90px 0;}
.home-service .ser-list{display: flex;justify-content: space-between;}
.home-service .ser-list .ser-box{display: flex;}
.home-service .ser-list .ser-box .img{width: 25%; background: #fff;display: flex;justify-content: center; align-items: center; height: 70px; width: 70px;border-radius: 50%;}
.home-service .ser-list .ser-box .text{ width: 75%; padding-left: 20px;}
.home-service .ser-list .ser-box .text h3{font-size: 20px; margin-bottom: 5px;} 
.home-service .ser-list .ser-box .text p{font-size: 14px;color: #848590;}

.home-pro{padding: 40px 0;}
.home-pro h2{font-size: 26px;color: #000;text-align: center;}
.home-pro h2 span{font-size: 12px;color: #9b9b9b; padding-left: 18px;}
.home-pro h2:after{content: "";width: 30px;height: 3px;display: block;background: #1680d9; margin: 25px auto 50px;}
.home-pro .pro-box{margin-bottom: 30px;}
.home-pro .pro-box h5{text-align: center;font-size: 16px;color: #000; margin-top: 20px;}
.home-pro .pro-box h5 a:hover{color: #1881d9;transition: all 0.3s;}
#pro{height: 360px;}
#pro-page{margin-top: 50px;}

.home-about{padding: 30px 0 30px;}
.home-about .about-box{display: flex;flex-wrap: wrap;}
.home-about .about-box .text{width: 50%; padding-right: 75px;}
.home-about .about-box .text h4{font-size: 38px;color: #3571b0;font-weight: bold;margin-bottom: 16px; margin-top: 60px;}
.home-about .about-box .text h5{font-size: 27px;color: #3571b0;margin-bottom: 80px;}
.home-about .about-box .text p{font-size: 14px; margin-bottom: 45px;}
.home-about .about-box .text .more{display: inline-block;background: #3571b0;font-size: 14px;padding: 16px 50px;border-radius: 25px;overflow: hidden;color: #fff;}
.home-about .about-box .img{width: 50%;overflow: hidden;}
.home-about .about-box .img:hover img{transform: scale(1.1);transition: all 0.3s;}

.home-case{background: url(../../images/appbg.jpg) top left no-repeat; background-color:#f3f3f3; height: 789px;}
.home-case .pl-case{padding-left: 238px;}
.home-case .case-box .case-fl { padding-top: 120px; padding-bottom: 60px; display: flex; }
.home-case .case-box .case-fl a{font-size: 18px;color: #ababab; margin: 0 60px 0 0;  }
.home-case .case-box .case-fl a:hover{color: #1881d9;transition: all 0.3s;}
.home-case .case-list{position: relative;}
.home-case .case-list .case-box{padding: 0 15px;}
.home-case .case-list .case-box .text{padding: 22px 32px; margin-top: 5px; background:#fff; }
.home-case .case-list .case-box h5{font-size: 14px;color: #ababab;}
.home-case .case-list .case-box .more{border: 1px solid #d2d2d2; padding: 10px 18px;display: inline-block; font-size: 12px;color: #acacac; margin-top: 20px;}
.home-case .case-list .swiper-container{height: 540px;}
.case-btnbox{position: absolute;bottom: 0;right: 0; display: flex;justify-content: flex-end;}
#swiper-button-next-home-case{position: relative; width: 80px;height: 50px;background: #999999; color: #fff; left: 0;right: 0; }
#swiper-button-next-home-case:after{display: none;}
#swiper-button-prev-home-case{position: relative;width: 80px;height: 50px;background: #999999; color: #fff;left: 0;right: 0; }
#swiper-button-prev-home-case:after{display: none;}

.home-news{padding: 115px 0 140px;}
.home-news h3{font-size: 38px;font-weight: bold;}
.home-news h2{font-size: 28px; margin-bottom: 50px;}
.home-news h4{font-size: 16px;margin-bottom: 12px;}
.home-news h4 a{color: #000000;}
.home-news p{font-size: 14px;color: #999999;}
.home-news h4 a:hover{color: #1881d9;transition: all 0.3s;}
.home-news .news-box{display: flex;flex-wrap: wrap;}
.home-news .news-box .left{width: 40%;}
.home-news .news-box .right{width: 60%; padding-left: 30px;}
.home-news .news-box .left .img{margin-bottom: 20px;}
.home-news .news-box .left h4{margin-bottom: 12px;}
.home-news .news-box .more{border: 1px solid #d2d2d2; padding: 10px 18px;display: inline-block; font-size: 12px;color: #acacac; margin-top: 20px;}
.home-news .news-box .right .news{display: flex; padding: 16px 0;border-bottom: 1px solid #eaeaea;align-items: center;flex-wrap: wrap;}
.home-news .news-box .right .news .news-left{width: 88%;}
.home-news .news-box .right .news .news-right{width: 12%;}
.home-news .news-box .right .news .news-right .time{ border-left: 1px solid #e0e0e0;  }
.home-news .news-box .right .news .news-right .time p{padding-top: 12px;padding-left: 30px;font-size: 28px;font-weight: bold;color: #c1c1c1;}
.home-news .news-box .right .news .news-right .time time{font-size: 12px;color: #e6e6e6; padding-top: 8px;padding-left: 20px;}

.home-link-title{padding: 45px 0 30px;background: #f3f3f3;}
.home-link-title h2{text-align: center;font-size: 36px;margin-bottom: 10px;}
.home-link-title h5{text-align: center;font-size: 10px;color: #595959;}
.home-link-title h5:after{content: "";width: 30px;height: 3px;display: block;background: #ff4e00; margin: 25px auto 0;}
.home-link{padding: 30px 0 50px; background: #fff;}
.home-link .link-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.home-link .link-list .link-box{width: 14%;position: relative;}

.home-case-mb{display: none;}

@media(max-width:768px) {
.homemb-title{font-size: 26px;color: #000;text-align: center;}
.homemb-title:after{content: "";width: 30px;height: 3px;display: block;background: #1680d9; margin: 25px auto 50px;}

.home-profl {padding: 30px 0 30px;}
.home-profl .title{font-size: 24px;}
.home-profl .desc{font-size: 16px;margin-bottom: 20px;}

.home-service{padding: 30px 0;}
.home-service .ser-list{margin-left: 0;margin-right: 0;}

.home-pro{padding: 30px 0;}

.home-about .about-box .text{width: 100%;padding-right: 0px;}
.home-about .about-box .img{width: 100%;margin-top: 20px;}
.home-about .about-box .text h4{margin-top: 10px;}
.home-about .about-box .text h5{margin-bottom: 30px;}
.home-about .about-box .text p{ margin-bottom: 15px;}

.home-case{display: none;}
.home-case-mb{display: block;background: #f3f3f3;padding: 30px 0;}
.home-case-mb .case-box{margin-bottom: 20px;}
.home-case-mb .title{font-size: 22px;}
.home-case-mb .case-box .text{padding: 10px 15px; margin-top: 5px; background:#fff; }
.home-case-mb .case-box h5{font-size: 14px;color: #ababab;}
.home-case-mb .case-box .more{border: 1px solid #d2d2d2; padding: 10px 18px;display: inline-block; font-size: 12px;color: #acacac; margin-top: 20px;}

.home-news{padding: 30px 0 30px;}
.home-news .news-box .left{width: 100%;}
.home-news .news-box .right{width: 100%; padding-left: 0px;}
.home-news .news-box .right .news .news-left{width: 70%;}
.home-news .news-box .right .news .news-right{width: 30%;}

.home-link .link-list .link-box{width: 33.33%;position: relative;}
}

/* 分页通用 */
.ny-banner{ height: 200px; background: url(../../images/ny-banner.jpg) center top no-repeat; display: flex;align-items: center; justify-content: flex-start; }
.ny-banner .ny-title{text-align: left;color: #dcdcde; font-size: 28px;font-weight: bold; width: 100%;}
.pro-page{display: flex;justify-content: space-between; align-items: center;}
.search-group{display: flex;justify-content: flex-end;  align-items: center;}
.search-group .text{font-size: 14px;color: #777777; margin-right: 10px;}
.search-group .search-form{border: 2px solid #d0d0d0; display: flex; background: #f8f8f8;}
.search-group .search-form .form-control{border: none;background: #f8f8f8; width: 400px;}
.search-group .search-form .btn{border: none;background: #f8f8f8;}

/*#region 位置导航*/
.ny-crumb{background: #f5f5f5; padding-top: 20px;padding-bottom: 20px;}
.page-title { display: -ms-flexbox; display: flex; color: #848484; justify-content: flex-start; align-items: center; }
.page-title a{color: #848484;}
.page-title .title { font-family: poppins; margin-bottom: 0; font-size: 1.5rem; font-weight: 300; text-align: center; align-self: center; }
.page-title .breadcrumb { justify-content: center; }
.breadcrumb-item + .breadcrumb-item::before { color: #848484; }
.page-title .breadcrumb:before { font-family: cmsfont; content: "\f016"; margin-right: 0.25rem; color: #848484}
.page-title .crumb-title{font-size:16px;color: #090909; border-right: 1px solid #848484; margin-right: 10px; padding-right: 10px; margin-bottom: 0;}

@media(max-width:768px) {
    .ny-banner{height: 100px;}
    .ny-banner .ny-title{text-align: center;font-size: 20px;}
}
/*#endregion*/

.ny-nav{ margin: 30px 0 30px; }
.ny-nav .nynav-ul{display: flex;justify-content: center;margin-bottom: 0;}
.ny-nav .nynav-ul .nynav-li{margin: 0 10px;}
.ny-nav .nynav-ul .nynav-link{padding: 15px 35px; background: #f4f4f4;display: inline-block; font-size: #000;font-size: 16px;}
.ny-nav .nynav-ul .nynav-link.active,.ny-nav .nynav-ul .nynav-link:hover{background: #3571b0;color: #fff; transition: all 0.3s;font-weight: bold;}

.nynav-child{background: #3571b0;padding: 20px; display: flex;flex-wrap: wrap;justify-content: center;}
.nynav-child .nynav-li-child{margin-right: 10px;}
.nynav-child .nynav-link-child{padding: 10px 15px;font-size: 14px;color: #fff;}
.nynav-child .nynav-link-child.active,.nynav-child .nynav-link-child:hover{background: #fff;color: #3571b0;font-weight: bold;}

.pagination-box{display: flex;justify-content: center; margin: 20px auto; width: 100%;}
.pagination-box .pagination{display: flex;justify-content: center;}
.page-item{margin: 0 5px;}
.page-item.active .page-link{background: #e21e1f;border: 1px solid #e21e1f;color: #fff;}
.page-item.jt .page-link{background: #d0d0d0;border: 1px solid #d0d0d0;color: #fff;}
.page-item:hover .page-link{background: #e21e1f;border: 1px solid #e21e1f;color: #fff;}
.page-link {width: 50px;height: 50px;display: flex;justify-content: center;align-items: center; border: 1px solid #d0d0d0;}

.hot-pro{margin-top: 30px; margin-bottom: 30px;}
.hot-pro .hot-pro-title{font-size: 27px;color: #666666;font-weight: bold; text-align: left; margin-bottom: 20px;}
.hot-pro .pro-list{display: flex;justify-content: space-between;}
.hot-pro .pro-box { border: 1px solid #e5e5e5; }
.hot-pro .pro-box h4{font-size: 16px;text-align: center; margin-top: 10px;margin-bottom: 25px;}
.hot-pro .pro-box h4:before{content: "";width: 30px;height: 3px;display: block;background: #1680d9; margin: 15px auto 10px;}
.hot-pro .pro-box h4 a:hover{color: #1881d9;transition: all 0.3s;}

.about-wrapper{padding: 30px 0;}

@media(max-width:768px) {
    .hot-pro .pro-box { margin-bottom: 20px; }
    .hot-pro .hot-pro-title{font-size: 22px;}
}

/* 案例 */
.case-container{ display: flex; flex-wrap: wrap; }
.case-container .case-box{ margin-bottom: 20px; }
.case-container .case-box h4{font-size: 16px; text-align: center; margin-bottom: 15px; margin-top: 15px;}
.case-container .case-box h4 a:hover{color: #1881d9;transition: all 0.3s;}
.case-container .case-box.solution h4{text-align: center; margin-bottom: 5px;}
.case-container .case-box.solution p{font-size: 14px;color: #909090;margin-bottom: 10px;}

.case-content{padding: 20px 0 40px;}
.case-content .title{font-size: 32px;color: #000; text-align: center; margin-bottom: 10px;}
.case-content .share{display: flex;justify-content: flex-end; margin-bottom: 30px;  border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;}
.case-content .share text{line-height: 45px;}
.case-content .share a{margin-left: 10px;}
.case-content .content p{margin-bottom: 20px;}
.case-video{text-align: center; margin-bottom: 30px;}

@media(max-width:768px) {
	.case-content .title{font-size: 24px;}
    .content video{width: 100%;height: auto;}
    .content img{width: 100%;height: auto;}
    .case-content .share{padding-top: 15px;}
    .case-content .share text{line-height: 35px;}
    .case-content .share img{width: 35px; height: 35px;}
}

/* 解决方案 */
.sou-nav{background: url(../../images/soubg1.jpg) repeat-x bottom; padding-top: 0px;}
.sou-nav .sounav-ul{display: flex;justify-content: center;}
.sou-nav .sounav-ul .sounav-li{width: 120px;margin:  0 15px; }
.sou-nav .sounav-ul .sounav-li .sounav-link{padding: 30px 0;}
.sou-nav .sounav-ul .sounav-li .sounav-link .img{display: flex;justify-content: center;align-items: center; height: 60px;}
.sou-nav .sounav-ul .sounav-li .sounav-link h5{text-align: center;font-size: 16px;color: #909090; line-height: 24px;}
.sou-nav .sounav-ul .sounav-li.active{background:url(../../images/soubg2.jpg) center bottom no-repeat;}
.sou-nav .sounav-ul .sounav-li.active h5{color: #f47d27;}

.solution-container{padding: 30px 0;}
.solution-container.bghui {background: #f6f6f6;}
.solution-container.bgbai{background: #fff;}
.solution-container .sou-box1 .text h2{font-size: 32px; margin-bottom: 20px;}
.solution-container .sou-box1 .text p{font-size: 14px;color: #606060;}
.solution-container .sou-box2{margin-top: 40px;}
.solution-container .sou-box2 h2{font-size: 24px; margin-bottom: 24px;}
.solution-container .sou-box2 .content p{font-size: 14px;margin-bottom: 20px;color: #606060;}
.solution-container .sou-box2 .content2 ul{display: flex;flex-wrap: wrap;}
.solution-container .sou-box2 .content2 ul li{width: 50%;display: flex; margin-bottom: 20px;font-size: 14px; color: #606060; ;line-height: 24px;}
.solution-container .sou-box2 .content2 .xh{min-width: 24px;height: 24px;line-height: 24px;text-align: center;color: #fff; font-size: 10px; background: #f47d27;border-radius: 50%; overflow: hidden; margin-right: 6px;}
.solution-container .sou-box3 h3{font-size: 32px;margin-top: 40px; margin-bottom: 40px;}

@media(max-width:768px) {
	.solution-container .sou-box1 .text{margin-top: 20px;}
	.solution-container .sou-box1 .text h2{font-size: 24px; }
	.solution-container .sou-box2{margin-top: 0px;}
	.solution-container .sou-box2 .content2 ul li{width: 100%;}
}

/* 新闻 */
.news-container-bg{background: url(../../images/newsbg.jpg) no-repeat bottom center;padding-bottom: 30px; }
.news-container .news-box{ margin-bottom: 20px; }
.news-container .news-box h4{font-size: 16px; text-align: left; margin-bottom: 15px; margin-top: 15px;}
.news-container .news-box h4 a:hover{color: #1881d9;transition: all 0.3s;}
.news-container .news-box p{font-size: 14px;color: #666666; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;}
.news-container .news-box .other{display: flex;align-items: center;justify-content: space-between; margin-top: 10px;}
.news-container .news-box .other .jt{font-size: 16px;color: #1f60a6; }
.news-container .news-box .other .time{text-align: right;}
.news-container .news-box .other .time h5{font-size: 24px;color: #e60012;}
.news-container .news-box .other .time time{font-size: 14px;color: #999999;}

.news-content{padding: 20px 0 40px;}
.news-content .title{font-size: 32px;color: #000; text-align: center; margin-bottom: 10px;}
.news-content .desc{text-align: center;font-size: 14px;color: #a59999;border-bottom: 1px solid #e5e5e5;padding: 0px 0 20px; margin-bottom: 30px;}
.news-content .share{display: flex;border-bottom: 1px solid #e5e5e5; padding: 30px 0;}
.news-content .share text{line-height: 45px;}
.news-content .share a{margin-left: 10px;}
.news-content .content p{margin-bottom: 20px; padding-bottom: 30px;}
.news-other{ font-size: 14px;color: #b29999;display: flex;justify-content: space-between; border-bottom: 1px solid #e5e5e5; padding: 30px 0;flex-wrap: wrap;}
.news-other a:hover{color: #1881d9;transition: all 0.3s;}
.news-other .next{display: flex; width: 45%;}
.news-other .prev{display: flex; width: 45%; justify-content: flex-end;}

@media(max-width:768px) {
    .news-content .title{font-size: 24px;}
    .news-other .next{width: 100%;}
	.news-other .prev{ width: 100%; justify-content: flex-start;}
}

/* 视频 */
.video-container{ display: flex; flex-wrap: wrap; }
.video-container .video-box{width: 32%; margin-bottom: 20px; margin: 0 0.5% 20px;}
.video-container .video-box h4{font-size: 16px; text-align: center; margin-bottom: 15px; margin-top: 15px;}
.video-container .video-box h4 a:hover{color: #1881d9;transition: all 0.3s;}

/* 问答 */
.faq-container{padding: 0 0 40px;}
.faq-container .faq-box{background: #f5f5f5; padding: 50px 0;}
.faq-container .faq-box:nth-child(2n){background: #fff}
.faq-container .faq-box .faq{display: flex;}
.faq-container .faq-box .faq .num{width: 5%;}
.faq-container .faq-box .faq .num .num-bg{width: 42px;height: 42px;background: #858585; text-align: center;line-height: 42px;color: #fff;font-size: 16px; border-radius: 50%;overflow: hidden;}
.faq-container .faq-box:nth-child(2n) .faq .num .num-bg{background: #ffbb6a;}
.faq-container .faq-box .faq .text{width: 95%;}
.faq-container .faq-box .faq .text h4{font-size: 22px;color: #000; line-height: 42px; margin-bottom: 10px;}
.faq-container .faq-box .faq .text p{font-size: 14px;color: #66667c;}

@media(max-width:768px) {
    .faq-container .faq-box .faq .num{width: 15%;}
	.faq-container .faq-box .faq .text{width: 85%;}
	.faq-container .faq-box{padding: 30px 0;}
}

/*#region contact-wrapper*/
.contact-wrapper { padding: 30px 0; }
.contact-title{text-align: center;font-size: 30px;font-weight: bold;margin-bottom: 20px}
.contact-img{margin: 0 auto;width: 336px;margin-bottom: 40px}
.contact-box{display: flex;margin-bottom: 35px;}
.contact-box .img{padding-right: 25px;}
.contact-box strong{font-size: 20px;}
.contact-box p{ margin-bottom: 0;margin-top: 5px; font-size: 14px;}
.contact-feedback{border: 1px solid #dddddd;border-radius: 10px;overflow: hidden;padding: 25px;}
.contact-feedback h2{font-size: 24px;font-weight: bold; margin-bottom: 20px;}

/* 产品 */
.pro-nav{padding: 20px 0 20px;}
.pro-ul{display: flex;}
.pro-ul .pro-li{background: url(../../images/probgoff.jpg) no-repeat center top; background-size: cover;width: 20%; border-right: 1px solid #fff;}
.pro-ul .pro-li.active,.pro-ul .pro-li:hover{background: url(../../images/probgon.jpg) no-repeat center top; background-size: cover;}
.pro-ul .pro-li img{width: 20px;height: 20px;}
.pro-ul .pro-li .pro-link{display: flex;justify-content: center;height: 46px; color: #fff; padding-top: 15px;}
.pro-ul .pro-li .pro-link .img{margin-right: 5px;}

.profl-title{display: flex; padding: 35px 0; font-size: 24px; align-items: center;}
.profl-title .text{padding-left: 10px;}
.bbhui{border-bottom: 1px solid #eaeaea;}
.profl-list{padding: 10px 0; line-height: 24px; }
.profl-list .profl-box{margin-top: 15px;margin-bottom: 15px; display: flex;}
.profl-list .profl-box .left{width: 5%;}
.profl-list .profl-box .right{width: 95%; display: flex;flex-wrap: wrap;}
.profl-list .profl-box .right .profl-link{padding: 0 5px; margin: 0 5px;}
.profl-list .profl-box .right .profl-link.active,.profl-list .profl-box .right .profl-link:hover{color: #097ad8; border-bottom: 1px solid #097ad8; }
.profl-ss {padding: 30px 0; color: #c0c0ba;}
.profl-ss span{color:#097ad8; }
.profl-desc{padding: 20px 0; display: flex; align-items: center;}
.profl-desc .text p{margin: 20px 0; font-size: 16px; }

.prolist{display: flex; flex-wrap: wrap; margin-top: 20px;}
.prolist .pro-box{ margin: 15px 0.4%; position: relative;border: 1px solid #e5e5e5;}
.prolist .pro-box .more{position: absolute;right: 0;top: 0; background: #e5e5e5; width: 30px;height: 30px; text-align: center;line-height: 30px; color: #fff;z-index: 10; font-size: 20px;}
.prolist .pro-box:hover .more{background: #f33d05; transition: all 0.3s;}
.prolist .pro-box:hover h4:before{background: #f33d05; transition: all 0.3s;}
.prolist .pro-box:hover h4 a{color: #f33d05;transition: all 0.3s;}
.prolist .pro-box h4{font-size: 16px;text-align: center; margin-top: 10px;margin-bottom: 25px;}
.prolist .pro-box h4:before{content: "";width: 30px;height: 3px;display: block;background: #1680d9; margin: 15px auto 10px;}
.prolist .pro-box h4 a:hover{color: #1881d9;transition: all 0.3s;}

.pronr-title{font-size: 26px;font-weight: bold;color: #666666; padding: 15px 0;}
.pronr-img{margin-top: 50px;margin-bottom:30px;}

.pronr-img .text h1{font-weight: bold;font-size: 24px;color: #000;margin-bottom: 30px;}
.pronr-img .text p{font-size: 14px;color: #555555;margin-bottom: 20px;}
.pronr-img .text .tel{margin-top: 40px;display: flex; align-items: center;}
.pronr-img .text .tel .tel-img{width: 40px;}
.pronr-img .text .tel .tel-text{padding-left: 12px; font-size: 16px;line-height: 20px;}
.pronr-img .text .img-btn{margin-top: 20px;display: flex;flex-wrap: wrap;}
.pronr-img .text .img-btn a{margin-right: 15px;}

.pronr-xq .content {font-size: 14px; color: #666666;}
.pronr-xq .content p{line-height: 24px;}
.pronr-xq .content h4{margin-bottom: 15px; margin-top: 15px;}
.pronr-cs{margin-top: 20px;}

.pronr-pdf{background: #f6f6f6;padding: 40px 0; margin-top: 40px;}
.pronr-pdf .pronr-title{width: 200px;}
.pdf-box{width: 28%; display: flex;position: relative; align-items: center;}
.pdf-box .img{width: 20%;}
.pdf-box .text{width: 80%;}
.pdf-box .text h5 a{font-size: 16px; line-height: 24px;}
.pdf-box .text h5 a:hover{color: #f33d05;transition: all 0.3s;}
.pdf-box .text p{font-size: 14px;color: #909090;}

.pronr-ys{background: #f6f6f6;padding: 40px 0;}
.pronr-ys .pronr-title{width: 15%;}
.ys-list{width: 85%; display: flex;position: relative; align-items: center;position: relative;}
.ys-list .ys-box{width: 16.666%;}
.ys-list .ys-box .img{display: flex;justify-content: center;align-items: center;}
.ys-list .ys-box h6{text-align: center;margin-top: 10px;}

.pronr-faq-box{display: flex;flex-wrap: wrap;}
.pronr-faq-box .img{width: 35%;}
.pronr-faq-box .text{width: 65%; padding-left: 40px;}
.pronr-faq-box .text h6{font-size: 24px; margin-bottom: 20px; margin-top: 15px;}
.pronr-faq-box .faq{display: flex;flex-wrap: wrap; margin: 5px 0;}
.pronr-faq-box .faq .faq-q{background: #2b63ab;width: 26px;height: 26px; text-align: center;line-height: 26px; color: #fff;font-size: 12px; border-radius: 50%;overflow: hidden;}
.pronr-faq-box .faq .faq-a{background: #ff893d;width: 26px;height: 26px; text-align: center;line-height: 26px; color: #fff;font-size: 12px; border-radius: 50%;overflow: hidden;}
.pronr-faq-box .faq .faq-text{width: 90%; padding-left: 10px;}
.pronr-faq-box .faq-box{margin: 15px 0;}
.pronr-faq-box .more{font-size: 18px;color: #737373; margin-top: 20px;}
.pronr-faq-box .more:hover{color: #f33d05;transition: all 0.3s;}
.pronr-case{margin-top: 30px;}
.pronr-hotpro .hot-pro{margin-top: 10px;}
.pronr-feedback h6{font-size: 17px;margin-bottom: 15px;}
.feedback{display: flex; flex-wrap: wrap;}
.feedback .form-box{width: 33.333%;position: relative;display: flex;align-items: center;margin-bottom: 15px;}
.feedback .form-box .text{margin-right: 15px;font-size: 14px;color: #ad9090;}
.feedback .form-box .text span{color: #f47d27;}
.feedback .form-box .input{border: 1px solid #c0c0c0;padding: 4px;}
.feedback .form-box .form-control{border:none; width: 370px; line-height: 24px;}
.feedback .form-box.textarea{width: 66.66%; align-items: flex-start;}
.feedback .form-box.textarea .form-control{border:none; width: 740px; line-height: 24px;}
.feedback .form-box.textarea .text{padding-top: 10px;}
.feedback .form-box.btnbg{width: 100%;}
.feedback .form-box.btnbg .btnbox{padding-left: 50px;}
.feedback .form-box.btnbg .btnbox .btn{border: none;background: #f8ab73;padding: 12px 40px;color: #fff;cursor: pointer;}

.table-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; background: #f6f6f6;}
.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; border: 1px solid #dee2e6; text-align: center; }
.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

/* 飘窗 */
.cndns-right{position:fixed;right: 2px;top:50%;margin-top:-250px;z-index:100}
.cndns-right .img{border: 1px solid #e0e0e0; width: 120px;margin-bottom: 10px}
.cndns-right .link{background: #b2b2b2;width: 120px;text-align: center;line-height: 30px; margin-bottom: 2px}
.cndns-right .link a{color: #fff;}
.cndns-right .link:hover{background: #008bca;transition: all 0.3s;}

@media(max-width:768px) {
	.pronr-img .text{margin-top: 20px;}
    .cndns-right{display: none;}
    .pronr-img .text .img-btn a{margin-right: 5px; margin-bottom: 15px;}
    .pronr-title{font-size: 22px;}

    .pronr-ys{background: #f6f6f6;padding: 20px 0;}
    .pronr-ys .pronr-title{width: 100%;}
	.ys-list{width: 100%; display: flex;position: relative; align-items: center;position: relative;flex-wrap: wrap;}
	.ys-list .ys-box{width: 33.33%;}

	.pronr-pdf{padding: 20px 0; margin-top: 10px;}
	.pronr-pdf .pronr-title{width: 200px;}
	.pdf-box{width: 100%; flex-wrap: wrap;}

	.pronr-faq-box .img{width: 100%;}
	.pronr-faq-box .text{width: 100%; padding-left: 0px;}
}

/* 底部 */
footer{ font-size: 14px;color: #666666; background: #f7f7f7; }
footer .foot-box{padding: 30px 0; display: flex;justify-content: space-between;}
footer .foot-box .addr .img{margin-bottom: 20px;}
footer .foot-box .addr p{margin-bottom:15px; }
footer .foot-box .foot-nav h3{color: #333;font-size: 18px;margin-bottom: 20px; margin-top: 25px;}
footer .foot-box .foot-nav p{margin-bottom: 10px;}
footer .foot-box .foot-nav p a{color: #666;}
footer .foot-box .foot-nav p a:hover{color: #1881d9;transition: all 0.3s;}
footer .foot-box .ewm-box .img{border: 1px solid #efefef;margin-bottom: 10px;}
footer .foot-box .ewm-box p{ text-align: center; }
footer .foot-bottom{padding: 36px 0 20px;border-top: 1px solid #e8e8e8;text-align: center;}


@media(max-width:768px) {
    .foot-mb-box{padding-top: 20px;}
    .foot-mb-box .ewm{text-align: center;}
    .foot-mb-box .ewm .ewm-box .img{border: 1px solid #efefef;margin-bottom: 10px;padding: 5px;}
    .foot-mb-box .ewm .ewm-box .img img{width: 100%;height: auto;}
    .foot-mb-box .foot-mb-addr .p1{font-size: 16px;font-weight: bold;color: #333;}
    .foot-mb-box .foot-mb-addr p{margin-bottom: 10px;}
    footer .foot-bottom{padding: 20px 0 20px;}
}

/*#region 其他*/
/*分页*/
.page-link { padding: .5rem 0.875rem; }
.page-item.active .page-link { color: #fff; background-color: #333333; border-color: #333333; }

/*留言*/
.feedback-title{ font-size: 33px;font-family: Arial; color: #6e6e6e;font-weight: bold; text-align: center; padding-top: 20px; padding-bottom: 10px; }
.form-feedback .btn { color: #777; color: #fff; background: #f46343;border-radius: 10px;}
.form-feedback .form-control{border-radius: 5px; background: #edf1f4; color: #4b4b4b; border-color: #fff; }
.home-feedback .form-feedback .btn {  background: #e10025 }

/*搜索*/
.search-group { width: 290px; height: 37px; margin-left: 0px; border: 1px solid #3571b0; background: #fff;}
.search-group .form-control { border: none; border-radius: 0px ;margin-right: 10px;}
.search-group .btn { border-left: 1px solid #3571b0; border-radius: 0px;height: 35px;  width: 35px;display: flex;justify-content: center;align-items: center; padding: 6px 15px; margin-bottom: 0; }
.search-group i { color: #3571b0; font-size: 1rem; }
.search-group .btn:hover{background: #3571b0;}
.search-group .btn:hover i{color: #fff;}

@media(max-width:768px) {
    .search-group{width: 100%;margin-top: 20px;}
}

/*#表格*/
.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; border: 1px solid #dee2e6; text-align: center; }
.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}