@charset "UTF-8";
.text { color: #999; font-size: 12px; line-height: 28px; font-family: "宋体"; }

.app-top { width: 100%; padding: 80px 0px; text-align: center; }
.app-top .app-title1 { color: #333; margin-bottom: 20px; }

.app-img-title { width: 100%; }
.app-img-title img { width: auto; max-width: 100%; }

.app-title1 { font-size: 48px; line-height: 80px; letter-spacing: 2px; }

.app-title2 { color: #333; font-size: 22px; margin-top: 100px; line-height: 30px; position: relative; margin-bottom: 40px; padding-bottom: 20px; }
.app-title2 h1{color: #333; font-size: 22px;line-height: 30px;font-weight:normal;}
.app-title2:after { width: 42px; height: 3px; content: ""; display: block; background: #999; position: absolute; left: 0px; bottom: 0px; }

.app-subtitle1 { color: #666; width: 100%; font-size: 18px; line-height: 28px; }

.app-box { overflow: hidden; margin-left: 90px; width: calc( 100% - 90px ); background-size: cover; background-position: center; background-repeat: no-repeat; }

.app-box1 { height: 740px; -webkit-align-items: center; display: -webkit-flex; align-items: center; display: flex; }

.app-text { color: #fff; width: 1000px; margin: 0px auto; text-align: center; }
.app-text p { font-size: 18px; margin-top: 20px; line-height: 20px; }

.app-text1 { padding: 10% 8%; }

.app-text2 { width: 50%; float: right; padding: 8% 4%; }
.app-text2 h4 { margin-top: 40px; margin-bottom: 60px; }

.app-list1 { width: 1080px; margin: 0px auto; margin-top: 80px; text-align: center; justify-content: center; display: flex; }
.app-list1 li { width: auto; float: left; display: inline-block; padding: 0px 40px; position: relative; }
.app-list1 u { width: 100px; display: block; margin: 0px auto; }
.app-list1 u img { width: 100%; display: block; }
.app-list1 h4 { color: #fff; font-size: 16px; line-height: 20px; margin: 20px 0px; }
.app-list1 p { line-height: 20px; }
.app-list1 .textH { width: 180px; margin: 0px auto; }
.app-list1 .app-icon-box { width: 100px; position: absolute; left: 220px; }
.app-list1 .app-icon-box img { width: 100%; display: block; }

.app-list2 { width: 100%; background: #3e3e3e; }
.app-list2 li { width: 25%; float: left; overflow: hidden; position: relative; }
.app-list2 li img { width: 100%; display: block; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.app-list2 li .txt { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; background-image: url(../images/app-proc-bg.png); background-position: center; background-size: cover; }
.app-list2 li .txt h4 { color: #fff; width: 100%; font-size: 24px; margin-top: 60%; line-height: 34px; text-align: center; margin-bottom: 6px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.app-list2 li .txt h5 { color: #999; width: 100%; font-size: 14px; line-height: 20px; text-align: center; font-family: Arial; text-transform: uppercase; }
.app-list2 li:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.app-list2 li:hover .txt h4 { margin-top: 50%; }

.app-list3 { width: 100%; background: #3e3e3e; }
.app-list3 li { float: left; width: 33.33%; overflow: hidden; position: relative; }
.app-list3 li img { width: 100%; display: block; position: relative; z-index: 1; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.app-list3 li .txt2 { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; background: rgba(0, 0, 0, 0.7); filter: alpha(opacity=70); }
.app-list3 li .txt2-info { width: 100%; padding: 0px 10%; position: absolute; top: 50%; left: 0px; z-index: 3; margin-top: -36px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.app-list3 li .txt2-info h4 { color: #fff; font-size: 28px; line-height: 38px; text-align: center; margin-bottom: 6px; }
.app-list3 li .txt2-info h5 { color: #999; font-size: 18px; line-height: 28px; font-family: "Arial"; text-align: center; text-transform: uppercase; }
.app-list3 li .txt2-info p { opacity: 0; filter: alpha(opacity=0); width: 100%; color: #fff; height: 0px; font-size: 12px; line-height: 28px; font-family: "宋体"; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.app-list3 li:hover img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.app-list3 li:hover .txt2-info { margin-top: -82px; }
.app-list3 li:hover .txt2-info p { opacity: 1; filter: alpha(opacity=100); height: auto; margin-top: 10px; }

@media screen and (max-width: 1440px) { .app-top { padding: 50px 0px; }
  .app-top .app-title1 { margin-bottom: 10px; }
  .app-img-title { width: 94%; }
  .app-title1 { font-size: 32px; line-height: 50px; }
  .app-title2 { margin-top: 60px; }
  .app-subtitle1 { font-size: 16px; line-height: 26px; }
  .app-box1 { height: 640px; }
  .app-text p { font-size: 16px; margin-top: 10px; }
  .app-list2 li .txt h4 { margin-top: 55%; font-size: 20px; margin-bottom: 0px; }
  .app-list2 li:hover .txt h4 { margin-top: 45%; }
  .app-list3 li .txt2-info { padding: 0px 8%; margin-top: -30px; }
  .app-list3 li .txt2-info h4 { font-size: 24px; line-height: 34px; margin-bottom: 0px; }
  .app-list3 li .txt2-info h5 { font-size: 14px; line-height: 26px; }
  .app-list3 li .txt2-info p { line-height: 22px; } }

/*# sourceMappingURL=add.css.map */