﻿/*关于我们*/
.about{height: auto; margin-bottom: 80px;}
.about .pt1 {overflow:hidden;}
.about .pt1 .year{color:#006ABD; font-size:60px; font-family:Impact; letter-spacing:1px; text-transform:uppercase;}
.about .pt1 .t{font-size:31px; color:#006ABD; margin-bottom:25px;}
.about .pt1 .video_box{width:390px; margin-left:60px; margin-bottom:50px; cursor:pointer;}
.about .pt1 .video_box video{position:absolute; width:100%; height:100%; left:0; top:0;}
.about .pt1 .video_box img{z-index:1;}
.about .pt1 .video_box .play{width:70px; height:70px; position:absolute; left:50%; top:50%; margin-left:-35px; margin-top:-35px; background:url(../images/video.png)  center center no-repeat; z-index:1;}
.about .pt2{padding:30px 0; overflow:hidden;}
.about .pt2 .number_box{padding:60px 0; background:url(../images/about_databg.jpg) center center no-repeat; background-size:cover;font-size:15px; color:#fff;}
.about .pt2 .number_box .num_box,.about .pt2 .number_box .info_box{margin-left:25%;}
.about .pt2 .number_box .num_box .number{font-size:48px; color:#fff; font-family:Impact;}
.about .content {font-size:16px; line-height: 30px;}

/*关于我们-企业文化*/
.section2 {padding: 50px 0 80px;background-color: #f5f5f5;}
.section2 .inner-tit {font-size: 26px;font-weight: bold;color: #010101; text-align: center; line-height: 80px;}
.section2 .items {font-size: 0;margin: 3vw -10px 0;}
.section2 .items {margin: 15px auto 0;}
.section2 .item {width: 100%;margin: 15px 0 0;}
.section2 .item:nth-of-type(1) {margin-top: 0;}
.section2 .item .txt-block {padding: 20px;}
.section2 .item h3 {font-size: 16px;font-weight: bold;}
.section2 .item p {height: auto;}
.section2 .item {display: inline-block;vertical-align: top;width: calc(33.33% - 20px);margin: 0 10px;background-color: #fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.section2 .item .img-block {overflow: hidden;}
.section2 .item .txt-block {padding: 1.8vw 2.3vw;}
.section2 .item img {display: block;width: 100%;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;transition: transform 0.3s ease;}
.section2 .item h3 {font-size: 24px;color: #111;line-height: 1.2;}
.section2 .item p {font-size: 16px;line-height: 24px;height: 48px;overflow: hidden;margin-top: 20px;}
.section2 .item:hover {-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);box-shadow: 0 10px 30px rgb(0 0 0 / 10%);}

/*关于我们-企业纲领*/
.aboutzr{background: #fff;width: 100%;text-align: center;}
.aboutzr-list{width: 1400px;height: 550px;top: 0;left: 0;z-index: 4;user-select: none;background: url(../images/1654845875447515.jpg) no-repeat center; margin: 0 auto;}
.aboutzr-list ul{display: flex;height: 100%;}
.aboutzr-list li{width: 33.3%;height: 100%;position: relative;overflow: hidden;color: #fff;cursor: pointer; }
.aboutzr-list li::before{content: "";position: absolute;width: 1px;height: 100%;top: 0;left: 0;background: rgba(255, 255, 255, .3);}
.aboutzr-list li:first-child::before{display: none;}
.aboutzr-list li .name{position: absolute;width: 100%;transition: all .4s ease .3s;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;font-size: 18px;}
.aboutzr-list li .content{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;padding: 0 28px;}
.aboutzr-list li .title{line-height: 1.1;opacity: 0;transform: translateY(60px);transition: all .4s ease;}
.aboutzr-list li .text{opacity: 0;transform: translateY(60px);transition: all .4s ease;}

/*关于我们-产品认证*/
.section3 {background: url(../images/about-rz-bg.jpg) no-repeat center; height: 650px;}
.section3 .inner-tit {font-size: 26px;font-weight: bold;color: #fff; text-align: center; line-height: 80px;padding-top: 4.1666vw;}
.index_development_back_title {font-size: 40px;line-height: 3.8541666vw;margin-top: 4.1666vw;font-weight: bold;text-align: center;color: #ffffff;}
.index_development_back_list {margin-top: 2.6041666vw;padding-left: 80px;}
.index_development_back_item {padding: 0 1.5625vw;float: left;text-align: center;}
.index_development_back_photo {width: 250px;margin: 0 auto 0.78125vw;}
.index_development_back_text {font-size: 0.8333vw;line-height: 1.25vw;color: #ffffff;margin-top: 20px;}

/*解决方案-首页*/
.solution-box {/* background: #f3f3f3;padding-top: 240px; */padding-bottom: 60px;}
.solution-box .solution-section{padding-top:100px;}
.solution-box .solution-section .box{background: #FFFFFF;box-shadow: rgba(0,0,0,0.1) -15px 10px 40px;/*margin-left: 170px;overflow: hidden;*/}
.solution-box .solution-section .txt{float: left;position: relative;padding-left: 85px;font-size: 16px;color: #6b6b6b;width: 864px;padding-top: 200px;padding-right: 100px;}
.solution-box .solution-section .txt sup{font-family: Bebas;font-size: 66px;color: #6b6b6b;font-weight: bold;position: absolute; left: 85px; top: 65px;line-height: 1; z-index: 1;}
.solution-box .solution-section .txt h2{font-family: OPPOSans;font-size: 24px;color: #6b6b6b;font-weight: bold;padding-bottom: 50px;z-index: 1; position: relative;}
.solution-box .solution-section .txt li{padding-bottom: 25px; position: relative;z-index: 1;}
.solution-box .solution-section .txt p{position: relative; z-index: 1; text-indent: 2em;}
.solution-box .solution-section .txt em{position: absolute; left: 0; top: 0;}
.solution-box .solution-section .txt .bgimg{position: absolute;right:0;bottom: 0;}
.solution-box .solution-section .img{float: right;width: 602px; height: 583px; background-repeat:no-repeat ; background-size:cover ; background-position:center ;}
.solution-box .solution-section2{padding-top: 100px;}
.solution-box .solution-section2 .box{background: #FFFFFF;box-shadow: rgba(0,0,0,0.1) 10px 15px 40px;margin-left: 0;}
.solution-box .solution-section2 .img{float: left;}
.solution-box .solution-section2 .txt{float: right;width: 864px;padding-left: 80px;position: relative;padding-top: 200px;}
.solution-box .solution-section2 .txt sup{position: absolute;right: 80px;line-height: 1;left: auto;}
.solution-box .solution-section .txt {width: 40%;}
.solution-box .solution-section .img {width: 40%;}

/*产品列表-内页*/
.application .page3 {padding-top: 50px;overflow: hidden;}
.application .pt3 li{ margin-bottom: 2%; width: 23%; float: left;margin-right: 34px;box-shadow: 0 0 10px rgba(0,0,0, 0.1);background: #f8f7f7;border: 1px solid #e6e6e6;}
.productinfo-ul li {width: 100% !important;height: 180px;margin-bottom: 20px;overflow: hidden;padding: 15px;background: #fff;position: relative;transition: all .3s;-webkit-transition: all .3s;}
.productinfo-li-bj {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: url(../images/img02.jpg) no-repeat center;background-size: cover;opacity: 0;transition: all .3s;-webkit-transition: all .3s;}
.productinfo-lt {width: 400px;float: left;height: 100%;color: #000;border-right: 1px solid #eee;position: relative;z-index: 2;transition: all .3s;-webkit-transition: all .3s;width: 300px}
.productinfo-lt>div {position: absolute;left: 0;top: 40%;padding-left: 40px;font-size: 22px; line-height: 30px;}
.productinfo-rt {width: 73%;height: 100%;float: right;position: relative;z-index: 2;}
.productinfo-rt .pro-con {font-size: 16px;line-height: 25px;color: #666;position: absolute;left: 0;width: 90%;transform: translate(0%, -53%);top: 50%;}
.productinfo-rt .pro-tag {margin-top: 114px;}
 
.productinfo-ul li:hover .productinfo-li-bj {opacity: 1;transition: all .3s;-webkit-transition: all .3s;}
.productinfo-ul li:hover .productinfo-lt {color: #fff;border-right-color: rgba(255,255,255,.2);}
.productinfo-ul li:hover .productinfo-rt>div {color: #fff;}

.proList-list .detail_r2{width:16%; background: #fff; padding: 2%;}
.proList-list .detail_r2 .arr_box{background:#fff;padding:8%;margin-bottom:14px;color:#666;display:block;}
.proList-list .detail_r2 .arr_title{font-size:18px;color:#000;margin-bottom:10px;}
.proList-list .detail_r2 .arr_news_title{font-size:14px;font-weight:normal;}
.proList-list .detail_r2 .arr_time{font-size:14px;padding-top:6px;display:block;}
.proList-list .detail_r2 .arr_box:hover{color:#fff;background:#059AD3;}
.proList-list .detail_r2 .arr_box:hover .arr_title{color:#fff;}

.proList-list .detail_r2 .detail_r_box2 {margin-bottom: 15px;overflow: hidden;padding: 10px;background: #f8f7f7;border-radius: 5px;}
.proList-list .detail_r2 .detail_link_con {width: 100%;margin-left: 10px;}
.proList-list .detail_r2 dl {font-size: 16px;font-weight: bold;}
.proList-list .detail_r2 dd {font-size: 14px;color: #999;margin-top: 4px;display: block;}