@charset "utf-8";
body{ font-family:Arial,"Microsoft YaHei"; font-size:16px; line-height:24px; color:#5d5d5d;}
*{ margin:0; padding:0;}
img{ border:none;}
ul,li{ list-style:none;}
a{ color:inherit; text-decoration:none; transition: all 0.3s ease 0s;}
a:hover{ color:#007bd8;}


.wrap{ width:1300px; margin:0 auto;}
.flex{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.clear{ clear:both;}


/* 首页 */
.head{ width:1300px; height:115px; margin:0 auto; clear:both;}
.logo{ margin-top:31px;}
.head_r{ width:771px; margin-top:15px;}
.head_r p{ font-size:14px; color:#999999; text-align:right; margin-bottom:15px;}
.head_r p span{ margin:0 16px 0 14px; color:#dedede; font-size:12px;}
.en{ font-size:12px; color:#ce0707; border:solid 1px #ce0707;}
.en:hover{ background:#ce0707; color:#fff;}
.head_r ul li {
  position: relative;
  font-size: 15px;
  color:#2a2a2a;
}
.head_r ul li a {
  padding: 0px 6px 15px 20px;
  display: inline-block;
}
.head_r ul li:last-child a{ padding-right:0;}
.head_r ul li:hover a {
  color: #007bd8;
}
.head_r ul li:hover .submenu {
  top: 100%;
  opacity: 1;
  visibility:visible;
}
.head_r ul li .submenu {
  position: absolute;
  top: 130%;
  left: 0;
  width: 80px;
  padding: 10px 20px;
  background: #ffffff;
  border-top: 4px solid #007bd8;
  opacity: 0;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.07);
  visibility:hidden;
  z-index:99;
}
.head_r ul li .submenu li a {
  color: #2a2a2a;
  padding: 0 0 0px 0;
  margin: 0 0 3px 0;
  position:relative;
}
.head_r ul li .submenu li a:hover{ color:#007bd8;}
.head_r ul li .submenu li a::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #007bd8;
  content: "";
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.head_r ul li .submenu li a:hover::before {
  width: 100%;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}


.flash{ width:100%; height:635px;}


.about{ width:100%; padding:78px 0 31px 0; clear:both;}
.about h1{ font-size:33px; color:#000; text-align:center; margin:0 0 47px 0;}
.about_l{ width:50%; height:367px; float:left; overflow:hidden;}
.about_l img{ max-width:100%; max-height:100%; transition:all 2s;}
.about_l img:hover{ transform:scale(1.2);}
.about_r{ width:44.6%; padding:60px 2% 76px 3.2%; border:solid 1px #dcdcdc; float:left;}
.about_r h2 {
	position: relative;
	font-size: 20px;
	padding-bottom: 20px;
	color:#000;
	display:inline-block;
	margin:0;
}
.about_r h2:before{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	height:1px;
	width:40px;
	background:#d4d4d4;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	transition:all 0.7s ease;
}
.about_r h2:hover:before{
	width:100%;
}
.a_intro{ font-size:15px; color:#2a2a2a; line-height:30px; margin:29px 0 42px 0;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.a_more{ font-size:14px; color:#2571a3;}
.a_more span{ color:#bab5bb; margin-left:9px;}
.a_more:hover{ letter-spacing:3px;}
.about ul{ width:100%; margin-top:78px; display: inline-block;}
.about ul li{ width:33%; text-align:center; float:left;}
.about ul li h3{ font-size:59px; color:#005bac; margin:0 0 16px 0; display:flex; align-items: center; justify-content: center;}
.about ul li h3 img{ height:70px; margin-right:10px;  transition: all 0.4s linear;}
.about ul li:hover h3 img{ transform: rotateY(360deg);}
.about ul li h3 span{ font-size:39px; font-weight:normal; margin-left:11px;}
.about ul li p{ font-size:16px; color:#2a2a2a; line-height:30px;}


.ipart{ width:100%; height:556px; border-bottom:solid 1px #005baa;}


.introduction{ width:100%; padding:151px 0 3px 0; clear:both;}
.news{ width:64%;}
.news h1{ font-size:32px; color:#382f26; margin:0;}
.news_t{ margin:50px 0 73px 0;}
.news_t li{ width:45.5%;}
.n_title{ font-size:20px; color:#202020; font-weight:600;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.n_date{ font-size:14px; color:#888888; margin:17px 0 9px 0;}
.n_intro{ font-size:14px; color:#2a2a2a; line-height:25px;}

.n_pic{ width:49.2%; height:308px; overflow:hidden;}
.n_pic img{ max-width:100%; max-height:100%; transition:all 0.5s;}
.n_pic img:hover{ transform:scale(1.1);}
.news_r{ width:45.5%;}
.news_r li{ margin-bottom:58px;}

.culture{ width:32.7%;}
.culture h2{ font-size:32px; color:#382f26; margin:0 0 28px 0; display: inline-block;}
.c_pic{ position:absolute; height:529px; overflow:hidden;}
.c_pic img{ max-width:100%; max-height:100%; transition:all 1s;}
.culture:hover .c_pic img{ transform:scale(1.2);}

.c_intro{ position:relative; margin:55px 46px 0 0; text-align:right; }
.c_intro p{ font-size:20px; color:#ffffff; line-height:40px; font-weight:bold; margin-bottom:6px;}
.c_more{ font-size:14px; color:#fff; border:solid 1px #fff; padding:6px 17px 6px 16px; transition: all 0.3s ease 0s; display: inline-block;}
.c_more:hover{ background:#fff;}


.foot_t{ width:100%; padding:18px 0 12px 0; clear:both; background:#1d2122; border-top:solid 6px #efedee; color:#fff;}
.f_con h1{ font-size:25px; margin:50px 0 29px 0;}
.f_con h2{ font-size:20px; margin:0; align-items: center; display: flex;}
.f_con h2 img{ margin-right:9px;}
.f_menu{ width:56.5%; font-size:15px; margin-top:99px;}
.ewm{ text-align:center; margin-right: 7%;}
.ewm p{ font-size:13px; color:#eeeef0;}


.foot_b{ width:100%; padding:28px 0 29px 0; clear:both; background:#0f0f0f; font-size:15px; color:#cecece; text-align:center;}


/* 内页 */
.f1{ width:100%; height:300px; background:url(/Html/images/f1.jpg) no-repeat top center;}
.f2{ width:100%; height:300px; background:url(/Html/images/f2.jpg) no-repeat top center;}
.f3{ width:100%; height:300px; background:url(/Html/images/f3.jpg) no-repeat top center;}
.f4{ width:100%; height:300px; background:url(/Html/images/f4.jpg) no-repeat top center;}
.f5{ width:100%; height:300px; background:url(/Html/images/f5.jpg) no-repeat top center;}
.f6{ width:100%; height:300px; background:url(/Html/images/f6.jpg) no-repeat top center;}
.f7{ width:100%; height:300px; background:url(/Html/images/f7.jpg) no-repeat top center;}
.f8{ width:100%; height:300px; background:url(/Html/images/f8.jpg) no-repeat top center;}


.location{ width:100%; padding:12px 0; clear:both; border-bottom:solid 1px #eee; font-size:15px;}
.location span{ color:#007bd8;}


.inside{ width:100%; padding:60px 0 70px 0; clear:both;}

.title{ text-align:center; margin-bottom:75px; width:100%;}
.title h1 {
    font-size: 36px;
    color: #0a0a0a;
    margin: 0px 0 25px 0;
	letter-spacing:2px;
}
.t_line { position: relative;}
.t_line:before {
  content: "";
  width: 10px;
  height: 4px;
  background: #007bd8;
  position: absolute;
  margin-left: -30px;
  border-radius: 2px;
}
.t_line:after {
  content: "";
  width: 45px;
  height: 4px;
  background: #007bd8;
  position: absolute;
  margin-left: -15px;
  border-radius: 2px;
}


.inside_l{ width:16%; padding: 40px 3%; float:left; border-radius: 10px; background:#f7f7f7; text-align: center; border-bottom: solid 2px #007bd8;}
.inside_l h2 {
    font-size: 22px;
	color: #333;
    margin: 0 0 20px 0;
	letter-spacing: 1px;
}
.inside_l ul li{
    position: relative;
    z-index: 0;
}
.inside_l ul li::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    z-index: -1;
    transform: perspective(400px) rotateX(90deg);
    transform-origin: bottom;
    transition: all 300ms linear;
    transition-delay: 0.1s;
    background: #ffffff;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
	visibility: hidden;
}
.inside_l ul li:hover::before {
    transform: perspective(400px) rotateX(0deg);
	visibility:visible;
}
.inside_l ul li a{ display:block; padding: 8px 0;}

.zz1 a{ color:#007bd8; background:#ffffff; border-radius: 10px; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.03);}

.inside_r{ width:68%; float:right; box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.07); padding:30px 3% 35px 3%; min-height:260px;}


.zhici{ float: right; width: 200px; margin:0 0 0 40px;}


/* 翻页 */
.contentPage { color: #007bd8; text-align:center; clear:both; width:100%; display: inline-block;}
.contentPage .zi { font-size:12px; font-weight:bold; float:none!important;}
.contentPage a { color: #007bd8; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #007bd8;}
.contentPage a:hover { color:#FFF; background-color:#007bd8;}
.contentPage .current { font-size: 12px; margin:0px 3px; padding:4px 7px;}


/* 发展历程 */
.develop{ width:100%; display: inline-block;}
.develop li {
    position: relative;
    border-right: 3px solid #007bd8;
	width: 49.8%;
	padding-bottom:40px;
	float: left;
}
.develop li:last-child{ border-color:#fff!important; padding-bottom:0px;}
.develop li:last-child .d_year{ background:none;}
.develop li:nth-child(2n){ border-right: none; border-left: 3px solid #007bd8; width: 49.8%; float:right;}
.develop li:nth-child(2n) .d_year{ right:auto; left: -27px;}
.develop li:nth-child(2n) .d_year span{ background: #00ac22;}
.develop li:nth-child(2n) .d_title{ margin:0 0 0 11%; text-align:left;}
.develop li:nth-child(2n) .d_title:after{ right: auto; left: 0px;}
.d_year {
    position: absolute;
    top: 0;
    right: -26px;
	background:url(/Html/images/jt.png) no-repeat bottom center;
	padding-bottom: 13px;
}
.d_year span{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: #007bd8;
    color: #fff;
	display: block;
}
.d_title {
    padding: 11px 30px 15px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
	margin:0 11% 0 0;
    font-size: 16px;
    position: relative;
    color: #2d2d2d;
	text-align:right;
}
.d_title:after {
    position: absolute;
    content: '';
    top: 16px;
    right: 0px;
    width: 3px;
    height: 15px;
    background: #007bd8;
    display: block;
}


/* 文化产业 */
.industry{ width:74%; float:right;}
.pricing-tab{text-align:center; margin-bottom: 35px;}
.pricing-tab .nav{border:1px solid #f2f2f2;display:inline-flex;border-radius:20px}
.pricing-tab .nav .nav-link{padding:10px 54px;border-radius:20px; font-size: 15px;}
.pricing-tab .nav .nav-link.active{background:linear-gradient(90deg,#007bd8 0,#b2d7f3 100%);color:#fff}

.pricing-tab .nav button{border:none;outline:0!important;background:0 0; cursor:pointer;}

.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}


.intro_text{ line-height:28px;}
.intro_text p{ margin:10px 0;}
.ztt{ float: right; width: 230px; margin: 10px 0px 0px 15px; border-radius: 5px;}


/* 图片展示 */
.image li {
	width:30.6%;
	float:left;
	margin:0 4% 35px 0;
}
.image li:nth-child(3n){ margin-right:0;}
.i_img{ overflow:hidden; border-radius: 6px 6px 0 0;}
.i_img img {
	width:100%;
	height:240px;
	object-fit: cover;
	transition:all 1s;
}
.image li:hover .i_img img{ transform:scale(1.2);}
.i_text {
    padding: 35px 5% 15px 5%;
    position: relative;
    text-align: center;
	box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease 0s;
}
.i_text p {
    color: #252422;
    transition: 0.3s ease;
	text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
.image li:hover .i_text{ box-shadow: 0 5px 10px 5px rgba(0, 123, 216, 0.1);}
.image li:hover .i_text p {
    color: #007bd8;
}
.i_more {
    position: absolute;
    top: -25px;
    right: 0px;
	left:0;
	margin: 0 auto;
}
.i_more a {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
	background: #007bd8;
	color:#fff;
	font-size:30px;
    position: relative;
}
.i_more a:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #007bd8;
    animation: play 1500ms ease-out infinite;
}

@keyframes play {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5);
    opacity: 0;
  }
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0;
  }
}


.i_pic{ text-align:center;}
.i_pic img{ max-width:100%;}
.i_detail h3{
    font-size: 22px;
	color:#007bd8;
	font-weight:normal;
	margin:25px 0 20px 0;
	text-align:center;
}
.i_detail p{ margin:10px 0;}


/* 媒体报道 */
.media li {
    padding: 20px 2% 25px 3%;
    width: 43%;
    background: rgba(0,123,216,0.02);
    border-bottom: 5px solid #e5f1fb;
    border-right: 5px solid #e5f1fb;
    border-radius: 0px 50px 0px 50px;
	text-align:center;
	margin-bottom: 30px;
	transition: all 0.3s ease 0s;
}
.media li:last-child { margin-bottom: 0px;}
.media li h3 {
    font-size: 16px;
    color: #1c1e27;
	margin: 0;
	text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
.media li p {
    color: #757783;
	margin:10px 0;
	text-align:left;
	text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
.m_more{ color:#007bd8; position: relative; padding-right: 26px; font-size: 15px; display: inline-block;}
.m_more span {
  position: absolute;
  padding-left: 6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.m_more:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    background: #007bd8;
    height: 1px;
    width: 69%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.media li:hover .m_more span {
  padding-left: 12px;
}
.media li:hover .m_more:after {
  width: 100%;
}
.media li:hover{ border-color:#007bd8;}


/* 新闻 */
.news_in{ margin-bottom:25px;}
.news_in li{ width:96%; display: inline-block; padding:20px 2%; border-bottom:dashed 1px #eee; transition: all 0.3s ease 0s;}
.news_in li:hover{ background:rgba(0,123,216,0.05); border-radius:6px;}
.date {
    float: left;
    border-top: 3px solid #007bd8;
    text-align: center;
	line-height:20px;
	padding-top:10px;
}
.year {
    font-size: 18px;
	color: #333;
	font-weight: 600;
}
.month {
    color: #888;
    font-weight: 600;
}
.n_text {
    float: left;
    padding-left: 5%;
	width: 75%;
}
.n_text h3 {
    font-size: 16px;
	font-weight: 600;
    color: #222;
	margin:2px 0 0 0;
	text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
.n_text p {
    color: #666;
	text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
.n_more {
    float: right;
	color: #007bd8;
    font-size: 15px;
	margin-top: 12px;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.news_in li:hover .n_more{
    padding-right: 10px;
}


.n_detail h3{
    font-size: 20px;
	color:#007bd8;
	font-weight:normal;
	margin:0;
}
.n_detail h4 {
    font-size: 15px;
	color:#ccc;
	font-weight:normal;
	margin:5px 0 15px 0;
}
.n_detail p{ margin:10px 0;}


.page_in{ border-top:solid 1px #eee; margin-top:30px; padding-top:20px; font-size:15px;}
.page_in ul li{ width:48%;}
.page_in ul li:nth-child(2){ text-align:right;}


/* 荣誉 */
.honor{ width:74%; float:right;}
.honor ul li {
    padding: 15px 1.5% 20px 1.5%;
    border: 1px solid #eee;
    border-radius: 6px;
	width:27.7%;
	text-align: center;
	float:left;
	margin:0 3.5% 30px 0;
	transition: all 0.3s ease 0s;
}
.honor ul li:nth-child(3n){ margin-right:0;}
.honor ul li:hover{ border: 1px solid #007bd8;}
.h_pic {
	height:200px;
	align-items: center;
    display: flex;
    justify-content: center;
	overflow:hidden;
	border-radius: 6px;
}
.h_pic img{ max-width:100%; max-height:100%; border-radius: 6px; transition:all 1s;}
.honor ul li:hover .h_pic img{ transform:scale(1.2);}
.honor ul li p {
    color: #252422;
	margin:15px 0 0 0;
	transition: all 0.3s ease 0s;
	text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
.honor ul li:hover p{ color:#007bd8;}


/* 企业文化 */
.culture_in{ width:74%; float:right;}
.culture_in ul li {
	width:30.6%;
	float:left;
	margin:0 4% 25px 0;
}
.culture_in ul li:nth-child(3n){ margin-right:0;}
.culture_pic {
	overflow:hidden;
	transition: all 0.3s linear 0s;
}
.culture_pic img{ width:100%; height:220px; object-fit: cover; transition: all 0.5s linear 0s;}
.culture_in ul li:hover .culture_pic {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}
.culture_in ul li:hover img{ transform:scale(1.1);}
.culture_in ul li p{ text-align:center; padding: 10px 0 0 0;}


/* 合作案例 */
.case ul li {
    transition: 0.3s ease-in-out;
	width:15.3%;
	float:left;
	margin:0 2.5% 30px 0;
	border:solid 1px #eee;
	height:60px;
	display:flex;
	justify-content: center;
    align-items: center;
	padding:10px 1%;
}
.case ul li:nth-child(5n){ margin-right:0;}
.case ul li:hover {
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
	box-shadow: 0 5px 10px 5px rgba(0, 123, 216, 0.1);
}
.case ul li img{ max-height:60px; max-width:100%;}


/* 人才发展 */
.job{ text-align:center; margin-bottom:30px;}
.job_list {
    width: 100%;
    border-collapse: collapse;
	margin-bottom:30px;
}
.job_list thead tr {
    background: #007bd8;
}
.job_list thead tr th:first-child {
    border-radius: 6px 0px 0px 6px;
}
.job_list thead tr th {
    text-align: center;
    padding: 15px 20px;
    color: #fff;
    border-right: 1px solid #e8e8e8;
	font-size: 17px;
    font-weight: 500;
}
.job_list thead tr th:last-child {
    border-right: none;
    border-radius: 0px 6px 6px 0px;
}

.job_list tbody tr {
    border-bottom: 1px solid #e8e8e8;
}
.job_list tbody tr td {
    padding: 20px 20px;
    text-align: center;
    border-right: 1px solid #e8e8e8;
	color: #39404a;
}
.job_list tbody tr td:first-child{ color:#007bd8;}
.job_list tbody tr td:last-child {
    border-right: none;
}


.j_detail { width:94%; padding:30px 3% 35px 3%; border-radius: 8px; box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.07);}
.j_title {
    padding: 0 0 20px 0;
    margin-bottom: 25px;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}
.j_title::before {
    position: absolute;
    content: "";
    bottom: -2px;
    left: 0px;
    width: 50px;
    height: 2px;
    background: #007bd8;
}
.j_title h3 {
	color:#39404a;
	font-size:20px;
}
.j_intro li {
    margin-bottom: 15px;
	width:48%;
}
.j_intro li h4 {
	color:#39404a;
	font-size:16px;
}
.j_text {
    width: 80%;
	color:#555555;
}
.j_intro li:first-child .j_text{ color:#007bd8;}


/* 联系我们 */
.con_in ul{ margin-top:30px;}
.con_in ul li{ width:48%; margin-bottom:20px;}

.map{ margin-top:20px;}


.mobile_daohang{ display:none;}
.tbottom{ display:none;}
.bottomNav{ display:none;}


@media all and (max-width:640px){
.mobile_daohang{ display:block;}


.wrap{ width:90%; margin:0 auto;}


/* 首页 */
.head{ display:none;}


.flash{ width:100%; height:185px;}


.about{ width:100%; padding:38px 0 1px 0; clear:both;}
.about h1{ font-size:24px; color:#000; text-align:center; margin:0 0 27px 0;}
.about_l{ width:100%; height:auto; float:left; overflow:hidden;}
.about_l img{ max-width:100%; max-height:100%; transition:all 2s;}
.about_l img:hover{ transform:scale(1.2);}
.about_r{ width:84.6%; padding:30px 7% 31px 8.2%; border:solid 1px #dcdcdc; float:left;}
.about_r h2 {
	position: relative;
	font-size: 17px;
	padding-bottom: 15px;
	color:#000;
	display:inline-block;
	margin:0;
}
.about_r h2:before{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	height:1px;
	width:35px;
	background:#d4d4d4;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	transition:all 0.7s ease;
}
.about_r h2:hover:before{
	width:100%;
}
.a_intro{ font-size:15px; color:#2a2a2a; line-height:30px; margin:24px 0 27px 0;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.a_more{ font-size:14px; color:#2571a3;}
.a_more span{ color:#bab5bb; margin-left:9px;}
.a_more:hover{ letter-spacing:3px;}
.about ul{ width:100%; margin-top:40px; display: inline-block;}
.about ul li{ width:100%; text-align:center; float:left; margin-bottom: 30px;}
.about ul li h3{ font-size:39px; color:#005bac; margin:0 0 11px 0; display:flex; align-items: center; justify-content: center;}
.about ul li h3 img{ height:50px; margin-right:10px;  transition: all 0.4s linear;}
.about ul li:hover h3 img{ transform: rotateY(360deg);}
.about ul li h3 span{ font-size:29px; font-weight:normal; margin-left:11px;}
.about ul li p{ font-size:14px; color:#2a2a2a; line-height:24px;}


.ipart{ width:100%; height:auto; border-bottom:solid 1px #005baa;}


.introduction{ width:100%; padding:41px 0 3px 0; clear:both;}
.news{ width:100%;}
.news h1{ font-size:24px; color:#382f26; margin:0;}
.news_t{ margin:20px 0 13px 0;}
.news_t li{ width:100%; margin-bottom: 20px;}
.n_title{ font-size:17px; color:#202020; font-weight:600;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.n_date{ font-size:14px; color:#888888; margin:12px 0 4px 0;}
.n_intro{ font-size:14px; color:#2a2a2a; line-height:25px;}

.n_pic{ width:100%; height:auto; overflow:hidden; margin-bottom: 30px;}
.n_pic img{ max-width:100%; max-height:100%; transition:all 0.5s;}
.n_pic img:hover{ transform:scale(1.1);}
.news_r{ width:100%;}
.news_r li{ margin-bottom:20px;}

.culture{ width:100%;}
.culture h2{ font-size:24px; color:#382f26; margin:10px 0 22px 0; display: inline-block;}
.c_pic{ position:absolute; height:399px; overflow:hidden;}
.c_pic img{ max-width:100%; max-height:100%; transition:all 1s; width: 95%; object-fit: cover;}
.culture:hover .c_pic img{ transform:scale(1.2);}

.c_intro{ position:relative; margin:30px 26px 310px 0; text-align:right; }
.c_intro p{ font-size:18px; color:#ffffff; line-height:30px; font-weight:bold; margin-bottom:6px;}
.c_more{ font-size:14px; color:#fff; border:solid 1px #fff; padding:4px 13px 4px 12px; transition: all 0.3s ease 0s; display: inline-block;}
.c_more:hover{ background:#fff;}


.foot_t{ width:100%; padding:38px 0 32px 0; clear:both; background:#1d2122; border-top:solid 3px #efedee; color:#fff;}
.f_con{ margin:0 auto;}
.f_con h1{ font-size:20px; margin:0px 0 19px 0; text-align:center;}
.f_con h2{ font-size:18px; margin:0; align-items: center; display: flex;}
.f_con h2 img{ margin-right:9px;}
.f_menu{ display:none;}
.ewm{ display:none;}


.foot_b{ width:100%; padding:28px 0 29px 0; clear:both; background:#0f0f0f; font-size:14px; color:#cecece; text-align:center;}


/* 内页 */
.f1{ width:100%; height:150px; background:url(/Html/images/f1.jpg) no-repeat top center; background-size: 300%;}
.f2{ width:100%; height:150px; background:url(/Html/images/f2.jpg) no-repeat top center; background-size: 300%;}
.f3{ width:100%; height:150px; background:url(/Html/images/f3.jpg) no-repeat top center; background-size: 300%;}
.f4{ width:100%; height:150px; background:url(/Html/images/f4.jpg) no-repeat top center; background-size: 300%;}
.f5{ width:100%; height:150px; background:url(/Html/images/f5.jpg) no-repeat top center; background-size: 300%;}
.f6{ width:100%; height:150px; background:url(/Html/images/f6.jpg) no-repeat top center; background-size: 300%;}
.f7{ width:100%; height:150px; background:url(/Html/images/f7.jpg) no-repeat top center; background-size: 300%;}
.f8{ width:100%; height:150px; background:url(/Html/images/f8.jpg) no-repeat top center; background-size: 300%;}


.location{ width:100%; padding:8px 0; clear:both; border-bottom:solid 1px #eee; font-size:14px;}
.location span{ color:#007bd8;}


.inside{ width:100%; padding:35px 0 40px 0; clear:both;}

.title{ text-align:center; margin-bottom:45px; width:100%;}
.title h1 {
    font-size: 24px;
    color: #0a0a0a;
    margin: 0px 0 15px 0;
	letter-spacing:2px;
}
.t_line { position: relative;}
.t_line:before {
  content: "";
  width: 7px;
  height: 3px;
  background: #007bd8;
  position: absolute;
  margin-left: -22px;
  border-radius: 2px;
}
.t_line:after {
  content: "";
  width: 30px;
  height: 3px;
  background: #007bd8;
  position: absolute;
  margin-left: -11px;
  border-radius: 2px;
}


.inside_l{ width:80%; padding: 30px 10%; float:left; border-radius: 10px; background:#f7f7f7; text-align: center; border-bottom: solid 2px #007bd8;}
.inside_l h2 {
    font-size: 18px;
	color: #333;
    margin: 0 0 15px 0;
	letter-spacing: 1px;
}
.inside_l ul li{
    position: relative;
    z-index: 0;
	font-size:15px;
}
.inside_l ul li::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    z-index: -1;
    transform: perspective(400px) rotateX(90deg);
    transform-origin: bottom;
    transition: all 300ms linear;
    transition-delay: 0.1s;
    background: #ffffff;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
	visibility: hidden;
}
.inside_l ul li:hover::before {
    transform: perspective(400px) rotateX(0deg);
	visibility:visible;
}
.inside_l ul li a{ display:block; padding: 6px 0;}

.zz1 a{ color:#007bd8; background:#ffffff; border-radius: 10px; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.03);}

.inside_r{ width:90%; float:right; box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.07); padding:20px 5% 25px 5%; min-height:auto; margin-top: 30px;}


.zhici{ float: right; width: 100px; margin:0 0 0 15px;}


/* 翻页 */
.contentPage { color: #007bd8; text-align:center; clear:both; width:100%; display: inline-block;}
.contentPage .zi { font-size:12px; font-weight:bold; float:none!important;}
.contentPage a { color: #007bd8; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #007bd8;}
.contentPage a:hover { color:#FFF; background-color:#007bd8;}
.contentPage .current { font-size: 12px; margin:0px 3px; padding:4px 7px;}


/* 发展历程 */
.develop{ width:100%; display: inline-block;}
.develop li {
    position: relative;
    border-right: 2px solid #007bd8;
	width: 93%;
	padding-bottom:25px;
	float: left;
}
.develop li:last-child{ border-color:#fff!important; padding-bottom:0px;}
.develop li:last-child .d_year{ background:none;}
.develop li:nth-child(2n){ border-right: 2px solid #007bd8; border-left: none; width: 93%; float:left;}
.develop li:nth-child(2n) .d_year{ right:-21px; left: auto;}
.develop li:nth-child(2n) .d_year span{ background: #00ac22;}
.develop li:nth-child(2n) .d_title{ margin:0 14% 0 0; text-align:right;}
.develop li:nth-child(2n) .d_title:after{ right: 0px; left: auto;}
.d_year {
    position: absolute;
    top: 0;
    right: -21px;
	background:url(/Html/images/jt.png) no-repeat bottom center;
	padding-bottom: 13px;
}
.d_year span{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: #007bd8;
    color: #fff;
	display: block;
	font-size: 15px;
}
.d_title {
    padding: 6px 20px 8px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
	margin:0 14% 0 0;
    font-size: 15px;
    position: relative;
    color: #2d2d2d;
	text-align:right;
}
.d_title:after {
    position: absolute;
    content: '';
    top: 13px;
    right: 0px;
    width: 2px;
    height: 10px;
    background: #007bd8;
    display: block;
}


/* 文化产业 */
.industry{ width:100%; float:right; margin-top: 30px;}
.pricing-tab{text-align:center; margin-bottom: 25px;}
.pricing-tab .nav{border:1px solid #f2f2f2;display:inline-flex;border-radius:20px}
.pricing-tab .nav .nav-link{padding:3px 2%;border-radius:20px; font-size: 12px; width:20%;}
.pricing-tab .nav .nav-link.active{background:linear-gradient(90deg,#007bd8 0,#b2d7f3 100%);color:#fff}

.pricing-tab .nav button{border:none;outline:0!important;background:0 0; cursor:pointer;}

.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}


.intro_text{ line-height:28px;}
.intro_text p{ margin:10px 0;}
.ztt{ float: right; width: 100px; margin: 10px 0px 0px 15px; border-radius: 5px;}


/* 图片展示 */
.image li {
	width:47%;
	float:left;
	margin:0 0 25px 0;
}
.image li:nth-child(2n){ float:right;}
.image li:nth-child(3n){ margin-right:0;}
.i_img{ overflow:hidden; border-radius: 6px 6px 0 0;}
.i_img img {
	width:100%;
	height:120px;
	object-fit: cover;
	transition:all 1s;
}
.image li:hover .i_img img{ transform:scale(1.2);}
.i_text {
    padding: 25px 5% 10px 5%;
    position: relative;
    text-align: center;
	box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease 0s;
}
.i_text p {
    color: #252422;
    transition: 0.3s ease;
	height:24px;
	font-size: 15px;
	text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
.image li:hover .i_text{ box-shadow: 0 5px 10px 5px rgba(0, 123, 216, 0.1);}
.image li:hover .i_text p {
    color: #007bd8;
}
.i_more {
    position: absolute;
    top: -20px;
    right: 0px;
	left:0;
	margin: 0 auto;
}
.i_more a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
	background: #007bd8;
	color:#fff;
	font-size:24px;
    position: relative;
}
.i_more a:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #007bd8;
    animation: play 1500ms ease-out infinite;
}

@keyframes play {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5);
    opacity: 0;
  }
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0;
  }
}


.i_pic{ text-align:center;}
.i_pic img{ max-width:100%;}
.i_detail h3{
    font-size: 18px;
	color:#007bd8;
	font-weight:normal;
	margin:15px 0 10px 0;
	text-align:center;
}
.i_detail p{ margin:10px 0;}


/* 媒体报道 */
.media li {
    padding: 15px 4% 20px 5%;
    width: 91%;
    background: rgba(0,123,216,0.02);
    border-bottom: 4px solid #e5f1fb;
    border-right: 4px solid #e5f1fb;
    border-radius: 0px 50px 0px 50px;
	text-align:center;
	margin-bottom: 20px;
	transition: all 0.3s ease 0s;
}
.media li:last-child { margin-bottom: 0px;}
.media li h3 {
    font-size: 16px;
    color: #1c1e27;
	margin: 0;
	text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
.media li p {
    color: #757783;
	margin:7px 0;
	text-align:left;
	font-size: 15px;
	line-height: 20px;
	text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
.m_more{ color:#007bd8; position: relative; padding-right: 26px; font-size: 15px; display: inline-block;}
.m_more span {
  position: absolute;
  padding-left: 6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.m_more:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #007bd8;
    height: 1px;
    width: 69%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.media li:hover .m_more span {
  padding-left: 12px;
}
.media li:hover .m_more:after {
  width: 100%;
}
.media li:hover{ border-color:#007bd8;}


/* 新闻 */
.news_in{ margin-bottom:25px;}
.news_in li{ width:96%; display: inline-block; padding:10px 2%; border-bottom:dashed 1px #eee; transition: all 0.3s ease 0s;}
.news_in li:hover{ background:rgba(0,123,216,0.05); border-radius:6px;}
.date {
    float: left;
    border-top: 2px solid #007bd8;
    text-align: center;
	line-height:18px;
	padding-top:8px;
}
.year {
    font-size: 16px;
	color: #333;
	font-weight: 600;
}
.month {
    font-size: 14px;
    color: #888;
    font-weight: 500;
}
.n_text {
    float: left;
    padding-left: 8%;
	width: 78%;
}
.n_text h3 {
    font-size: 15px;
	font-weight: 600;
    color: #222;
	margin:2px 0 0 0;
	text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
.n_text p {
    color: #666; font-size: 15px;
	text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
.n_more {
    float: right;
	color: #007bd8;
    font-size: 14px;
	margin-top: 5px;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.news_in li:hover .n_more{
    padding-right: 10px;
}


.n_detail h3{
    font-size: 18px;
	color:#007bd8;
	font-weight:normal;
	margin:0;
}
.n_detail h4 {
    font-size: 15px;
	color:#ccc;
	font-weight:normal;
	margin:5px 0 15px 0;
}
.n_detail p{ margin:10px 0;}


.page_in{ border-top:solid 1px #eee; margin-top:20px; padding-top:15px; font-size:15px;}
.page_in ul li{ width:100%;}
.page_in ul li:nth-child(2){ text-align:left;}


/* 荣誉 */
.honor{ width:100%; float:right; margin-top:30px;}
.honor ul li {
    padding: 5px 2.5% 10px 2.5%;
    border: 1px solid #eee;
    border-radius: 6px;
	width:41%;
	text-align: center;
	float:left;
	margin:0 0 25px 0;
	transition: all 0.3s ease 0s;
}
.honor ul li:nth-child(2n){ float:right;}
.honor ul li:nth-child(3n){ margin-right:0;}
.honor ul li:hover{ border: 1px solid #007bd8;}
.h_pic {
	height:100px;
	align-items: center;
    display: flex;
    justify-content: center;
	overflow:hidden;
	border-radius: 6px;
}
.h_pic img{ max-width:100%; max-height:100%; border-radius: 6px; transition:all 1s;}
.honor ul li:hover .h_pic img{ transform:scale(1.2);}
.honor ul li p {
    color: #252422;
	margin:10px 0 0 0;
	transition: all 0.3s ease 0s;
	height: 24px;
	text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
.honor ul li:hover p{ color:#007bd8;}


/* 企业文化 */
.culture_in{ width:100%; float:right; margin-top:30px;}
.culture_in ul li {
	width:47%;
	float:left;
	margin:0 0 15px 0;
}
.culture_in ul li:nth-child(2n){ float:right;}
.culture_in ul li:nth-child(3n){ margin-right:0;}
.culture_pic {
	overflow:hidden;
	transition: all 0.3s linear 0s;
}
.culture_pic img{ width:100%; height:110px; object-fit: cover; transition: all 0.5s linear 0s;}
.culture_in ul li:hover .culture_pic {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}
.culture_in ul li:hover img{ transform:scale(1.1);}
.culture_in ul li p{ text-align:center; padding: 10px 0 0 0;}


/* 合作案例 */
.case ul li {
    transition: 0.3s ease-in-out;
	width:45.3%;
	float:left;
	margin:0 0 20px 0;
	border:solid 1px #eee;
	height:40px;
	display:flex;
	justify-content: center;
    align-items: center;
	padding:10px 1%;
}
.case ul li:nth-child(2n){ float:right;}
.case ul li:nth-child(5n){ margin-right:0;}
.case ul li:hover {
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
	box-shadow: 0 5px 10px 5px rgba(0, 123, 216, 0.1);
}
.case ul li img{ max-height:40px; max-width:100%;}


/* 人才发展 */
table { width:100%!important; max-width:100%!important;}
table td{ table-layout:fixed; word-break: break-all; overflow:hidden;}


.job{ text-align:center; margin-bottom:20px;}
.job_list {
    width: 100%;
    border-collapse: collapse;
	margin-bottom:20px;
}
.job_list thead tr {
    background: #007bd8;
}
.job_list thead tr th:first-child {
    border-radius: 6px 0px 0px 6px;
}
.job_list thead tr th {
    text-align: center;
    padding: 10px 2%;
    color: #fff;
    border-right: 1px solid #e8e8e8;
	font-size: 15px;
    font-weight: 500;
}
.job_list thead tr th:last-child {
    border-right: none;
    border-radius: 0px 6px 6px 0px;
}
.job_list thead tr th:nth-child(2) { display:none;}

.job_list tbody tr {
    border-bottom: 1px solid #e8e8e8;
}
.job_list tbody tr td {
    padding: 10px 2%;
    text-align: center;
    border-right: 1px solid #e8e8e8;
	color: #39404a;
	font-size: 14px;
}
.job_list tbody tr td:first-child{ color:#007bd8;}
.job_list tbody tr td:last-child {
    border-right: none;
}
.job_list tbody tr td:nth-child(2) { display:none;}


.j_detail { width:90%; padding:20px 5% 25px 5%; border-radius: 8px; box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.07);}
.j_title {
    padding: 0 0 15px 0;
    margin-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}
.j_title::before {
    position: absolute;
    content: "";
    bottom: -2px;
    left: 0px;
    width: 40px;
    height: 2px;
    background: #007bd8;
}
.j_title h3 {
	color:#39404a;
	font-size:18px;
}
.j_intro li {
    margin-bottom: 10px;
	width:100%;
}
.j_intro li h4 {
	color:#39404a;
	font-size:16px;
}
.j_text {
    width: 80%;
	color:#555555;
}
.j_intro li:first-child .j_text{ color:#007bd8;}


/* 联系我们 */
.con_in ul{ margin-top:30px;}
.con_in ul li{ width:100%; margin-bottom:20px;}

.map{ margin-top:20px;}

}
<!--8.6069107055664E-5-->