/* 7-1 */
.middle .title { text-align: center; margin-top: 50px; margin-bottom: 30px; }
.middle .title h2 { font-size: 28px; color: #00a1e4; }
.middle .title span { font-size: 18px; color: #666666; }
.section-content { margin: 40px 0 0 }
.product-scene-tab { font-size: 0; text-align: center; width: 1100px; margin: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
.scene-content { width: 1100px; margin: auto; display: none; }
.scene-content.active { display: block; }
.product-scene-tab .scene-tab { display: inline-block; padding: 0 15px; text-align: center; position: relative; cursor: pointer; margin: 0 30px; }
.product-scene-tab .scene-tab.active:after { width: 100%; }
.product-scene-tab .scene-tab:after { background: #00a1e4; bottom: 0px; content: ""; height: 3px; left: 50%; position: absolute; width: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: width .25s ease; transition: width .3s ease; }
.prod-area.example .scene-tab .caption { margin-bottom: 20px; }
.product-scene-tab .scene-tab.active .caption { color: #00a1e4; }
.scene-tab .caption { font-size: 16px; margin-top: 20px; margin-bottom: 20px; color: #666; }
.uhide { display: none }
.section-content .box { width: 650px; margin: 40px auto; }
.pt40 { padding-top: 40px }
.calResult { font-size: 30px }
.plr { padding: 0 15px }
.col-md-6 { border-right: 1px solid #eee }
.section-content .col-sm-8 { line-height: 1 }
.section-content .input-group { height: 38px; }
.section-content .form-control { height: 38px; border-color: #4dbdec; background-color: #f9fdff; }
.section-content .input-group-addon { border-color: #4dbdec; background-color: #edf8ff; color: #000; }
.section-content .btn-success { height: 38px; background-color: #00a1e4; border-color: #00a1e4; font-size: 16px; }
.section-content label { font-weight: 100 }
/* 6-9 */
.contact .top { overflow: hidden; margin-bottom: 30px; }
.contact .top .left { float: left; width: 460px; }
.contact .top #map { float: right; width: 700px; height: 550px; border: #ccc solid 1px; font-size: 12px }
.contact .top .left li { margin-bottom: 24px; }
.contact .top .left h4 { font-size: 24px; color: #00a1e4; height: 54px; background-color: #edf8ff; font-weight: 100; line-height: 54px; text-indent: 30px; }
.contact .top .left h5 { font-size: 20px; color: #333; }
.contact .top .left li div { padding: 20px 30px; background-color: #f9fdff; }
.contact .top .left li div p { font-size: 18px; color: #666; margin-top: 14px }
.contact .top .left li div p img { padding-right: 4px; }
.contact .middle .tit { font-size: 24px; color: #00a1e4; height: 54px; background-color: #edf8ff; font-weight: 100; line-height: 54px; text-indent: 30px; }
.contact .middle ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background-color: #f9fdff; }
.contact .middle .section { margin-bottom: 40px; }
.contact .middle li.border:before { content: ""; display: block; width: 2px; height: 140px; background-color: #d1e6f3; position: absolute; right: -66px; top: 84px; }
.contact .middle li { position: relative; }
.contact .middle li h5 { font-size: 18px; color: #2d9ed5; font-weight: bold; width: 45%; }
.contact .middle li h5 img { vertical-align: middle; padding-right: 4px; }
.contact .middle li div { padding: 40px 70px; background-color: #f9fdff; }
.contact .middle li div p { font-size: 18px; color: #666; margin-top: 18px }
.contact .middle li div p img { padding-right: 4px; }
/* 6-8 */
.job .top .intro { width: 1200px; height: 450px; background-image: url('../images/img05.png'); background-repeat: no-repeat; background-size: 100% 100%; position: relative; }
.job h4 { font-size: 24px; color: #00a1e4; text-align: center; margin-bottom: 20px; }
.job .top span { font-size: 16px; color: #333; text-align: center; display: block; }
.job .top .intro ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.job .top .intro li { width: 355px; height: 230px; /* background-color: #edf8ff; */
padding: 0 40px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.job .top .intro li h5 { font-size: 18px; color: #666; margin-bottom: 20px; }
.job .top .intro li p { font-size: 14px; color: #666; line-height: 24px; }
.job .top { border-bottom: 1px solid #ccc; padding-bottom: 70px; }
.job .middle { padding-top: 60px; }
.job .middle .subNav { display: flex; justify-content: space-between; }
.job .middle .subNav ul { display: flex; justify-content: space-between; }
.job .middle .subNav .btn { display: block; width: 60px; height: 60px; background-color: #edf8ff; border-radius: 2px; text-align: center; line-height: 60px; cursor: pointer; }
.job .middle .subNav li { width: 164px; height: 60px; text-align: center; margin: 0 10px; line-height: 60px; font-size: 16px; color: #666; background-color: #edf8ff; border-radius: 2px; cursor: pointer; }
.job .middle .subNav li.on, .job .middle .subNav li:hover { background-color: #00a1e4; color: #fff; }
.job .middle .details { margin-top: 20px; }
.job .middle .details .detail { padding: 30px; background-color: #edf8ff; }
.job .middle .details .detail h5 { font-size: 24px; color: #00a1e4; }
.job .middle .details .detail p { font-size: 18px; color: #666; margin-top: 20px; margin-bottom: 30px; line-height: 26px; }
.job .middle .details .detail h6 { font-size: 20px; color: #333; }
.job .middle .flow { padding-top: 70px; text-align: center; padding-bottom: 60px; border-bottom: 1px solid #ccc; }
.job .middle .flow .flow-content ul { display: flex; justify-content: space-between; margin-bottom: 24px; }
.job .middle .flow .flow-content ul h6 { font-size: 18px; color: #666; margin-top: 20px; }
.job .middle .contact-way { padding-top: 70px; }
.job .middle .contact-way ul { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.job .middle .contact-way li { width: 575px; height: 218px; background-image: url('../images/img15.png'); background-size: 100% 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.job .middle .contact-way p { font-size: 24px; color: #2c9dd4; margin-left: 40px; }
.job .middle .contact-way p span { display: block; }
/* 6-4 */



/* 6-5 */
.team .subNav { margin-bottom: 50px; }
.team .subNav ul { display: flex; flex-direction: row; justify-content: space-between; }
.team .subNav li { font-size: 16px; color: #666; width: 280px; height: 58px; background-color: #ededed; text-align: center; line-height: 58px; cursor: pointer; position: relative; }
.team .subNav li.on, .team .subNav li:hover { background-color: #00a1e4; color: #fff; }
.team .subNav li.on:after, .team .subNav li:hover:after { content: ""; display: block; width: 22px; height: 9px; background-image: url('../images/img20.png'); left: 50%; transform: translateX(-50%); position: absolute; }
.team .list { position: relative }
.team .list .list-content { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.team .list .thumb { cursor: pointer; }
.team .list .thumb .img { width: 380px; height: 260px; overflow: hidden; }
.team .list .thumb .img img { width: 100%; }
.team .list .thumb .text { width: 380px; height: 150px; background-color: #edf8ff; padding: 40px 30px }
.team .list .thumb .text h4 { font-size: 24px; color: #00a1e4; margin-bottom: 14px; }
.team .list .thumb .text p { font-size: 14px; color: #666; }
.team .list .inside-content { width: 1200px; height: 180px; background-color: #999999; padding: 30px; font-size: 14px; color: #fff; margin: 10px 0 }
.team .list .inside-content p { margin-bottom: 10px; }
/* 6-6 */
.technology h4 { font-size: 28px; color: #00a1e4; margin-top: 40px }
.technology p { font-size: 14px; color: #666; margin: 30px 0; line-height: 30px }
.technology .imgBox ul { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.technology .info { display: flex; flex-direction: row; justify-content: space-between; }
.technology .info .text { width: 660px; }
/* 6-7 */
.production p { font-size: 14px; color: #666; }
.production ul li { display: flex; flex-direction: row; justify-content: space-between; margin-top: 40px }
.production ul li .text { width: 590px; }
.production ul li .text h4 { font-size: 28px; color: #00a1e4; margin-top: 40px; margin-bottom: 30px; }