.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-weixin:before {
  content: "\e679";
}

.icon-arrowbottom:before {
  content: "\e6a2";
}

.icon-gupiao:before {
  content: "\e661";
}

.icon-weibo:before {
  content: "\e646";
}

.icon-email:before {
  content: "\e651";
}

.icon-l2:before {
  content: "\e62b";
}

.icon-gongsi:before {
  content: "\e6c5";
}

.icon-arrow-right:before {
  content: "\e644";
}

.icon-qq:before {
  content: "\e61c";
}

.icon-play:before {
  content: "\ebb6";
}

.icon-up1:before {
  content: "\e607";
}

.icon-more-down:before {
  content: "\e6b5";
}

.icon-arrow-right1:before {
  content: "\e614";
}

.icon-home1:before {
  content: "\e604";
}

.icon-haiwaia:before {
  content: "\e603";
}

.icon-loc:before {
  content: "\e61f";
}

.icon-down1:before {
  content: "\e608";
}

.icon-r2:before {
  content: "\e606";
}

.icon-arrow-r:before {
  content: "\e60d";
}

.icon-arrow-down:before {
  content: "\e61e";
}

.icon-lianjie:before {
  content: "\e611";
}

.icon-guoneibiao:before {
  content: "\ebb2";
}

.icon-jiudian:before {
  content: "\e629";
}

.icon-arrow-left:before {
  content: "\e601";
}

.icon-paused_record:before {
  content: "\e612";
}

.icon-cha:before {
  content: "\e60f";
}

.icon-two-dimensional-code:before {
  content: "\e600";
}

.icon-dianhua:before {
  content: "\e630";
}

.icon-dianhua1:before {
  content: "\e60b";
}

.icon-search:before {
  content: "\e602";
}

.icon-shipin:before {
  content: "\e631";
}

.icon-dingweiweizhi:before {
  content: "\e605";
}

.icon-jr-copy:before {
  content: "\ebb7";
}

.icon-ren:before {
  content: "\e609";
}

.icon-earth:before {
  content: "\e60a";
}

.icon-stock-up:before {
  content: "\e60c";
}

.icon-stock-down:before {
  content: "\ebb8";
}

.icon-arrow-d:before {
  content: "\ebb9";
}

.his-fd span,
.stock-up span {
  font-family: "AlibabaSans-Medium";
}

