@charset "utf-8";

/* =====================内页样式======================== */



.pub-tit{width: 100%;overflow: hidden;}

.pub-tit h6{font-size: 32px;color: #333;font-family: "Microsoft YaHei";text-align: center;}



/* 解决方案 */

.sol-list{width: 100%;overflow: hidden;padding: 90px 0;}

.sol-list ul{margin-left: -1.5%;}

.sol-list ul li{width: 48.5%;float: left;margin: 0 0 1.5% 1.5%;overflow: hidden;}

.sol-list ul li .img{width: 100%;overflow: hidden;}

.sol-list ul li .img img{width: 100%;object-fit: cover;transition: all .4s;}

.sol-list ul li .text{width: 100%;overflow: hidden;padding: 10px 0;}

.sol-list ul li .text h6{height: 30px;font-size: 24px;color: #333;font-family: 'Microsoft YaHei';line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin: 10px 0;}

.sol-list ul li .text p{height: 24px;font-size: 16px;color: #888;line-height: 24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.sol-list ul li:hover .img img{transform: scale(1.06);}

.sol-list ul li:hover .text h6{color: #133f97;}

/* 解决方案详情 */

.sol-top{width: 100%;overflow: hidden;padding: 90px 0 0px 0;}

.sol-backg{width: 100%;overflow: hidden;margin-bottom: 90px;}

.sol-backg .tit{float: left;width: 32%;padding-right: 40px;font-family: 'Microsoft YaHei';font-size: 24px;color: #333;line-height: 40px;}

.sol-backg .text{width: 68%;float: left;border-left: 1px solid #e5e5e5;padding-bottom: 20px;padding-left: 40px;}

.sol-backg .text p{font-size: 16px;color: #888;line-height: 28px;}



.sol-jies{width: 100%;overflow: hidden;}

.sol-jies ul li{width: 100%;overflow: hidden;background-color: #eceff4;padding: 130px 0;}

.sol-jies ul li:nth-child(2n){background-color: #fff;}

.sol-jies ul li .img{float: right;width: 50%;text-align: center;}

.sol-jies ul li:nth-child(2n) .img{float: left;}

.sol-jies ul li .img img{max-width: 100%;}

.sol-jies ul li .text{width: 50%;float: left;padding-right: 90px;}

.sol-jies ul li:nth-child(2n) .text{padding-left: 90px;padding-right: 0;}

.sol-jies ul li .text .tit{position: relative;padding-left: 45px;font-family: 'Microsoft YaHei';font-size: 32px;color: #333;line-height: 60px;margin:20px 0 20px;}

.sol-jies ul li .text .tit span{position: absolute;left: 0;top: 0;font-size: 60px;font-weight: bold;color: #133f97;opacity: .2;}

.sol-jies ul li .text .tit span::after{content: '';width: 20px;height: 45px;background-color: #eceff4;position: absolute;right: 0px;bottom: 0;transform: rotate(45deg);}

.sol-jies ul li:nth-child(2n) .text .tit span::after{background-color: #fff;}

.sol-jies ul li .text p{font-size: 16px;color: #888;line-height: 32px;position: relative;padding-left: 20px;}

.sol-jies ul li .text p::before{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #133f97;position: absolute;left: 0;top: 11px;}



.sol-value{width: 100%;overflow: hidden;padding: 80px 0;background-color: #212121;}

.sol-value .pub-tit h6{color: #fff;}

.value-list{width: 100%;margin-top: 50px;overflow: hidden;}

.value-list ul{margin-left: -5%;}

.value-list ul li{width: 20%;float: left;margin-left: 5%;}

.value-list ul li h6{text-align: center;line-height: 90px;margin-bottom: 25px;}

.value-list ul li h6 img{max-width: 100%;}

.value-list ul li p{font-size: 15px;color: #fff;line-height: 26px;text-align: center;}



.sol-pro{width: 100%;overflow: hidden;padding: 70px 0;background-color: #f7f7f7;}

.rel-pro{width: 100%;overflow: hidden;padding-top: 50px;}

.rel-pro ul{margin-left: -2%;}

.rel-pro ul li{width: 31.333%;float: left;margin-left: 2%;background-color: #fff;padding: 18px;}

.rel-pro ul li .img{width: 100%;overflow: hidden;line-height: 300px;text-align: center;}

.rel-pro ul li .img img{max-width: 100%;max-height: 300px;}

.rel-pro ul li .text{width: 100%;margin-top: 10px;border-top: 1px solid #eee;padding-top: 30px;transition: all .4s;}

.rel-pro ul li .text h6{font-size: 16px;color: #888;line-height: 24px;height: 24px;overflow: hidden;}

.rel-pro ul li .text p{font-size: 20px;color: #333;font-family: 'Microsoft YaHei';line-height: 32px;height: 64px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 10px 0;}

.rel-pro ul li .text button{width: 140px;line-height: 45px;background-color: #133f97;text-align: center;font-size: 15px;color: #fff;border-radius: 5px;cursor: pointer;}

.rel-pro ul li:hover .text{border-color: #133f97;}

.rel-pro ul li:hover .text p{color: #133f97;}



.sol-case{width: 100%;overflow: hidden;padding: 70px 0;}

.rel-case{width: 100%;overflow: hidden;margin-top: 50px;}

.rel-case ul{margin-left: -2%;}

.rel-case ul li{width: 31.333%;float: left;margin-left: 2%;overflow: hidden;}

.rel-case ul li .img{width: 100%;overflow: hidden;}

.rel-case ul li .img img{width: 100%;object-fit: cover;transition: all .4s;}

.rel-case ul li .text{width: 100%;background-color: #f7f7f7;padding: 25px;}

.rel-case ul li .text h6{font-family: 'Microsoft YaHei';font-size: 20px;color: #333;line-height: 32px;height: 64px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.rel-case ul li .text p{font-size: 14px;color: #888;line-height: 20px;transition: all .4s;margin-top: 10px;}

.rel-case ul li .text p span{font-family: '宋体';padding-left: 8px;}

.rel-case ul li:hover .text p{color: #133f97;}

.rel-case ul li:hover .img img{transform: scale(1.06);}



/* 案例列表 */

.top-tit{width: 100%;padding: 80px 0;}

.toptit{float: left;font-size:32px;color: #000;line-height: 50px;font-family: 'Microsoft YaHei';}

.project-nav{float: right;margin-top: 10px;}

.project-nav ul li{float: left;margin-left: 40px;position: relative;}

.project-nav ul li h6{font-size: 18px;color: #666;line-height: 30px;padding-right: 24px;background: url('../images/gather/case-ico1.png') no-repeat right 3px center;cursor: pointer;font-family: 'Microsoft YaHei';}

.project-nav ul li:hover h6{background: url('../images/gather/case-ico2.png') no-repeat right 3px center;color: #133f97;}

.case-down{position: absolute;top: 30px;background-color: #133f97;width: 100%;padding:10px;overflow: hidden;z-index: 100;display: none;}

.case-down a{display: block;font-size: 14px;line-height:30px;color: #ccc;transition: all .4s;font-family: 'Microsoft YaHei';}

.case-down a:hover{color: #fff;}

.case-box{width: 100%;padding-bottom: 40px;}

.case{width: 100%;overflow: hidden;}

.case ul{margin-left: -2%;}

.case ul li{width: 31.333%;float: left;margin: 0 0 3% 2%;overflow: hidden;position: relative;}

.case ul li img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}

.case ul li:hover img{transform: scale(1.06);}

.case ul li p{position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 20px;background-color: rgba(19, 63, 151, .8);height: 55px;font-size: 16px;color: #fff;line-height: 55px;font-family: 'Microsoft YaHei';white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}



/* 案例详情 */

.case-biao{width: 100%;padding: 100px 0;background-color: #f5f5f5;overflow: hidden;}

.case-biao ul{margin-left: -2%;}

.case-biao ul li{width: 23%;float: left;margin-left: 2%;text-align: center;}

.case-biao ul li h6{width: 100%;text-align: center;line-height: 60px;transition: all .4s;}

.case-biao ul li h6 img{max-height: 100%;}

.case-biao ul li p{margin-top: 20px;font-size: 18px;color: #333;line-height: 28px;}

.case-biao ul li:hover h6{transform: rotateY(180deg);}



.case-detail{width: 1000px;margin: 0 auto;padding: 70px 0;overflow: hidden;}

.case-detail .tit{font-size: 18px;line-height: 30px;text-align: center;margin-bottom: 20px;color: #666;}

.case-detail .text{font-size: 16px;line-height: 26px;color: #666;}

.case-detail .text img{max-width: 100%;}



.detail-button{width: 100%;overflow: hidden;margin-top: 40px;}

.detail-button .back{float: left;line-height: 45px;}

.detail-button .prev{float: right;line-height: 45px;width: 160px;border-radius: 30px;background: #133f97 url('../images/index/ind-ico4.png') no-repeat right 20px center;font-size: 15px;color: #fff;transition: all .4s;}

.detail-button .prev a{display: block;padding: 0 20px;}

.detail-button .prev:hover{background: #f40404 url('../images/index/ind-ico4.png') no-repeat right 20px center;}

.case-tui{width: 100%;padding: 70px 0 80px 0;background-color: #f7f7f7;}

.case-tui .rel-case ul li .text{background-color: #fff;}

.case-tui .pub-tit h6{text-align: left;}



/* 新闻列表 */

.news-box{width: 100%;background-color: #f7f7f7;overflow: hidden;padding-bottom: 60px;}

.news-nav{float: right;overflow: hidden;margin-top: 10px;}

.news-nav a{display: block;float: left;margin-left: 40px;font-size: 18px;color: #666;font-family: 'Microsoft YaHei';line-height: 30px;border-bottom: 3px solid #f7f7f7;transition: all .4s;}

.supp-box .news-nav a{border-bottom: 3px solid #fff;}

.abo-box .news-nav a{border-bottom: 3px solid #fff;}

.news-nav a:hover,.news-nav a.ontrue{border-color: #133f97;color: #133f97;}



.news-hot{width: 100%;overflow: hidden;}

.nhot-img{width: 50%;float: left;height: 495px;overflow: hidden;}

.nhot-img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}

.nhot-text{width: 50%;height: 495px;float: left;background-color: #fff;padding: 85px 70px 0 ;}

.nhot-text h5{font-size: 14px;color: #999;line-height: 24px;}

.nhot-text h6{font-size: 24px;font-family: 'Microsoft YaHei';line-height: 32px;color: #333;margin: 16px 0;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 64px;}

.nhot-text p{font-size: 15px;color: #666;line-height: 26px;height: 130px;overflow: hidden;}

.nhot-text button{font-size: 16px;color: #666;line-height: 24px;margin-top: 30px;background: transparent;}

.nhot-text button i{display: inline-block;width: 17px;height: 10px;background: url('../images/gather/case-ico8.png') no-repeat center center;margin-left: 5px;transition: all .4s;}

.nhot-text button:hover {color: #133f97;}

.nhot-text button:hover i{margin-left: 15px;background: url('../images/gather/case-ico9.png') no-repeat center center;}

.nhot-img:hover img{transform: scale(1.06);}



.news-list{width: 100%;overflow: hidden;padding-bottom: 10px;margin-top: 50px;}

.news-list ul{margin-left: -2%;}

.news-list ul li{width: 31.333%;float: left;overflow: hidden;margin: 0 0 2% 2%;}

.news-list ul li .img{width: 100%;overflow: hidden;}

.news-list ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}

.news-list ul li .text{width: 100%;background-color: #fff;height: 200px;padding: 35px 40px;transition: all .4s;overflow: hidden;}

.news-list ul li .text h6{font-size: 22px;color: #333;line-height: 32px;height: 96px;overflow: hidden;font-family: 'Microsoft YaHei';display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;transition: all .4s;}

.news-list ul li .text p{font-size: 14px;color: #999;line-height: 20px;margin-top: 20px;transition: all .4s;}

.news-list ul li:hover .img img{transform: scale(1.06);}

.news-list ul li:hover .text{background-color: #133f97;}

.news-list ul li:hover .text h6,.news-list ul li:hover .text p{color: #fff;}



/* 新闻详情 */

.news-detail{width: 1000px;margin: 0 auto;overflow: hidden;padding: 90px 0 110px;}

.news-detail .tit{width: 100%;overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 30px;margin-bottom: 30px;}

.news-detail .tit h6{font-size: 32px;line-height: 40px;color: #333;font-family: 'Microsoft YaHei';margin-bottom: 10px;}

.news-detail .tit p{font-size: 16px;color: #666;line-height: 26px;}

.news-detail .text{width: 100%;overflow: hidden;}

.news-detail .text p{font-size: 16px;color: #888;line-height: 28px;}

.news-detail .text img{max-width: 100%;}



/* 下载中心 */

.supp-box{width: 100%;overflow: hidden;padding-bottom: 50px;}

.down-tit{width: 100%;overflow: hidden;background-color: #eceff4;}

.down-tit span{float: left;font-size: 18px;color: #333;line-height: 100px;font-family: 'Microsoft YaHei';width: 20%;text-align: center;}

.down-tit span:first-child{width: 40%;text-align: left;padding-left: 50px;}

.down-list{width: 100%;overflow: hidden;padding-bottom: 40px;}

.down-list ul li{width: 100%;overflow: hidden;border-bottom: 1px solid #f1f2f4;padding: 30px 0;}

.down-list ul li span{float: left;font-size: 16px;color: #888;line-height: 40px;width: 20%;text-align: center;height: 40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.down-list ul li span:first-child{width: 40%;text-align: left;padding: 0 10px 0 50px;}

.down-list ul li span i{display: block;width: 85px;height: 40px;border: 1px solid #ededed;margin: 0 auto;background: url('../images/gather/dow-ico1.png') no-repeat center center;}

.down-list ul li span i:hover{background: #133f97 url('../images/gather/dow-ico2.png') no-repeat center center;border-color: #133f97;}



/* 常见问题 */

.problem{width: 100%;overflow: hidden;padding-bottom: 30px;border-top: 2px solid #53575e;}

.problem ul li{width: 100%;overflow: hidden;}

.faq-tit{width: 100%;padding: 20px 50px 20px 110px;position: relative;font-size: 18px;color: #666;line-height: 45px;border-bottom: 1px solid #e5e5e5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor: pointer;}

.faq-tit i{position: absolute;width: 45px;height: 45px;border-radius: 50%;border: 2px solid #e5e5e5;font-size: 20px;text-align: center;line-height: 45px;left: 30px;top: 20px;color: #133f97;user-select: none;font-family: Arial;}

.faq-tit:hover{color: #133f97;}

.faq-tit::after{width: 20px;height: 45px;background: url('../images/gather/faq-ico1.png') no-repeat center center;position: absolute;right: 20px;top: 20px;content: '';transition: all .4s;}

.faq-tit.ontrue i{background-color: #133f97;color: #fff;border-color: #133f97;}

.faq-tit.ontrue::after{transform: rotate(180deg);}

.faq-main{width: 100%;background-color: #f7f7f7;;overflow: hidden;padding: 30px 50px 30px 160px;font-size: 16px;color: #888;line-height: 32px;display: none;position: relative;}

.faq-main i{position: absolute;width: 45px;height: 45px;border-radius: 50%;border: 2px solid #133f97;font-size: 16px;text-align: center;line-height: 45px;left: 80px;top: 30px;color: #fff;background-color: #133f97;user-select: none;}



/* 人才招聘 */

.job-top{width: 100%;overflow: hidden;background-color: #eceff4;}

.job-top span{float: left;font-size: 18px;color: #333;line-height: 100px;font-family: 'Microsoft YaHei';width: 20%;text-align: center;}

.job-top span:first-child{width: 40%;text-align: left;padding-left: 50px;}



.job{width: 100%;overflow: hidden;padding-bottom: 30px;}

.job ul li{width: 100%;overflow: hidden;}

.job-tit{width: 100%;padding: 30px 0;overflow: hidden;border-bottom: 1px solid #e5e5e5;cursor: pointer;}

.job-tit span{float: left;font-size: 16px;color: #666;line-height: 40px;width: 20%;text-align: center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor: pointer;}

.job-tit span:first-child{width: 40%;text-align: left;padding-left: 50px;}

.job-tit span i{display: block;width: 20px;height: 40px;margin: 0 auto;background: url('../images/gather/faq-ico1.png') no-repeat center center;transition: all .4s;}

.job-tit.ontrue span i{transform: rotate(180deg);}

.job-main{width: 100%;overflow: hidden;background-color: #f1f2f4;padding: 50px;font-size: 16px;color: #666;line-height: 32px;display: none;}

.job-main h6{font-family: 'Microsoft YaHei';line-height: 30px;font-size: 16px;color: #666;}

.job-main .apply{display: block;width: 150px;line-height: 38px;font-size: 16px;color: #fff;padding-left: 50px;background: #133f97 url('../images/gather/faq-ico2.png') no-repeat left 20px center;margin-top: 30px;}



/* 荣誉 */

.honor{width: 100%;overflow: hidden;padding-bottom: 30px;}

.honor ul{margin-left: -2%;}

.honor ul li{width: 23%;float: left;margin: 0 0 2% 2%;overflow: hidden;}

.honor ul li .img{background-color: #f7f7f7;padding: 20px;overflow: hidden;line-height: 350px;position: relative;text-align: center;}

.honor ul li .img::after{content: '';width: 100%;height: 100%;position: absolute;background: rgba(19, 63, 151, .9) url('../images/gather/abo-ico1.png') no-repeat center center;left: 0;top: 0;opacity: 0;transition: all .4s;}

.honor ul li:hover .img::after{opacity: 1;}

.honor ul li .img img{max-width: 100%;max-height: 350px;}

.honor ul li p{font-size: 20px;color: #333;font-family: 'Microsoft YaHei';line-height: 32px;height: 96px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-top: 10px;}



/* 关于我们 */

.abo-tit{width: 100%;overflow: hidden;}

.abo-tit h6{font-size: 32px;color: #333;font-family: 'Microsoft YaHei';}



.abo-box{width: 100%;overflow: hidden;}

.abo-found{width: 100%;padding: 80px 0;background-color: #eceff4;overflow: hidden;}

.found-tit{width: 50%;float: left;padding-right: 100px;}

.found-tit h6{font-size: 32px;color: #000;font-family: 'Microsoft YaHei';line-height: 40px;}

.found-tit p{font-size: 30px;color: #111;padding-top: 5px;}

.found-text{width: 50%;float: left;overflow: hidden;font-size: 16px;color: #888;line-height: 28px;}



.abo-jies{width: 100%;overflow: hidden;padding: 80px 0;}

.jies-text{width: 50%;padding-right: 100px;float: left;}

.jies-text p{font-size: 16px;line-height: 28px;color: #888;}



.jies-video{width: 50%;float: right;position: relative;cursor: pointer;}

.jies-video::after{width: 48px;height: 48px;content: '';position: absolute;left: 50%;top: 50%;margin-left: -24px;margin-top: -24px;background: #133f97 url('../images/gather/abo-ico2.png') center center no-repeat;}

.jies-video:hover::after{animation: btn-pudding 1s ease both;}

.jies-video img{width: 100%;height: 100%;object-fit: cover;}



.abo-advan{width: 100%;overflow: hidden;padding: 70px 0;background-color: #212121;}

.abo-advan ul{margin-left: -5%;}

.abo-advan ul li{width: 20%;float: left;margin-left: 5%;}

.abo-advan ul li h6{text-align: center;line-height: 90px;transition: all .4s;}

.abo-advan ul li h6 img{max-width: 100%;}

.abo-advan ul li:hover h6{transform: rotateY(180deg);}

.abo-advan ul li p{font-size: 18px;color: #fff;line-height: 24px;text-align: center;margin-top: 20px;}



.abo-cul{width: 100%;padding: 80px 0;overflow: hidden;}

.cul-main{width: 100%;overflow: hidden;margin-top: 40px;}

.cul-text{width: 50%;float: left;padding-right: 100px;}

.cul-text h6{font-size: 24px;color: #333;line-height: 36px;padding-bottom: 10px;font-family: 'Microsoft YaHei';}

.cul-text p{font-size: 16px;color: #888;line-height: 28px;}

.cul-img{float: right;width: 50%;overflow: hidden;}

.cul-img img{max-width: 100%;}



/* 发展历程 */

.abo-his{width: 100%;background-color: #eceff4;padding: 90px 0;overflow: hidden;}

.his-box{position: relative;width: 100%;margin-top: 40px;}

.his-box::after{width: 200vw;content: '';height: 2px;background-color: #dadde1;position: absolute;top: 104px;left: -50vw;}

.his-mian{width: 100%;overflow: hidden;cursor: pointer;}

.his-mian .year{width: 100%;position: relative;font-size: 48px;color: #cfcfcf;line-height: 100px;padding-bottom: 20px;font-family: 'Microsoft YaHei';margin-bottom: 30px;}

.his-mian .year::after{content: '';width: 30px;height: 30px;background: url('../images/gather/his-ico1.jpg') no-repeat center center;position: absolute;left: 2px;bottom: 0;border-radius: 50%;}

.his-mian.ontrue .year{font-size: 70px;color: #133f97;}

.his-mian.ontrue .year::after{background: url('../images/gather/his-ico2.jpg') no-repeat center center}

.his-mian .text{width: 100%;overflow: hidden;font-size: 16px;color: #888;line-height: 30px;}



.abo-tour{width: 100%;overflow: hidden;padding: 80px 0;}

.tour-mian{width: 100%;position: relative;margin-top: 40px;}

.tour-pic{width: 100%;overflow: hidden;}

.tour-pic .img{position: relative;width: 100%;overflow: hidden;}

.tour-pic .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}

.tour-pic .img::after{content: '';width: 0;height: 8px;contain: '';position: absolute;right: 0;bottom: 0;background-color: #133f97;transition: all .5s;}

.tour-pic:hover .img::after{width: 100%;right: auto;left: 0;}

.tour-pic:hover .img img{transform: scale(1.1);}

.tour-pic p{margin-top: 20px;font-size: 18px;line-height: 30px;color: #888;text-align: center;height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}



.tour-mian .swiper-button-next, .tour-mian .swiper-button-prev{width: 48px;height: 48px;background-color: #133f97;background-size:15px;}

.tour-mian .swiper-button-next{right: -90px;}

.tour-mian .swiper-button-prev{left: -90px;}



/* 联系我们 */

.con-dizhi{width: 100%;overflow: hidden;background-color: #eceff4;}

.dizhi-img{width: 50%;float: right;overflow: hidden;}

.dizhi-img img{width: 100%;min-height: 420px;object-fit: cover;}

.dizhi-text{width: 700px;padding: 80px 100px 0 0;overflow: hidden;float: right;}

.dizhi-text .tit{font-size: 32px;color: #000;font-family: 'Microsoft YaHei';line-height: 40px;height: 80px;overflow: hidden;}

.dizhi-text ul li{position: relative;width: 100%;padding-left: 170px;font-size: 16px;line-height: 26px;font-family: 'Microsoft YaHei';color: #333;margin-top: 20px;}

.dizhi-text ul li span{position: absolute;width: 160px;left: 0;top: 0;font-size: 15px;color: #888;line-height: 26px;text-transform: uppercase;}

.dizhi-text ul li span i{display: block;width: 20px;float: left;margin-right: 20px;}



.con-office{width: 100%;overflow: hidden;padding: 70px 0 90px 0;}

.con-office .tit{font-size: 32px;color: #333;font-family: 'Microsoft YaHei';}



.office-list{width: 100%;overflow: hidden;margin-top: 30px;}

.office-list ul {margin-left: -2%;}

.office-list ul li{width: 31.333%;float: left;margin-left: 2%;overflow: hidden;}

.office-list ul li .img{width: 100%;overflow: hidden;}

.office-list ul li .img img{width: 100%;}

.office-list ul li .text{width: 100%;overflow: hidden;}

.office-list ul li .text h6{margin: 20px 0;font-size: 20px;font-weight: bold;color: #133f97;text-transform: uppercase;font-family: 'col-bold';}

.office-list ul li .text p{position: relative;padding-left: 25px;font-size: 14px;color: #888;line-height: 26px;}

.office-list ul li .text p span{position: absolute;left: 0;top: 5px;}



.con-map{width: 100%;overflow: hidden;background-color: #eceff4;}

.map-main{width: 50%;float: left;height: 800px;}

#container{ height: 100%;width: 100%;}

.map-main .amap-marker:first-child .amap-icon img {width: 25px;height: 34px;}

.amap-info-close{right: 5px !important;}

.input-item h4{font-size: 16px;color: #133f97;line-height: 30px;font-family: 'Microsoft YaHei';}

.input-item p{font-size: 14px;color: #444;line-height: 22px;}





.con-mess{width: 700px;float: left;padding: 80px 0 0 70px;}

.con-mess .tit{font-size: 26px;color: #333;font-family: 'Microsoft YaHei';margin-bottom: 20px;}

.con-message{width: 100%;overflow: hidden;}

.con-message input{width: 100%;height: 40px;font-size: 14px;color: #333;border-bottom: 2px solid #bfbfc8;font-family: 'Microsoft YaHei';margin-bottom: 20px;background: transparent;}

.con-message input:-ms-input-placeholder{color: #333;}

.con-message input::-webkit-input-placeholder{color: #333;}

.con-message textarea:-ms-input-placeholder{color: #333;}

.con-message textarea::-webkit-input-placeholder{color: #333;}



.con-message textarea{width: 100%;height: 100px;font-size: 14px;color: #333;border: none;border-bottom: 2px solid #bfbfc8;font-family: 'Microsoft YaHei';padding: 12px 0;display: block;background: transparent;margin-bottom: 20px;}

.message-code{width: 100%;overflow: hidden;position: relative;padding-right: 140px;}

.message-code input{width: 100%;display: inline-block;vertical-align: middle;}

.message-code span{width: 120px;height: 40px;text-align: center;line-height: 40px;user-select: none;cursor: pointer;position: absolute;right: 0;top: 0;}

.message-code span img{max-width: 100%;}

.con-message button{float: right;width: 100%;height: 70px;background: #133f97;font-size: 16px;color: #fff;margin-top: 10px;user-select: none;cursor: pointer;transition: all .4s ease;}

.con-message button:hover{background: #0957f5;}

.con-list{width: 100%;padding: 100px 0 80px;overflow: hidden;}

.con-list ul{margin-left: -2%;}

.con-list ul li{width: 31.333%;float: left;height: 200px;background-color: #eceff4;padding: 35px;margin: 0 0 2% 2%;}

.con-list ul li h6{font-size: 20px;color: #333;line-height: 24px;height: 48px;font-family: 'Microsoft YaHei';overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 14px;}

.con-list ul li p{font-size: 14px;color: #888;line-height: 26px;}





/* 产品详情 */

.pro-ban{width: 100%;overflow: hidden;position: relative;}

.pro-ban .imgbg{width: 100%;overflow: hidden;}

.pro-ban .imgbg img{width: 100%;height: 100%;object-fit: cover;min-height: 350px;}

.pro-ban .protext{width: 1400px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.protext .text{width: 50%;float: left;animation: bannertext 2s both;}

.protext .text h6{font-size: 40px;color: #fff;line-height: 50px;font-family: 'Microsoft YaHei';padding: 40px 0 15px;}

.protext .text p{font-size: 32px;color: #fff;line-height: 42px;font-family: 'Microsoft YaHei';}

.protext .img{width: 50%;float: right;text-align: center;line-height: 300px;animation: bannertext2 2s 1s both;}

.protext .img img{max-height: 300px;}

@keyframes bannertext2 {0% {transform: translateX(100px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}





.pronav-box{width: 100%;position: relative;border-bottom: 1px solid #eee;}

.proback{position: absolute;width: 60px;border-right: 1px solid #eee;height: 88px;background: url('../images/gather/back.png') no-repeat center center;}

.pronav{width: 1400px;margin: 0 auto;overflow: hidden;}

.pronav a{display: block;float: left;font-size: 16px;color: #666;line-height: 88px;position: relative;margin-right: 40px;font-family: 'Microsoft YaHei';}

.pronav a::after{content: '';width: 0;height: 2px;background-color: #133f97;position: absolute;left: 0;bottom: 0;transition: all .4s;}

.pronav a:hover::after{width: 100%;}

.pronav a:hover{color: #133f97;}

.fixed-name {top: 0px;position: relative;overflow: hidden;height: 0px;}



.pro-angle{width: 100%;overflow: hidden;padding: 130px 0;}

.angle-text{width: 50%;float: left;padding-right: 50px;}

.angle-text h6{font-size: 32px;color: #000;font-family: 'Microsoft YaHei';line-height: 40px;margin-bottom: 15px;}

.angle-text p{font-size: 16px;color: #666;line-height: 36px;}



.angle-img{width: 50%;float: right;text-align: center;padding: 20px 0;overflow: hidden;}

.angle-img img{max-width: 100%;max-height: 300px;object-fit: cover;}

.angle-img .swiper-container{padding-right: 40px;}

.angle-img .swiper-button-next, .angle-img .swiper-button-prev{width: 40px;height: 40px;background-color: #133f97;background-size:10px;}

.angle-img .swiper-button-prev{left: auto;right: 0;margin-top: -50px;}

.angle-img .swiper-button-next{right: 0;margin-top: 0px;}



.pro-ted1{width: 100%;background-color: #133f97;overflow: hidden;}

.ted1-img{width: 50%;float: left;height: 600px;background: url('../images/gather/pro-bg1.jpg') no-repeat center center;background-size: cover;text-align: center;line-height: 600px;}

.ted1-img img{max-width: 100%;max-height: 100%;object-fit: cover;}



.ted1-text{width: 700px;float: left;padding: 200px 0 0 100px;}

.ted1-text h6{font-size: 32px;color: #fff;font-family: 'Microsoft YaHei';line-height: 40px;margin-bottom: 10px;}

.ted1-text p{font-size: 16px;color: #fff;line-height: 34px;position: relative;padding-left: 20px;}

.ted1-text p::after{width: 6px;height: 6px;border-radius: 50%;position: absolute;left: 0;top: 12px;content: '';background-color: #fff;}



.pro-ted2{width: 100%;overflow: hidden;padding: 100px 0;}

.ted2-img{width: 50%;float: right;text-align: center;line-height: 370px;}

.ted2-img img{max-width: 100%;max-height: 100%;object-fit: cover;}



.ted2-text{width: 50%;float: left;overflow: hidden;padding-right: 60px;padding-top: 120px;}

.ted2-text h6{font-size: 36px;color: #333;font-family: 'Microsoft YaHei';line-height: 40px;margin-bottom: 10px;}

.ted2-text p{font-size: 16px;color: #666;line-height: 34px;position: relative;padding-left: 20px;}

.ted2-text p::after{width: 6px;height: 6px;border-radius: 50%;position: absolute;left: 0;top: 12px;content: '';background-color: #133f97;}



.pro-cans{width: 100%;padding: 70px 0;background-color: #f9f9f9;overflow: hidden;}

.cans-tit{width: 100%;font-size: 18px;color: #666;margin: 30px 0 10px;}

.cas-tab1{width: 100%;;overflow-x: auto;}

.cas-tab2{width: 100%;;overflow-x: auto;}

.cas-tab1 table{width: 100%;overflow: hidden;font-size: 15px;color: #666;background-color: #fff;box-sizing: border-box;text-align: center;border: 1px solid #ccc;}

.cas-tab1 table th{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;line-height: 30px;padding: 10px 0;

font-weight: normal;color: #666;background-color: #eee;font-family: 'Microsoft YaHei';}

.cas-tab1 table td{border-right: 1px solid #ccc;line-height: 32px;padding: 10px 0;border-bottom: 1px solid #ccc;width: 12.5%;min-width: 100px;}



.cas-tab2 table{width: 100%;overflow: hidden;font-size: 15px;color: #666;background-color: #fff;box-sizing: border-box;text-align: center;border: 1px solid #ccc;}

.cas-tab2 table th{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;line-height: 30px;padding: 10px 0;

font-weight: normal;color: #666;background-color: #eee;font-family: 'Microsoft YaHei';}

.cas-tab2 table td{border-right: 1px solid #ccc;line-height: 32px;padding: 10px 0;border-bottom: 1px solid #ccc;width: 16.666%;min-width: 100px;}



.cans-down{display: block;width: 240px;height: 54px;background-color: #133f97;line-height: 54px;text-align: center;font-size: 16px;color: #fff;font-family: 'Microsoft YaHei';margin: 40px auto 0;text-transform: uppercase;cursor: pointer;}



/* online */

.pro-online{width: 100%;padding: 80px 0;overflow: hidden;background: url('../images/gather/pro-bg2.jpg') no-repeat center center;}

.online-tit h6{font-size: 32px;color: #fff;font-family: 'Microsoft YaHei';text-align: center;}

.online-tit p{font-size: 16px;color: #fff;line-height: 30px;text-align: center;margin-top: 10px;}

.online-main{width: 100%;overflow: hidden;margin-top: 45px;}

.online-input{width: 100%;overflow: hidden;margin-bottom: 30px;}

.online-input input{width: 23.5%;height: 55px;font-size: 16px;color: #666;padding: 0 20px;background: #fff;margin-right: 2%;display: block;float: left;margin-bottom: 30px;}

.online-input input:nth-child(4){margin-right: 0;}

.online-input input:-ms-input-placeholder{font-size: 16px;}

.online-input input::-webkit-input-placeholder{font-size: 16px;}

.online-input textarea{width: 100%;height: 170px;font-size: 16px;color: #666;border: none;padding: 20px;display: block;background: #fff;}



.online-code{width: 45%;float: left;position: relative;padding-right: 140px;}

.online-code input{width: 100%;height: 55px;font-size: 16px;color: #666;padding: 0 20px;background: #fff;display: block;}

.online-code span{width: 120px;height: 55px;text-align: center;line-height: 55px;user-select: none;cursor: pointer;position: absolute;right: 0;top: 0;}

.online-code span img{max-width: 100%;}



.online-button{float: right;width: 240PX;height: 55px;background: #133f97;font-size: 16px;color: #fff;user-select: none;cursor: pointer;transition: all .4s ease;}

.online-button:hover{background: #0957f5;}



/* 产品列表 */

.pro-box{width: 100%;background-color: #f7f7f7;overflow: hidden;padding: 0 0 60px;}

.pro-list{width: 100%;overflow: hidden;padding: 60px 0 20px;}

.pro-list ul{margin-left: -2%;}

.pro-list ul li{width: 23%;float: left;margin: 0 0 2% 2%;background-color: #fff;padding: 10px;}

.pro-list ul li .img{width: 100%;overflow: hidden;line-height: 300px;text-align: center;}

.pro-list ul li .img img{max-width: 100%;max-height: 300px;}

.pro-list ul li .text{width: 100%;margin-top: 10px;border-top: 1px solid #eee;padding-top: 30px;transition: all .4s;}

.pro-list ul li .text h6{font-size: 16px;color: #888;line-height: 24px;height: 24px;overflow: hidden;}

.pro-list ul li .text p{font-size: 18px;color: #333;font-family: 'Microsoft YaHei';line-height: 32px;height: 64px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 10px 0;}

.pro-list ul li .text button{width: 140px;line-height: 45px;background-color: #133f97;text-align: center;font-size: 14px;color: #fff;border-radius: 5px;cursor: pointer;}

.pro-list ul li:hover .text{border-color: #133f97;}

.pro-list ul li:hover .text p{color: #133f97;}



.pro-menu{width: 100%;background-color: #133f97;}

.pro-menu ul{border-left:1px solid rgba(255, 255, 255, .1);}

.pro-menu ul li{width: 16.666%;float: left;border-right: 1px solid rgba(255, 255, 255, .1);border-bottom: 1px solid rgba(255, 255, 255, .1);position: relative;}

.pro-menu ul li h6{font-size: 16px;color: #fff;line-height: 60px;text-align: center;}

.pro-menu ul li h6 a{display: block;}

.pro-menu ul li .prodow{display: none;position: absolute;width: 100%;top: 61px;left: 0;background-color: #133f97;z-index: 100;}

.pro-menu ul li .prodow a{display: block;font-size: 14px;color: #fff;line-height: 40px;border-bottom: 1px solid rgba(255, 255, 255, .1);

text-align: center;}

.pro-menu ul li a:hover{opacity: .8;}







/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {

    /* 1600 × (900/1024/1200) */



}



@media all and (max-width:1599px) {

    /* 1440 × (900/1050) */

    .sol-list{padding: 70px 0;}

    .sol-backg .tit{font-size: 30px;}

    .sol-jies ul li .text .tit{font-size: 30px;}

    .sol-jies ul li{padding: 110px 0;}

    .top-tit{padding: 50px 0;}

    .toptit {font-size: 32px;}

    .case-biao{padding: 80px 0;}



    .nhot-img,.nhot-text{height: 445px;}

    .nhot-text{padding: 70px 70px 0;}



    .news-list ul li .text h6{font-size: 20px;line-height: 28px;height: 84px;}

    .news-list ul li .text{height: 160px;padding: 20px;}

    .news-list ul li .text p{margin-top: 10px;}

    .down-tit span{line-height: 80px;}

    .honor{padding-bottom: 10px;}

    .honor ul li p{font-size: 18px;line-height: 28px;height: 84px;}

    .honor ul li .img{line-height: 300px;}

    .honor ul li .img img{max-height: 300px;}



    .tour-mian .swiper-button-prev{left: 0;}

    .tour-mian .swiper-button-next{right:0}



    .dizhi-text{width: 50%;padding: 60px 60px 0 3%;}

    .dizhi-text .tit{font-size: 30px;line-height: 35px;height: 70px;}

    .dizhi-text ul li{margin-top: 15px;}

    .con-office{padding: 60px 0 70px;}

    .map-main{height: 700px;}

    .con-mess{width: 50%;padding: 50px 3% 0 50px;}

    .con-mess .tit{font-size: 30px;margin-bottom: 10px;}

    .con-message button{height: 50px;}

    .con-message input{margin-bottom: 16px;}

    .con-list{padding: 70px 0 50px;}



    .pro-ban .protext{width: 100%;padding: 0 3%;}

    .protext .text h6{font-size: 44px;padding: 30px 0 10px;}

    .protext .text p{font-size: 28px;line-height: 36px;}

    

    .pronav{width: 100%;padding: 0 70px;}

    .pronav a{line-height: 70px;}

    .proback{height: 70px;}

    .pro-angle{padding: 100px 0;}

    .angle-text h6{font-size: 28px;line-height: 36px;}

    .angle-text p{line-height: 30px;}

    .ted1-text{width: 50%;padding-right: 3%;padding: 100px 0 0 80px;}

    .pro-ted2{padding: 80px 0;}



    .pro-menu ul li h6{font-size: 14px;}

    .pro-menu ul li .prodow a{font-size: 12px;}

}



@media all and (max-width:1439px) {

    /* 1360 × (768) */

    .sol-list ul li .text h6{font-size: 22px;}

    .sol-backg .text p{line-height: 26px;}

    .sol-jies ul li .text .tit{font-size: 26px;}

    .value-list ul{margin-left: -3%;}

    .value-list ul li{margin-left: 3%;width: 22%;}

    .sol-value{padding: 60px 0;}

    .rel-pro ul li .text{padding-top: 20px;}

    .rel-pro ul li .text p{font-size: 18px;line-height: 30px;height: 60px;}

    .pro-list ul li .text{padding-top: 20px;}

    .pro-list ul li .text p{font-size: 16px;line-height: 30px;height: 60px;}

    .rel-case ul li .text h6{font-size: 16px;}

    .rel-case{margin-top: 40px;}

    .rel-pro{padding-top: 40px;}

    .sol-top{padding-top: 70px;}

    .sol-backg{margin-bottom: 70px;}

    .case ul li p{padding: 0 12px;font-size: 16px;height: 50px;line-height: 50px;}

    .news-detail{padding: 70px 0;}

    .news-detail .tit h6{font-size: 28px;line-height: 35px;}

    .faq-tit{padding: 20px 50px 20px 80px;}

    .faq-tit i{left: 20px;}

    .faq-main{padding: 30px 50px 30px 110px;}

    .faq-main i{left: 50px;}



    .job-top span{line-height: 80px;}

    .job-tit{padding: 20px 0;}

    .job-main{padding: 30px 50px;font-size: 15px;line-height: 28px;}



    .abo-cul,.abo-jies,.abo-found,.abo-tour{padding: 60px 0;}

    .abo-tit h6{font-size: 32px;}

    .found-tit h6{font-size: 30px;}

    .found-tit p{font-size: 28px;padding-top: 0;}

    .found-text{line-height: 26px;}

    .jies-text p{line-height: 24px;}

    .abo-advan ul li p{font-size: 16px;}

    .cul-text h6{font-size: 22px;line-height: 30px;}

    .abo-his{padding: 70px 0;}

    .his-mian .year{font-size: 50px;line-height: 80px;}

    .his-mian.ontrue .year{font-size: 60px;}

    .his-box::after{top: 84px;}



    .dizhi-text{padding: 40px 40px 0 3%;}

    .dizhi-text ul li{font-size: 14px;line-height: 24px;padding-left: 150px;}

    .dizhi-text ul li span{font-size: 14px;line-height: 24px;width: 140px;}

    .dizhi-text ul li span i{margin-right: 10px;}

    .office-list ul li .text h6{margin: 15px 0;font-size: 18px;}

    .con-list ul li h6{font-size: 17px;}

    

    .map-main{height: 600px;}

    .con-mess{padding: 40px 03% 0 40px;}

    .con-message input{margin-bottom: 10px;}

    .con-message textarea{padding: 10px 0;margin-bottom: 10px;}

    .con-list ul li{padding: 30px;}

    .ted1-img{line-height: 500px;height: 500px;}

    .ted1-text{padding: 60px 0 0 60px;}

    .ted1-text h6{font-size: 30px;line-height: 32px;}

    .ted1-text p{font-size: 15px;line-height: 30px;}

    .ted2-text h6{font-size: 30px;line-height: 32px;}

    .ted2-text p{font-size: 15px;line-height: 30px;}

    .pro-cans{padding: 50px 0;}

    .pro-angle{padding: 80px 0;}

    .pro-ted2{padding: 60px 0;}

    .pro-online{padding: 60px 0;}

    .protext .text h6{font-size: 36px;}

}



@media all and (max-width:1359px) {

    /* 1280 × (800/854/1024) */

    .sol-list ul li .text h6{font-size: 20px;}

    .sol-backg .tit{font-size: 26px;}

    .sol-jies ul li .text p{line-height: 28px;}

    .sol-jies ul li .text p::before{top: 9px;}

    .value-list ul li h6{line-height: 70px;}

    .value-list ul li h6 img{max-height: 70px;}

    .value-list ul li p{font-size: 14px;line-height: 22px;}

    .rel-pro ul li .text p {margin: 5px 0;font-size: 16px;line-height: 26px;height: 52px;}

    .rel-pro ul li .text button{line-height: 40px;}

    .pro-list ul li .text p {margin: 5px 0;font-size: 16px;line-height: 26px;height: 52px;}

    .pro-list ul li .text button{line-height: 40px;}

    .case-biao ul li p {font-size: 16px;}

    .case-detail{padding: 60px 0;}

    .nhot-img,.nhot-text{height: 420px;}

    .news-list{margin-top: 40px;}

    .news-list ul li .text h6{font-size: 18px;line-height: 25px;height: 75px;}

    .news-list ul li .text {height: 145px;}

    .nhot-text h6{font-size: 20px;line-height: 26px;height: 52px;margin: 10px 0;}

    .down-list ul li{padding: 20px 0;}

    .supp-box{padding-bottom: 40px;}

    .down-list{padding-bottom: 30px;}

    .honor ul li p{font-size: 16px;line-height: 26px;height: 78px;}

    .jies-text,.found-tit,.cul-text{padding-right: 60px;}

    .cul-text p{font-size: 14px;line-height: 24px;}

    .his-mian .text{font-size: 14px;line-height: 26px;}



    .dizhi-text .tit{height: auto;}

    .protext .img {line-height: 200px;}

    .protext .img img{max-height: 200px;}



    .pro-list ul li .img{line-height: 250px;}

    

}



@media all and (max-width:1279px) {

    /* 1152 × (864) */

    .pub-tit h6{font-size: 30px;}

    .sol-list{padding: 50px 0;}

    .sol-jies ul li .text .tit{font-size: 24px;line-height: 50px;}

    .sol-jies ul li .text .tit span {font-size: 50px;}

    .sol-jies ul li .text .tit span::after{height: 35px;}

    .sol-jies ul li{padding: 90px 0;}

    .sol-jies ul li .text .tit{margin: 10px 0;}

    .rel-pro ul li{padding: 10px;}

    .rel-pro ul li .img{line-height: 280px;}

    .rel-pro ul li .img img{max-height: 280px;}

    .rel-pro ul li .text h6 {font-size: 14px;height: 20px;line-height: 20px;}

    .rel-pro ul li .text p {font-size: 15px;line-height: 24px;height: 48px;}

    .rel-pro ul li .text button{width: 120px;font-size: 14px;}

    .rel-pro ul li .text{padding-top: 15px;}

    .pro-list ul li{padding: 10px;}

    .pro-list ul li .img{line-height: 280px;}

    .pro-list ul li .img img{max-height: 280px;}

    .pro-list ul li .text h6 {font-size: 14px;height: 20px;line-height: 20px;}

    .pro-list ul li .text p {font-size: 15px;line-height: 24px;height: 48px;}

    .pro-list ul li .text button{width: 120px;font-size: 14px;}

    .pro-list ul li .text{padding-top: 15px;}

    .sol-pro,.sol-case{padding: 50px 0;}

    .rel-case ul li .text{padding: 10px 20px;}

    .rel-case ul li .text h6 {font-size: 16px;line-height: 30px;height: 60px;}

    .news-box{padding-bottom: 40px;}

    .nhot-img, .nhot-text{height: 380px;}

    .nhot-text{padding: 40px 40px 0;}

    .news-detail{padding: 50px 0;}

    .down-tit span:first-child{padding-left: 30px;}

    .down-list ul li span:first-child{padding: 0 10px 0 30px;}

    .down-list ul li span {font-size: 14px;}

    .down-tit span{line-height: 60px;font-size: 16px;}



    .job-top span{line-height: 60px;font-size: 16px;}

    .job-top span:first-child{padding-left: 30px;}

    .job-tit span:first-child{padding-left: 30px;}

    .found-tit h6{font-size: 26px;line-height: 35px;}

    .found-tit p{font-size: 24px;}

    .found-text{font-size: 14px;line-height: 24px;}

    .jies-text p{font-size: 14px;}

    .abo-advan{padding: 60px 0;}

    .abo-advan ul li h6{line-height: 70px;}

    .abo-advan ul li h6 img{max-height: 60px;}

    .abo-tit h6{font-size: 40px;}

    .cul-main{margin-top: 30px;}

    .cul-text h6{font-size: 20px;}

    .tour-mian{margin-top: 30px;}

    .con-office{padding: 40px 0 50px;}

    .con-office .tit{font-size: 26px;}

    .office-list{margin-top: 20px;}

    .office-list ul li .text h6{font-size: 15px;}

    .office-list ul li .text p{padding-left: 22px;line-height: 24px;}

    .office-list ul li .text p span {top: 3px;}



    .protext .text h6{font-size: 30px;}

    .protext .text p{font-size: 20px;line-height: 30px;}

    .angle-text h6 {font-size: 24px;line-height: 30px;}

    .angle-text p{font-size: 14px;line-height: 26px;}

    .pronav a{font-size: 16px;margin-right: 30px;}





}



@media all and (max-width:1151px) {

    /* 1024 × (600/768) */

    .rel-pro ul li .img{line-height: 220px;}

    .rel-pro ul li .img img{max-height: 210px;}

    .pro-list ul li .img{line-height: 220px;}

    .pro-list ul li .img img{max-height: 210px;}



    .value-list ul li h6 {line-height: 60px;margin-bottom: 10px;}

    .value-list ul li h6 img{max-width: 50px;}

    .sol-value{padding: 50px 0;}

    .value-list{margin-top: 30px;}

    .sol-jies ul li .text p{font-size: 14px;line-height: 24px;}

    .sol-jies ul li .text p::before{top: 7px;}

    .sol-jies ul li .text {padding-right: 60px;}

    .sol-jies ul li:nth-child(2n) .text {padding-left: 60px;}

    .sol-jies ul li:nth-child(2n) .text {font-size: 20px;}

    .sol-backg .tit{font-size: 22px;}

    .sol-top{padding-top: 50px;}

    .sol-backg{margin-bottom: 50px;}



    .case-detail{width: 94%;}

    .news-detail{width: 94%;}

    .honor ul li .img {line-height: 240px;}

    .honor ul li .img img{max-height: 240px;}





    .dizhi-img{width: 100%;}

    .dizhi-img img{min-height: auto;}

    .dizhi-text{width: 100%;padding: 30px 3%;}

    .map-main{width: 100%;height: 400px;}

    .con-mess{width: 100%;padding: 40px 3%;}

    .con-list ul li{width: 48%;}

    .con-list{padding: 40px 0;}



    .angle-img .swiper-container{padding-right: 0;}

}





/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {

    /* 平板设备 720 适配 */

    .sol-list{padding: 40px 0;}

    .sol-list ul li .text h6{font-size: 16px;margin: 4px 0;}

    .sol-list ul li .text p{font-size: 14px;}



    .pub-tit h6{font-size: 28px;}

    .sol-top{padding-top: 40px;}

    .sol-backg {margin-bottom: 20px;}

    .sol-backg .tit{width: 100%;padding-right: 0;line-height: 30px;}

    .sol-backg .text{width: 100%;border-left: 0px;padding-left: 0;margin-top: 10px;padding-bottom: 10px;}

    .sol-jies ul li{padding: 40px 0;}

    .sol-jies ul li .img{width: 100%;}

    .sol-jies ul li .text{width: 100%;margin-top: 20px;}

    .sol-jies ul li .text{padding-right: 0;}

    .sol-jies ul li:nth-child(2n) .text{padding-left: 0;}

    .sol-value{padding: 30px 0;}

    .value-list ul li{width: 47%;margin-bottom: 10px;}

    .value-list ul li p{min-height: 110px;}

    .rel-pro ul{margin-left: 0;}

    .rel-pro ul li{width: 100%;margin-left: 0;margin-bottom: 3%;}

    .pro-list ul li{width: 48%;}

    .sol-pro, .sol-case{padding: 40px 0;}

    .rel-pro{padding-top: 30px;}

    .rel-case{margin-top: 30px;}

    .rel-case ul{margin-left: 0;}

    .rel-case ul li{width: 100%;margin-left: 0;margin-bottom: 3%;}



    .top-tit{padding: 30px 0;}

    .toptit {line-height: 40px;font-size: 34px;}

    .project-nav{margin-top: 2px;}

    .case-biao{padding: 40px 0;}

    .case ul li{width: 48%;}

    .case-biao ul li{width: 48%;margin-bottom: 20px;}

    .case-detail{padding: 30px 0;}

    .case-tui{padding: 30px 0 40px;}

    .nhot-img, .nhot-text{width: 100%;height: auto;}

    .nhot-text{padding: 20px;}

    .nhot-text button{margin-top: 5px;}

    .news-list ul li{width: 48%;}

    .news-list{margin-top: 30px;}

    .news-box{padding-bottom: 20px;}

    .news-list{padding-bottom: 0px;}

    

    .news-nav a{font-size: 16px;margin-left: 20px;border-bottom: 2px solid #f7f7f7;}

    .news-detail .tit h6{font-size: 24px;line-height: 32px;}

    .news-detail .tit{margin-bottom: 20px;padding-bottom: 20px;}

    .news-detail .text p{font-size: 14px;line-height: 24px;}

    .down-list{padding-bottom: 20px;}



    .faq-tit{line-height: 36px;}

    .faq-tit i{width: 36px;height: 36px;line-height: 36px;border: 1px solid #e5e5e5;left: 10px;}

    .faq-tit::after{height: 36px;right: 10px;}

    .faq-tit {padding: 20px 40px 20px 60px;}

    .faq-main{padding: 20px 40px 20px 60px;}

    .faq-main i{width: 36px;height: 36px;left: 10px;top: 20px;line-height: 36px;font-size: 12px;}

    .problem{padding-bottom: 10px;}

    .supp-box{padding-bottom: 20px;}

    .job-tit span{font-size: 14px;}

    .job{padding-bottom: 10px;}

    .job-main{font-size: 14px;padding: 30px 20px;}



    .honor ul li{width: 48%;}

    .honor ul li p {font-size: 14px;line-height: 20px;height: 60px;}



    .abo-cul, .abo-jies, .abo-found, .abo-tour{padding: 40px 0;}

    .jies-text, .found-tit, .cul-text{width: 100%;padding-right: 0;}

    .found-text{width: 100%;}

    .found-tit{text-align: center;padding-bottom: 15px;}

    .found-tit h6{font-size: 22px;line-height: 30px;}

    .found-tit p{font-size: 16px;line-height: 26px;}

    .jies-video{width: 100%;margin-bottom: 15px;}

    .abo-advan ul li{width: 45%;margin-bottom: 10px;}

    .abo-advan{padding: 40px 0;}

    .cul-img{width: 100%;margin-bottom: 15px;}

    .abo-tit h6{font-size: 30px;text-align: center;}

    .abo-his{padding: 40px 0;}

    .his-box{margin-top: 20px;}

    .his-mian .year{font-size: 40px;line-height: 60px;}

    .his-mian.ontrue .year{font-size: 50px;}



    .his-mian .year::after{width: 20px;height: 20px;}

    .his-box::after{top: 69px;}

    .tour-pic p{font-size: 16px;margin-top: 10px;}

    .con-office .tit{font-size: 24px;}



    .pronav-box{display: none;}

    .pro-angle{padding: 40px 0;}

    .angle-text{width: 100%;padding-right: 0;}

    .angle-img{width: 100%;}

    .ted1-img{width: 100%;height: auto;padding: 40px 20px;line-height: normal;}

    .ted1-text{width: 100%;padding: 40px 20px;}

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

    .ted2-img{width: 100%;line-height: normal;margin-bottom: 20px;}

    .ted2-text{width: 100%;padding-right: 0;padding-top: 0;}

    .cas-tab1 table th{padding: 5px 0;}

    .cas-tab1 table{font-size: 14px;line-height: 24px;}

    .cas-tab1 table th{line-height: 24px;}

    .cas-tab1 table td{line-height: 24px;}

    .cas-tab2 table th{padding: 5px 0;}

    .cas-tab2 table{font-size: 14px;line-height: 24px;}

    .cas-tab2 table th{line-height: 24px;}

    .cas-tab2 table td{line-height: 24px;}

    .online-input textarea{height: 110px;padding: 10px;}

    .online-input input{width: 48.5%;margin-bottom: 15px;}

    .online-input input:nth-child(2){margin-right: 0;}

    .online-input{margin-bottom: 15px;}



    .pro-menu{display: none;}

    .pro-box{padding: 0 0 40px;}

    .pro-list{padding: 40px 0 20px;}

    

}

@media all and (max-width:640px) {

    /* 移动终端以上 360 适配 */

    .pub-tit h6{font-size: 26px;}

    .sol-list ul{margin-left: 0;}

    .sol-list ul li{width: 100%;margin-left: 0;}

    .sol-list ul li .text h6{margin: 0;}

    .sol-top{padding-top: 30px;}

    .sol-backg{margin-bottom: 10px;}

    .sol-backg .tit{font-size: 20px;}

    .sol-backg .text p{font-size: 15px;line-height: 22px;}

    .sol-jies ul li{padding: 30px 0;}

    .sol-jies ul li .text .tit{margin: 0 0 14px 0;padding-left: 22px;line-height: 30px;font-size: 24px;}

    .sol-jies ul li .text .tit span{font-size: 30px;line-height: 30px;}

    .sol-jies ul li .text .tit span::after{display: none;}

    .sol-jies ul li .text p::before{width: 5px;height: 5px;left: 4px;}

    .value-list ul{margin-left: 0;}

    .value-list ul li{margin-left: 0;width: 100%;}

    .value-list ul li p{min-height: auto;}

    .rel-case ul li .text{padding: 10px;}

    .rel-pro{padding-top: 20px;}

    .rel-case{margin-top: 20px;}

    .pro-list ul{margin-left: 0;}

    .pro-list ul li{width: 100%;margin-left: 0;margin-bottom: 3%;}



    .top-tit{padding: 20px 0;}

    .project-nav {width: 100%;margin-top: 10px;}

    .project-nav ul li{width: 50%;margin-left: 0;}

    .project-nav ul li h6 {font-size: 15px;padding-left: 10px;}

    .toptit{width: 100%;text-align: center;font-size: 30px;line-height: 40px;}

    .case ul{margin-left: 0;}

    .case ul li{width: 100%;margin-left: 0;}

    .case-box{padding-bottom: 10px;}

    .case ul li p {font-size: 14px;padding: 0 10px;height: 40px;line-height: 40px;}

    .case-biao{padding: 30px 0 10px 0;}

    .case-biao ul li h6{line-height: 50px;}

    .case-biao ul li h6 img {max-height: 40px;}

    .case-biao ul li p{font-size: 14px;margin-top: 10px;}

    .case-detail .tit{font-size: 16px;}

    .detail-button .prev{line-height: 40px;width: 140px;}

    .detail-button .back{line-height: 40px;}

    .news-nav{width: 100%;}

    .news-nav a{font-size: 14px;margin: 0 1%;min-width: 31.333%;text-align: center;}

    .nhot-text{padding: 14px;}

    .nhot-text h6{font-size: 18px;line-height: 24px;height: 48px;margin: 5px 0;}

    .nhot-text p{font-size: 14px;line-height: 22px;height: 110px;}

    .news-list ul{margin-left: 0;}

    .news-list ul li{width: 100%;margin-left: 0;margin-bottom: 10px;}

    .news-list{margin-top: 20px;}

    .news-hot{margin: 10px 0 0 0;}

    .news-detail{padding: 30px 0;}

    .news-detail .tit{padding-bottom: 12px;}

    .news-detail .tit h6{font-size: 22px;line-height: 30px;}

    .news-detail .tit p{font-size: 15px;}

    .detail-button{margin-top: 30px;}

    .news-list ul li .text{padding: 12px;}

    .news-list ul li .text h6{font-size: 16px;}

    .news-list ul li .text {height: 130px;}



    .down-tit span{font-size: 14px;}

    .down-tit span:first-child{padding: 0 6px;}

    .down-list ul li span:first-child{padding: 0 6px;}

    .down-list ul li span{font-size: 12px;line-height: 30px;height: 30px;}

    .down-list ul li span i{width: 30px;height: 30px;background-size: 50%;}

    .down-list ul li span i:hover{background-size: 50%;}

    .down-list{padding-bottom: 5px;}

    .supp-box{padding-bottom: 10px;}



    .problem{border-top: 0px;}

    .faq-tit{padding: 20px 30px 20px 40px;font-size: 15px;}

    .faq-tit i{left: 0;width: 30px;height: 30px;font-size: 16px;line-height: 30px;}

    .faq-main i{left: 5px;width: 30px;height: 30px;font-size: 14px;line-height: 30px;}

    .faq-tit::after{right: 0;background-size: 60%;}

    .faq-main{padding: 20px 30px 20px 40px;font-size: 14px;line-height: 26px;}



    .job-top span{font-size: 14px;}

    .job-top span:first-child{padding-left: 10px;}

    .job-tit span{font-size: 12px;}

    .job-tit span:first-child{padding: 0 10px;}

    .job-tit span i{background-size: 60%;}

    .job-tit{padding: 15px 0;}

    .job-main{font-size: 14px;padding: 20px 10px;line-height: 26px;}

    .job-main .apply{margin-top: 20px;}

    .honor{padding-bottom: 0;}

    .honor ul li{margin-bottom: 4%;}

    .honor ul li .img{padding: 14px;line-height: 180px;}

    .honor ul li .img img{max-height: 180px;}

    .honor ul li p{font-family: 'col-reg';}

    .found-tit{padding-bottom: 10px;}

    .abo-cul, .abo-jies, .abo-found, .abo-tour {padding: 30px 0;}

    .abo-tit h6{font-size: 26px;}

    .cul-main{margin-top: 20px;}

    .cul-text h6{font-size: 16px;line-height: 24px;}

    .abo-box .news-nav a{width: 48%;border-bottom: 0px;}

    .abo-advan ul li p{font-size: 14px;}

    .his-mian .year::after{width: 15px;height: 15px;left: 50%;margin-left: -8px;}

    .his-mian .year{margin-bottom: 20px;line-height: 50px;text-align: center;}

    .his-mian.ontrue .year{font-size: 40px;}

    .his-box::after{height: 1px;top: 62px;}

    .tour-mian .swiper-button-next, .tour-mian .swiper-button-prev{width: 40px;height: 40px;background-size: 12px;}

    



    .dizhi-text .tit{font-size: 24px;line-height: 30px;margin-bottom: 10px;}

    .dizhi-text ul li{padding-left: 0;}

    .dizhi-text ul li span{position: static;width: 100%;overflow: hidden;}

    .dizhi-text ul li p{padding-top: 10px;}

    .office-list ul{margin-left: 0;}

    .office-list ul li{width: 100%;margin-left: 0;margin-bottom: 4%;}

    .map-main{height: 320px;}

    .con-mess{padding: 30px 3%;}

    .con-mess .tit {font-size: 24px;margin-bottom: 5px;}

    .con-list ul{margin-left: 0;}

    .con-list ul li{width: 100%;margin-left: 0;padding: 20px 10px;height: auto;}

    .con-list ul li h6{height: auto;}

    .con-office{padding: 30px 0 40px;}

    .office-list{margin-top: 10px;}





    .protext .img{width: 100%;line-height: 120px;}

    .protext .img img{max-height: 120px;}

    .protext .text{width: 100%;text-align: center;}

    .protext .text h6{font-size: 20px;padding: 10px 0;line-height: 26px;}

    .protext .text p{font-size: 15px;line-height: 20px;font-family: 'col-reg';}

    .angle-img{padding: 0 0 20px 0;}

    .angle-img .swiper-button-prev{left: 0;right: auto;margin-top: -20px;}

    .angle-img .swiper-button-next{margin-top: -20px;}

    .angle-text h6 {font-size: 20px;line-height: 26px;margin-bottom: 10px;}

    .ted1-text h6{font-size: 26px;margin-bottom: 5px;}

    .ted2-text h6{font-size: 26px;margin-bottom: 5px;}

    .pro-cans{padding: 40px 0;}

    .cans-tit{font-size: 16px;margin: 20px 0 10px;}

    .cans-down{width: 180px;height: 40px;line-height: 40px;margin: 20px auto 0;font-size: 14px;}

    .pro-online{padding: 40px 0;}

    .online-tit h6{font-size: 30px;}

    .online-tit p{font-size: 16px;line-height: 24px;}

    .online-input input{width: 100%;margin-right: 0;height: 44px;margin-bottom: 10px;padding: 0 10px;}

    .online-code{width: 100%;}

    .online-code input{height: 44px;padding: 0 10px;}

    .online-code span{height: 44px;line-height: 44px;}

    .online-button{width: 100%;margin-top: 10px;line-height: 44px;height: 44px;}

    .online-main{margin: 20px 0;}

    .pro-list{padding-bottom: 0;}

    .pro-box{padding-bottom: 10px;}



    .pro-list{padding: 30px 0 10px;}

    .pro-list ul li .text button{width: 110px;line-height: 35px;}

    .pro-list ul li .img{line-height: 280px;}

}