@charset "utf-8";
/******内页******/
.inpage-container{min-height: 500px;padding: 70px 0;background-color: #f6f7f8;}
/*面包屑*/
.bread{display: inline-block;vertical-align: top;line-height: 20px;color: #999;}
.bread .icon{display: inline-block;vertical-align: middle;width: 14px;height: 14px;margin: -.25em .4em 0 0;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEgLjQ4TC0uMDEgMTAuN2wxLjAyIDEuMS45OS0uOTJ2OC42Mmg3LjVWMTJoM3Y3LjVIMjB2LTguNjJsLjk5LjkyIDEuMDItMS4xTDExIC40OHptMCAyLjA0bDcuNSA2Ljk3MlYxOEgxNHYtNy41SDhWMThIMy41VjkuNDkyTDExIDIuNTJ6IiBmaWxsPSIjOUY5RjlGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');background-size: 100% 100%;}
.bread a{position: relative;display: inline-block;vertical-align: top;margin: 0 4px;color: #999;transition: 0.3s;}
.bread a:nth-of-type(1){margin-left: 0;}
.bread a.on,.bread a:hover{color: #1762B3;}
/*分页*/
.page{padding-top: 40px;font-size: 0;text-align: center;}
.page > *{display: inline-block;box-sizing: border-box;padding: 0 1.1em;margin: 0 5px;height: 40px;background-color: #fff;border: 1px solid #e6e6e6;font-size: 14px;line-height: 40px;color: #333;transition: 0.3s;}
.page input{width: 60px;text-align: center;}
.page .no-border{padding: 0 .5em;border-color: transparent;}
.page > a.on,.page > a:hover{background-color: #1762B3;border-color: #1762B3;color: #fff;}

/*内页banner*/
.inpage-banner{height: 450px;margin-top: 110px;background-position: center;background-size: cover;background-repeat: no-repeat;}
.inpage-banner .title{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-60%);text-align: center;color: #1762B3;text-shadow: 2px 2px 4px rgba(0,0,0,.1);}
.inpage-banner .title .cn{font-size: 30px;line-height: 1;}
.inpage-banner .title .en{margin-top: 15px;font-size: 22px;line-height: 1;font-weight: normal;text-transform: uppercase;}

/*内页头部栏*/
.inpage-top-wrap{position: relative;box-shadow: 0 4px 10px rgba(0,0,0,.1);}
.inpage-top-wrap .top-nav{display: flex;justify-content: center;}
.inpage-top-wrap .top-nav li{flex: 0 1 35%;}
.inpage-top-wrap .top-nav li a{display: block;font-size: 18px;line-height: 80px;text-align: center;transition: 0.3s;}
.inpage-top-wrap .top-nav li:hover a{background-color: #ddd;}
.inpage-top-wrap .top-nav li.on a{background-color: #1762B3;color: #fff;}

/*内页标题*/
.inpage-title{margin-bottom: 30px;text-align: center;}
.inpage-title .name{position: relative;display: inline-block;vertical-align: top;padding-bottom: 16px;font-size: 20px;line-height: 1;font-weight: bold;color: #1762B3;}
.inpage-title .name:after{content: '';position: absolute;left: 50%;bottom: 0;width: 30px;height: 4px;background-color: currentColor;transform: translateX(-50%);}
.inpage-title.left{text-align: left;}
.inpage-title.left .name:after{left: 0;transform: translateX(0);}

/*关于我们页*/
.about-page{}
.about-page .part1{padding: 70px 0 100px;background: #F6F6F6 url(../images/about_page_bg1.jpg) center no-repeat;background-size: cover;}
.about-page .part2{padding: 100px 0;background-color: #fff;}
.about-page .part2 .company-profile{z-index: 1;position: absolute;left: 0;top: 0;max-width: 45%;max-height: 300px;box-sizing: border-box;padding-right: 10px;overflow-y: auto;}
.about-page .part3{padding: 90px 0 100px;background: #f5fafd url(../images/about_page_bg2.jpg) center no-repeat;background-size: cover;}
/*数据展示区*/
.data-show-wrap{display: flex;justify-content: space-around;margin-top: 60px;}
.data-show-wrap .item{padding: 0 20px;}
.data-show-wrap .item .num{height: 40px;color: #1762B3;}
.data-show-wrap .item .num span{display: inline-block;vertical-align: top;font-size: 50px;line-height: 40px;letter-spacing: -2px;}
.data-show-wrap .item .num sup{display: inline-block;font-size: 30px;margin-left: -.2em;transform: translateY(-.5em);}
.data-show-wrap .item .num em{display: inline-block;vertical-align: bottom;margin-left: -.2em;font-size: 14px;}
.data-show-wrap .item .txt{margin-top: 10px;line-height: 20px;color: #666;}
/*公司简介*/
.company-profile{margin-top: 40px;font-size: 16px;line-height: 2;}
.company-profile p{margin: 15px 0;}
/*图片展示区*/
.pic-show-box{position: relative;}
.pic-show-box .big-pic-swiper{margin-left: 50%;overflow: hidden;}
.pic-show-box .big-pic-swiper .swiper-slide a{display: block;}
.pic-show-box .big-pic-swiper .swiper-slide .pic{overflow: hidden;}
.pic-show-box .big-pic-swiper .swiper-slide .pic em{display: block;padding-top: 62%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: 0.8s;}
.pic-show-box .big-pic-swiper .swiper-slide .tit{position: absolute;left: 0;right: 0;bottom: 0;padding: 3em 1em 1.5em 1em;background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8));font-size: 16px;line-height: 20px;text-align: center;font-weight: bold;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.pic-show-box .small-pic-swiper{padding-top: 15px;margin-top: 30px;overflow: hidden;}
.pic-show-box .small-pic-swiper .swiper-slide{cursor: pointer;}
.pic-show-box .small-pic-swiper .swiper-slide .pic{position: relative;padding-bottom: 15px;overflow: hidden;transition: 0.5s;}
.pic-show-box .small-pic-swiper .swiper-slide .pic:before{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background-image: linear-gradient(90deg,#0397DF,#1762B3);transform: scaleX(0);transform-origin: left;transition: 0.5s;}
.pic-show-box .small-pic-swiper .swiper-slide .pic:after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(255,255,255,.3);opacity: 1;transition: 0.5s;}
.pic-show-box .small-pic-swiper .swiper-slide .pic em{display: block;padding-top: 62%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: 0.8s;}
.pic-show-box .small-pic-swiper .swiper-slide.on .pic{transform: translateY(-15px);}
.pic-show-box .small-pic-swiper .swiper-slide.on .pic:before{transform: scaleX(1);}
.pic-show-box .small-pic-swiper .swiper-slide.on .pic:after{opacity: 0;}
.pic-show-box > .swiper-pagination{z-index: 1;left: 70px;bottom: 200px;width: auto;font-size: 18px;color: #666;}
.pic-show-box > .swiper-pagination .swiper-pagination-current{font-size: 30px;font-weight: bold;color: #1762B3;}
.pic-show-box > .btn{z-index: 1;position: absolute;bottom: 200px;width: 36px;height: 36px;border: 1px solid currentColor;border-radius: 50%;color: #1762B3;cursor: pointer;transition: 0.3s;}
.pic-show-box > .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 25%;height: 25%;border-top: 1px solid currentColor;}
.pic-show-box > .prev-btn{left: 0;}
.pic-show-box > .prev-btn:after{border-left: 1px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.pic-show-box > .next-btn{left: 140px;}
.pic-show-box > .next-btn:after{border-right: 1px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.pic-show-box > .btn:hover{background-color: #1762B3;border-color: #1762B3;color: #fff;}
/*资质荣誉选项卡*/
.honor-tab-box{margin-top: 50px;}
.honor-tab-box .tabs{font-size: 0;text-align: center;}
.honor-tab-box .tabs .item{display: inline-block;vertical-align: top;padding: 0 2em;margin: 0 15px;border: 1px solid #1762B3;border-radius: 4px;font-size: 16px;line-height: 38px;color: #1762B3;cursor: pointer;transition: 0.3s;}
.honor-tab-box .tabs .item.on{background-color: #1762B3;color: #fff;}
.honor-tab-box .tab-content{margin-top: 70px;overflow: hidden;}
/*荣誉图片轮播*/
.honor-pic-swiper{position: relative;padding-bottom: 110px;overflow: hidden;}
.honor-pic-swiper .swiper-slide{box-sizing: border-box;border: 25px solid #fff;}
.honor-pic-swiper .swiper-slide .pic{position: relative;padding-top: 68%;background-color: #fff;overflow: hidden;}
.honor-pic-swiper .swiper-slide .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;cursor: zoom-in;transition: 0.5s;}
.honor-pic-swiper .swiper-slide:hover .pic img{transform: scale(1.05);}
.honor-pic-swiper .btn{z-index: 1;position: absolute;bottom: 0;width: 36px;height: 36px;border: 1px solid currentColor;border-radius: 50%;color: #1762B3;cursor: pointer;transition: 0.3s;}
.honor-pic-swiper .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 25%;height: 25%;border-top: 1px solid currentColor;}
.honor-pic-swiper .prev-btn{left: calc(50% - 50px);}
.honor-pic-swiper .prev-btn:after{border-left: 1px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.honor-pic-swiper .next-btn{right: calc(50% - 50px);}
.honor-pic-swiper .next-btn:after{border-right: 1px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.honor-pic-swiper .btn:hover{background-color: #1762B3;border-color: #1762B3;color: #fff;}

/*产品列表*/
.product-list{}
.product-list li{float: left;width: 32%;margin: 0 0 2% 2%;}
.product-list li:nth-child(3n+1){margin-left: 0;}
.product-list li a{position: relative;display: block;overflow: hidden;transition: 0.5s;}
.product-list li .pic{padding: 40px;background-color: #e0f2ff;overflow: hidden;}
.product-list li .pic em{display: block;padding-top: 80%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: 0.8s;}
.product-list li .name{padding: 0 1em;background-color: #fff;font-size: 18px;line-height: 76px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.5s;}
.product-list li .hidden-info{position: absolute;left: 0;right: 0;bottom: 0;padding: 25px 35px;background-color: #fff;text-align: center;line-height: 20px;transform: translateY(100%);transition: 0.5s;}
.product-list li .hidden-info .tit{font-size: 18px;color: #1762B3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-list li .hidden-info .txt{margin-top: 10px;font-size: 16px;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-list li .hidden-info .more{display: inline-block;vertical-align: top;margin-top: 20px;color: #4496F1;}
.product-list li a:hover{box-shadow: 0 10px 20px rgba(0,0,0,.2);}
.product-list li a:hover .hidden-info{transform: translateY(0);}

/*解决方案页*/
.solution-page{background: url(../images/solution_page_bg.jpg) center no-repeat;background-size: cover;}
.solution-details{}
.solution-details .brief{width: 70%;margin: 0 auto;font-size: 16px;line-height: 2;text-align: center;}
.solution-details .pic{margin-top: 40px;overflow: hidden;}
.solution-details .pic em{display: block;padding-top: 42%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: 0.8s;}

/*工程案例列表*/
.engineering-case-list{}
.engineering-case-list li{margin-top: 40px;}
.engineering-case-list li:first-child{margin-top: 0;}
.engineering-case-list li a{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 35px;background-color: #fff;transform: scale(0.96);transition: 0.8s;}
.engineering-case-list li:nth-child(2n+1) a{flex-direction: row-reverse;}
.engineering-case-list li .pic{width: 54%;overflow: hidden;}
.engineering-case-list li .pic em{display: block;padding-top: 58.6%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: 0.8s;}
.engineering-case-list li .info{width: 42.5%;}
.engineering-case-list li .info .tit{position: relative;padding-bottom: 20px;margin-bottom: 30px;font-size: 18px;line-height: 20px;font-weight: bold;transition: 0.3s;}
.engineering-case-list li .info .tit:before{content: '';position: absolute;left: 0;bottom: 0;width: 30px;height: 3px;background-color: #7D7D7D;}
.engineering-case-list li .info .txt{font-size: 16px;line-height: 20px;}
.engineering-case-list li .info .txt p{margin: 20px 0;}
.engineering-case-list li a:hover{transform: scale(1);box-shadow: 0 10px 20px rgba(0,0,0,.2);}
.engineering-case-list li a:hover .info .tit{color: #1762B3;}

/*新闻列表-带图*/
.news-pic-list{}
.news-pic-list li{margin-top: 30px;}
.news-pic-list li:first-child{margin-top: 0;}
.news-pic-list li a{display: flex;justify-content: space-between;align-items: center;padding: 25px 30px;background-color: #fff;transition: 0.8s;}
.news-pic-list li .pic{flex: 0 0 300px;margin-right: 30px;overflow: hidden;}
.news-pic-list li .pic em{display: block;padding-top: 60%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: 0.8s;}
.news-pic-list li .info{width: 100%;overflow: hidden;}
.news-pic-list li .info .tit{position: relative;padding-bottom: 25px;border-bottom: 1px solid #E5E5E5;font-size: 18px;line-height: 20px;transition: 0.3s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-pic-list li .info .tit:after{content: '';position: absolute;left: 0;right: 0;bottom: -1px;height: 1px;background-color: #1762B3;transform: scaleX(0);transform-origin: left;transition: 1s;}
.news-pic-list li .info .txt{height: 60px;margin-top: 20px;font-size: 16px;line-height: 30px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-pic-list li .date{padding: 0 50px;margin-left: 75px;border-left: 1px solid #E5E5E5;line-height: 1;white-space: nowrap;}
.news-pic-list li .date .big{font-size: 26px;font-weight: bold;transition: 0.3s;}
.news-pic-list li .date .small{margin-top: 10px;font-size: 14px;color: #999;}
.news-pic-list li .date .arrow{position: relative;width: 20px;height: 20px;margin-top: 15px;color: #999;transition: 0.3s;}
.news-pic-list li .date .arrow:before{content: "";position: absolute;left: 0;right: 0;top: 50%;height: 1px;background-color: currentColor;transform: translateY(-50%);}
.news-pic-list li .date .arrow:after{content: "";position: absolute;left: 50%;top: 50%;width: 40%;height: 40%;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(0,-50%) rotate(45deg);}
.news-pic-list li a:hover{box-shadow: 0 10px 20px rgba(0,0,0,.2);}
.news-pic-list li a:hover .pic em{transform: scale(1.05);}
.news-pic-list li a:hover .info .tit{color: #1762B3;}
.news-pic-list li a:hover .info .tit:after{transform: scaleX(1);}
.news-pic-list li a:hover .date .big{color: #1762B3;}
.news-pic-list li a:hover .date .arrow{color: #1762B3;}

/*新闻页*/
.news-page{background-color: #fff;}
.news-page .w1500{display: flex;justify-content: space-between;}
.news-page .w1500 > .con-l{width: 100%;}
.news-page .w1500 > .con-r{flex: 0 0 350px;margin-left: 50px;}
.news-page .section-title{position: relative;padding: 0 1.5em;margin-bottom: 20px;background-color: #1762B3;font-size: 20px;line-height: 66px;color: #fff;}
.news-page .section-title .arrow{position: absolute;right: 1.5em;top: 50%;width: 20px;height: 20px;transform: translateY(-50%);}
.news-page .section-title .arrow:after{content: "";position: absolute;left: 50%;top: 50%;width: 50%;height: 50%;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
/*新闻详情*/
.news-details-box{}
.news-details-box .title{margin-bottom: 50px;font-size: 22px;line-height: 30px;text-align: center;font-weight: bold;color: #1762B3;}
.news-details-box .record{position: relative;padding: 20px 0;border-top: 1px solid #E4E4E4;border-bottom: 1px solid #E4E4E4;font-size: 16px;line-height: 20px;color: #666;}
.news-details-box .record span{display: inline-block;vertical-align: top;margin-left: 30px;}
.news-details-box .record span:first-child{margin-left: 0;}
.news-details-box .record span .icon{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: -.2em 10px 0 0;}
.news-details-box .record .share-wrap{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.news-details-box .record .share-wrap .pre{font-size: 16px;line-height: 40px;color: #666;}
.news-details-box .record .share-wrap .item{box-sizing: border-box;width: 40px;height: 40px;border: 1px solid #ddd;transition: 0.3s;}
.news-details-box .record .share-wrap .item .icon{width: 60%;height: 60%;}
.news-details-box .record .share-wrap .item:hover{transform: translateY(-5px);}
.news-details-box .content{padding: 40px 0;font-size: 16px;line-height: 2;text-align: justify;}
.news-details-box .content p{margin-bottom: 20px;}
.news-details-box .content em{font-style: italic;}
.news-details-box .other-links{padding-top: 20px;border-top: 1px solid #E5E5E5;}
.news-details-box .other-links .item{margin: 15px 0;font-size: 16px;line-height: 30px;}
.news-details-box .other-links .item span{float: left;}
.news-details-box .other-links .item a{display: block;padding-left: 4em;}
.news-details-box .other-links .item a:hover{text-decoration: underline;color: #1762B3;}
/*相关新闻列表*/
.related-news-list{}
.related-news-list li{margin-top: 25px;}
.related-news-list li:first-child{margin-top: 0;}
.related-news-list li a{display: block;padding: 20px 30px;box-shadow: 0 0 10px rgba(0,0,0,.1);transition: 0.8s;}
.related-news-list li .tit{max-height: 60px;font-size: 18px;line-height: 30px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: 0.3s;}
.related-news-list li .date{position: relative;padding-top: 15px;margin-top: 15px;border-top: 1px solid #F3F3F3;line-height: 20px;color: #666;}
.related-news-list li .date .arrow{position: absolute;right: 0;bottom: 0;width: 20px;height: 20px;color: #999;transition: 0.3s;}
.related-news-list li .date .arrow:before{content: "";position: absolute;left: 0;right: 0;top: 50%;height: 1px;background-color: currentColor;transform: translateY(-50%);}
.related-news-list li .date .arrow:after{content: "";position: absolute;left: 50%;top: 50%;width: 40%;height: 40%;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(0,-50%) rotate(45deg);}
.related-news-list li a:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);}
.related-news-list li a:hover .tit{color: #1762B3;}
.related-news-list li a:hover .date .arrow{color: #1762B3;}

/*招聘列表*/
.job-list{}
.job-list li{margin-top: 20px;background-color: #fff;}
.job-list li:first-child{margin-top: 0;}
.job-list li .title{display: flex;justify-content: space-between;align-items: center;padding: 30px 60px 30px 35px;}
.job-list li .title span{font-size: 16px;line-height: 20px;}
.job-list li .title span:first-child{margin-right: 40px;}
.job-list li .title .more-btn{position: relative;flex: 0 0 36px;height: 36px;background-color: #fff;box-sizing: border-box;border: 1px solid #DEDEDE;border-radius: 50%;color: #DEDEDE;cursor: pointer;transition: 0.3s;}
.job-list li .title .more-btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 25%;height: 25%;border-right: 1px solid currentColor;border-bottom: 1px solid currentColor;transform: translate(-50%,-70%) rotate(45deg);}
.job-list li .title .more-btn:hover{border-color: #1762B3;color: #1762B3;}
.job-list li.open .title{background-color: #1762B3;color: #fff;}
.job-list li.open .title .more-btn{border-color: #fff;color: #1762B3;transform: rotate(180deg);}
.job-list li .info{display: none;padding: 35px;}
.job-list li .info .tit{margin-bottom: 15px;font-size: 16px;font-weight: bold;}
.job-list li .info .txt{margin-bottom: 30px;line-height: 20px;color: #666;}
.job-list li .info .txt p{margin: 10px 0;}
.job-list li .info .txt p i{color: #eb1818;}

/*联系信息栏*/
.contact-info-wrap{display: flex;justify-content: space-between;margin-bottom: 60px;border: 1px solid #E8E8E8;}
.contact-info-wrap .item{flex: 1;padding: 35px;border-left: 1px solid #E8E8E8;text-align: center;transition: 0.5s;}
.contact-info-wrap .item:first-child{border-left: none;}
.contact-info-wrap .item .icon{width: 32px;height: 32px;}
.contact-info-wrap .item .info{margin-top: 25px;}
.contact-info-wrap .item .info .tit{font-size: 18px;line-height: 20px;}
.contact-info-wrap .item .info .txt{margin-top: 15px;line-height: 20px;}
.contact-info-wrap .item:hover{background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.2);}
/*电子地图*/
.e-map{position: relative;padding-top: 43.64%;}
.e-map iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

/*在线留言页*/
.message-page{background: url(../images/message_page_bg.jpg) center no-repeat;background-size: cover;}
/*客户登记表单*/
.online-message-form{width: 60%;max-width: 900px;box-sizing: border-box;padding: 50px 120px;margin: 0 auto;background-color: rgba(255,255,255,.5);box-shadow: 0 0 10px rgba(0,0,0,.1);}
.online-message-form *{box-sizing: border-box;}
.online-message-form .row{padding: 10px;margin-top: 20px;background-color: rgba(255,255,255,.6);border: 1px solid #eee;border-radius: 4px;overflow: hidden;}
.online-message-form .row .name{position: relative;float: left;box-sizing: border-box;width: 8em;padding-left: 3em;line-height: 30px;}
.online-message-form .row .name:before{content: '';position: absolute;left: 32px;top: 50%;width: 1px;height: 12px;margin-top: -6px;background-color: #ddd;}
.online-message-form .row .name .icon{position: absolute;left: 8px;top: 50%;width: 16px;height: 16px;margin-top: -8px;}
.online-message-form .row .info-content{margin-left: 8em;}
.online-message-form input[type='text']{vertical-align: top;width: 100%;height: 30px;padding: 0 5px;background-color: #fff;}
.online-message-form textarea{vertical-align: top;width: 100%;height: 100px;padding: 5px;background-color: #fff;resize: none;}
.online-message-form .yzm-area{position: relative;padding-right: 100px;}
.online-message-form .yzm-area .btn{position: absolute;right: 0;top: 0;width: 100px;height: 100%;background-color: #ddd;border-radius: 4px;text-align: center;line-height: 36px;}
.online-message-form .yzm-area .btn img{width: 100%;height: 100%;}
.online-message-form .btns-area{margin-top: 45px;}
.online-message-form .btns-area .btn{padding: 0 2.5em;margin: 0 8px;border: 1px solid #0361A2;font-size: 16px;line-height: 35px;color: #0361A2;}
.online-message-form .btns-area .btn[type='submit']{background-color: #0361A2;color: #fff;}


/*中屏PC:<=1440px(针对1366*650)*/
@media screen and (max-width: 1440px){
	.inpage-banner{height: 240px;}
}

/*小屏PC:>=1025px && <=1280px*/
@media screen and (max-width: 1280px){
	
}

/*pad横屏:1024px*/
@media screen and (max-width: 1024px){
	
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/******内页******/
	.inpage-container{min-height: 300px;padding: 20px 0 30px;}
	/*面包屑*/
	.bread{padding: 0 20px 0 25px;font-size: 14px;}
	.bread .icon{top: 2px;width: 16px;height: 16px;}
	/*分页*/
	.page{padding-top: 20px;}
	.page > *{padding: 0 .8em;margin: 0 3px;height: 30px;font-size: 12px;line-height: 28px;}
	
	/*内页banner*/
	.inpage-banner{height: 120px;padding-top: 60px;margin-top: 0;}
	.inpage-banner .title{transform: translateY(-50%);}
	.inpage-banner .title .cn{font-size: 20px;}
	.inpage-banner .title .en{margin-top: 6px;font-size: 14px;}
	
	/*内页头部栏*/
	.inpage-top-wrap{display: none;}
	
	/*内页标题*/
	.inpage-title{margin-bottom: 20px;}
	.inpage-title .name{padding-bottom: 12px;font-size: 18px;}
	.inpage-title .name:after{height: 2px;}
	
	/*关于我们页*/
	.about-page .part1{padding: 30px 0;}
	.about-page .part2{padding: 10px 0 30px;}
	.about-page .part2 .company-profile{position: static;max-width: none;max-height: 300px;}
	.about-page .part3{padding: 30px 0;}
	/*数据展示区*/
	.data-show-wrap{display: none;flex-wrap: wrap;margin-top: 20px;text-align: center;}
	.data-show-wrap .item{width: 50%;box-sizing: border-box;padding: 0 10px;margin: 5px 0;}
	.data-show-wrap .item .num{height: 30px;}
	.data-show-wrap .item .num span{font-size: 36px;line-height: 30px;}
	.data-show-wrap .item .num sup{font-size: 24px;}
	.data-show-wrap .item .num em{font-size: 13px;}
	.data-show-wrap .item .txt{margin-top: 5px;font-size: 13px;}
	/*公司简介*/
	.company-profile{margin-top: 20px;font-size: 14px;}
	.company-profile p{margin: 10px 0;}
	/*图片展示区*/
	.pic-show-box .big-pic-swiper{margin-left: 0;}
	.pic-show-box .big-pic-swiper .swiper-slide .tit{padding: 2em 1em 1em 1em;}
	.pic-show-box .small-pic-swiper{padding-top: 10px;margin-top: 20px;}
	.pic-show-box .small-pic-swiper .swiper-slide .pic{padding-bottom: 10px;}
	.pic-show-box .small-pic-swiper .swiper-slide.on .pic{transform: translateY(-10px);}
	.pic-show-box > .swiper-pagination{display: none;}
	.pic-show-box > .btn{display: none;}
	/*资质荣誉选项卡*/
	.honor-tab-box{margin-top: 20px;}
	.honor-tab-box .tabs .item{padding: 0 1.5em;margin: 0 10px;font-size: 14px;line-height: 30px;}
	.honor-tab-box .tab-content{margin-top: 25px;}
	/*荣誉图片轮播*/
	.honor-pic-swiper{padding-bottom: 0;}
	.honor-pic-swiper .swiper-slide{border: 15px solid #fff;}
	.honor-pic-swiper .btn{display: none;}
	
	/*产品列表*/
	.product-list li{width: 48%;margin: 0 0 4% 4%;}
	.product-list li:nth-child(3n+1){margin-left: 4%;}
	.product-list li:nth-child(2n+1){margin-left: 0;}
	.product-list li .pic{padding: 20px;}
	.product-list li .name{padding: 0 .5em;font-size: 14px;line-height: 50px;}
	.product-list li .hidden-info{display: none;}
	
	/*解决方案页*/
	.solution-details .brief{width: 100%;font-size: 14px;}
	.solution-details .pic{margin-top: 20px;}
	
	/*工程案例列表*/
	.engineering-case-list li{margin-top: 20px;}
	.engineering-case-list li a{padding: 20px;transform: scale(1);}
	.engineering-case-list li .pic{width: 100%;}
	.engineering-case-list li .info{width: 100%;margin-top: 20px;}
	.engineering-case-list li .info .tit{padding-bottom: 15px;margin-bottom: 15px;font-size: 16px;}
	.engineering-case-list li .info .txt{font-size: 14px;line-height: 1.6;}
	.engineering-case-list li .info .txt p{margin: 10px 0;}
	
	/*新闻列表-带图*/
	.news-pic-list li{margin-top: 20px;}
	.news-pic-list li a{flex-wrap: wrap;padding: 15px;}
	.news-pic-list li .pic{flex: 0 0 100%;margin-right: 0;}
	.news-pic-list li .info .tit{padding-bottom: 15px;margin-top: 15px;font-size: 16px;}
	.news-pic-list li .info .txt{height: 50px;margin-top: 10px;font-size: 14px;line-height: 25px;}
	.news-pic-list li .date{padding: 0;margin-left: 0;margin-top: 10px;border-left: 0;}
	.news-pic-list li .date .big{font-size: 20px;}
	.news-pic-list li .date .small{margin-top: 5px;font-size: 14px;}
	.news-pic-list li .date .arrow{display: none;}
	
	/*新闻页*/
	.news-page .w1500{flex-wrap: wrap;}
	.news-page .w1500 > .con-r{flex: 1 1 100%;margin-left: 0;margin-top: 20px;}
	.news-page .section-title{padding: 0 1em;font-size: 18px;line-height: 50px;}
	.news-page .section-title .arrow{right: 1em;}
	/*新闻详情*/
	.news-details-box{padding: 0;}
	.news-details-box .title{margin-bottom: 15px;font-size: 16px;line-height: 1.6;}
	.news-details-box .record{padding: 10px 0;text-align: center;}
	.news-details-box .record span{margin: 0 5px;font-size: 12px;}
	.news-details-box .record .share-wrap{display: none;}
	.news-details-box .content{padding: 15px 0;font-size: 14px;line-height: 2;}
	.news-details-box .content p{margin-bottom: 10px;}
	.news-details-box .other-links{padding-top: 10px;border-top: 1px solid #E5E5E5;}
	.news-details-box .other-links .item{margin: 10px 0;font-size: 14px;line-height: 20px;}
	/*相关新闻列表*/
	.related-news-list li{margin-top: 15px;}
	.related-news-list li a{padding: 15px;}
	.related-news-list li .tit{max-height: 50px;font-size: 16px;line-height: 25px;}
	.related-news-list li .date{padding-top: 10px;margin-top: 10px;}
	.related-news-list li .date .arrow{bottom: 3px;width: 14px;height: 14px;}
	
	/*招聘列表*/
	.job-list li{margin-top: 15px;}
	.job-list li .title{padding: 15px;}
	.job-list li .title span{font-size: 14px;}
	.job-list li .title span:first-child{margin-right: 20px;}
	.job-list li .title .more-btn{flex: 0 0 24px;height: 24px;}
	.job-list li .info{padding: 15px;}
	.job-list li .info .tit{margin-bottom: 10px;font-size: 14px;}
	.job-list li .info .txt{margin-bottom: 20px;}
	
	/*联系信息栏*/
	.contact-info-wrap{display: block;margin-bottom: 30px;}
	.contact-info-wrap .item{display: flex;align-items: center;border: 0;border-top: 1px solid #E8E8E8;padding: 15px;text-align: left;}
	.contact-info-wrap .item:first-child{border-top: 0;}
	.contact-info-wrap .item .icon{margin-right: 20px;}
	.contact-info-wrap .item .info{margin-top: 0;}
	.contact-info-wrap .item .info .tit{font-size: 15px;}
	.contact-info-wrap .item .info .txt{margin-top: 5px;font-size: 13px;}
	/*电子地图*/
	.e-map{padding-top: 100%;}
	
	/*客户登记表单*/
	.online-message-form{width: 100%;padding: 10px 0;box-shadow: none;}
	.online-message-form .row{padding: 5px;margin-top: 15px;}
	.online-message-form .row .name{position: relative;float: left;box-sizing: border-box;width: 8em;padding-left: 3em;line-height: 30px;}
	.online-message-form .row .name:before{content: '';position: absolute;left: 32px;top: 50%;width: 1px;height: 12px;margin-top: -6px;background-color: #ddd;}
	.online-message-form .row .name .icon{position: absolute;left: 8px;top: 50%;width: 16px;height: 16px;margin-top: -8px;}
	.online-message-form .row .info-content{margin-left: 8em;}
	.online-message-form input[type='text']{vertical-align: top;width: 100%;height: 30px;padding: 0 5px;background-color: #fff;}
	.online-message-form textarea{vertical-align: top;width: 100%;height: 100px;padding: 5px;background-color: #fff;resize: none;}
	.online-message-form .yzm-area{position: relative;padding-right: 100px;}
	.online-message-form .yzm-area .btn{position: absolute;right: 0;top: 0;width: 100px;height: 100%;background-color: #ddd;border-radius: 4px;text-align: center;line-height: 36px;}
	.online-message-form .yzm-area .btn img{width: 100%;height: 100%;}
	.online-message-form .btns-area{margin-top: 45px;}
	.online-message-form .btns-area .btn{padding: 0 2.5em;margin: 0 8px;border: 1px solid #0361A2;font-size: 16px;line-height: 35px;color: #0361A2;}
	.online-message-form .btns-area .btn[type='submit']{background-color: #0361A2;color: #fff;}
}