.ban-inner h3,
.side-report h6,
.t4 h4,
.slider-financial-nav p,
.t5 h6,
.t2 h4,
.t1 h4,
.hotel-row2 .t3 h4,
.t3 h4,
.main-about .hd p,
.index-nav .item h5 {font-family: "AlibabaSans-Light";font-weight: lighter;}
.investor-relations-side .t1-side {color: #ccb088;}
.main-overview .t2 h4 {color: #999;}

* {
  -webkit-overflow-scrolling: touch;
}

input::-webkit-input-placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder {
  line-height: normal !important;
}

input::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder {
  line-height: normal !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  color: #3a3a3a;
}

a {
  color: #3a3a3a;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

a:hover {
  color: #d70011;
}

p {
  font-size: 14px;
}

img {
  max-width: 100%;
}

body {
  font-size: 14px;
  background-color: #fff;
  color: #3a3a3a;
  line-height: 1.5;
}

textarea {
  resize: none;
}

.gray-bg {
  background-color: #f5f5f5;
}

.l {
  float: left;
}

.r {
  float: right;
}

.img-ovh {overflow: hidden;}
.img {-webkit-transform: translateZ(0) scale(1, 1);transform: translateZ(0) scale(1, 1);}
.img-hover {background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;-webkit-transition: 0.4s;transition: 0.4s;-webkit-transform: translateZ(0) scale(1, 1);transform: translateZ(0) scale(1, 1);}
.img-hover:hover {-webkit-transform: scale(1.05);transform: scale(1.05);}
.img-hover-contain {background-size: contain;background-position: 50% 50%;background-repeat: no-repeat;-webkit-transition: 0.4s;transition: 0.4s;-webkit-transform: translateZ(0) scale(1, 1);
transform: translateZ(0) scale(1, 1);}
.img-hover-contain:hover {-webkit-transform: scale(1.04);transform: scale(1.04);}
.img {background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.video-ovh {overflow: hidden;position: relative;height: 100%;width: 100%;top: 0;left: 0;}
.video-ovh video {position: absolute;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;left: 0;top: 0;}
.slick-dots {width: 100%;position: absolute;bottom: 20px;text-align: left;font-size: 0;}
.slick-dots li {display: inline-block;line-height: 1;margin: 0 5px;}
.slick-dots li a {width: 10px;height: 10px;display: inline-block;border-radius: 50%;cursor: pointer;position: relative;font-size: 0;background-color: #ffb341;}
.slick-dots li.slick-active a {width: 25px;border-radius: 20px;background-color: #d70011;}
.more-a {font-size: 14px;color: #d70011;float: right;line-height: inherit;position: relative;}
.more-a i {font-size: 12px;margin-left: 5px;}
.more-a span {position: relative;border-bottom: 1px solid #d70011;line-height: 50px;display: inline-block;margin-bottom: -1px;}
.more-a:hover {color: #d70011;}
.more-b {background-color: #d70011;font-size: 16px;line-height: 44px;padding: 0 40px;border-radius: 30px;display: inline-block;color: #fff;-webkit-transition: 0.3s;transition: 0.3s;}
.more-b:hover {background-color: #d70011;}
.more2 {color: b1;font-size: 18px;position: relative;width: 175px;height: 60px;line-height: 58px;border: 1px solid b1;color: b1;display: inline-block;-webkit-transition: 0.3s;transition: 0.3s;border-radius: 8px;}
.more2.on,
.more2:hover {background-color: b1;color: #fff;}
.more3 {color: #008cd2;font-size: 18px;margin-top: 5%;padding-right: 40px;background: url("/Public/Images/home/phpcms/zh-cn/more2.png") no-repeat right 50%;display: inline-block;position: relative;max-height: 0;-webkit-transition: 0.3s;transition: 0.3s;opacity: 0;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';overflow: hidden;padding-bottom: 2px;}
.more3:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;border-top: 1px solid b1;-webkit-transform: scale(0);
transform: scale(0);-webkit-transition: 0.3s;transition: 0.3s;-webkit-transform-origin: left bottom;transform-origin: left bottom;}
.more3:hover:after {-webkit-transform: scale(1);transform: scale(1);}
.more3.on {max-height: 100px;opacity: 1;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';}
.more4 {color: #fff;font-size: 18px;padding-right: 15px;position: relative;line-height: 1;border: 1px solid #fff;display: inline-block;-webkit-transition: background-color 0.3s;transition: background-color 0.3s;border-radius: 8px;padding: 15px 30px 15px 35px;}
.more4 span {font-size: 18px;padding-right: 40px;display: inline-block;background: url("/Public/Images/home/phpcms/zh-cn/more.png") no-repeat right -100px;line-height: 1.2;-webkit-transition: 0.3s;transition: 0.3s;}
.more4.on,
.more4:hover {background-color: b1;color: #fff;border-color: b1;}
.bd-glasses .t2 h3 {color: #fff;}
.bd-glasses .t2 p {color: #fff;}
.btn1 {text-transform: capitalize;width: 288px;height: 69px;color: #fff;line-height: 69px;text-align: center;border: 0;cursor: pointer;display: inline-block;font-size: 16px;border: 1px solid b1;
-webkit-transition: background-color 0.3s;transition: background-color 0.3s;color: b1;border-radius: 10px;}
.btn1 span {background: url("/Public/Images/home/phpcms/zh-cn/arr2.png") no-repeat right 4px;padding-right: 20px;-webkit-transition: 0.3s;transition: 0.3s;}
.btn1:hover,
.btn1.on {color: #fff;background-color: b1;border-color: b1;}
.btn1:hover span,
.btn1.on span {background-position: right -86px;}
.btn1.on:hover {background-color: b1;}
.btn3 {background-color: #005496;border-radius: 10px;font-size: 16px;color: #fff;display: inline-block;padding: 15px 50px;-webkit-transition: 0.3s;transition: 0.3s;}
.btn3:hover {background-color: b1;color: #fff;}
.fd-r1 {padding: 7px 0 8px 0;background-color: rgba(243,240,240,0.8);font-size: 0;}
#fd {clear: both;background:url(../images/fd-bg.jpg) no-repeat 50%;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;position: relative;z-index: 20;}
.fd-l {display: inline-block;width: 70%;vertical-align: middle;}
.fd-l img {width: 180px;}
.fd-r {width: 30%;display: inline-block;vertical-align: middle;text-align: right;line-height:30px;}
.fd-r a{ color:#555; line-height:30px; font-size:14px;border-bottom: 1px solid transparent;  -webkit-transition: 0.3s; transition: 0.3s; margin-right:16px; position:relative;}
.fd-r a:after {content: '';position: absolute; background-color: #cbcaca;  width: 1px; height: 14px; top: 50%;  right: -8px;  margin-top: -7px;}
.copy-right {padding: 20px 0;color: #999;line-height: 1.8;}
.copy_right_l{ float:left; width:70%;}
.copy_right_r{ float:right; width:30%; text-align:right; padding-top:15px;}
.copy-right p {font-size: 14px;color: #999;}
.copy-right p a{ color:#999;}
.fd-nav {font-size: 0;}
.fd-nav a {color: #999;margin-right: 16px;font-size: 14px;position: relative;border-bottom: 1px solid transparent;-webkit-transition: 0.3s;transition: 0.3s;}
.fd-nav a:hover {color: #d70011;border-bottom: 1px solid #d70011;}
.fd-nav a:after {content: '';position: absolute;background-color: #cbcaca;width: 1px;height: 14px;top: 50%;right: -8px;margin-top: -7px;}
.fd-nav a:last-child:after {display: none;}
.share {font-size: 0;}
.share a {margin-right: 12px;vertical-align: middle;display: inline-block;width: 35px;height: 35px;text-align: center;line-height: 34px;border-radius: 50%;vertical-align: middle;background-color: #999;color: #fff;-webkit-transition: background-color 0.3s;transition: background-color 0.3s;}
.share a:hover {color: #fff;}
.share .wx.on,
.share .wx:hover {background-color: #31b643;}
.share .wb.on,
.share .wb:hover {background-color: #de533c;}
.share .qq.on,
.share .qq:hover {background-color: #61beea;}
.share .iconfont {font-size: 22px;-webkit-transition: 0.3s;transition: 0.3s;}
.fd-r .share {display: inline-block;vertical-align: middle;}
.fd-r span {vertical-align: middle;font-size: 14px;color: #999;margin-right: 10px;}
.btn-tc {text-align: center;}
.btn-tr {text-align: right;}
.wrap,
.row,
.list-mod1,
.inner-row {*zoom: 1;}
.list-mod1:after,
.list-mod1:before,
.wrap:after,
.wrap:before,
.row:after,
.row:before,
.inner-row:after,
.inner-row:before {display: block;content: "clear";height: 0;clear: both;overflow: hidden;visibility: hidden;}
.video-box {position: relative;padding-top: 39%;overflow: hidden;}
.video-box video {position: absolute;left: 0px;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.ban-inner {background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;position: relative;z-index: 20;height: 360px;}
.ban-inner .con {position: absolute;left: 0;width: 100%; bottom:-39px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.ban-inner span{ display:inline-block; width:auto;  padding: 0px 20px; font-size: 24px; height:79px; line-height:79px; background:url(../images/l_t_bg2.png) repeat-x; text-align:center; color:#fff; margin-bottom:0px; margin-top:0px; font-weight:bold;    min-width: 200px;}
.ban-inner-white span {color: #fff;}
.inner-row {padding: 60px 0;}
.m_nav .m_nav_list {padding: 0 10px;}
.m_nav .m_nav_list li a {position: relative;display: block;height: 50px;line-height: 50px;}
.m_nav i {position: absolute;right: 10px;top: 0;font-size: 20px;}
.hd-space {height: 120px;}
#hd {padding-left: 3.3%;position: fixed;text-align: center;left: 0;top: 0;width: 100%;z-index: 50000;height: 90px;line-height: 90px;background-color: rgba(255,255,255,0.9);-webkit-transition: 0.3s;transition: 0.3s;box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.07); }
#hd .logo {-webkit-transition: none;transition: none;float: left;width: 415px;}
#hd .logo img {vertical-align: middle;width: 100%;-webkit-transition: 0.3s;transition: 0.3s;}
#hd .wp {width: 100%;padding: 0 4%;}
#hd.nav-up {top: -120px;}
#hd.nav-down {top: 0;}
.hd-l {float: left;width: 90%;}
.hd-r {font-size: 0;position: relative;float: right;width: 8%;text-align: right;height: 100%;}
.hd-r * {vertical-align: middle;}
.chane-site {display: inline-block;color: #4a4a4a;position: relative;width: 32%;height: 100%;}
.chane-site:after {content: '';position: absolute;top: 100%;background-color: rgba(0,0,0,0.35);height: 45px;  width: 5000px;right: -2500px;-webkit-transition: 0.6s;transition: 0.6s;max-height: 0;overflow: hidden;}
.chane-site:hover .v1 {color: #d70011;}
.chane-site:hover .v1 i {color: #d70011;}
.chane-site:hover .other-site {max-height: 45px;}
.chane-site:hover:after {max-height: 45px;}
.chane-site a {font-size: 18px;color: #4a4a4a;}
.chane-site i {font-size: 10px;margin-left: 5px;color: #666;}
.chane-site .other-site {position: absolute;right: 0;z-index: 20;white-space: nowrap;text-align: right;line-height: 45px;overflow: hidden;max-height: 0;-webkit-transition: 0.6s;transition: 0.6s;top: 100%;}
.chane-site .other-site a {font-size: 16px;color: #fff;margin-left: 60px;}
.chane-site .other-site a:hover {color: #d70011;}
.qr-top {display: inline-block;width: 32%;text-align: center;position: relative;z-index: 20;}
.qr-top i {font-size: 30px;color: #4a4a4a;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;}
.qr-top i:hover {color: #d70011;}
.qr-top img {position: absolute;top: 84%;left: 16%;opacity: 0;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';-webkit-transition: 0.3s;transition: 0.3s;visibility: hidden;
-webkit-transform: translateY(-5px);transform: translateY(-5px);max-width: 160%;}
.qr-top:hover i {color: #d70011;}
.qr-top:hover img {visibility: visible;opacity: 1;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';-webkit-transform: translateY(0);transform: translateY(0);}
.lang_qh{ float:left; width:40%; background:#d1e5f1; border-left:1px solid #b7dbf1;}
.lang_qh a{ display:block; width:100%; font-size:16px; color:#555; text-align:center;}
.search-r {display: inline-block;background-color: #0581ce;z-index: 2;width: 60%;text-align: center;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;position: relative;}
.search-r:after {content: '';position: absolute;top: 100%;background-color: rgba(0,0,0,0.35);width: 5000px;right: -2500px;-webkit-transition: 0.6s;transition: 0.6s;height: 0;overflow: hidden;}
.search-r:hover {background-color: #0581ce;}
.search-r .inp {background-color: #d8d8d8;}
.search-r .icon-search {color: #fff;font-size: 20px;}
#hd.index-hd .top-tel {top: 60%;}
.top-form {line-height: 1;position: absolute;top: 100%;margin-top: 20px;-webkit-transition: 0.6s;transition: 0.6s;  width: 100%;left: 0;z-index: 20;height: 0;visibility: hidden;opacity: 0;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';overflow: hidden;}
.top-form .inp {background-color: #fff;height: 50px;width: 450px;padding: 0 10px;border: 1px solid #d9d9d9;border: none;font-size: 18px;-webkit-transition: 0.3s;transition: 0.3s;}
.top-form .sub {top: 0;width: 152px;background: none;display: inline-block;border: none;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;background-color: #d91726;font-size: 18px;color: #fff;height: 50px;margin-left: 36px;}
.top-form .sub:hover {background-color: #d70011;}
.show-form .top-form {visibility: visible;height: 50px;opacity: 1;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';}
.show-form .search-r:after {  height: 90px;}
.index-body .hd-space {display: none;}
.logo-index {display: none;}
.m_header .top-form {  margin: 0 10px;position: relative;bottom: 0;opacity: 0;z-index: 10;}
.m_header .inp {height: 40px;width: 100%;-webkit-box-shadow: none;box-shadow: none;}
.nav {position: relative;z-index: 2;margin-left: 474px;text-align: left;padding-left: 4%; margin-bottom:0px;}
.nav .active a {color: #d70011;}
.nav li {display: inline-block;margin: 0 2%;}
.nav li.on .v1 {color: #d70011;}
.nav li.on .v1:after {opacity: 1;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';}
.nav li:hover .v1 {color: #d70011;text-decoration:none;}
.nav li:hover .v1:after {opacity: 1;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';}
.nav li a {display: block;font-size: 20px;position: relative;z-index: 50;color: #4a4a4a;}
.nav li a:hover {color: #d70011;}
.nav li .v1:after {content: '';position: absolute;height: 4px;background-color: #d70011;left: 0;right: 0;bottom: 0;opacity: 0;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
-webkit-transition: 0.3s;transition: 0.3s;}
#hd .nav li:after {content: '';position: absolute;top: 99%;background-color: rgba(0,0,0,0.35);height: 45px;  width: 5000px;left: -60%;-webkit-transition: 0.6s;
transition: 0.6s;max-height: 0;overflow: hidden;}
#hd .nav .no-sub:after {display: none;}
#hd .sub-pr {position: relative;}
#hd .sub-nav {position: absolute;left: 0;top: 100%;-webkit-transition: 0.6s;transition: 0.6s;text-align: left;white-space: nowrap;left: 0;line-height: 1;max-height: 0;overflow: hidden;}
#hd .sub-nav a {white-space: nowrap;font-size: 16px;line-height: 45px;color: #000;display: inline-block;margin: 0;cursor: pointer;color: #fff;margin-right: 60px;}
#hd .sub-nav a:hover {color: #d70011;}
#hd .sub-nav a:after {display: none;}
#hd .nav li:hover .sub-nav {max-height: 50px;}
#hd .nav li:hover:after {max-height: 50px;}
.cur-pos {line-height: 60px;border-bottom: 1px solid #e1e1e1;position: relative;z-index: 500;}
.cur-pos .icon-home1 {color: #d70011;}
.cur-pos .icon-arrow-right1 {font-size: 12px;color: #999;}
.cur-pos * {vertical-align: middle;}
.cur-pos a {color: #4a4a4a;margin: 0 6px;font-size: 18px;display: inline-block;position: relative;}
.cur-pos a:after {content: '';position: absolute;height: 2px;background-color: #d70011;left: 0;right: 0;bottom: 0px;opacity: 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';-webkit-transition: 0.3s;transition: 0.3s;}
.cur-pos .on {color: #d70011;}
.cur-pos .on:after {opacity: 1;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 1)';}
.cur-pos .crumbs {  float: right;}
.cur-pos .crumbs a{ font-size:15px; color:#888;}
.cur-pos .crumbs a:hover {color: #d70011;}
.cur-pos .sub-menu {float:left;}
.cur-pos .sub-menu a {margin: 0 0 0 24px;padding: 0px 15px;}
.cur-pos .sub-menu a:hover {color: #d70011;}
.cur-pos .sub-menu a:hover:after {opacity: 1;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 1)';}
.nicescroll-rails-vr {background: url("/Public/Images/home/phpcms/zh-cn/line.png") repeat-y 50% top;}
.m_nav i {color: #4a4a4a;}
.hide-tab {height: 0;overflow: auto;}
.share a {  position: relative;}
.share a:hover .qr-pop {visibility: visible;opacity: 1;bottom: 40px;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';}
.share .qr-pop {position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 180px;height: 180px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL4AAADeCAYAAACDgLrHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzUxM0ZDOEY5RTIyMTFFOTlBOTNCMUNEMTY4NkNEMDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzUxM0ZDOTA5RTIyMTFFOTlBOTNCMUNEMTY4NkNEMDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNTEzRkM4RDlFMjIxMUU5OUE5M0IxQ0QxNjg2Q0QwNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNTEzRkM4RTlFMjIxMUU5OUE5M0IxQ0QxNjg2Q0QwNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv55ImsAAAIFSURBVHja7NKxDcJQDEVRPqJigJT0DJEpGCPbsQKMwASpqem+jIu0SFQhwudIlvun2yLtoJi9CRA+CB+ED8IH4YPwQfggfBA+CB+ED8IH4YPwQfggfBA+CB+Ej/BB+CB8ED4IH4QPwgfhg/BB+CB8ED4IH4QPwgfhg/BB+CB8ED7CB+GD8EH4IHwQPggfhA/CB+GD8EH4IHwQPggfhA/CB+GD8EH4CB+ED8IH4YPwQfggfBA+CB+ED8IH4YPwQfggfBA+CB+ED8IH4SN8ED4IH4QPwgfhg/BB+CB8ED4IH4QPwgfhg/BB+CB8ED4IH4SP8EH4IHwQPggfhA/CB+GD8EH4IHwQPggfhA/CB+GD8EH4IHwQPsIH4YPwQfggfBA+CB+ED8IH4YPwQfggfBA+CB+ED8IH4YPwET4IH4QPwgfhg/BB+CB8ED4IH4QPwgfhg/BB+CB8ED4IH4QPwkf4IHwQPggfhA/CB+GD8EH4IHwQPggfhA/CB+GD8EH4IHwQPggf4YPwQfggfBA+CB+ED8IH4YPwQfggfBA+CB+ED8IH4YPwQfggfIQPwgfhg/BB+CB8ED4IH4QPwgfhg/BB+CB8ED6wXRExxfeuFqNa/Pe8o7X4t/gvvfdP0T/yBitRKf5Z9FSL/5l3tgpV4h+X6EdrrO9ggt9ord0y+lP+lzXW9xZgAFtCvHfKOFIDAAAAAElFTkSuQmCC") no-repeat 50% bottom;
  padding: 15px;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
  -webkit-transition: 0.3s;
  transition: 0.3s;
  visibility: hidden;
  bottom: 50px;
  font-size: 0;
  line-height: 1.2;
}

.share .qr-pop img {width: 150px;height: 150px;}
.share .qr-pop em {font-size: 14px;color: #000;display: block;margin-top: 2px;}
#sticky-wrapper {width: 360px;margin-bottom: 60px;}
.wp {padding: 0 6%;margin: 0 auto;}
.wrap1200 {width: 100%;margin: 0 auto;max-width: 1200px;}
.wrap1400 {margin: 0 auto;width: 100%;max-width: 1400px;}
.wrap750 {margin: 0 auto;width: 100%;max-width: 750px;}
.wrap900 {  margin: 0 auto;width: 100%;max-width: 900px;}
.wrap1670 {width: 100%;margin: 0 auto;max-width: 1670px;}
.wrap1300 {width: 100%;margin: 0 auto;max-width: 1300px;}
.wrap {margin: 0 auto;width: 100%;max-width: 1300px;}
.wrap1000 {width: 100%;margin: 0 auto;max-width: 1000px;}
.tc {text-align: center !important;}
.ban-box {position: relative}
.ban-box .ban-dot {position: absolute;width: 100%;bottom: 30px;left: 0;}
.ban-box .iconfont {color: #fff;font-size: 18px;vertical-align: text-top;margin-left: 15px;height: 19px;display: inline-block;cursor: pointer;}
.ban-box .slick-dots {position: static;margin: 0;display: inline-block;width: auto;}
.ban-box .ban-nav { width:100%; text-align:center;vertical-align: middle;font-size: 0;}
#banner .img {background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;padding-top: 36%;}
.row-index1 {font-size: 0;padding-bottom: 35px;}
.index-stock {display: inline-block;width: 17%;vertical-align: bottom;}
.index-nav {display: inline-block;width: 100%;vertical-align: bottom;margin-top: -120px;position: relative;z-index: 20;}
.index-nav .ico {display: block;width: 60px;height: 60px;margin: 0 auto;border-radius: 50%;position: relative;z-index: 20;top: -30px;-webkit-transition: 0.3s;transition: 0.3s;-webkit-transform: translateZ(0) scale(1, 1);transform: translateZ(0) scale(1, 1);}
.index-nav .pad {-webkit-transition: 0.3s;transition: 0.3s;overflow: hidden;height: 240px;display: block;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.04), 0 5px 10px rgba(0,0,0,0.04);
box-shadow: 0 5px 10px rgba(0,0,0,0.04), 0 5px 10px rgba(0,0,0,0.04);}
.index-nav .s1:hover .pad {background-color: #ff363c;}
.index-nav .s1 .ico {background-color: #f35555;}
.index-nav .s1 i {color: #e60012;}
.index-nav .s2:hover .pad {background-color: #ffa54c;}
.index-nav .s2 .ico {background-color: #f4b475;}
.index-nav .s2 i {color: #ff7800;}
.index-nav .s3:hover .pad {background-color: #7268ad;}
.index-nav .s3 .ico {background-color: #928bba;}
.index-nav .s3 i {color: #5040a9;}
.index-nav .s4:hover .pad {background-color: #4db854;}
.index-nav .s4 .ico {background-color: #75be7a;}
.index-nav .s4 i {color: #32ba3e;}
.index-nav .s5:hover .pad {background-color: #50a7c7;}
.index-nav .s5 .ico {background-color: #86c8df;}
.index-nav .s5 i {color: #1ea3d2;}
.index-nav .item:hover .ico {background: none;margin: 30px auto 20px auto;}
.index-nav .item:hover .arr-r {opacity: 1;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';-webkit-transform: translateY(0px);transform: translateY(0px);}
.index-nav .item:hover h4 {color: #fff;}
.index-nav .item:hover h5 {color: rgba(255,255,255,0.6);}
.index-nav .item:hover .img {height: 0;}
.index-nav .item:hover .ico {top: 0;}
.index-nav .item {float: left;width: 20%;text-align: center;padding: 0 5px;}
.index-nav .item .img {height: 120px;-webkit-transition: 0.3s;transition: 0.3s;}
.index-nav .item h4 {font-size: 21px;color: #818181;margin-top: -5px;-webkit-transition: 0.3s;transition: 0.3s;margin-bottom: 4px;}
.index-nav .item h5 {color: #cacaca;font-size: 18px;text-transform: uppercase;-webkit-transition: 0.3s;transition: 0.3s;}
.index-nav .item .txt {height: 120px;}
.index-nav .item .arr-r {display: inline-block;width: 40px;height: 40px;line-height: 40px;background-color: #fff;border-radius: 50%;margin-top: 20px;
-webkit-transition: 0.3s;transition: 0.3s;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;opacity: 0;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
-webkit-transform: translateY(15px);transform: translateY(15px);}
.index-nav .item .arr-r i {font-size: 30px;}
.row-index {padding: 60px 0;overflow: hidden;}
.row-index .t2 h3 {font-size: 21px;}
.row-index .t2 h4 {font-size: 18px;}
.row-index2 {padding-top: 19px;padding-bottom: 50px; background:url(../images/service-bg.jpg) repeat;}
.index_2_tit{ width:100%; margin-bottom:40px; padding-top:30px;}
.index_2_tit h4{ margin:0px; text-align:center;}
.index_2_tit .cn{ display:block; width:100%;font-size:18px;color: #b1b2b3; font-weight:normal;  z-index: 1;text-align:center; line-height:33px;}
.index_2_tit .en{ display:block; width:100%;font-size: 42px; line-height: 1em; margin: 0;  margin-top: 15px;  position: relative; text-transform: capitalize;color: #004098;font-weight: bold;}

.m_yyqh{ position:absolute; right:60px; top:0px;}
.m_yyqh a{ font-size:16px; line-height:50px;}


.row-index2-box{ width:100%;}
.slideGroup{ width:100%; text-align:center;  }
.slideGroup .parHd{ height:40px; line-height:40px;  position:relative;  }
.slideGroup .parHd ul{ height:40px; line-height:40px; text-align:center;}
.slideGroup .parHd ul li{ display:inline-table; padding:0px 20px; font-size:16px; color:#888; margin-right:20px; border:1px solid #e1e1e1;}
.slideGroup .parHd ul li.on{ background:#cf0000; color:#fff;}
.dh_Scroll{width:100%;position:relative; padding: 0px 0 30px;}
.dh_Scroll .prev,.dh_Scroll .next{line-height:60px;text-align:center;font-weight:bold;font-size:24px;width:60px;height:60px;position:absolute;top:50%; margin-top:-65px;left:-85px;z-index:100; cursor:pointer; background:#fff;box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.07); background:#fff url(../images/icon_r.png) no-repeat;-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.dh_Scroll .prev{ background-position:0px -60px;}
.dh_Scroll .prev:hover{ background-position:-60px -60px;}
.dh_Scroll .prev:hover,.dh_Scroll .next:hover{ background:#e11d07 url(../images/icon_r.png) no-repeat;}
.dh_Scroll .prev{ background-position:0px -60px;}
.dh_Scroll .prev:hover{ background-position:-60px -60px;}
.dh_Scroll .next{ left:auto; right:-85px;}
.dh_Scroll .next{ background-position:0px 0px;}
.dh_Scroll .next:hover{ background-position:-60px 0px;}

.dh_Scroll .scrollWrap{width:100%;margin:0 auto;overflow:hidden;}
.dh_Scroll .scrollWrap li{float:left; width:413px; margin:0px 10px;}
.project-item_box{ width:100%;}
.comp-project { display: block;  background-color: #fff;}
.comp-project {  border-bottom: 2px solid rgba(0,0,0,0);}
.project-item .comp-project { height: 100%;box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.07); margin-bottom:30px;}

.comp-project-media { position: relative;  padding-bottom: 60%; overflow: hidden; background-color: #000;}
.comp-project-media-pic { opacity: .9;  position: absolute;  left: 0; right: 0;  bottom: 0;  top: 0; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: 50%;}
.comp-project-media-pic img{ display:block; width:100%; height:100%;
transition-duration: 1s; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s;}
.comp-project-media-footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end;  -moz-box-align: end;  -ms-flex-align: end;  align-items: flex-end; -webkit-box-pack: justify;  -webkit-justify-content: space-between;  -moz-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between; width:50px;  position: absolute;  bottom:20px; right: 30px;  color: #fff;  padding:0px;}
.comp-project-media-footer p:first-child {float:right; font-size: 15px;text-align:right;border:1px solid #ffffff;margin-bottom:0px;text-align:center;line-height:30px;width:100px;height:30px;}
.comp-project-body {position:relative; padding-top:30px; padding-right:30px; padding-right:100px; padding-bottom:30px;}
.comp-project-title {font-weight: 800;  font-size: 22px; line-height:25px; padding-left: 30px;  border-left: 5px solid #e11d07; margin:0px;font-family: 'Mulish', sans-serif;overflow-wrap: break-word;transition: all 0.3s ease-out 0s; height:50px;}
.comp-project-desc p, .comp-project-subtitle { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.comp-project-body i{ display:inline-block;color: #777777; width: 50px; height: 50px;  border: 2px solid #cacaca7d;  text-align: center; font-size: 30px; line-height: 48px;  border-radius: 50%; position: absolute; top: 28%; right: 30px; background:url(../images/right.png) no-repeat center;}
.comp-project, .comp-project-media-inner, .comp-project-media-pic { -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}
.dh_Scroll .scrollWrap li:hover img{ transform: scale(1.1);}
.dh_Scroll .scrollWrap li:hover .comp-project-title{ color:#e11d07;}
.dh_Scroll .scrollWrap li:hover .comp-project-body i{ border: 2px solid #e11d07;  background:url(../images/right_1.png) no-repeat center; transform: scale(1);}


.row-index3 { background-position: center center; background-repeat: no-repeat; position: relative;  padding:35px 0 150px;background-image: url(../images/about-bg.jpg);}
.row-index3-box{ margin-top:20px;}
.index_3_tit{ width:100%; margin-bottom:20px; padding-top:30px;}
.index_3_tit h4{ margin:0px; text-align:center;}
.index_3_tit .cn{ display:block; width:100%;font-size:18px;color: #fff; font-weight:normal;  z-index: 1;text-align:center; line-height:33px;}
.index_3_tit .en{ display:block; width:100%;font-size: 42px; line-height: 1em; margin: 0;  margin-top: 15px;  position: relative; text-transform: capitalize;color: #fff;font-weight: bold;}
.row-index3-box p{ padding:0PX 10%; font-size:18px; color:#fff; line-height:32px; text-align:center;}
.thm-btn { position: relative; display: inline-block; vertical-align: middle;  -webkit-appearance: none; border: none;outline: none !important; background-color:#4d5fe3; color: #ffffff; font-size: 14px; font-weight: 700;text-transform: uppercase; padding: 16px 50px 12px;border-radius: 8px; transition: all 0.3s linear;overflow: hidden; letter-spacing: 0.1em; z-index: 1;}
.thm-btn:after {position: absolute;content: ""; top: 0; left: 0;right: 0; height: 100%;background:#cf0000; transition-delay: .1s;transition-timing-function: ease-in-out;
 transition-duration: .5s; transition-property: all; opacity: 1; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0);  z-index: -1;}
.thm-btn:hover:after { opacity: 1; transform: scaleY(1.0);}
.thm-btn:hover { color: #ffffff;}
.thm_btn_box{ width:100%; text-align:center; margin-top:30px;}
.row-index3-list{ width:100%; margin:0px auto; padding-top:40px;}
.row-index3-list ul li dl{ border-radius:10px; padding:30px 0px; background:#fff;box-shadow: 0px 8px 46px 4px rgba(207, 207, 207, 0.3);}
.row-index3-list ul li dl dt{ display:block; width:100%; height:80px;}
.row-index3-list ul li dl dt img{ display:block; width:80px; height:80px; margin:0px auto; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all  1s; -o-transition:all 1s; transition:all 1s;}
.row-index3-list ul li dl dd{ font-size:20px; color:#4d5fe3; line-height:30px; text-align:center; width:100%; padding-top:10px;font-weight: bold;}
.row-index3-list ul li dl:hover dt img{-webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg);}

.row-index-3-bc{ margin-top:-120px; position:relative; z-index:1;}



.row-index4{ padding-bottom:60px;padding-top: 30px;}
.row-index4-list{ width:100%;}
.row-design-box{ width:100%; background:#888;position:relative;}
.row-design-box2{ width:100%; background:#333; position:relative;}
.design-box-01{position: relative;  display: block; width: 100%;  height: 0;  overflow: hidden;padding-bottom: 170%;}
.design-box-01 ._full { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.imgZoom img, .imgY180 img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s;}
.design-box-01 .cover { position: absolute;left: 0; bottom: 0; width: 100%;  height: 100%; z-index: 2; background: url(../images/pro_detail06_cover1.png) bottom repeat-x;}
.row-design-box .intro { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 3;}
.row-design-box .intro .box { padding: 0 22px 26px;}
.row-design-box .intro .tit h5 { display: block; font-size: 22px; line-height: 26px;  color: #fff; font-weight: bold;}
.row-design-box2 .intro { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 3;}
.row-design-box2 .intro .box { padding: 0 22px 26px;}
.row-design-box2 .intro .tit h5 { display: block; font-size: 22px; line-height: 26px;  color: #fff; font-weight: bold;}
.design-box-02{position: relative;  display: block; width: 100%;  height: 0;  overflow: hidden;padding-bottom: 81%;}
.design-box-02 .cover { position: absolute;left: 0; bottom: 0; width: 100%;  height: 100%; z-index: 2; background: url(../images/pro_detail06_cover1.png) bottom repeat-x;}
.row-design-box:hover .design-box-01 .cover{ background:rgba(3,60,115,.5);}
.row-design-box2:hover .design-box-02 .cover{ background:rgba(3,60,115,.5);}


#fd{background:url(../images/footer-bg.png) no-repeat;background-size: cover;color: #ffffffb3;background-position: center 0 !important; margin-top:0px;}
.foot_top{ padding-top:70px; padding-bottom:40px;}
.footer-social a {font-size: 14px;display: inline-block;margin-right: 10px;width: 36px;height: 36px;border-radius: 10px;text-align: center;line-height: 36px;color: rgb(255, 255, 255) !important;}
.footer-social a:hover{background: rgb(255, 138, 1); color: #fff !important;}
.f-widget-title h2 {font-size: 20px;margin-bottom: 30px;position: relative;padding-bottom: 30px; color: #fff;}
.f-widget-title h2::before { content: "";position: absolute;left: 0;bottom: 0;height: 21px;width: 80px;background:url(../images/f-line.png) no-repeat;}
.footer-link ul li i { color: #5e17df; margin-right: 5px;}
.footer-link ul li a {color:#ffffffb3;display: inline-block;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.footer-link ul li a:hover{padding-left: 5px;color: #1d75fa;}
.footer-link ul li {margin-bottom: 15px;}
.footer-link ul li:last-child{margin-bottom: 0;}
.foot_bot{background: #272c3e; padding: 15px 0; color: #fff; font-size: 15px;}
.foot_bot p{ text-align:center; line-height:25px; font-size:15px; margin-bottom:0px;}
.f-widget-title h3 {font-size: 20px;margin-bottom: 30px;position: relative;padding-bottom:10px; color: #fff;}
.pad30{ padding-left:70px;}
.footer-social{ margin-top:30px;}



/*****内页*******/
.quick-menu {font-size: 14px;margin-top: 25px;text-align: right;color: #333;}
.quick-menu a {border-bottom: 1px solid transparent;-webkit-transition: 0.3s;transition: 0.3s;}
.quick-menu a:hover {color: #d70011;border-bottom: 1px solid #d70011;}
.cat-nav {border: 1px solid #ccc;position: relative;width: 90%;margin: 5% auto;z-index: 5;display: none;clear: both;}
.cat-nav h4 {padding: 0 20px;font-size: 18px;height: 45px;line-height: 45px;text-align: center; margin-top:0px; margin-bottom:0px;}
.cat-nav h4 i {position: absolute;right: 20px;top: 0;color: #9e9e9e;}
.cat-nav .cat-sub {position: absolute;width: 100%;top: 51px;text-align: center;background: #fff;-webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.1);box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.1);position: absolute;left: 0;right: 0;text-align: center;display: none;}
.cat-nav .cat-sub a {display: block;height: 45px;line-height: 45px;font-size: 16px;border-bottom: 1px solid rgba(217,217,217,0.3);}
.cat-nav .cat-sub a:after {display: none;}
.cat-nav .cat-sub .on {color: #d70011;}
.icon-cha:before {  content: "\e60f";}

.ny-cent{ width:100%; padding-bottom:60px;}
.about_box{ width:100%; background:#f7f7f7; padding:30px; margin-top:50px;}
.about_box_main p{ font-size:16px; line-height:1.8em; text-align:2em; color:#555;}
.about_box_main h3{ font-weight:bold; font-size:25px; color:#cf0000; margin-bottom:10px;}

.zzjg_box{ width:100%;}
.zzjg_box img{ display:block; width:auto; max-width:100%; margin:0px auto;}


.companyCulture{ position: relative; margin-top:50px;}
.hc_qywh_box_top{ width:100%; background: #f5fbff;}
.hc_qywh_top_l{ float:left; width:50%;}
.hc_qywh_top_l img{ width:100%;}
.hc_qywh_top_r { width: 46%; float: right; padding-right:80px; position: relative; padding-bottom:70px; margin-top:80px;}
.hc_qywh_top_r h3 { font-size: 34px; color: #d0194e; font-weight: bold; margin: 52px 0 30px 0;}
.hc_qywh_top_r p{font-size: 17px; line-height: 32px; color: #555555;}
.c_dot{width:57px; height: 53px;  position: absolute;}
.c_dot1{top:-30px; left: -58px;}
.c_dot2{bottom:0px; right: 0;}

.hc_qywh_box_bot{ padding-top:50px;}
.hc_qywh_box_bot li{ position: relative; margin-bottom: 13px;width: 32.33333333%; float:left; margin-right:1%;}
.hc_qywh_box_bot li .li_box { border: 10px solid #ededed;transition:all 0.5s ease; }
.hc_qywh_box_bot li .intro{ text-align:center;padding: 41px 35px;}
.hc_qywh_box_bot li .intro .tit{font-size: 22px; font-weight:bold; color: #013082; line-height: 1; margin-bottom: 15px; margin-top:20px;}
.hc_qywh_box_bot li .intro .con { font-size: 16px; color: #666; line-height: 24px; height: 48px; overflow: hidden;}
.hc_qywh_box_bot li .line_odd{width:0%; height:10px; background:#013082; position:absolute;}
.hc_qywh_box_bot li .line_even{width:10px; height:0%; background:#013082; position:absolute}
.hc_qywh_box_bot li .line_top{top:0; left:0;}
.hc_qywh_box_bot li .line_right{top:0; right:0;}
.hc_qywh_box_bot li .line_bottom{right:0;bottom:0;}
.hc_qywh_box_bot li .line_left{left:0; bottom:0;}
.hc_qywh_box_bot li:hover .li_box { border: 10px solid #014198;}
.hc_qywh_box_bot li .intro .icon{ display:block; width:70px; height:70px; margin:0px auto;}
.hc_qywh_box_bot li .intro .icon img{ display:block; width:100%;}
.hc_qywh_box_bot li .intro:after { content: ''; width: 100%;  height: 20px; background: url(../images/com_intro01_2.png) no-repeat center;  position: absolute; left: 0;  bottom: 10px;
 opacity: 0; visibility: hidden; transition: all 0.5s ease;  background-size: cover;}
.hc_qywh_box_bot li:hover .intro:after{opacity:1; visibility:visible;}


/*产品页面*/
.pro-cent{ width:100%; background:#f7f7f7; padding:50px 0px;}
.products_list li{margin-bottom: 45px;}
.pro_list_box{  transition: all 0.5s ease;  position: relative;}
.products_list li .rect-1052 {  padding-bottom: 60%;}
.products_list li .intro {  background: #fff;}
.products_list li .intro .box {  padding: 30px 24px;}
.products_list li .intro .box .tit { font-size: 18px; font-weight:bold; line-height: 26px; color: #2f2f2f; font-family: 'he'; text-transform: uppercase; margin-bottom: 10px; height: 52px;
 overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.noborder-btn { display: inline-block; font-size: 0px; line-height: 30px; height: 30px;  font-weight: bold;  margin-top: 35px;  padding-right: 26px; position: relative;}
.pro-cent .noborder-btn { margin-top: 0px; text-transform: uppercase;}
.noborder-btn span { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 29px;}
.noborder-yellow span { color: #ffc13d;}
.noborder-btn span.icon { width: 16px; height: 14px; margin-left: 10px; transition: all 0.8s ease;}
.noborder-yellow span.icon {  background: url(../images/yellow_jt.png) no-repeat center;}
.products_list li .li_line {width: 0; height: 5px; background: #ffcb2d;  position: absolute; left: 0; bottom: 0;  transition: all 0.5s ease;}
.products_list li:hover .pro_list_box{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2);}
.products_list li:hover .li_line {width:100%;}
.products_list li:hover .noborder-btn span.icon {margin-left:25px;}


.products_main{ width:100%; background:#fff; padding: 60px 60px;}
.news-content-tit {text-align: center; font-size: 28px; font-weight: bold;  color: #014198; margin-bottom: 10px;}
.products_main ._tools {font-size:0; color:#7e7e7e; margin-bottom:15px; text-align:center;border-bottom: 1px dotted #d0d0d0;}
.products_main ._tools ._tool{font-size:15px; margin-right:20px; display:inline-block; height:50px; line-height:50px; vertical-align:middle; overflow:hidden;}
.products_main ._tools #switcher{font-size:14px; margin-right:10px; display:inline-block; height:50px; line-height:50px; vertical-align:middle; overflow:hidden;}
#viewCountId { font-style: normal; font-weight:normal;}
.news-content-main p { color: #555; line-height: 30px; text-indent: 2em; font-size: 17px;}
.news-content-main img { display: block; margin: 10px auto 20px; width: 650px; max-width: 100%;}

.jjyy_box_main{ width:100%; padding-top:50PX;}
.jjyy_box_main dl{ width:100%;}
.jsyy_tab{ width:100%; border-left:1px solid #e1e1e1;}
.jsyy_tab th{ background:#0372c3;line-height:20px; color:#fff; border-right:1px solid #0b6aaf; font-weight:bold; font-size:17px; padding:20px 10px; text-align:center;}
.jsyy_tab thead tr{ border-bottom:0px;}
.jsyy_tab tr{ background:#fff; border-bottom:1px solid #f1f1f1;}
.jsyy_tab tr:nth-child(2n){ background:#f0f0f0;}
.jsyy_tab tr td{ font-size:15px; color:#555; padding:15px 10px; line-height:20px;border-right:1px solid #e1e1e1; text-align:center;}





.news_list1{ width:100%; padding-top:20px;}
.list_bd li{  border-bottom: 1px solid #DDD;}
.list_box{ padding: 20px 15px 20px 15px;  position: relative;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.list_box .list_main { overflow: hidden;}
.list_box .bd_r{width:20%; float:right;}
.list_box .bd_c{width:90%;padding:0 3% 0 3%; float:left;}
.list_box .nopic .bd_c {width:86%;padding-right:0;}
.list_box .list_title{font-size:20px;color:#666;font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-bottom:15px;}
.list_box .list_p{font-size:15px;color:#666;line-height: 26px;height:52px;overflow:hidden; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.rect-5625 { padding-bottom: 55%;}
*[class*="rect-"] { position: relative; display: block; width: 100%; height: 0; overflow: hidden;}
.list_box .list_time { padding: 15px 10px;  text-align: center;  color: #fff; position: relative; font-size:14px; color:#8b8b8b;  width:90px; float: left;border-right: 1px solid #e6e6e6;}
.list_box .list_time_day { display: block; font-size: 50px;  color: #d70010; line-height: 50px;}
.rect-5625 a img { display: block; width: 100%; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s;  -webkit-transition: all .8s ease 0s;  transition: all .8s ease 0s;}
*[class*="rect-"] ._full { position: absolute;  left: 0; top: 0; width: 100%;  height: 100%;}
.rect-5625 a:hover img{ display:block;    -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1);  -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.list_box .list_p a{ color:#777;}
.list_box:hover {background-color:#f8f8f8;}
.list_box:after {background-color:#f8f8f8;}
.m20{ margin:20px 0; text-align:center}
/* page-1 start*/
.page{font-size: 12px; color: #777777; text-align: center;}
.page a,.page span { display: inline-block;border: 1px solid #ededed;padding: 8px 15px;vertical-align: middle;margin: 0 0 10px -1px; background:#fff; font-size:15px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background:#c70025;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .current { color: #ffffff; background: #d71f1b; width: 40px; line-height: 20px; margin: 0 5 px;}

.list_bd2 li{  border-bottom: 1px solid #DDD;}
.list_bd2 .list_box .bd_c{ padding:0 0 0 3%;}

.artcle_cent{ width:100%; padding-top:20px;}
.artcle_cent h3{font-size: 28px; font-weight:bold; text-align: center; padding-bottom: 20px;line-height: 32px;}
._tools{ padding-bottom: 15px;  border-bottom: 1px solid #dddddd; margin-bottom: 33px; font-size: 14px; color: #777777; line-height: 30px;}
._tools ._date{ padding-left: 27px; background: url(../images/news_detail_tool_ico.png) no-repeat 3px center; margin-right: 19px; float:left;}
._tools ._look{  padding-left: 26px; background: url(../images/news_detail_tool_ico2.png) no-repeat left center; margin-right: 23px; float:left;}
._tools .toList { font-size: 14px; line-height: 30px; color: #777777;  padding-left: 25px; position: relative; float:right;}
._tools .toList:after {
    content: "";
    width: 24px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 8px;
    background: url(../images/toList.png) no-repeat left top;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.artcle_box{ width:100%; padding:20px 0px; margin-bottom:40px;}
.artcle_box p{ font-size:16px; color:#666; line-height:32px; text-indent:32px;}
.artcle_box img{ display:block; max-width:100%; margin:0px auto;}
.psgLink{padding-top: 27px;border-top: 1px solid #dddddd;font-size: 15px;color: #333333;line-height: 30px; margin-bottom:40px;}
.psgLink p{margin-bottom: 9px;}
.psgLink p span{font-weight: bold;color: #555555;}
.psgLink p:hover a{color: #0076ab;text-decoration: underline;}

.piclist_bd{ padding-top:40px;}
.piclist_bd li{ margin-bottom:30px;}
.piclist_bd li:hover { background-color: #fff;  //transform: translateY(-6px); box-shadow: 5px 5px 0 $color-green-light; border-bottom-color: $color-green; }
.piclist_bd li:hover .comp-project{ background:#fff; border-bottom: 2px solid rgba(0,157,160,1);box-shadow: 5px 5px 0 #f2f6f7;}
.piclist_bd li:hover .comp-project-media-pic{transform: scale(1.1);}
 
.pic_main{ width:100%; padding-top:30px;}
.pic_main_01{ margin-bottom:20px;}
.pic_main_01 .box2{ width:100%; border:6px solid #f3f3f3;}
.pic_main_01_l{ padding-left:0px;}
.pic_main_01_l .box{ width:100%; height:380px; overflow:hidden; position:relative;}
.pic_main_01_l .box .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.pic_main_01_l .box .hd ul{ overflow:hidden; zoom:1; float:left;  }
.pic_main_01_l .box .hd ul li{ float:left; margin-right:8px;  width:10px; height:10px; border-radius:100%; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.pic_main_01_l .box .hd ul li.on{ background:#f00; color:#fff; }
.pic_main_01_l .box .bd{ position:relative; height:100%; z-index:0;   }
.pic_main_01_l .box .bd li{ zoom:1; vertical-align:middle; }
.pic_main_01_l .box .bd img{ width:100%; height:380px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.pic_main_01_l .box .prev,
.pic_main_01_l .box .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.pic_main_01_l .box .next{ left:auto; right:3%; background-position:8px 5px; }
.pic_main_01_l .box .prev:hover,
.pic_main_01_l .box .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.pic_main_01_l .box .prevStop{ display:none;  }
.pic_main_01_l .box .nextStop{ display:none;  }
.pic_main_01_r{ padding-top:30px; padding-bottom:30px;}
.pic_main_01_r .sm_tit{ font-size:28px; color:#3a3a3a; font-weight:bold; margin-bottom:10px;}
.ztzt{ width:100%; margin:10px 0px;}
.pic_main_01_r .sm_tit span{ padding:5px 15px; border:1px solid #c7c7c7; color:#555; font-size:14px; font-weight:normal; margin-left:18px; margin-top:-3px;}
.ztzt span{ display:inline-block;}
.xmjj{ font-size:15px; color:#555; line-height:28px; padding-top:15px;}

.pic_main_02{ width:100%;}
.pic_tit{ padding:13px 10px; line-height:25px; background:#f5f5f5; margin-bottom:25px;}
.pic_tit span{ font-size:20px; color:#333; border-left:4px solid #ce0000; padding-left:8px;}
.jj_box{ width:100%; font-size:16px; color:#555; line-height:30px; text-indent:2em; padding-bottom:20px;}
.jj_box p{ font-size:16px;}


.hxt_box{ padding:10px 0px 30px;}
.xgt_box{ padding:10px 0px 30px;}
.hxt_box li img{height:300px; width:100%; display:block;}
.xgt_box li img{height:200px; width:100%; display:block;}

#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6); border: 15px solid #FFF; background:#ebfff4;}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:3.8; font-size:18px; color: #FFF; background-color:#000;background-color:rgba(0,0,0,.6);}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}


/*联系我们*/
.contact_box{ padding-top:50px;}
.contact_box_top{ width:100%; margin-bottom:30px; border:1px solid #e1e1e1;}
.contact_li{ padding:30px; background:#f7f7f7;transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.27);}
.contact_li dl{ position:relative; width:100%; padding-left:100px; margin-bottom:0px;}
.contact_li dl dt{ position:absolute; left:0; top:0; width:70px;}
.contact_li dl dt img{ display:block; width:70px; height:70px;transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;}
.contact_li dl dd h5{transition: all 0.1s ease;color: #2d3630; font-size:22px; margin-bottom:20px;}
.contact_li dl dd p{transition: all 0.1s ease; font-size:16px; color: #848986; height:50px; margin-bottom:0px;}
.contact_li dl dd p a{ color: #848986;}
.contact_li:hover dl dt img{ transform: rotate(360deg); }

/*技术与服务*/
.jsfw_box_one{ width:100%; padding-top:0px; background:url(../images/bg2.jpg) no-repeat center bottom; background-size:100%;}
.jsfw_tit{ width:100%; text-align:center; font-size:25px; line-height:45px; color:#999;}
.jsfw_tit span{ color:#cf0000; font-size:30px; font-weight:bold;}
.jsfw_tit p{ color:#999; font-size:20px; font-weight:normal;}
.jsfw_box_one_main{ padding-top:20px; padding-bottom:80px;}
.jsfw_box_one_main .fix{margin-bottom:40px;}
.jsfw_box_one_main .item{display:block; position:relative;}
.jsfw_box_one_main .item:before{content:""; position:absolute; right:0; bottom:0; top:0; left:0; background:url(../images/industry01_cover.png) repeat center bottom; z-index:1;}
.jsfw_box_one_main .item:after{content:""; position:absolute; right:36px; bottom:35px; width:33px; height:32px; background:url(../images/industry01_jt.png); z-index:2;}
.jsfw_box_one_main .item .info{position:absolute; left:0; right:0; bottom:0; padding:25px 125px 25px 30px; color:#fff; z-index:1; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.jsfw_box_one_main .item:hover .info{ background:rgba(190,0,0,.8); padding-bottom:20px;}
.jsfw_box_one_main .item .info .t{font-size:24px; font-weight:bold; margin-bottom:10px;}
.jsfw_box_one_main .item .info .d{font-size:16px; line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:26px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.jsfw_box_one_main .item .info .d p{ font-size:16px;}
.jsfw_box_one_main .double .item:hover .info{padding-bottom:50px;}
.jsfw_box_one_main .item:hover .info .d{height:auto; white-space:normal;}
.jsfw_box_one_main .rect-875{padding-bottom:76.5%;}
.jsfw_box_one_main .rect-417{padding-bottom:48%;}
.jsfw_box_one_main .rect-418{padding-bottom:28%;}
.jsfw_box_one_main .double .top{margin-bottom:26px;}
.jsfw_box_one_main .single{ padding-right:7px;}
.jsfw_box_one_main .double{ padding-left:8px;}


.jsfw_tit2{ width:100%; text-align:center; font-size:25px;line-height:45px; color:#fff;}
.jsfw_tit2 span{ color:#fff; font-size:30px; font-weight:bold;}
.jsfw_tit2 p{ color:#fff; font-size:20px; font-weight:normal;}
.jsfw_box_two{ width:100%; padding-top:60px;  background:#eff4f8;}
.jsfw_box_two_main{ padding-top:40px; padding-bottom:50px;}
.special{ position:relative; margin-left:0px;}
.special .prev,.special .next{opacity:1;display:block;width: 51px;height:51px;overflow:hidden;cursor:pointer;position:absolute; top:100px; z-index:1;}
.special .prev{ background:url(../images/icon-48.png) no-repeat center;}
.special .next{left:auto;right: 0px; background:url(../images/icon-49.png) no-repeat center;}
.special .prev:hover{ opacity: 1;}
.special .next:hover{ opacity: 1;}
.special .bd4{/* padding: 0px 40px 0px 35px; */overflow: hidden; padding:0px 100px;}
.special  .tempWrap{ width:100% !important;}
.special .bd4 ul{ overflow:hidden; zoom:1; }
.special .bd4 ul li{ float: left; /*width: 350px; height: 85px;*/ width:340px; height:auto;margin: 0 15px 0 15px; }
.jsfw-one-single { position: relative; display: block; margin-bottom: 30px;}
.jsfw-one-img {  position: relative; display: block; overflow: hidden; border-radius:10px;  z-index: 1;}
.jsfw-one-img:before { position: absolute; top: 0; left: 0;  right: 0;  bottom: 0; content: ""; background-color:rgba(0,0,0,.4);
 transform: scale(1, 0); transition: transform 500ms ease;transform-origin: top center; border-radius: var(--thm-bdr-radius); z-index: 1;}
.jsfw-one-single:hover .jsfw-one-img:before { transform: scale(1, 1); transform-origin: bottom center;}
.jsfw-one-img img { width: 100%; border-radius: var(--thm-bdr-radius);transform: scale(1); transition: transform 500ms ease;}
.jsfw-one-single:hover .jsfw-one-img img { transform: scale(1.05);}
.jsfw-one-content { position: relative; display: block; background-color: rgb(255, 255, 255); box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .07); border-radius:10px; padding:10px 23px 29px; margin-top: -60px; margin-left: 30px; margin-right: 30px; overflow: hidden; transition: all 500ms ease;  z-index: 2;}
.jsfw-one-content:after {position: absolute;content: "";top: 0; left: 0; right: 0; height: 100%; background-color: rgb(25, 137, 251);
 box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .07); transition: all 500ms ease;  opacity: 1;  transform-origin: top; transform-style: preserve-3d; transform: scaleY(0); border-radius: var(--thm-bdr-radius); z-index: -1;}
.jsfw-one-single:hover .jsfw-one-content:after {  opacity: 1;  transform: scaleY(1.0);}
.jsfw-one-tagline { font-size: 14px; margin: 0;  line-height: 27px; transition: all 500ms ease;}
.jsfw-one-title {font-size: 20px;  font-weight: 800; line-height: 40px;  transition: all 500ms ease; margin-top:0px; width:100%; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jsfw-one-title a { color: var(--thm-black);  transition: all 500ms ease;}
.jsfw-one-arrow{ width:120px; margin:0px auto;}
.jsfw-one-arrow span{ display:block; border:1px solid #1989fb; color:#1989fb; font-size:14px; text-align:center; line-height:30px; transition: all 500ms ease;}
.jsfw-one-single:hover .jsfw-one-arrow span{ background:#fff; color:#1989fb;}
.jsfw-one-single:hover .jsfw-one-tagline,
.jsfw-one-single:hover .jsfw-one-title{ color:#fff;}
.jsfw-one-single:hover .jsfw-one-arrow a { color: var(--thm-extra);}






.jsfw_box_thr_box{ padding-top:30px; padding-bottom:20px;}
.jsfw-cent{ padding-top:50px;}
.jsfw_box{ width:100%; padding:140px 0px 0px;}
.jsfw_box_thr{ width:100%; padding-top:60px;}
.news-one__single { position: relative; display: block; margin-bottom: 30px;}
.news-one__img { position: relative; display: block; border-top-right-radius: 8px; border-top-left-radius: 8px; overflow: hidden;}
.news-one__img img { width: 100%; border-top-right-radius: 8px; border-top-left-radius: 8px; transition: all 500ms ease;transform: scale(1);}
.news-one__single:hover .news-one__img img { transform: scale(1.05);}
.news-one__img>a { top: 0; left: 0;right: 0; bottom: 0; background-color: rgba(var(--thm-black-rgb), 0.3); position: absolute; display: flex;  justify-content: center;
 align-items: center; font-size: 30px; color: var(--thm-base); border-top-right-radius: 8px;  border-top-left-radius: 8px;
 transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; visibility: hidden;  opacity: 0; transform: translateY(-30%);}
.news-one__img>a>span { position: relative;}
.news-one__img>a>span::before { content: ''; width: 20px;  height: 2px; background-color: var(--thm-base); position: absolute;top: 50%;  left: 50%; transform: translate(-50%, -50%); transition: all 500ms ease;}
.news-one__img>a>span::after { content: ''; transition: all 500ms ease;  width: 2px; height: 20px;  background-color: var(--thm-base); position: absolute;top: 50%;left: 50%;  transform: translate(-50%, -50%);}
.news-one__img>a:hover>span::before,
.news-one__img>a:hover>span::after {  background-color: var(--thm-primary);}
.news-one__single:hover .news-one__img>a { visibility: visible;  transform: translateY(0%); opacity: 1;}
.news-one__date-box { position: absolute; bottom: 0;  left: 0; background-color: var(--thm-base); padding: 17px 22px 20px; border-top-right-radius: 8px;}
.news-one__date-box p { font-size: 14px; color: var(--thm-black); font-weight: 800;  margin: 0;line-height: 17px;text-align: center;}
.news-one__content { position: relative; display: block;  background-color: rgb(255, 255, 255); box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .05);     padding: 9px 20px 16px;
 border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-bottom: 3px solid transparent; transition: all 500ms ease;}
.news-one__single:hover .news-one__content { border-bottom: 3px solid #ff0000;}
.news-one__meta {display: flex; -webkit-box-align: center;  align-items: center;margin: 0;}
.news-one__meta li+li { margin-left: 10px;}
.news-one__meta li a {color:#555555; font-size: 14px; transition: all 500ms ease;}
.news-one__meta li a:hover { color: var(--thm-extra);}
.news-one__meta li a i { color: var(--thm-extra);}
.news-one__title { font-size: 20px; font-weight: 700; line-height: 32px;}
.news-one__title a { color:#000; transition: all 500ms ease;}
.news-one__single:hover .news-one__title { color:#ff0000;}
.news-one__text {font-size: 16px; margin: 0;  line-height: 30px; padding-top: 13px;  padding-bottom: 8px; overflow-y:scroll;height: 100px;}

.news_txt_score{ width:100%; height:100px; overflow:hidden;}
.jsfw_tit h5{ font-size:30px; color:#cf0000; font-weight:bold;}
.jsfw_tit h6{ font-size:22px; color:#999;}


/*新闻页面*/
.newlist_box{ width:100%; padding-top:40px; padding-bottom:30px;}
.newlist_box ul{ width:100%;}
.newlist_box ul li{border-bottom: 1px solid #ecf0f2;padding: 24px 0 10px;}
.newlist_box ul li dl{ -webkit-transition: .3s; -o-transition: .3s;  -moz-transition: .3s; transition: .3s; position:relative; padding-left:120px; padding-bottom:15px;}
.newlist_box ul li dl dt{ position:absolute;top:0px; left:0px; height:100px; width:100px; background:#f5f5f5;}

.newlist_box ul li dl dt span.date{ padding-top:10px; line-height:40px; font-size:30px; color:#444; font-weight:bold; text-align:center; display:block; width:100%;}
.newlist_box ul li dl dt span.day{ padding-top:10px; line-height:20px; font-size:16px; color:#444; font-weight:normal; text-align:center; display:block; width:100%;}
.newlist_box ul li dl dd{ padding-top:10px; padding-right:10px; }
.newlist_box ul li dl dd h3{font-size: 20px;white-space: nowrap; margin-top:0px; margin-bottom:0px;  -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;font-weight:bold;}
.newlist_box ul li dl dd div{ font-size:13px; color:#ccc; padding-top:10px; padding-bottom:10px;}
.newlist_box ul li dl dd div span{ margin-right:20px;}
.newlist_box ul li dl dd p { color: #697e91; display: -webkit-box;  height: 60px; line-height: 30px;-o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size:16px;}
.newlist_box ul dl:hover{ -webkit-box-shadow: 0 10px 7px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 7px 1px rgba(0, 0, 0, 0.1); }
.newlist_box ul dl:hover h3{ color: #cf0000; }
.newlist_box ul dl:hover dt{ background:#cf0000; color:#fff;}
.newlist_box ul li dl:hover dt span.date{ color:#fff;}
.newlist_box ul li dl:hover dt span.day{ color:#fff;}
.page{ width:100%; text-align:center; margin-top:30px; margin-bottom:20px;}
.page a{ padding:5px 10px; font-size:14px; color:#999; line-height:25px; border:1px solid #eee; margin:0px 5px;}
.page a.cur{ background:#cf0000; color:#fff;}
.page a:hover{ background:#cf0000; color:#fff;}