@charset "utf-8";
/* 清除内外边距 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
  /* table elements 表格元素 */
  margin: 0;
  padding: 0;
}
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
  appearance: none;
}
input {
  background: 0;
  border: 0;
  outline: none;
}
textarea {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}
/* 设置默认字体 */
body,
button,
input,
select,
textarea {
  font: 14px/22px "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
  color: #666;
}
* h1,
* h2,
* h3,
* h4,
* h5,
* h6 {
  margin: 0px;
}
/*覆盖bootstrape对标题加的默认外边距*/
address,
cite,
dfn,
em,
i,
var {
  font-style: normal;
}
/* 斜体扶正 */
/* 重置列表元素 */
ul,
ol,
li {
  list-style: none;
}
/* 重置文本格式元素 */
a {
  text-decoration: none;
  color: #666;
  word-wrap: break-word;
}
/*英文换行*/
a:hover {
  text-decoration: none;
  color: #910800;
}
/* 重置表单元素 */
legend {
  color: #000;
}
/* for ie6 */
fieldset,
img {
  border: none;
}
/* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 使表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {
  overflow-y: scroll;
}
/*设置浮动*/
.fl {
  float: left;
}
.fr {
  float: right;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
/*字体大小*/
.clear {
  clear: both;
  height: 0;
}
.blk-main .clearlist {
  clear: both;
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  width: 100% ;
  float: none;
}
/*表单弹框*/
.nsw-modal {
  width: 100%;
  height: 100%;
  background: rgba(225, 225, 225, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
}
.modal-dialog {
  position: fixed;
  color: #000000;
  top: 150px;
  width: 400px;
  border-radius: 3px;
  min-height: 155px;
  overflow: hidden;
  z-index: 99998;
  margin-left: -200px;
  left: 50%;
}
.modal-dialog .css-icon {
  background-image: url("../images/modal-icons.png");
}
.modal-dialog .modal-head {
  height: 30px;
  line-height: 30px;
  padding: 0px 20px;
  background: #F6EFEF;
  font-size: 14px;
}
.modal-dialog .modal-head .modal-logo {
  width: 15px;
  height: 15px;
  background-position: 1px 0px;
  margin: 8px 5px 0 0;
  float: left;
}
.modal-dialog .modal-head .close {
  float: right;
  width: 15px;
  height: 15px;
  background-position: -14px 0px;
  margin-top: 8px;
}
.modal-dialog .modal-body {
  width: 100%;
  min-height: 125px;
  background: #ffffff;
}
.modal-dialog .modal-body .modal-body-left {
  width: 140px;
  float: left;
}
.modal-dialog .modal-body .modal-body-left .icon {
  width: 64px;
  height: 64px;
  margin: 30px 0 0 48px;
}
.modal-dialog .modal-body .modal-body-left .success-message {
  background-position: 0px -14px;
}
.modal-dialog .modal-body .modal-body-left .warming-message {
  background-position: 0px -78px;
}
.modal-dialog .modal-body .modal-body-right {
  width: 260px;
  float: right;
  padding-top: 20px;
}
.modal-dialog .modal-body .modal-body-right .close-btn {
  color: #000;
  text-align: center;
  width: 90px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  background: #818079;
}
.modal-dialog .modal-body .modal-body-right p {
  line-height: 30px;
}
/*COMMON_BLK_START*/
/*AVAIBLE_VI
[
{"vicolor":"#04683a","sub1color":"#1a1a1a"},
{"vicolor":"#00B32D","sub1color":"#59B370"},
{"vicolor":"#FC3BFF","sub1color":"#FF9875"},
{"vicolor":"#914E00","sub1color":"#B8824D"}
]
AVAIBLE_VI*/
.ovh {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body {
  min-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}
.content {
  width: 83.33%;
  margin: 0 auto;
}
/*COMMON_BLK_END*/
.video dl dt img,
.product dl dt img,
.product ul li img,
.super dl dt img,
.case dl dt img,
.hz ul li img,
.news dl dt img,
.about dl dt img,
.photo_m ul li img {
  display: block;
  width: 100%;
}
.product dl dt img,
.product ul li img,
.case dl dt img,
.hz ul li img,
.news dl dt img,
.photo_m ul li img {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
.product dl dt:hover img,
.product ul li:hover img,
.case dl dt:hover img,
.hz ul li:hover img,
.news dl dt:hover img,
.photo_m ul li:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
/**/
.digital {
  width: 100%;
  height: 5.5rem;
  padding: 1.6rem 0 4.5rem;
  overflow: hidden;
  background: linear-gradient(to right, #f4f4f4 0%, #fff 100%);
}
.digital ul {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.digital ul li {
  color: #000;
  font-size: 0.9rem;
  height: 5.2rem;
  padding-top: 0.3rem;
  position: relative;
}
.digital ul li:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -5.5rem;
  background: #e2e2e2;
}
.digital ul li p {
  display: flex;
  align-items: flex-end;
}
.digital ul li em {
  display: flex;
  align-items: center;
  line-height: 2.8rem;
}
.digital ul li b {
  font-size: 2.7rem;
  line-height: 2.8rem;
}
.digital ul li i {
  font-size: 2.2rem;
  font-weight: bold;
}
.digital ul li span {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  padding-top: 0.3rem;
}
.digital ul li.cur {
  color: #04683a;
}
/*视频中心*/
.video_tit {
  text-align: center;
  font-size: 2.3rem;
  color: #1a1a1a;
  font-weight: normal;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
}
.video_tit a {
  display: block;
  color: #1a1a1a;
}
.video_tit i,
.video_tit span {
  display: block;
  font-size: 1rem;
  line-height: 1.2rem;
  margin-top: 0.6rem;
}
.video_tit i {
  text-transform: uppercase;
  color: #ccc;
}
.video {
  width: 100%;
  padding: 4.3rem 0 0;
  height: 45rem;
  background-image: url('../images/video_bg.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% 49.3rem;
  overflow: hidden;
}
.video dl dt {
  width: 100%;
  line-height: 0;
  overflow: hidden;
  position: relative;
  border-radius: 1.2rem;
}
.video dl dt img,
.video dl dt video,
.video dl dt .video-pic .video-wrap {
  border-radius: 1.2rem;
}
.video dl dd {
  width: 88.6%;
  position: absolute;
  bottom: 3.5rem;
  left: 5.7%;
  z-index: 4;
}
.video dl dd a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.8rem;
  background: #fff;
  color: #666;
  border-radius: 5rem;
}
.video dl dd em {
  width: 2.6rem;
  height: 2.6rem;
  line-height: 0;
  overflow: hidden;
  margin: 0 0.7rem;
  background: #04683a url('../images/video_ico01.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2.6rem 2.6rem;
  border-radius: 50%;
}
.video dl dd b {
  width: 65%;
  font-size: 0.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.2rem;
  height: 2.4rem;
  font-weight: normal;
}
.video dl:hover dd a {
  background: #04683a;
  color: #fff;
}
.video dl:hover dd em {
  background-color: #fff;
  background-image: url('../images/video_ico02.png');
}
.video-btn {
  display: block;
  width: 3rem;
  height: 3rem;
  line-height: 0;
  position: absolute;
  top: 20rem;
  cursor: pointer;
  border-radius: 50%;
}
.video-btn img {
  width: 3rem;
  height: 3rem;
}
.video-btn.prev-video {
  left: -4.5rem;
}
.video-btn.next-video {
  right: -4.5rem;
}
.video-btn:hover {
  box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.1);
}
.video-pic .video-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 5;
  background: #000;
}
/**/
/*产品中心*/
.product {
  padding: 5rem 0 4.5rem;
}
.product dl {
  width: 100%;
  height: 38rem;
  overflow: hidden;
  background-image: url('../images/cp_bg.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% 38rem;
}
.product dl dt {
  width: 50%;
  height: 38rem;
  line-height: 0;
  overflow: hidden;
  float: left;
}
.product dl dt a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.product dl dt a:before {
  content: '';
  width: 100%;
  height: 20%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  z-index: 5;
}
.product dl dt em {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  line-height: 0;
  overflow: hidden;
  background-image: url('../images/ban_video.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2.6rem 2.6rem;
  border-radius: 50%;
  position: absolute;
  bottom: 2rem;
  right: 5rem;
  z-index: 5;
}
.product dl dt img {
  height: 100%;
}
.product dl dd {
  width: 37.5%;
  float: left;
  padding-left: 6.25%;
  padding-top: 4.5rem;
}
.product dl dd h3 {
  line-height: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  font-weight: normal;
  position: relative;
  display: inline-block;
  z-index: 2;
}
.product dl dd h3:before {
  content: '';
  width: 100%;
  height: 0.2rem;
  position: absolute;
  left: 0;
  bottom: 0.1rem;
  background: #04683a;
  z-index: -1;
}
.product dl dd h3 a {
  font-size: 2.1rem;
  color: #1a1a1a;
}
.pro01_desc {
  padding-top: 1.2rem;
}
.pro01_desc p {
  font-size: 0.8rem;
  color: #555;
  line-height: 1.8rem;
}
.pro01_desc b {
  color: #000;
}
.pro02_desc {
  padding-top: 1rem;
  color: #1a1a1a;
}
.pro02_desc p {
  font-size: 0.9rem;
  line-height: 1.8rem;
  background-image: url('../images/cp_ico01.png');
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 0.7rem 0.7rem;
  padding-left: 1.5rem;
}
.pro02_desc b {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  padding-bottom: 0.5rem;
}
.product ul li {
  width: 48.1%;
}
.product ul li em {
  display: block;
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
.product ul li span {
  display: block;
  font-size: 0.9rem;
  color: #333;
  line-height: 1.5rem;
  height: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 0.3rem;
  width: 100%;
  text-align: center;
}
.pro01_list {
  width: 72%;
  margin-top: 2.2rem;
}
.pro01_list ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.pro02_list {
  width: 72%;
  margin-top: 1.5rem;
  position: relative;
}
.pro02_list .pro02_qie {
  width: 100%;
}
.pro02_list .pro02_qie li {
  float: left;
  margin-right: 1rem;
}
.cp_btn {
  width: 0.8rem;
  height: 1.3rem;
  line-height: 0;
  cursor: pointer;
  position: absolute;
  top: 4rem;
}
.cp_btn.cp_lico {
  left: -2rem;
}
.cp_btn.cp_rico {
  right: -2rem;
}
.cp_btn img {
  width: 0.8rem;
  height: 1.3rem;
}
.product .pro_dl02 dt {
  float: right;
}
.product .pro_dl02 dd {
  padding-left: 8.3%;
}
/*优势*/
.sup_nav {
  width: 23.4%;
  position: absolute;
  left: 0;
  top: 11rem;
  z-index: 10;
}
.sup_nav ul li {
  font-size: 1.2rem;
  color: #333;
  line-height: 4.4rem;
  height: 4.4rem;
  position: relative;
  padding-left: 2rem;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  margin-bottom: 0.2rem;
}
.sup_nav ul li:before {
  content: "";
  width: 88%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  z-index: -2;
}
.sup_nav ul li:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #04683a url('../images/ys_ico01.png');
  background-repeat: no-repeat;
  background-position: 92% center;
  background-size: 1.5rem 1.5rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.sup_nav ul li.on {
  color: #fff;
  font-weight: bold;
}
.sup_nav ul li.on:after {
  width: 100%;
}
.sup_qie dl {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.sup_qie dl dt {
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
.sup_qie dl dd {
  width: 45.4%;
  height: 19.1rem;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
  background-image: url('../images/ys_k.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  padding: 2.6rem 8% 0 5%;
  box-sizing: border-box;
  border-radius: 3rem 0 0;
}
.sup_qie dl dd h3 {
  font-size: 1.6rem;
  color: #fff;
  line-height: 2rem;
}
.sup_qie dl dd h3 span {
  display: block;
  font-size: 1.2rem;
  line-height: 1.5rem;
  font-weight: normal;
  padding-top: 0.5rem;
}
.sup_qie dl dd p {
  font-size: 0.8rem;
  color: #ffffff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  line-height: 1.5rem;
  height: 7.5rem;
  padding-top: 1.5rem;
}
/*客户案例*/
.case {
  padding: 4.5rem 0 0;
}
.case_nav {
  width: 46%;
  margin: 0 auto;
  height: 3.8rem;
}
.case_nav ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.case_nav ul li a {
  display: block;
  height: 2.2rem;
  line-height: 2.2rem;
  border: #e6e6e6 1px solid;
  font-size: 0.9rem;
  color: #666;
  padding: 0 2.2rem;
}
.case_nav ul li:last-child a {
  padding: 0 1rem;
}
.case_nav ul li.cur a {
  border-color: #04683a;
  background: #04683a;
  color: #fff;
}
.casem {
  position: relative;
  width: 63.3%;
  margin: 0 auto;
}
.casem .video-btn {
  top: 15.5rem;
  z-index: 5;
}
.casem .swiper-container {
  overflow: initial;
}
.casem dl:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.casem dl dt {
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
.casem dl dd {
  display: none;
  width: 100%;
  height: 3.5rem;
  padding-top: 1.5rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.casem dl dd a {
  display: block;
  width: 90%;
  font-size: 1.3rem;
  color: #fff;
  line-height: 2rem;
  height: 2rem;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.casem dl.swiper-slide-active:before {
  display: none;
}
.case-prev {
  left: -2rem;
}
.case-next {
  right: -2rem;
}
/*合作客户*/
.hz {
  padding: 0.6rem 0 5rem;
  background: linear-gradient(to right, #f4f4f4 0%, #fff 100%);
}
.hz ul li {
  width: 13.6%;
  float: left;
  overflow: hidden;
  line-height: 0;
  margin-left: 0.5rem;
}
/*新闻资讯*/
.news {
  padding: 4.5rem 0 5rem;
  background: url(../images/cp_bg.jpg) repeat-y center 0/100% 38rem;
  overflow: hidden;
}
.news_tit {
  width: 100%;
  height: 3.3rem;
  line-height: 3.3rem;
  position: relative;
}
.news_tit:before {
  content: "";
  width: 100%;
  height: 0.1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #e0e0e0;
}
.news_tit a {
  font-size: 1.2rem;
  color: #1a1a1a;
  display: block;
}
.news_tit i {
  float: right;
  font-size: 0.8rem;
  color: #b2b2b2;
  font-weight: normal;
}
.news_r {
  width: 66.6%;
}
.news_r .news_tit {
  margin-bottom: 2rem;
}
.news_r dl dd:hover h5 {
  color: #04683a;
}
.news_desc {
  font-size: 0.8rem;
  color: #666;
}
.news_time {
  display: block;
  font-size: 0.8rem;
  color: #adadad;
  line-height: 1.5rem;
}
.news01 {
  width: 44%;
}
.news01 dl {
  width: 100%;
  overflow: hidden;
  border-bottom: #e0e0e0 1px solid;
  padding-bottom: 1.2rem;
}
.news01 dl dt {
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
.news01 dl dd {
  width: 100%;
  padding-top: 1.5rem;
}
.news01 dl dd a {
  display: block;
}
.news01 dl dd h5 {
  font-size: 1.1rem;
  color: #1a1a1a;
  line-height: 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news01 dl dd p {
  padding-top: 0.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.5rem;
  height: 4.5rem;
}
.news01 ul {
  border-bottom: #e0e0e0 1px solid;
  width: 100%;
  padding: 1.2rem 0;
}
.news01 ul li {
  height: 2rem;
  position: relative;
}
.news01 ul li:before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  position: absolute;
  top: 0.9rem;
  left: 0.3rem;
  background: #666;
  border-radius: 50%;
}
.news01 ul li a {
  display: block;
  font-size: 0.8rem;
  color: #666;
  line-height: 2rem;
  width: 100%;
  padding-left: 1.2rem;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news01 ul li:hover a {
  color: #04683a;
}
.news02 {
  width: 50%;
}
.news02 .news_dl {
  display: block;
  width: 100%;
  height: 6rem;
  border-bottom: #e0e0e0 1px solid;
  padding: 1.3rem 0;
}
.news02 .news_dl dt {
  width: 39%;
  max-width: 39%;
  height: 6rem;
  float: right;
  line-height: 0;
  overflow: hidden;
}
.news02 .news_dl dd {
  width: 50%;
  float: left;
  padding-top: 0.5rem;
}
.news02 .news_dl dd h5 {
  font-size: 1rem;
  color: #1a1a1a;
  font-weight: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.5rem;
  height: 3rem;
}
.news02 .news_dl dd b.news_time {
  padding-top: 0.5rem;
}
.news02 .news_dl:nth-child(1) {
  padding-top: 0;
}
.news_l {
  width: 30%;
}
.news_l .news_tit:before {
  display: none;
}
.news_l ul li {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}
.news_l ul li a {
  width: 100%;
  display: block;
  padding: 1.5rem 0 1.5rem 1.2rem;
  position: relative;
  box-sizing: border-box;
}
.news_l ul li a:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 2.3rem;
  left: 0;
  background: #837a76;
  border-radius: 50%;
}
.news_l ul li h5 {
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 2rem;
  color: #1a1a1a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news_l ul li p.news_desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.4rem;
  height: 2.8rem;
  padding-top: 0.3rem;
}
.news_l ul li:hover h5 {
  color: #04683a;
}
.news_qie01 {
  width: 100%;
  height: 35rem;
  background: #fff;
  overflow: hidden;
  padding: 1.5rem 8% 0;
  box-sizing: border-box;
}
/*关于*/
.about .video_tit {
  text-align: left;
  float: left;
  width: 30%;
}
.about .video_tit a {
  color: #fff;
}
.about dl {
  width: 100%;
  position: relative;
}
.about dl dt {
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
.about dl dd {
  width: 83.33%;
  z-index: 2;
  position: absolute;
  top: 4.5rem;
  left: 8.3%;
}
.about dl dd p {
  font-size: 0.8rem;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.8rem;
  height: 5.4rem;
}
.about dl dd b {
  display: block;
  width: 8rem;
  padding-top: 2rem;
}
.about dl dd b a {
  width: 100%;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  color: #fff;
  background: #04683a;
  font-weight: normal;
}
.about dl dd b em {
  width: 0.9rem;
  height: 0.9rem;
  line-height: 0;
  overflow: hidden;
  margin-left: 0.8rem;
}
.about dl dd b em img {
  width: 0.9rem;
  height: 0.9rem;
}
.ab_desc {
  width: 64%;
  float: right;
}
/*企业相册*/
.photo {
  padding: 1rem 0 5rem;
  background: linear-gradient(to right, #f4f4f4 0%, #fff 100%);
}
.photo_t {
  width: 100%;
  height: 3rem;
}
.photo_t ul {
  width: 40%;
  float: left;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.photo_t ul li a {
  font-size: 1.1rem;
  color: #333;
  display: block;
  line-height: 1.8rem;
}
.photo_t ul li.on a {
  color: #04683a;
  font-weight: bold;
}
.photo_t span {
  display: block;
  float: right;
  width: 4%;
}
.photo_t span a {
  width: 100%;
  height: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.8rem;
  color: #666;
  font-weight: normal;
}
.photo_t span em {
  width: 0.9rem;
  height: 0.9rem;
  line-height: 0;
  overflow: hidden;
}
.photo_t span em img {
  width: 0.9rem;
  height: 0.9rem;
}
.photo_m ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.photo_m ul li {
  width: 22.5%;
}
.photo_m ul li em {
  display: block;
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
.photo_m ul li span {
  display: block;
  font-size: 1rem;
  color: #333;
  width: 100%;
  text-align: center;
  line-height: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 0.8rem;
}
/*友情链接*/
.f_link {
  height: 4.5rem;
  line-height: 4.5rem;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  width: 50%;
  z-index: 2;
  position: absolute;
  bottom: 0;
  right: 0;
}
.f_link a {
  color: rgba(255, 255, 255, 0.8);
  padding: 0 0 0 0.5rem;
}
.f_link a:hover {
  color: #ffffff;
}
/**/
html {
  font-size: 12px;
  -webkit-text-size-adjust: none;
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 12.5px;
  }
}
@media screen and (min-width: 1280px) {
  html {
    font-size: 13.33333px;
  }
}
@media screen and (min-width: 1366px) {
  html {
    font-size: 14.22916px;
  }
}
@media screen and (min-width: 1440px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 1600px) {
  html {
    font-size: 16.66666px;
  }
}
@media screen and (min-width: 1800px) {
  html {
    font-size: 18.75px;
  }
}
@media screen and (min-width: 1920px) {
  html {
    font-size: 20px;
  }
}
@media screen and (min-width: 2144px) {
  html {
    font-size: 22.33333px;
  }
}
@media screen and (min-width: 2400px) {
  html {
    font-size: 25px;
  }
}
@media screen and (min-width: 2752px) {
  html {
    font-size: 28.66666px;
  }
}
@media screen and (min-width: 3200px) {
  html {
    font-size: 33.33333px;
  }
}
@media screen and (min-width: 3840px) {
  html {
    font-size: 40px;
  }
}
/**/
@keyframes warn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  5% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
@keyframes warn2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  5% {
    opacity: 8;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
/**/
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
  20%,
  60% {
    -webkit-transform: translate3d(-10px, 0, 0);
  }
  40%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  20%,
  60% {
    transform: translate3d(-10px, 0, 0);
  }
  40%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}