/*
Theme Name: 一恒仪器 Yiheng
Theme URI: https://www.yihengyiqi.com
Author: 上海一恒
Description: 上海一恒科学仪器有限公司企业主题，支持产品展示、新闻动态。
Version: 1.0
License: GPL v2 or later
Text Domain: yiheng
*/
@charset "utf-8";

/* ========== CSS Reset ========== */
html { color: #000; background: #FFF; }
body {
  color: #666;
  font: 12px/1.231 "Microsoft YaHei", arial, helvetica, clean, sans-serif;
  min-width: 1200px;
  width: 100%;
  margin: 0; padding: 0;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0; padding: 0;
}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var, optgroup {
  font-style: inherit; font-weight: inherit;
}
del, ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
input, button, textarea, select, optgroup, option {
  font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
input, button, textarea, select { border: 0; outline: 0; }
input, select { vertical-align: middle; }
select, input, button, textarea { font: 99% "Microsoft YaHei", arial, helvetica, clean, sans-serif; }
a { color: #666; text-decoration: none; }
a:focus { outline: 0; }
p { word-spacing: -1.5px; }
i, em { font-style: normal; }
h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

/* ========== Utility Classes ========== */
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.pr { position: relative; }
.pa { position: absolute; }
.tl { text-align: left; }
.tr { text-align: right; }
.center { text-align: center; }
.mt10 { margin-top: 10px; }
.vam { vertical-align: middle; }

/* ========== Layout ========== */
.header, .content, .footer {
  width: 1200px;
  margin: 0 auto;
}
.g-wrap {
  width: 1200px;
  margin: 0 auto;
}
.col12 { width: 100%; }

/* ========== Top Bar ========== */
.top-bar {
  height: 40px;
  background-color: #f3f3f3;
  line-height: 40px;
  color: #222;
}
.top-bar a { color: #222; }
.top-bar a:hover { color: #077d42; }

/* ========== Header Top (Logo Area) ========== */
.top_bg {
  background: url(images/top_bg.gif) repeat-x;
  padding: 20px 0 0;
  height: 160px;
  position: relative;
  z-index: 10;
}
.top_bg .header { width: 1300px; margin: 0 auto; }
.h_con {
  height: 100px;
  overflow: hidden;
}
.h_con h1 {
  float: left;
  padding: 0 20px 0 0;
}
.h_con h1 img { width: 65px; height: 65px; }
.h_con .h_dw {
  float: left;
  color: #0051a3;
  font-weight: bold;
  line-height: 28px;
}
.h_dw img { width: 316px; height: auto; vertical-align: middle; }
.h_dw span {
  display: block;
  font-size: 18px;
  color: #000;
  font-weight: normal;
  line-height: 36px;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
}
.h_con .tel {
  float: right;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  background: url(images/tel.gif) no-repeat 0 35px;
  padding: 3px 0 0 60px;
  line-height: 28px;
}
.tel i {
  font-size: 24px;
  color: #0051a3;
  display: block;
}

/* ========== Search Box ========== */
.isearch {
  float: right;
  position: relative;
  width: 378px;
  height: 40px;
  margin: 20px 0;
  border: 1px solid #ddd;
  border-radius: 34px;
}
.isearch form { overflow: hidden; }
.isearch input { display: block; float: left; }
.isearch .text {
  width: 278px;
  height: 18px;
  line-height: 18px;
  padding: 11px 15px 11px 40px;
  background: transparent;
  border: 0;
  outline: 0;
}
.isearch .btn {
  width: 40px;
  height: 40px;
  text-indent: -99em;
  background: url(images/isearch.png) no-repeat center;
  cursor: pointer;
  border: 0;
}
.isearch:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 15px;
  background: #666;
  right: 46px;
  top: 50%;
  margin-top: -8px;
}

/* ========== Navigation Menu ========== */
.h_nav {
  height: 60px;
  line-height: 60px;
  background-color: #0051a3;
}
.h_nav ul { list-style: none; margin: 0; padding: 0; }
.h_nav > ul > li {
  height: 60px;
  float: left;
  background: url(images/nav_bor.gif) no-repeat right 0;
  margin-left: -1px;
  position: relative;
}
.h_nav > ul > li > a {
  font-size: 16px;
  color: #fff;
  padding: 0 35px;
  display: block;
  float: left;
  position: relative;
  z-index: 4;
  text-decoration: none;
}
.h_nav > ul > li:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  background-color: #46af33;
  bottom: 0;
  left: 0;
  -webkit-transition: height .3s;
  transition: height .3s;
}
.h_nav > ul > li:hover:after,
.h_nav > ul > li.cur:after { height: 100%; }

/* Dropdown sub-menu */
.h_nav li .erji {
  display: none;
  background: #0051a3;
  width: 135px;
  text-align: center;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 100;
}
.h_nav li .erji li {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  background: none;
  margin: 0;
  float: none;
  width: 100%;
}
.h_nav li .erji li a {
  height: 40px;
  line-height: 40px;
  width: 135px;
  padding: 0;
  font-size: 14px;
  color: #fff;
  display: block;
  text-align: center;
  background: #0051a3;
}
.h_nav li .erji li a:hover {
  background: #46af33;
  color: #fff;
}
.h_nav li:hover .erji { display: block; }

/* ========== Hot Search Bar ========== */
.isearch-wrap {
  height: 82px;
  line-height: 82px;
  color: #333;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
}
.isearch-wrap .content {
  width: 1200px;
  margin: 0 auto;
}
.isearch-wrap span { font-weight: bold; }
.isearch-wrap a {
  padding: 0 10px;
  color: #333;
}
.isearch-wrap a:hover { color: #077c41; }

/* ========== Footer Green Nav Wrap ========== */
.f_nav_wrap {
  background: #46af33;
  overflow: hidden;
}
.f_nav_wrap .content {
  width: 1200px;
  margin: 0 auto;
}
.f_nav {
  height: 40px;
  line-height: 40px;
  text-align: center;
  overflow: hidden;
  color: #fff;
  margin: 0;
  padding: 0;
  list-style: none;
}
.f_nav li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.f_nav li:not(:last-child)::after {
  content: '|';
  color: #fff;
  padding: 0 10px;
}
.f_nav a {
  font-size: 14px;
  color: #fff;
  padding: 0 5px;
  text-decoration: none;
  display: inline-block;
}
.f_nav a:hover { color: #fff; text-decoration: underline; }


/* ========== Footer ========== */
.f_bg {
  background: url(images/f_bg.gif) repeat-x;
  height: 329px;
  overflow: hidden;
}
.footer { width: 1200px; margin: 0 auto; overflow: hidden; }

.f_logo {
  padding: 90px 0 0;
  width: 370px;
  height: 350px;
  text-align: center;
  background: url(images/f_line.gif) no-repeat right 36px;
}
.f_logo img { width: 348px; height: 80px; }
.f_logo b {
  display: block;
  font-size: 24px;
  color: #fff;
  padding: 10px 0 0;
}

.f_ban {
  padding: 35px 0 0 40px;
  height: 219px;
  width: 445px;
  background: url(images/f_line.gif) no-repeat right 36px;
}
.f_ban p {
  font-size: 14px;
  color: #dde3ee;
  line-height: 32px;
}
.f_ban a { font-size: 14px; color: #dde3ee; }
.f_ban a:hover { color: #46af33; }

.f_er {
  padding: 35px 0 0;
  width: 340px;
}
.f_er p {
  float: left;
  width: 150px;
  text-align: center;
  padding: 0 0 0 20px;
}
.f_er span {
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
}
.f_er span i { display: block; }
.f_er img { width: 150px; height: 150px; }

/* ========== Floating Sidebar ========== */
.youce {
  display: block;
  width: 15px;
  margin-right: -520px;
  position: fixed;
  right: 42%;
  z-index: 100;
  bottom: 0;
}
.youce ul li {
  margin-bottom: 3px;
  width: 41px;
  height: 41px;
  overflow: hidden;
}
.youce ul li a {
  display: block;
  height: 41px;
  width: 41px;
  background: #042956;
}
.youce ul li a:hover { background: #46af33; }
.youce ul li em {
  display: block;
  height: 41px;
  width: 41px;
}
.youce ul li a.yc3 em {
  background: url(images/yc_03.png) no-repeat center center;
}
.youce ul li a.yc4 em {
  background: url(images/yc_04.png) no-repeat center center;
}
.youce ul li a.yc3 .wx_box {
  bottom: 3px;
  cursor: default;
  display: none;
  padding-right: 9px;
  position: absolute;
  right: 46px;
  width: 153px;
}
.youce ul li a.yc3 .yc_weixin {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #d6d6d6;
  padding: 12px 11px 0;
}
.youce ul li a.yc3 .yc_weixin span {
  color: #333;
  display: block;
  line-height: 30px;
  text-align: center;
}
.youce ul li a.yc3:hover .wx_box { display: inline; }

/* ========== Inner Page: Breadcrumb ========== */
.plc {
  background: url(images/logo_03.png) no-repeat 2px 6px;
  height: 32px;
  line-height: 32px;
  padding: 7px 8px 8px 42px;
  position: relative;
  color: #666;
  overflow: hidden;
  font-size: 16px;
  border-bottom: 1px solid #ececec;
  font-family: "Microsoft Yahei", "微软雅黑";
}
.plc .red_x {
  color: #46af33;
  font-weight: bold;
  font-size: 16px;
}
.plc a { font-size: 16px; color: #666; }
.plc a:hover { color: #46af33; }

/* ========== Inner Page: Banner ========== */
.topadcs {
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
}
.topadcs a { display: block; margin: 0 auto; }
.topadcs a.fullad {
  height: 300px;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}
.topadcs a img { width: 100%; height: auto; display: block; }

/* ========== Inner Page: All Title ========== */
h2.all_title {
  background: url(images/logo_03.png) no-repeat scroll center 12px;
  color: #353535;
  display: block;
  font-size: 38px;
  height: 20px;
  font-weight: normal;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 40px;
}

/* ========== Inner Page: Sub Nav ========== */
.a_nav {
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  border-bottom: 1px solid #ececec;
}
.a_nav ul li {
  float: left;
  margin-right: 30px;
}
.a_nav ul li a {
  font-size: 15px;
  color: #333;
  padding: 0 10px;
  display: block;
}
.a_nav ul li a:hover,
.a_nav ul li.cur a {
  color: #46af33;
  border-bottom: 2px solid #46af33;
}

/* ========== Inner Page: Content Area ========== */
.allcontent {
  padding: 20px 0 40px;
  line-height: 2;
  font-size: 14px;
  color: #333;
}
.allcontent p { margin-bottom: 10px; }
.allcontent img { max-width: 100%; height: auto; }

/* ========== Inner Page: Product List ========== */
.cp_list { overflow: hidden; padding: 20px 0 40px; }
.cp_list li {
  float: left;
  width: 280px;
  margin: 0 15px 20px 0;
  border: 1px solid #e3e3e3;
  text-align: center;
  transition: border-color .3s;
}
.cp_list li:hover { border-color: #46af33; }
.cp_list li a { display: block; padding: 10px; }
.cp_list li img {
  width: 258px;
  height: 200px;
  object-fit: cover;
}
.cp_list li span {
  display: block;
  padding: 8px 0;
  font-size: 14px;
  color: #333;
}

/* ========== Inner Page: News List ========== */
.news_list { padding: 10px 0; }
.news_list li {
  height: 45px;
  line-height: 45px;
  border-bottom: 1px dashed #dadada;
  overflow: hidden;
}
.news_list li span {
  float: right;
  color: #7b7b7b;
  font-size: 14px;
}
.news_list li a {
  display: block;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 110px;
}
.news_list li a:hover { color: #46af33; }

/* ========== Inner Page: Contact ========== */
.contact_info { padding: 30px 0 40px; }
.contact_info p {
  font-size: 16px;
  line-height: 2.5;
  color: #333;
}

/* ========== Inner Page: Message Form ========== */
.msg_form { padding: 20px 0 40px; max-width: 600px; }
.msg_form .form-group { margin-bottom: 15px; }
.msg_form label {
  display: block;
  font-size: 14px;
  color: #333;
  margin-bottom: 5px;
}
.msg_form input[type="text"],
.msg_form textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  font-size: 14px;
  border-radius: 4px;
  box-sizing: border-box;
}
.msg_form textarea { height: 120px; resize: vertical; }
.msg_form .submit-btn {
  display: inline-block;
  padding: 10px 40px;
  background: #0051a3;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  border: 0;
  border-radius: 4px;
}
.msg_form .submit-btn:hover { background: #46af33; }

/* ========== Inner Page: Partner Grid ========== */
.partner_list { overflow: hidden; padding: 20px 0 40px; }
.partner_list li {
  float: left;
  width: 188px;
  margin: 0 14px 20px 0;
  text-align: center;
}
.partner_list li .pic {
  display: block;
  padding: 7px;
  background: #d0d0d0;
}
.partner_list li .pic img { width: 174px; height: 110px; }
.partner_list li span {
  display: block;
  font-size: 14px;
  color: #333;
  line-height: 32px;
}

/* ========== Links ========== */
.links {
  height: 80px;
  line-height: 80px;
  overflow: hidden;
}
.links_l {
  width: 140px;
  font-size: 16px;
  color: #0051a3;
}
.links_l i {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 0 0 0 8px;
}
.links_c { width: 1060px; }
.links_c a {
  font-size: 14px;
  color: #2d2c32;
  display: inline-block;
  padding: 0 18px;
}
@charset "utf-8";

/* ========== Banner Slider ========== */
.banner {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.banner .bd {
  margin: 0 auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
  width: 100%;
  height: 500px;
}
.banner .bd ul {
  width: 100% !important;
  height: 500px;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.banner .bd li {
  width: 100% !important;
  height: 500px;
  overflow: hidden;
  text-align: center;
  background-position: center top;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.banner .bd li:first-child { display: block; }
.banner .bd li a {
  display: block;
  height: 500px;
}
.banner .hd {
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 30px;
  left: 0;
  height: 30px;
  line-height: 30px;
}
.banner .hd ul {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.banner .hd ul li {
  cursor: pointer;
  display: inline-block;
  width: 88px;
  height: 6px;
  margin: 0 2px;
  overflow: hidden;
  background: #fff;
  line-height: 999px;
  transition: background .3s;
}
.banner .hd ul li.on { background: #087B40; }
.banner .prev,
.banner .next {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -47px;
  width: 35px;
  height: 95px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity .3s;
  display: none;
}
.banner:hover .prev,
.banner:hover .next { display: block; }
.banner .prev:hover,
.banner .next:hover { opacity: 1; }
.banner .prev {
  background: url(images/banner-btn.png) 0 0;
  left: 50%;
  margin-left: -646px;
}
.banner .next {
  background: url(images/banner-btn.png) -35px 0;
  right: 50%;
  margin-right: -646px;
}

/* ========== Section Title ========== */
.imain-ti {
  text-align: center;
  font-size: 30px;
  position: relative;
  line-height: 40px;
}
.imain-ti a { color: #222; }
.imain-ti .line {
  position: absolute;
  width: 46px;
  height: 3px;
  background: #46af33;
  bottom: -34px;
  left: 50%;
  margin-left: -23px;
  transition: all .5s;
}
.imain-ti:hover a { color: #46af33; }
.imain-ti:hover .line {
  width: 100px;
  margin-left: -50px;
}
.imain-en {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-bottom: 10px;
}

/* ========== Product Section ========== */
.ipro {
  padding-bottom: 20px;
  overflow: hidden;
}
.ipro .content { min-height: 736px; }

/* Category intro */
.container-f {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 30px;
}
.left-wrapper-f { float: left; display: none; }
.left-f {
  position: absolute;
  width: 225px;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  top: 49%;
}
.left-f h2 {
  color: #fff;
  background: #0051a3;
  padding: 20px;
  font-size: 20px;
}
.right-f { float: left; }
.right-f a { font-weight: bold; }
.fl-ul-f { margin-top: 10px; list-style: none; }
.fl-li-f {
  overflow: hidden;
  font-size: 14px;
  margin-top: 10px;
  display: none;
}
.fl-li-f:nth-child(1),
.fl-li-f:nth-child(2) {
  display: block;
}
.introduceSpan {
  display: block;
  margin-left: 18px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 6px 6px 6px 12px;
}
.introduceSpan a {
  font-size: 16px;
  color: #0051a3;
  display: block;
  margin-bottom: 4px;
}
.introduceBody {
  font-size: 14px;
  color: #949494;
  line-height: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.spans {
  font-size: 14px;
  color: #949494;
  line-height: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* Product navigation sidebar */
.ipro_column { margin-top: 40px; }
.ipro-nav {
  width: 226px;
  float: left;
  text-align: center;
}
.ipro-nav h2 {
  height: 85px;
  line-height: 84px;
  background: #46af33;
  color: #fff;
  font-size: 20px;
  display: none;
}
.ipro-nav a { display: block; }
.ipro-nav .one {
  height: 50px;
  margin-bottom: 1px;
  background: #0051a3;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
.ipro-nav .two {
  margin-top: -1px;
  border-width: 0 1px;
  border-style: solid;
  border-color: #d2d3d3;
}
.ipro-nav .two a {
  height: 43px;
  line-height: 43px;
  border-top: 1px dashed #d2d3d3;
  border-left: 2px solid transparent;
  font-size: 14px;
  color: #333;
  transition: all .3s;
}
.ipro-nav .two a:first-child { border-top: 0; }
.ipro-nav .two a:hover {
  border-left-color: #46af33;
  color: #46af33;
}
.ipro-nav dd .service-hotline {
  height: 90px;
  line-height: 45px;
  font-size: 20px;
  color: #fff;
  background: #0051a3;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

/* Product grid */
.ipro-small {
  float: left;
  width: 969px;
  margin-left: 5px;
}
.ipro_as { overflow: hidden; }
.ipro_as a {
  display: block;
  float: left;
  width: 184px;
  height: 180px;
  margin-left: 5px;
  margin-bottom: 5px;
  border: 2px solid #dbdbdb;
  position: relative;
  overflow: hidden;
  transition: border-color .3s;
}
.ipro_as a:hover {
  border: 2px solid #46af33;
}
.ipro_as a img {
  width: 180px;
  height: 150px;
  object-fit: cover;
  transition: all .5s;
}
.ipro_as a:hover img {
  opacity: 0.8;
  transform: scale(1.1);
}
.ipro_as .ti {
  position: absolute;
  width: 180px;
  height: 30px;
  background-color: rgba(0,0,0,0.6);
  color: #fff;
  line-height: 30px;
  padding: 0 5px;
  font-size: 14px;
  left: 0;
  bottom: 0;
  z-index: 1;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* ========== About Section ========== */
.iabout {
  padding: 25px 0;
  width: 100%;
  overflow: hidden;
}
.iabout-video {
  display: block;
  float: left;
  margin-top: 50px;
  position: relative;
  width: 600px;
  height: 404px;
  overflow: hidden;
}
.iabout-video img {
  width: 600px;
  height: 404px;
  object-fit: cover;
  transition: all .5s;
}
.iabout-video:hover img {
  opacity: 0.8;
  transform: scale(1.1);
}
.iabout-video .black-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0;
  transition: opacity .5s;
}
.iabout-video:hover .black-bg { opacity: 0.5; }
.iabout-video .icon {
  position: absolute;
  width: 78px;
  height: 78px;
  top: 50%;
  left: 50%;
  margin-top: -36px;
  margin-left: -36px;
  background: url(images/video_btn.png) no-repeat;
  transition: transform 1s;
}
.iabout-video:hover .icon {
  transform: rotate(360deg);
}
.iabout-video i {
  position: absolute;
  width: 35px;
  height: 46px;
  background: url(images/jt1.png) no-repeat;
  bottom: 0;
  left: -35px;
}
.iabout-cont {
  width: 480px;
  height: 294px;
  padding: 60px 60px 50px;
  margin: 50px 0 0 600px;
  background-color: #f6f6f6;
  font-size: 14px;
  color: #333;
  position: relative;
}
.iabout-cont .ti {
  font-size: 16px;
  font-weight: bold;
}
.iabout-cont .desc {
  line-height: 24px;
  margin-top: 25px;
}
.iabout-cont i {
  position: absolute;
  width: 35px;
  height: 46px;
  background: url(images/jt2.png) no-repeat;
  bottom: 0;
  right: -35px;
}

/* ========== News Section ========== */
.inaq {
  padding: 45px 0 10px;
  overflow: hidden;
}
.inaq .content { min-height: 480px; overflow: hidden; }
.inews {
  width: 450px;
  margin: 0 0 0 60px;
  float: left;
}
.inews .hd, .hydt .hd {
  height: 50px;
  line-height: 50px;
  color: #333;
  font-size: 20px;
}
.inews .hd a, .hydt .hd a {
  display: block;
  float: right;
  font-size: 14px;
  color: #333;
  text-transform: uppercase;
}
.inews .hd i, .hydt .hd i {
  font-size: 14px;
  color: #999;
  text-transform: uppercase;
  padding-left: 10px;
  font-style: normal;
}
.inews .hd a:hover, .hydt .hd a:hover { color: #46af33; }

.inews-pic {
  height: 275px;
  margin-top: 5px;
}
.inews-pic dt img {
  width: 450px;
  height: 168px;
  vertical-align: middle;
  object-fit: cover;
}
.inews-pic dd {
  padding: 5px 0 0;
  overflow: hidden;
}
.inews-pic dd span {
  display: block;
  float: left;
  width: 70px;
  font-size: 14px;
  color: #333;
}
.inews-pic dd p {
  float: left;
  border-left: solid 2px #ccc;
  padding-left: 20px;
  width: 418px;
}
.inews-pic dd p a {
  display: block;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.inews-pic dd p em {
  display: block;
  font-size: 14px;
  color: #585858;
  padding: 8px 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.inews-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.inews-list li {
  padding: 10px 0;
  border-bottom: dashed 1px #dadada;
  overflow: hidden;
  display: block;
  height: auto;
  min-height: auto;
}
.inews-list li span {
  float: right;
  color: #7b7b7b;
  font-size: 14px;
}
.inews-list li a {
  display: block;
  width: 410px;
  color: #333;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.inews-list li a:hover { color: #46af33; }

.hydt {
  width: 300px;
  padding-left: 20px;
  margin-left: 20px;
  border-left: solid 1px #f2f2f2;
  min-height: 480px;
  float: left;
}
.hydt .list { margin-top: 10px; }
.hydt .list .inews-list p {
.hydt .list .inews-list li .spans, .inews-list li p {
  display: block;
  font-size: 13px;
  color: #949494;
  line-height: 1.8;
  margin: 4px 0 0;
  clear: both;
}
  padding: 0;
  margin: 0;
  border: 0;
}
.hydt .list .inews-list p .spans {
.hydt .list .inews-list li .spans, .inews-list li p {
  display: block;
  font-size: 13px;
  color: #949494;
  line-height: 1.8;
  margin: 4px 0 0;
  clear: both;
}
  display: block;
  font-size: 14px;
  color: #949494;
  line-height: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* ========== Client Carousel ========== */
.icase-wrap {
  width: 100%;
  position: relative;
  padding: 50px 0 30px;
  overflow: hidden;
  z-index: 1;
}
.icase-wrap .gray-bg {
  width: 100%;
  height: 315px;
  background: #f6f6f6;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.iclient {
  position: relative;
  margin-top: 40px;
}
.iclient .box {
  width: 1200px;
  height: 156px;
  overflow: hidden;
  margin: 0 auto;
}
.iclient .iclient-ul {
  height: 156px;
  white-space: nowrap;
  font-size: 0;
}
.iclient .item {
  display: inline-block;
  width: 188px;
  margin-right: 14px;
  text-align: center;
  font-size: 14px;
  color: #333;
  line-height: 32px;
  vertical-align: top;
  white-space: normal;
}
.iclient .item:hover { color: #46af33; }
.iclient .pic {
  display: block;
  padding: 7px;
  background: #d0d0d0;
  position: relative;
  margin-bottom: 5px;
}
.iclient .pic, .iclient .pic img {
  width: 174px;
  height: 110px;
}
.iclient .pic:before, .iclient .pic:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -94px;
  opacity: 0;
  visibility: hidden;
  transition: all .5s;
}
.iclient .pic:before {
  top: 0;
  width: 188px;
  height: 110px;
  border-top: 7px solid #46af33;
  border-bottom: 7px solid #46af33;
  transform: scale3d(0, 1, 1);
}
.iclient .pic:after {
  bottom: 0;
  width: 174px;
  height: 124px;
  border-right: 7px solid #46af33;
  border-left: 7px solid #46af33;
  transform: scale3d(1, 0, 1);
}
.iclient .item:hover .pic:before,
.iclient .item:hover .pic:after {
  opacity: 1;
  visibility: visible;
  transform: scale3d(1, 1, 1);
}
.iclient .btn {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 50%;
  margin-top: -23px;
  background: url(images/icase_btn.png) no-repeat;
  cursor: pointer;
  z-index: 2;
}
.iclient .btn.prev {
  left: -70px;
  background-position: 0 0;
}
.iclient .btn.next {
  right: -70px;
  background-position: -54px 0;
}
.iclient .btn.prev:hover { background-position: 0 -54px; }
.iclient .btn.next:hover { background-position: -54px -54px; }

/* ========== Animations ========== */
.scale { overflow: hidden; display: block; }
.scale img {
  transition: all .5s;
}
.scale:hover img {
  opacity: 0.8;
  transform: scale(1.1);
}
.imain-ti .line {
  transition: all .5s;
}
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@charset "utf-8";

/* ========== Inner Page Common ========== */
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.bg { background: #FFF; }

/* ========== Page Banner ========== */
.topadcs a.fullad {
  height: 300px;
  background-size: cover !important;
}

/* ========== Breadcrumb ========== */
.plc {
  background: url(images/logo_03.png) no-repeat 2px 6px;
  height: 32px;
  line-height: 32px;
  padding: 7px 8px 8px 42px;
  position: relative;
  color: #666;
  overflow: hidden;
  font-size: 16px;
  border-bottom: 1px solid #ececec;
  font-family: "Microsoft Yahei", "微软雅黑";
}
.plc .red_x {
  color: #46af33;
  font-weight: bold;
  font-size: 16px;
}
.plc a {
  font-style: normal;
  font-size: 16px;
  color: #666;
}
.plc a:hover { color: #46af33; }

/* ========== Sub Nav ========== */
.a_nav {
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  border-bottom: 1px solid #ececec;
}
.a_nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.a_nav ul li {
  margin-right: 30px;
}
.a_nav ul li a {
  font-size: 15px;
  color: #333;
  padding: 0 10px;
  display: block;
  text-decoration: none;
}
.a_nav ul li a:hover,
.a_nav ul li.cur a {
  color: #46af33;
}

/* ========== Content ========== */
.allcontent {
  padding: 30px 0 40px;
  line-height: 2;
  font-size: 14px;
  color: #333;
}
.allcontent p {
  margin-bottom: 10px;
  word-spacing: normal;
}
.allcontent img {
  max-width: 100%;
  height: auto;
}
.allcontent h2.all_title {
  background: none;
  color: #353535;
  display: block;
  font-size: 30px;
  height: auto;
  font-weight: normal;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 1.5;
}

/* ========== Product List Page ========== */
.cp-list-wrap {
  padding: 20px 0 40px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.cp-list-wrap .cp-item {
  border: 1px solid #e3e3e3;
  text-align: center;
  transition: border-color .3s, box-shadow .3s;
  background: #fff;
  overflow: hidden;
  height: auto;
  min-height: 240px;
}
.cp-list-wrap .cp-item:hover {
  border-color: #46af33;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.cp-list-wrap .cp-item a {
  display: block;
  padding: 8px;
  color: #333;
  text-decoration: none;
}
.cp-list-wrap .cp-item img {
  width: 100%;
  height: 180px;
  object-fit: contain;
}
.cp-list-wrap .cp-item span {
  display: block;
  padding: 8px 4px;
  font-size: 13px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* ========== News List Page ========== */
.news-list-wrap {
  padding: 10px 0;
}
.news-list-wrap .news-item {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px dashed #dadada;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.news-list-wrap .news-item .date {
  color: #7b7b7b;
  font-size: 14px;
  margin-right: 20px;
  white-space: nowrap;
}
.news-list-wrap .news-item a {
  flex: 1;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.news-list-wrap .news-item a:hover {
  color: #46af33;
}

/* ========== Pagination ========== */
.pagination {
  text-align: center;
  padding: 30px 0 40px;
}
.pagination a,
.pagination span {
  display: inline-block;
  padding: 6px 14px;
  margin: 0 3px;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #333;
  border-radius: 3px;
  transition: all .3s;
}
.pagination a:hover,
.pagination span.current {
  background: #46af33;
  color: #fff;
  border-color: #46af33;
}

/* ========== Sidebar Layout (used in product/tech support pages) ========== */
.left {
  width: 260px;
  float: left;
  overflow: hidden;
}
.right_main,
.right {
  width: 910px;
  float: right;
  overflow: hidden;
}

/* Sidebar Menu */
.sidebar-menu {
  border: 1px solid #e3e3e3;
}
.sidebar-menu h3 {
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #0051a3;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  position: relative;
}
.sidebar-menu h3::after,
.sidebar-menu h3::before {
  display: none !important;
}
.sidebar-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-menu ul li {
  border-bottom: 1px solid #eee;
}
.sidebar-menu ul li a {
  display: block;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  border-left: 3px solid transparent;
  transition: all .3s;
}
.sidebar-menu ul li a:hover,
.sidebar-menu ul li.cur a {
  color: #46af33;
  border-left-color: #46af33;
  background: #f9f9f9;
}

/* ========== Contact Page ========== */
.contact-info-wrap {
  padding: 30px 0 40px;
  overflow: hidden;
}
.contact-info-wrap .info-item {
  margin-bottom: 25px;
}
.contact-info-wrap .info-item strong {
  display: inline-block;
  min-width: 100px;
  font-size: 16px;
  color: #0051a3;
}
.contact-info-wrap .info-item span {
  font-size: 16px;
  color: #333;
}

/* ========== Tech Support / Download Center ========== */
.resource-list {
  padding: 10px 0;
}
.resource-list .resource-item {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px dashed #dadada;
  overflow: hidden;
}
.resource-list .resource-item a {
  font-size: 14px;
  color: #333;
}
.resource-list .resource-item a:hover { color: #46af33; }
.resource-list .resource-item .date {
  float: right;
  color: #7b7b7b;
  font-size: 14px;
}

/* ========== Message Form Page ========== */
.message-form-wrap {
  padding: 30px 0 40px;
  max-width: 700px;
  margin: 0 auto;
}
.message-form-wrap .form-group {
  margin-bottom: 20px;
}
.message-form-wrap label {
  display: block;
  font-size: 14px;
  color: #333;
  margin-bottom: 8px;
  font-weight: bold;
}
.message-form-wrap label .required {
  color: #e74c3c;
  margin-left: 4px;
}
.message-form-wrap input[type="text"],
.message-form-wrap input[type="tel"],
.message-form-wrap input[type="email"],
.message-form-wrap textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ddd;
  font-size: 14px;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: "Microsoft YaHei", arial, sans-serif;
  transition: border-color .3s;
}
.message-form-wrap input[type="text"]:focus,
.message-form-wrap textarea:focus {
  border-color: #46af33;
  outline: none;
}
.message-form-wrap textarea {
  height: 150px;
  resize: vertical;
}
.message-form-wrap .submit-btn {
  display: inline-block;
  padding: 12px 50px;
  background: #0051a3;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  border: 0;
  border-radius: 4px;
  transition: background .3s;
}
.message-form-wrap .submit-btn:hover {
  background: #46af33;
}

/* ========== Partner Page ========== */
.partner-grid {
  padding: 20px 0 40px;
  overflow: hidden;
}
.partner-grid .partner-item {
  float: left;
  width: 220px;
  margin: 0 20px 25px 0;
  text-align: center;
}
.partner-grid .partner-item .pic {
  display: block;
  padding: 7px;
  background: #f0f0f0;
  border: 1px solid #e3e3e3;
  margin-bottom: 8px;
  transition: border-color .3s;
}
.partner-grid .partner-item .pic img {
  width: 204px;
  height: 130px;
  object-fit: contain;
}
.partner-grid .partner-item .pic:hover {
  border-color: #46af33;
}
.partner-grid .partner-item span {
  font-size: 14px;
  color: #333;
}

/* ========== Page-Specific Banner Colors ========== */
.page-banner { background-color: #0051a3; }
.page-banner h2 {
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-weight: normal;
  padding: 120px 0;
}

/* ========== Client Logos Section ========== */
.clients-section {
  background: #f5f5f5;
  padding: 40px 0;
  overflow: hidden;
}
.clients-title {
  text-align: center;
  font-size: 24px;
  color: #333;
  margin-bottom: 30px;
  font-weight: bold;
}
.clients-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.client-item {
  width: 180px;
  text-align: center;
}
.client-item img {
  width: 180px;
  height: 120px;
  object-fit: contain;
  background: #fff;
  border: 1px solid #e0e0e0;
  padding: 10px;
  margin-bottom: 10px;
}
.client-item p {
  font-size: 14px;
  color: #666;
  margin: 0;
}

/* 隐藏菜单下拉三角 */
.menu-item-has-children > a::after,
.menu-item-has-children::after { display: none !important; }

/* 新闻列表排版 */
.xwdt-item {
  border-bottom: 1px solid #eee;
  padding: 15px 0;
  overflow: hidden;
  clear: both;
}
.xwdt-item .xwdt-date {
  float: right;
  color: #999;
  font-size: 13px;
  line-height: 24px;
}
.xwdt-item .xwdt-cat {
  color: #46af33;
  font-size: 12px;
  margin-right: 10px;
}
.xwdt-item .xwdt-title {
  font-size: 15px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.5;
}
.xwdt-item .xwdt-desc {
  color: #999;
  font-size: 13px;
  margin: 5px 0 0;
  line-height: 1.6;
}