@import url("//at.alicdn.com/t/font_465532_fpd1pjy00bkgwrk9.css");
.Pagebg { background-color: rgb(255, 255, 255) !important; }
.ThemeSfont, .ThemeSfonthover:hover { }
.Themebdhover:hover, .Themeborder { border-color: rgb(6, 56, 112) !important; }
.Themefonthover:hover, .Custom_AuxiliaryFontColor { color: rgb(6, 56, 112) !important; }
.Themebghover:hover, .Themebghover:focus, .Custom_AuxiliaryBg { background-color: rgb(6, 56, 112) !important; }
.Themebg, .Custom_Themebg:hover, .home-title span.in::before { background-color: rgb(6, 56, 112) !important; }
.Themefont { color: rgb(6, 56, 112) !important; }
.headfont, .common_top, .common_top a { }
.ThemeFborder { border-color: rgb(6, 56, 112) !important; }
.NavBoxPublic .TriangleBtn::before { border-color: rgb(6, 56, 112) !important; }
.ThemeSbg { }
@font-face { font-family: theme; src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAjwAAsAAAAADFQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW70jXY21hcAAAAYAAAACKAAAB9GobPANnbHlmAAACDAAABL4AAAWw1YRummhlYWQAAAbMAAAALwAAADYPa5AUaGhlYQAABvwAAAAcAAAAJAfeA4lobXR4AAAHGAAAABQAAAAgH+kAAGxvY2EAAAcsAAAAEgAAABIGJARCbWF4cAAAB0AAAAAfAAAAIAEYAKFuYW1lAAAHYAAAAUgAAAJJIbc6WnBvc3QAAAioAAAARgAAAFv2pjT3eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/ss4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDx7xtzwv4EhhrmJoREozAiSAwA2LA1aeJzFkcENwjAQBMc4JBLiQSGUQC28KCI18KKDFBClrW0j7PkiARL/rDWWbmX7rD3gCFRzNR2UF4XQ025pfuXU/I6764tXnB+Fbpo0a5HW9a/zrdJuflY4PQf3r355cNmzm8p+rX91bvtjq5wK44a/KBLn5qQTJ4imJGapOYkZaUlirlLC8Aax6yugAAB4nEWTXWwUVRTH77l3Pu7MzsfO57bbbre77c7QAovd3c6CsFuooJSPllJD8GsTlURAa6JIS8ECrZTwJWpjSMSEWEJqIkQT45v4gJKAPulTjUEMyoMJiUEfig909E6pODO5uffce35zz/+cg3iE/rlFLpM6ZKFFqAOtRVsQAmExZDWcgoxfyuPF4GR4J2FrxG/xM2JLNk8qkMgKtlsISl5CEAUdNGiCYqYQ+HnsQ2epildCwU0B1DckB8xco0neBbnOb5oIN+Dz4KRbGvXq0rBnSZddaLbosGKa9aZ5igo8TzHmdA0GE67ES7IQXuD1pHM53YbToNT7yU1Pqc0N5vPHSq+mcgkJ4PBhsBqatY+7jKTBvjeTrmXWi3GV1iXVllYbhm/H6iwl5f2G2INZrGfIdbIbpVAbi7IK5Tz4GohNkGCjU/SZhc3FYmce4MGc2fOAP+juA3J+ZOQ8gZ7q25/h1cDdnJ6+ycFqPB3G8cFa7SCeH+FJb6x/ZIqQqZHNh7z87x+a5vQNjrsxbZpnbkNbbZSQ0VptFONRdh9g9/kJ/0IyyGQLbxl4TFQWVaRsGYISnklevEqdOIW94Ukadygcp/Be8uI30Tw8ER6nji7CMeousH5mrNZ5lpuGKDm+xCheVmREaFtghSdh77z/MIXBBRYMwXDECvfRBGMJjHWI/ErGkYcqqBftRuPofYR4wWdy5aHMlAmiPwhiliXfTTRBoYvJlWY1IGrAauGBMeEGZaZui+d75aDM56HT96rzV3OYa8nPRhE/RM47RK8gRmC2QdhGZCeRzRP8hbPVh+fwKBVXXz3wyqBqjquyye8TpRhoREiWso+vilvUol9RjuNfnLuXWUflbXve+Hx523r7rNqe2r59hykZ+IKsU6w6BuYJKMoSUePUdLF8aiAmYd6Snz67sjNLeSJJwI3KGpYe2fBcIEvUVlbuGigroMY4fNHm9d6CLCi2XMkvdkhMPgycuGt838ymjdswJ9DvYglOUfWervalMYWC8I5gUf0IvmuuynV8Obb/BZE80bpH1snOof60MgWq1KHEOUVuULWYgclHMk2vqzy2I8WuE6M4/XLPmk2aJTs8wedU+dFdz651eMuVuLrNLw2tUQyMsQx2UGsUbEvgs8uD7pjJscSxfJ4iIRlCzazuO9Ea1IdQTuCaW6OCD5pAYGmL9I9W3oLqUQMUXFvIev83SRUIGwUseph5WolyYC5suiYJafh9uCf8QZKv98g6jklHXsP43szMLIHXJySF6PKGb+c+gfJAmX1/4v5KZSvA1kql//TgJIldKQdXZDxZi8frZw1yaWzsEmfMtvf29fWu7aYQs3RwVli59Rivz9krbKzZMZC64VZ7BCu3/YfCuB8CMjl4NvyjWAD93ODk/bu6bsCqq2OXCKNeD689qG+EyI/4DmpEGdSO8qiAiqxrDFt0WCyZ+cLsNEpBFwTFDKu1DteRwONYH4nCMoBEhtWtAW7C4BlFaE/d/9vOabyRdCFukgJpFXDowdQzc1tKOBmUTHNneAfIorlrR4/ijRMT4Sz+dO5rKkFTK5hxMZnG2TpfBB4LnkjD03CAYBJ+0bHMMGrhHQwr9u8PEajjb8G9v9C/jDgRqQAAeJxjYGRgYABixQmLI+P5bb4ycLMwgMA1NTVuBP2/noWBuQnI5WBgAokCAOc7B8kAeJxjYGRgYG7438AQw8IAAkCSkQEVcAAARw4CcXicY2FgYGB+ycDAwoAdAwAa1wEJAAAAAAB2AL4A5AEKAfICegLYAAB4nGNgZGBg4GCYysDGAAJMQMwFhAwM/8F8BgAYOQG6AHicXZA9TsNAEIWf84dwJAoQFFRLkwIk56egCGVE0qdInzjr2JHttdabSDkPNSegpuYGdKm5Ai/OIKJ49UbfvJ2Z3TWAa3zDw/G7pY7socnsyDVc4F64Tv9BuEHuCDfRxpNwi9mzsE/3RbiNG0Sc4DUumT1iJ+yx6k24hiu8C9fpfwg3yJ/CTdzhS7hFfy/sY4Yf4TY63qs/snru9FItdioJTR6Z3Pku1pme6tUmnduKqzDTtkxMrvpBr8onOtf2r7fcrgbORSqyJlNjDtFpalRhzVqHLoidK4bdbiR+EJqMVxnBQmMOx7iEwoLPVUgQwiDnbzhExzqHmBUZNaVW2CBllz3x/2lGWZSccuhW6CNA72R/QuVVzfm5JbacPaDreLaiLGdkpLHcRPPclKxQVHtrOiH9gNMPXQWG6HJFZ/VB9aLsF5FRZSx4nG3IQQqAIBAF0P8dTeuWgpGzSSgGzNMntO0tHxw+G/4lOgo9AxdGJq5g93bvlzzNZFiLRfNZLYeio2qa22ccwAsiGA3AAAA=") format("woff"), url("") format("truetype"); }
[class*="the239-"] { font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; font-family: theme !important; }
body { background-repeat: repeat-x; background-position: center top; }
.contact_con { max-width: 1200px; margin: auto; }
.headfont, .common_top { border-bottom: 1px solid rgb(204, 204, 204); background-color: rgb(238, 238, 238); }
.menu .header-box { position: relative; max-width: 100%; margin: 0px auto; background-color: rgb(255, 255, 255); }
.menu .header-box .logo { float: none; position: relative; z-index: 2; padding: 0px; }
.menu .header-box .logo img { margin: 20px 0px !important; max-height: 75px !important; }
.menu .header-box h1 { float: left; }
.logo_name .tlogo_left { float: left !important; }
.menu .tlogo_left { max-width: calc(100% - 240px); overflow: hidden; float: left !important; }
.headFixed { width: 100%; position: relative; z-index: 12; }
.menu .header-nav { width: 100%; background: linear-gradient(rgba(125, 185, 232, 0) 0%, rgba(0, 0, 0, 0.2) 100%); }
.menu .nav { padding: 0px; float: none; margin: 0px auto; width: 100%; justify-content: center; display: flex; }
.menu .nav li { float: left; text-align: center; }
.menu .nav > li:hover ul { display: block; padding: 0px; }
.menu .nav > li .Triangle::after { content: ""; display: inline-block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid rgb(255, 255, 255); }
.menu .nav > li ul { display: none; padding: 0px; box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 4px 0px; position: absolute; left: 0px; top: 50px; width: 100%; }
.menu .nav > li ul li { line-height: 40px; padding: 0px; background: none; float: none; text-align: center; margin: 1px 0px 0px; width: 100%; }
.menu .nav > li ul li a { font-size: 12px; color: rgb(255, 255, 255); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; padding: 0px 5px; margin: 0px; }
.menu .nav > li ul li a:hover { text-decoration: none; color: rgb(255, 255, 255); }
.menu .navbar-nav > li > a { display: block; position: relative; font-size: 16px; color: rgb(255, 255, 255); padding: 0px 28px; height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.2s ease-in-out 0s; }
.menu .navbar-nav > li > a.active, .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus { color: rgb(255, 255, 255); background: none; }
.menu .navbar-nav > li > a.active { background-image: none; box-shadow: none; }
.menu .navbar-nav > li > a::before { content: ""; display: block; position: absolute; right: 0px; top: 15px; width: 1px; height: 20px; opacity: 0.6; background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.59) 30%, rgba(0, 0, 0, 0.6) 31%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.2) 100%); }
.menu .nav > li .Triangle::after { position: absolute; right: 15px; top: 22px; }
.NavBtn { display: none; text-align: center; overflow: hidden; }
.theme243_img { width: 100px; height: 100px; background-image: url(""); float: left; }
.theme243_1 { margin-top: 20px; margin-left: 10px; }
.theme243_2 { color: rgb(251, 130, 13); }
.header-box .clearfix.none { display: none; }
.btn-navbar-t { display: none; float: right; padding: 3px 8px 7px; margin-right: 5px; margin-left: 5px; border: 1px solid rgb(51, 51, 51); }
.btn-navbar-t:hover, .btn-navbar-t:focus, .btn-navbar-t:active, .btn-navbar-t.active, .btn-navbar-t.disabled, .btn-navbar-t[disabled], .btn-navbar-t .icon-bar:hover, .btn-navbar-t .icon-bar:focus, .btn-navbar-t .icon-bar:active { opacity: 0.8; }
.btn-navbar-t .icon-bar { background: rgb(51, 51, 51); display: block; margin-top: 4px; width: 18px; height: 2px; }
.home-module { width: 1180px; margin: 0px auto; padding: 20px 0px 30px; }
.home-title { width: 35%; max-width: 1180px; margin: 0px auto; padding-bottom: 30px; }
.home-title span { display: block; text-align: center; }
.home-title span.tit { font-size: 24px; font-weight: 600; }
.home-title span.tit_en { color: rgb(153, 153, 153); font-size: 16px; }
.home-title span.in { position: relative; width: calc(50% - 120px); height: 1px; margin-top: -16px; }
.home-title span.in::before { display: block; content: ""; position: absolute; top: -4px; width: 9px; height: 9px; }
.home-title span.in.fl::before { right: 0px; }
.home-title span.in.fr::before { left: 0px; }
.PhoneBox { float: right; }
.PhoneBox { margin: 30px 0px 0px; }
.PhoneBox .theme { display: block; width: 50px; height: 65px; line-height: 65px; text-align: center; font-size: 38px; color: rgb(51, 51, 51); }
.PhoneBox .txt01 { font-size: 14px; color: rgb(102, 102, 102); }
.PhoneBox .txt02 { font-size: 24px; color: rgb(51, 51, 51); font-weight: bold; }
.index_title { text-align: left; line-height: 40px; margin-bottom: 20px; clear: both; }
.index_title span { font-size: 16px; color: rgb(102, 102, 102); font-weight: bold; border-bottom: 3px solid rgb(102, 102, 102); height: 40px; box-sizing: border-box; display: inline-block; vertical-align: top; }
.index_title font { display: inline-block; font-size: 14px; color: rgb(153, 153, 153); border-bottom: 3px solid rgb(204, 0, 0); height: 40px; vertical-align: top; box-sizing: border-box; line-height: 44px; min-width: 270px; }
.index_title .btn-more { float: right; font-size: 14px; color: rgb(204, 0, 0); line-height: 40px; }
.glyphicon.glyphicon-star-empty { float: left; top: 10px; }
@media screen and (max-width: 1180px) {
  .home-module { width: 96%; margin: 0px 2%; }
  .menu .header-nav .nav-box { width: auto; margin: 0px 10px; }
  .menu .header-box .logo { position: relative; left: 15px; }
  .menu .header-nav { margin-right: 15px; }
}
@media screen and (max-width: 870px) {
  .menu .header-box .logo img { margin: 8px 0px !important; max-height: 60px !important; }
  .menu { height: auto; }
  .header-box .clearfix.none { display: block; }
  .menu .header-nav { position: static; width: 100%; height: auto; margin: 0px; }
  .menu .header-box { width: 100%; position: relative; }
  .menu .nav li a:hover::after { display: none; }
  .menu .btn-t { display: block; position: absolute; top: 18px; right: 14px; z-index: 11; }
  .menu .header-nav .nav-box { background: none; height: auto; padding: 0px; margin: 0px; }
  .menu .navbar-collapse { margin: 0px; border-top-width: 2px; border-top-style: solid; }
  .menu .navbar-collapse.collapse { display: none !important; }
  .menu .navbar-collapse.in { overflow-y: hidden; height: auto; display: block !important; }
  .menu .navbar-collapse.collapseing { padding: 0px; margin: 0px; }
  .menu .nav { float: none; width: 100%; }
  .menu .nav li { float: none; width: 100%; background: none; border-top-width: 1px; border-top-style: solid; }
  .menu .nav li:last-child { border-bottom: none; }
  .menu .nav li a { padding: 0px 20px; text-align: left; display: block; font-size: 14px; margin: 0px; line-height: 30px; }
  .menu .nav li a:hover, .menu .nav li.active a, .menu .nav li.active { text-align: left; color: rgb(255, 255, 255); }
  .menu .nav li a:hover, .menu .nav li.Theme { border-radius: 0px; transform: translateX(5px); }
  .menu .NavBox { width: 100%; visibility: hidden; height: 0px; overflow: hidden; }
  .menu .header-box.active .NavBox { visibility: visible; }
  .PhoneBox { display: none; }
  .menu .header-box .logo { max-width: 80%; }
}
@media screen and (min-width: 981px) {
  .menu .NavBox { padding-bottom: 0px; display: block !important; height: auto !important; overflow: visible !important; }
}
@media screen and (max-width: 600px) {
  .home-module .col-md-4 { padding: 0px; }
}
.banner { width: 100%; overflow: hidden; }
.carousel { margin: 0px; }
.bannerBox { max-width: 100%; margin: 0px auto; position: relative; }
.banner .carousel-control { background: none; }
.notice .notice-box { background: rgb(255, 255, 255); position: relative; height: 50px; max-width: 1180px; margin: 15px auto 0px; }
.notice .notice-box .notice-ul { width: 370px; padding-left: 0px; overflow: hidden; height: 50px; }
.notice .notice-box ul { padding: 0px 0px 0px 60px; color: rgb(255, 255, 255); font-size: 12px; width: 100%; list-style: none; box-sizing: border-box; }
.notice .notice-box ul li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 50px; }
.notice .notice-box ul li a { color: rgb(51, 51, 51); }
.notice .notice-box ul li a:hover { color: rgb(66, 139, 202); }
.notice .notice-box ul li .glyphicon { top: 3px; }
.notice .notice-box .noticeBox { position: relative; z-index: 2; margin-left: 0px; }
.notice .notice-box .searchBox { float: right; }
.notice .notice-box .navbar-form { padding: 0px; margin: 0px; }
.notice .notice-box .navbar-form .form-control { border-radius: 0px; font-size: 12px; height: 33px; padding: 0px 10px; }
.notice .notice-box .dropdown-menu { border-radius: 0px; padding: 0px; min-width: 91px; left: -1px; }
.notice .notice-box .dropdown-menu > li { padding: 0px; }
.notice .notice-box .dropdown-menu > li > a { text-align: center; font-size: 12px; color: rgb(102, 102, 102); display: block; }
.notice .notice-box .btn-danger { color: rgb(255, 255, 255); background-image: none; border-radius: 0px; padding: 8px 10px; }
.notice .notice-box .btn-danger:hover, .notice .notice-box .btn-danger:focus, .notice .notice-box .btn-danger:active, .notice .notice-box .btn-danger.active, .notice .notice-box .open > .dropdown-toggle.btn-danger { background-color: rgb(184, 45, 8); border: 1px solid rgb(184, 45, 8); }
.notice .notice-box .noticeboxBg { display: none; z-index: 1; }
.notice .notice-box .col-md-5 { padding-left: 0px; padding-right: 0px; }
.navbar-form .form-group { padding: 7px 0px; width: 100%; }
.notice .notice-box .iconfont { margin-right: 10px; position: absolute; left: 0px; top: 0px; text-align: center; width: 50px; color: rgb(255, 255, 255); line-height: 50px; font-size: 35px; height: 50px; background-color: rgb(0, 51, 168); }
.notice .notice-box .iconfont::before { content: ""; }
.notice .search { width: 100%; float: right; position: relative; padding-right: 100px; box-sizing: border-box; }
.notice .notice-box .btn-search { padding: 9px; }
.alertinfo_p { float: left; line-height: 50px; margin-left: 10px; }
@media screen and (max-width: 1030px) {
  .notice .notice-box { max-width: 100%; }
}
@media screen and (max-width: 870px) {
  .notice .notice-box .col-md-4 { width: 48%; }
}
@media screen and (max-width: 768px) {
  .navbar-form .form-group { margin: 0px; }
  .notice .notice-box .navbar-form { margin: 0px; }
}
@media screen and (max-width: 600px) {
  .notice .alertinfo { display: none; }
  .notice .notice-box .noticeboxBg { display: block; width: 100%; height: 50px; position: absolute; left: 0px; top: 0px; z-index: 1; }
  .notice .notice-box .col-md-4 { width: 100%; margin: 0px; padding: 0px 0px 0px 15px; }
  .navbar-form .form-group { padding: 5px 0px 7px; }
}
@media screen and (max-width: 480px) {
  .notice .notice-box ul li { padding-left: 0px; }
  .notice .alertinfo { display: none; }
  .notice .notice-box .search { display: block; }
  .notice .btn-search-group { top: 6px; }
}
@media screen and (max-width: 360px) {
  .notice .notice-box .search { width: 335px; }
  .notice .navbar-form .form-control { width: 210px; }
}
@media screen and (max-width: 320px) {
  .notice .notice-box .search { width: 295px; }
  .notice .navbar-form .form-control { width: 180px; }
}
@media screen and (max-width: 303px) {
  .notice .notice-box .search { width: 285px; }
}
.notice .btn-search-group { height: 36px; color: rgb(255, 255, 255); font-size: 14px; font-family: SimSun; cursor: pointer; position: absolute; right: 0px; top: 7px; background-color: rgb(0, 51, 168); }
@media screen and (max-width: 800px) {
  .notice .btn-search-group { height: 36px; color: rgb(255, 255, 255); font-size: 14px; font-family: SimSun; cursor: pointer; position: absolute; right: 0px; top: 6px; background-color: rgb(0, 51, 168); }
}
.notice .btn-search-group .btn { background: none !important; border: none !important; }
.notice .alertinfo li { line-height: 50px; white-space: nowrap; }
.notice .alertinfo li .iconfont { font-size: 30px; }
.notice .notice-box .search input.form-control { height: 20px; line-height: 20px; width: 100%; margin-left: -10px; background-color: rgb(255, 255, 255); border-right: 1px solid; padding: 7px 0px 7px 8px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; }
.notice .notice-box .search input::-webkit-input-placeholder { color: rgb(0, 0, 0) !important; }
.about-info { }
.info-img { width: 500px; height: 370px; overflow: hidden; }
.info-img img { width: 100%; }
.info-txt { width: 650px; overflow: hidden; }
.info-p { width: 100%; height: 253px; margin-bottom: 35px; overflow: hidden; padding-top: 15px; }
.info-p * { font-size: 16px !important; line-height: 1.6 !important; }
.info-more { width: 100%; overflow: hidden; }
.info-more a { display: block; padding: 8px 50px; color: rgb(255, 255, 255); font-size: 14px; text-align: center; }
.info-more a:hover { opacity: 0.8; }
@media screen and (max-width: 1180px) {
  .info-img { width: 45%; }
  .info-txt { width: 50%; }
  .info-p { height: 225px; }
}
@media screen and (max-width: 900px) {
  .info-p { height: 175px; }
}
@media screen and (max-width: 768px) {
  .info-p { height: 150px; }
}
@media screen and (max-width: 640px) {
  .info-img { width: 100%; height: auto; }
  .info-txt { width: 100%; }
  .info-p { max-height: 373px; height: auto; }
}
@media screen and (max-width: 320px) {
  .info-p { max-height: 200px; height: auto; }
}
.form-horizontal { margin: 0px !important; }
.contact_con { max-width: 1200px; margin: auto; }
.contactbg { }
.contactbg .calcHei { height: 100%; }
.contact_con .home_title { text-align: center; padding-bottom: 28px; border: 0px; }
.contact_con .con_left { width: 630px; }
.contact_con .con_right { padding: 0px 0px 0px 35px; width: 535px; }
.contact_con .leftRi { }
.contact_con .con_left .img { background: url("") center center / cover no-repeat; width: 400px; height: 300px; float: left; }
.contact_con .con_left ul { float: left; width: 210px; margin-left: 20px; }
.contact_con .con_left ul li { min-height: 88px; padding-left: 30px; color: rgb(0, 0, 0); line-height: 1.7; margin-bottom: 28px; border-bottom: 1px solid rgb(155, 155, 155); overflow: hidden; position: relative; }
.contact_con .con_left ul li i { position: absolute; vertical-align: top; font-size: 24px; left: 0px; top: 2px; line-height: 30px; }
.contact_con .con_left ul li:last-child { border: 0px; margin-bottom: 0px; }
.contact_con .con_left ul li i::before { position: absolute; top: -3px; left: 0px; width: 30px; font-size: 24px; }
.contact_con .con_left ul li i.icon230-youxiang::before { top: -8px; font-size: 25px; }
.contact_con .con_left ul li i.icon230-dizhi::before { top: -4px; font-size: 22px; }
.contact_con .con_left ul li strong { display: block; padding-bottom: 3px; font-size: 16px; }
.contact_con .leftRi .header { display: none; }
.contact_con .con_right ul li .con_ipt { height: 45px; line-height: 45px; width: 25.3%; margin-right: 2%; border: 1px solid rgb(181, 181, 181); font-size: 14px; color: rgb(85, 85, 85); padding: 0px 3%; }
.contact_con .con_right ul li .ipt_last { margin-right: 0px; float: right; }
.contact_con .con_right ul li .ipt_area { margin: 25px 0px 15px; width: 100%; height: 150px; border: 1px solid rgb(181, 181, 181); resize: none; line-height: 1.6; color: rgb(85, 85, 85); }
.contact_con .con_right .form-group { margin: 0px; }
.contact_con .con_right .form-control { box-sizing: border-box; height: 45px; line-height: 45px; margin-right: 2%; border: 1px solid rgb(181, 181, 181); font-size: 14px; color: rgb(85, 85, 85); padding: 0px 22px; border-radius: 0px; }
.contact_con .con_right textarea.form-control { font-size: 12px; height: 188px; margin: 0px; resize: none; width: 100% !important; }
.contact_con .con_right .form-group { margin-bottom: 10px; }
.contact_con .con_right ul li .ipt_sub, .contact_con .con_right .btn-primary { font-size: 16px; width: 122px; height: 40px; line-height: 40px; color: rgb(255, 255, 255); border: 0px; outline: none; cursor: pointer; float: right; }
.contact_con .con_right .undefined_edit { clear: both; padding-left: 10px; }
.contact_con .leftRi .text_edit, .contact_con .con_right .tel_edit, .contact_con .con_right .email_edit { float: left; width: 33.3333%; box-sizing: border-box; padding-left: 10px; }
.contact_con .con_right label { }
.contact_con .con_right .radio-group label { display: inline-block; }
@media (max-width: 900px) {
  .contact_con .con_left .img { display: none; }
  .contact_con { margin: 0px 15px 20px; height: auto; }
  .contact_con .con_left { float: none; width: auto; }
  .contact_con .con_left ul { margin-left: 0px; float: none; width: auto; }
  .contact_con .con_left ul li { border-bottom: none; margin-bottom: 0px; }
  .contact_con .con_right { width: auto; float: none; padding-left: 0px; margin-left: -10px; }
  .contact_con .con_right .undefined_edit { padding-left: 10px; }
}
@media (max-width: 1100px) {
  .contact_con .con_left .img { display: none; }
}
@media (max-width: 640px) {
  .contact_con .leftRi .text_edit, .contact_con .con_right .tel_edit, .contact_con .con_right .email_edit { width: 100%; padding-left: 0px; }
  .contact_con .con_right .undefined_edit { padding-left: 0px; }
}
.article-box { }
.article-list { }
.article-list li { width: calc(25% - 24px); margin-right: 30px; float: left; position: relative; margin-bottom: 12px; box-sizing: border-box; }
.article-list li .ari-img { width: 100%; margin-right: 15px; overflow: hidden; position: relative; }
.article-list li .ari-img img { width: 100%; }
.article-list li h4 { position: relative; font-size: 16px; line-height: 37px; padding-bottom: 3px; color: rgb(255, 255, 255); text-align: center; }
.article-list li h4::before, .article-list li h4::after { display: block; content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0px; background: rgb(153, 153, 153); }
.article-list li h4::before { bottom: 3px; }
.article-list li h4::after { background: rgb(187, 187, 187); }
.article-list li p { font-size: 14px; color: rgb(255, 255, 255); display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; height: 70px; line-height: 1.6; margin: 40px 0px 10px; text-align: center; }
.article-list li .mores { display: block; width: 96px; height: 32px; line-height: 32px; text-align: center; color: rgb(255, 255, 255); margin: 0px auto 0px -43px; position: absolute; left: 50%; }
.article-list li:last-child { margin-right: 0px; }
.article-more { background: rgb(174, 150, 198); margin-top: 30px; }
.art_hover { width: 100%; height: 203px; background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 0px; display: none; }
.article-list li:hover .art_hover { display: block; }
@media screen and (max-width: 950px) {
  .article-list li { width: calc(25% - 8px); margin-right: 10px; }
}
@media screen and (max-width: 640px) {
  .article-list li:hover .art_hover { display: none; }
  .article-list li { width: 49%; margin: 0px 2% 4% 0px; }
  .article-list li:nth-child(2n) { margin-right: 0px; }
  .article-list li:nth-child(3) { margin-bottom: 0px; }
  .article-list li:nth-child(4) { margin-bottom: 0px; }
}
@media screen and (max-width: 320px) {
  .article-list li .ari-txt { padding: 10px; }
  .article-list li .ari-txt h4 { font-size: 14px; padding: 0px 0px 5px; }
  .article-list li .ari-txt p { font-size: 12px; }
}
.form-horizontal { margin: 0px !important; }
.contactbg { }
.contactbg .calcHei { height: 100%; }
.contact_con .home_title { text-align: center; padding-bottom: 28px; border: 0px; }
.contact_con .con_left { width: 630px; }
.contact_con .con_right { padding: 0px 0px 0px 35px; width: 535px; }
.contact_con .leftRi { }
.contact_con .con_left .img { background: url("") center center / cover no-repeat; width: 400px; height: 300px; float: left; }
.contact_con .con_left ul { float: left; width: 210px; margin-left: 20px; }
.contact_con .con_left ul li { min-height: 88px; padding-left: 30px; color: rgb(0, 0, 0); line-height: 1.7; margin-bottom: 28px; border-bottom: 1px solid rgb(155, 155, 155); overflow: hidden; position: relative; }
.contact_con .con_left ul li i { position: absolute; vertical-align: top; font-size: 24px; left: 0px; top: 2px; line-height: 30px; }
.contact_con .con_left ul li:last-child { border: 0px; margin-bottom: 0px; }
.contact_con .con_left ul li i::before { position: absolute; top: -3px; left: 0px; width: 30px; font-size: 24px; }
.contact_con .con_left ul li i.icon230-youxiang::before { top: -8px; font-size: 25px; }
.contact_con .con_left ul li i.icon230-dizhi::before { top: -4px; font-size: 22px; }
.contact_con .con_left ul li strong { display: block; padding-bottom: 3px; font-size: 16px; }
.contact_con .leftRi .header { display: none; }
.contact_con .con_right ul li .con_ipt { height: 45px; line-height: 45px; width: 25.3%; margin-right: 2%; border: 1px solid rgb(181, 181, 181); font-size: 14px; color: rgb(85, 85, 85); padding: 0px 3%; }
.contact_con .con_right ul li .ipt_last { margin-right: 0px; float: right; }
.contact_con .con_right ul li .ipt_area { margin: 25px 0px 15px; width: 100%; height: 150px; border: 1px solid rgb(181, 181, 181); resize: none; line-height: 1.6; color: rgb(85, 85, 85); }
.contact_con .con_right .form-group { margin: 0px; }
.contact_con .con_right .form-control { box-sizing: border-box; height: 45px; line-height: 45px; margin-right: 2%; border: 1px solid rgb(181, 181, 181); font-size: 14px; color: rgb(85, 85, 85); padding: 0px 22px; border-radius: 0px; }
.contact_con .con_right textarea.form-control { font-size: 12px; height: 188px; margin: 0px; resize: none; width: 100% !important; }
.contact_con .con_right .form-group { margin-bottom: 10px; }
.contact_con .con_right ul li .ipt_sub, .contact_con .con_right .btn-primary { font-size: 16px; width: 122px; height: 40px; line-height: 40px; color: rgb(255, 255, 255); border: 0px; outline: none; cursor: pointer; float: right; }
.contact_con .con_right .undefined_edit { clear: both; padding-left: 10px; }
.contact_con .leftRi .text_edit, .contact_con .con_right .tel_edit, .contact_con .con_right .email_edit { float: left; width: 33.3333%; box-sizing: border-box; padding-left: 10px; }
.contact_con .con_right label { }
.contact_con .con_right .radio-group label { display: inline-block; }
@media (max-width: 900px) {
  .contact_con .con_left .img { display: none; }
  .contact_con { margin: 0px 15px 20px; height: auto; }
  .contact_con .con_left { float: none; width: auto; }
  .contact_con .con_left ul { margin-left: 0px; float: none; width: auto; }
  .contact_con .con_left ul li { border-bottom: none; margin-bottom: 0px; }
  .contact_con .con_right { width: auto; float: none; padding-left: 0px; margin-left: -10px; }
  .contact_con .con_right .undefined_edit { padding-left: 10px; }
}
@media (max-width: 1100px) {
  .contact_con .con_left .img { display: none; }
}
@media (max-width: 640px) {
  .contact_con .leftRi .text_edit, .contact_con .con_right .tel_edit, .contact_con .con_right .email_edit { width: 100%; padding-left: 0px; }
  .contact_con .con_right .undefined_edit { padding-left: 0px; }
  .contact_con .con_right .form-control { padding: 0px 12px; }
}
.productBox { }
.product-box-left { width: 18%; }
.product-box li, .product-box li img, .pro-category, .pro-category li { transition: all 0.6s ease-in-out 0s; }
.pro-category::-webkit-scrollbar { width: 7px; height: 7px; background-color: rgb(245, 245, 245); }
.pro-category::-webkit-scrollbar-track { border-radius: 7px; background-color: rgba(0, 0, 0, 0.1); }
.pro-category::-webkit-scrollbar-thumb { width: 7px; height: 7px; border-radius: 7px; background-color: rgba(0, 0, 0, 0.1); }
.pro-category { position: relative; height: 415px; overflow: hidden auto; background-color: rgb(234, 234, 234); }
.pro-category li { height: 32px; line-height: 32px; color: rgb(255, 255, 255); border-bottom: 1px solid rgb(213, 213, 213); font-size: 16px; padding: 10px 0px; }
.pro-category li a { display: block; padding: 0px 20px; color: rgb(51, 51, 51); }
.productBox .pro-tit { color: rgb(255, 255, 255); height: 60px; line-height: 60px; text-align: center; font-size: 18px; font-weight: bold; }
.product-box { padding: 0px; width: 80%; }
.product-box { overflow: auto hidden; }
.product-box li { float: left; width: 32%; margin: 0px 2% 2% 0px; background: rgb(255, 255, 255); }
.product-box li:nth-child(3n) { margin-right: 0px; }
.product-box li .img { position: relative; overflow: hidden; width: 100%; }
.product-box li .img img { width: 100%; }
.product-box li .img h3 { position: absolute; bottom: 0px; width: 96%; padding: 0px 2%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; background: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); }
.product-box li a:hover img { transform: scale(1.2); }
@media screen and (max-width: 1180px) {
  .product-box { width: 82%; }
  .product-box li .TxtBox { font-size: 14px; line-height: 20px; height: 60px; }
  .product-box li .img h3 { height: 42px; line-height: 42px; }
}
@media screen and (max-width: 1040px) {
  .pro-category { height: 398px; }
}
@media screen and (max-width: 860px) {
  .pro-category { height: 345px; }
}
@media screen and (max-width: 768px) {
  .product-box { width: 100%; }
  .product-box-left { display: none; }
  .product-box li .img h3 { height: 38px; line-height: 38px; font-size: 14px; }
  .pro-category li.pro-tit { font-size: 16px; }
  .pro-category { height: 285px; }
}
@media screen and (max-width: 640px) {
  .product-box li .TxtBox { font-size: 12px; line-height: 18px; height: 51px; padding-top: 6px; }
  .product-box li .img h3 { height: 32px; line-height: 32px; }
  .pro-category { width: 100%; height: auto; }
  .pro-category li { box-sizing: border-box; width: 49%; float: left; margin-left: 2%; }
  .pro-category li:nth-child(2n) { margin-left: 0px; }
  .pro-category li.pro-tit { width: 100%; margin-left: 0px; }
  .product-box { width: 100%; }
  .product-box li { width: 49%; }
  .product-box li:nth-child(3n) { margin-right: 2%; }
  .product-box li:nth-child(2n) { margin-right: 0px; }
}
@media screen and (max-width: 320px) {
}
.friendBox { margin: 15px auto 0px; max-width: 1030px; }
.friendLink .link-box { height: auto; background-color: rgb(255, 255, 255); padding: 5px 20px; box-sizing: border-box; }
.friendLink .link-box h4 { color: rgb(102, 102, 102); font-size: 14px; line-height: 30px; display: inline-block; }
.friendLink .link-box ul { overflow: hidden; display: inline; color: rgb(102, 102, 102); line-height: 30px; }
.friendLink .link-box ul li { position: relative; display: inline-block; margin-right: 10px; font-style: normal; padding: 0px 3px; }
.friendLink .link-box ul li:first-child::after { display: none; }
.friendLink .link-box ul li::after { content: "|"; position: absolute; left: -10px; top: 0px; }
.friendLink .link-box ul a { word-break: break-all; overflow-wrap: break-word; font-style: normal; color: rgb(102, 102, 102); }
.friendLink .link-box ul a:hover { color: rgb(221, 221, 221); }
@media screen and (max-width: 1030px) {
  .friendBox { padding: 0px 15px; box-sizing: border-box; }
}
.footers { width: 100%; color: rgb(255, 255, 255); margin-top: 15px; }
.footerBox { margin: 0px auto; max-width: 1030px; }
.footers .footers-box { padding: 15px 0px; background: url("/skin/default/images/bottomBg.png") center top repeat-x; }
.footers .footers-box a { margin-right: 10px; word-break: break-all; overflow-wrap: break-word; color: rgb(255, 255, 255) !important; }
.footers .footers-box p { padding: 0px; font-size: 12px; line-height: 20px; }
.footers .footers-box p span { color: rgb(255, 255, 255); }
.row { margin: 0px; }
.DoesNot { text-align: center; font-size: 20px; margin: 50px 0px; }
a.a-btn { padding: 0px 10px; height: 28px; line-height: 28px; display: inline-block; cursor: pointer; margin-right: 5px; margin-bottom: 5px; }
a.a-btn + a { margin-bottom: 3px; }
a.a-btn.a-btn1 { background-color: rgb(207, 205, 207); color: rgb(102, 102, 102); }
a.a-btn.a-btn1:hover { background-color: rgb(204, 204, 204); color: rgb(255, 255, 255); }
.Themebg.btn-success { margin-bottom: 5px; margin-right: 5px; }
.btn-warning.btn-can { margin-left: 0px; }
.TopologyLeft .body-right, .TopologyLeft .body-left { margin: 0px; }
.pro_keyword { padding: 0px; }
a.a-btn.a-btn2 { color: rgb(255, 255, 255); }
.TopologyCenter .body-left { padding-top: 25px; }
.photo.row { padding-top: 20px; float: none; }
.title_name { height: 40px; line-height: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 14px; }
.photo.row .layout_default p { line-height: 20px; height: 20px; margin-bottom: 10px !important; }
.pager { margin: 0px !important; }
.body-right .page { height: auto; overflow: hidden; margin: 10px 0px; }
.breadCrumb { overflow: hidden; height: 40px; line-height: 40px; padding: 0px 10px; color: rgb(51, 51, 51); border-bottom: 1px solid rgb(204, 204, 204); background-color: rgb(238, 238, 238); }
.breadCrumb em { font-family: Arial; font-size: 14px; padding: 0px 8px; }
.breadCrumb a { color: rgb(51, 51, 51); margin: 0px; line-height: 40px; }
.breadCrumb a.pick { color: rgb(30, 130, 197); }
.breadCrumb em, .breadCrumb b, .breadCrumb span { margin: 0px; line-height: 40px; }
body .news-nr-box .DownloadBtn { width: 150px; text-align: center; text-indent: 25px; }
.pager .previous span, .pager .next span { width: 75px !important; }
.pager .previous > a, .pager .next > a { margin-left: 78px !important; }
.page { margin-top: 25px; }
.page .col-lg-3, .page .col-lg-9 { padding: 0px; margin: 10px 0px; line-height: 34px; }
.page .col-lg-9 { text-align: right; }
.page .pagination { margin: 0px; padding-left: 12px; }
.page .pagination > li > a { color: rgb(102, 102, 102); }
.page .pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.page .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.page .pagination > .active > a, .page .pagination > .active > span, .page .pagination > .active > a:hover, .page .pagination > .active > span:hover, .page .pagination > .active > a:focus, .page .pagination > .active > span:focus { background-color: rgb(30, 130, 197); border-color: rgb(30, 130, 197); color: rgb(255, 255, 255); }
.footers { border-top: 1px solid rgb(221, 221, 221); }
.classifi { padding: 10px 0px; }
.classifi .product-class { text-align: center; }
.ClassLeftBox .classifi .product-class li { position: relative; padding-right: 10px; display: inline-block; height: 45px; line-height: 45px; }
.classifi .product-class li a { max-width: 150px; margin-top: 5px; display: block; padding: 0px 20px; color: rgb(255, 255, 255); border-radius: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.classifi .product-class li a.ThemeSbg { color: rgb(255, 255, 255) !important; }
.classifi .product-class li a:hover, .classifi .product-class li a.active { color: rgb(255, 255, 255); }
.classifi#ProClass li .classBox { top: 46px; }
#ProClassLeft li.ac .Classtriangle::after, #md_detailProductClass li.ac .Classtriangle::after { top: 20px; }
.classifiLeft { background: rgb(255, 255, 255); margin-top: 15px; }
.body-left .product-class { max-height: 600px; overflow-y: auto; }
.product-class, .body-left .LeftBox .list-box { padding: 0px; background-color: rgb(234, 234, 234); height: auto; overflow: hidden; }
.body-left.ClassLeftBox .product-class li { background: none; margin-bottom: 0px; border-top: 1px solid rgb(255, 255, 255); }
.body-left.ClassLeftBox .product-class li:last-child { border-bottom: none; }
.ClassLeftBox .product-class li a, .ClassLeftBox .product-class li { line-height: 45px; }
.body-left.ClassLeftBox .product-class li a.ThemeSbg, .body-left.ClassLeftBox .product-class li a:hover { color: rgb(255, 255, 255) !important; }
.body-right #ProClass li.ac .Classtriangle::after { top: 20px; border-top-color: rgb(255, 255, 255) !important; }
.body-left .LeftBox { background: rgb(255, 255, 255); }
.body-left h4, .classifi h4 { height: 40px; line-height: 40px; text-align: center; position: relative; color: rgb(255, 255, 255); }
.body-left h4 span, .classifi h4 span { font-size: 16px; }
.LeftBox .more { text-align: center; clear: both; margin: 10px 0px; }
.LeftBox .more a { display: inline-block; font-size: 12px; position: relative; padding: 3px 10px; color: rgb(255, 255, 255); border-radius: 20px; }
.LeftBox .more i { font-size: 14px; margin-right: 5px; }
.body-left .list-box { padding: 10px 0px; }
.body-left .list-box li { line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgb(102, 102, 102); position: relative; border-bottom: 1px solid rgb(204, 204, 204); }
.body-left .list-box li a { color: rgb(51, 51, 51); padding-left: 10px; }
.body-left .list-box li span { display: none; }
.LeftBox.mt15 { margin-top: 15px; }
.ClassLeftBox .list-box li::before { content: ""; position: absolute; left: 0px; top: -3px; }
.body-right .productBox { width: 100%; margin: 15px auto 0px; box-sizing: border-box; }
.productBox h4.title01 { overflow: hidden; height: 40px; color: rgb(51, 51, 51); font-size: 14px; font-weight: bolder; line-height: 40px; }
.productBox h4.title01 span { padding: 0px 10px; color: rgb(255, 255, 255); display: block; float: left; }
.productBox h4.title01 .a-more { color: rgb(255, 255, 255); font-size: 12px; float: right; padding: 0px 10px; line-height: 40px; }
.productBox .product-box li { transition: all 0.4s ease-in-out 0s; }
.productBox .product-box .thumbnail { border: 0px; padding: 0px 0px 2px; background: none; border-radius: 0px; position: relative; margin: 0px; }
.productBox .product-box li, .productBox .product-box li:first-child { margin-top: 15px; }
.productBox .product-box li { margin-right: 0px; }
.productBox .product-box li.col-md-3:nth-child(4n+1) { margin-left: 0px; }
.productBox .div-img img { width: 100%; }
.productBox .product-box .thumbnail a.ImgBox { position: relative; z-index: 2; }
.productBox .product-box .thumbnail h5 { text-align: center; position: relative; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(51, 51, 51); font-size: 12px; }
.table-01 { width: 100%; margin-bottom: 15px; }
.table-01 th, .table-01 td { padding: 5px 2px; font-size: 14px; }
.table-01 th { text-align: right; width: 60px; font-weight: normal; color: rgb(102, 102, 102); font-size: 14px; }
.table-01 td { color: rgb(102, 102, 102); }
.table-01 .jiathis_style_24x24 { margin: 0px; }
.table-02 { width: 100%; }
.table-02 th, .table-02 td { padding: 5px 2px; font-size: 12px; line-height: 30px; }
.table-02 th { text-align: right; width: 125px; font-weight: normal; color: rgb(102, 102, 102); vertical-align: text-top; }
.table-02 td { color: rgb(102, 102, 102); }
.table-02 .line-b { border-bottom: 2px solid rgb(30, 130, 197); }
.table-02 .line-b th { color: rgb(0, 0, 0); text-align: left; }
.table-03 th { width: 80px; }
.table-02.table-02-b th { width: 110px; }
input.text01 { border: 1px solid rgb(216, 217, 218); height: 30px; color: rgb(51, 51, 51); line-height: 30px; padding: 2px 5px; width: 75%; size: auto; box-shadow: rgb(214, 214, 214) 0px 0px 2px inset; font-size: 12px; }
input.text01:focus, input.text01:hover, input.text01:active { border-color: rgb(216, 217, 218); box-shadow: rgb(214, 214, 214) 0px 0px 3px; }
.textarea01 { background-color: rgb(255, 255, 255); border: 1px solid rgb(223, 223, 223); padding: 5px; color: rgb(99, 99, 99); width: 75%; }
.textarea01:focus { border-color: rgb(216, 217, 218); box-shadow: rgb(214, 214, 214) 0px 0px 4px; }
.pro-list li { transition: all 0.4s ease-in-out 0s; }
.pro-list .thumbnail { border: 0px; padding: 0px 0px 2px; background: none; border-radius: 0px; position: relative; margin: 0px; }
.pro-list li.col-md-4, .pro-list li.col-md-4:first-child { margin-top: 15px; }
.pro-list li.col-md-4:nth-child(3n+1) { margin-left: 0px; }
.pro-list .thumbnail a.ImgBox { position: relative; z-index: 2; display: block; }
.pro-list .thumbnail h5 { text-align: center; position: absolute; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(255, 255, 255); font-size: 12px; bottom: 0px; width: 100%; background: url("/skin/default/images/black.png") repeat; margin: 0px; }
.pro-list .thumbnail { overflow: hidden; }
.pro-list .thumbnail img { width: 100%; height: 19.6rem; transition: all 0.4s ease-in-out 0s; }
.pro-list li:hover img { width: 100%; transform: scale(1.12); }
.pro-list .thumbnail .title { text-align: center; color: rgb(232, 96, 60); text-overflow: ellipsis; font-size: 16px; white-space: nowrap; overflow: hidden; background: none; height: 40px; line-height: 40px; margin: 0px 7px; }
.pro-list .thumbnail { padding: 0px; }
.pro-list .thumbnail p { display: none; }
.pro-list .thumbnail .title { font-size: 14px; }
.product-detail { padding: 0px; display: table; width: 100%; margin-top: 10px; }
.product-detail .thumbnail { margin-bottom: 0px; border-radius: 0px; }
.product-detail .thumbnail img { width: 100%; }
.product-detail h2 { font-size: 16px; padding: 4px 0px 5px 20px; margin: 0px; }
.product-detail .col-md-5, .product-detail .col-md-7 { padding: 0px; }
.pro_page b { float: left; line-height: 20px; }
.pro_page a { line-height: 20px; }
.fieldset-style { overflow: hidden; background: rgb(255, 255, 255); margin: 15px 0px; overflow-wrap: break-word; }
.fieldset-style .div1 { padding: 6px 10px; color: rgb(102, 102, 102); border-top: none; }
.fieldset-style .div1 dl img { max-width: 100%; }
.fieldset-style .div1 dl { overflow: hidden; margin-bottom: 10px; margin-top: 5px; }
.fieldset-style .div1 dl dt { margin-bottom: 8px; height: 30px; line-height: 30px; display: block; border-bottom: 1px solid rgb(204, 204, 204); font-size: 14px; color: rgb(30, 130, 197); }
.fieldset-style .div1 dl dd { line-height: 22px; }
.fieldset-style h3 { color: rgb(255, 255, 255); }
.table-box { padding: 0px; margin-bottom: 10px; background: rgb(255, 255, 255); }
.RightTitle { border-bottom-width: 2px; font-size: 20px; margin-bottom: 10px; border-bottom-style: solid; line-height: 45px; text-indent: 10px; }
.table-box .title.p1 { border: none; font-size: 12px; height: 20px; line-height: 20px; }
.message-box { padding: 0px 10px 10px; background: rgb(255, 255, 255); margin-bottom: 10px; }
.message-list { padding: 0px; margin-top: 10px; }
.message-list dl { overflow: hidden; border: 1px solid rgb(221, 221, 221); margin-top: 15px; background: rgb(255, 255, 255); }
.message-list dl dt { font-size: 15px; line-height: 30px; overflow: hidden; margin-bottom: 10px; height: 30px; padding: 0px 5px; }
.message-list dl dt b { font-weight: normal; color: rgb(255, 255, 255); }
.message-list dl dt span { float: right; font-size: 12px; color: rgb(255, 255, 255); max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.message-list dl dd { margin: 0px 12px; }
.message-list dl dd p { font-size: 13px; color: rgb(102, 102, 102); padding-bottom: 10px; }
.message-list dl dd p i { float: left; color: rgb(51, 51, 51); padding-right: 18px; font-size: 18px; }
.message-list dl dd p span { overflow-wrap: break-word; word-break: break-all; }
blockquote { border-left: 5px solid rgb(255, 255, 255); margin: 0px 0px 20px; padding: 0px; }
blockquote small::before { content: ""; }
.company-box { padding: 5px 0px; }
.company-box p { line-height: 2.1em; overflow: hidden; color: rgb(51, 51, 51); }
.friendBox { margin: 15px auto 0px; max-width: 1030px; }
.friendLink .link-box { height: auto; background-color: rgb(255, 255, 255); padding: 5px 20px; box-sizing: border-box; }
.friendLink .link-box h4 { color: rgb(102, 102, 102); font-size: 14px; line-height: 30px; display: inline-block; }
.friendLink .link-box ul { overflow: hidden; display: inline; color: rgb(102, 102, 102); line-height: 30px; }
.friendLink .link-box ul li { position: relative; display: inline-block; margin-right: 10px; font-style: normal; padding: 0px 3px; }
.friendLink .link-box ul li:first-child::after { display: none; }
.friendLink .link-box ul li::after { content: "|"; position: absolute; left: -10px; top: 0px; }
.friendLink .link-box ul a { word-break: break-all; overflow-wrap: break-word; font-style: normal; color: rgb(102, 102, 102); }
.friendLink .link-box ul a:hover { color: rgb(221, 221, 221); }
.map-box { padding: 0px; margin-bottom: 10px; }
.map dl { border-bottom: 1px dashed rgb(204, 204, 204); padding: 12px; font-size: 13px; margin: 0px; }
.map dl:last-child { border-bottom: none; }
.map dl dt { float: left; color: rgb(0, 0, 0); }
.map dl dd { display: inline; margin: 0px; }
.map dl dd a { margin: 0px 10px 10px; float: left; color: rgb(102, 102, 102); }
.map dl dd a:hover { color: rgb(30, 130, 197); }
.map dl dd p { overflow: hidden; }
.map-box1 { margin: 15px 0px; min-height: 300px; }
.BgP10 { background: rgb(255, 255, 255); padding: 10px 15px; }
.tab-box { overflow: hidden; padding: 10px; }
.tab-box a { margin-right: 10px; padding: 5px 15px; display: inline-block; color: rgb(51, 51, 51); margin-bottom: 10px; background-color: rgb(237, 236, 231); }
.tab-box a.Themebg:hover { color: rgb(255, 255, 255); }
.tab-box a:hover, .tab-box a.Themebg { color: rgb(255, 255, 255); }
.nlist-box { padding: 0px; }
.nlist-box li { height: 35px; line-height: 35px; overflow: hidden; color: rgb(102, 102, 102); border-bottom: 1px solid rgb(204, 204, 204); position: relative; }
.nlist-box li::before { content: "●  "; left: 0px; }
.nlist-box li a { color: rgb(102, 102, 102); padding-left: 15px; float: left; width: 70%; }
.nlist-box li span { color: rgb(102, 102, 102); display: block; position: absolute; right: 0px; top: 0px; }
.nlist-box2 li { margin-bottom: 10px; border: 1px solid rgb(225, 225, 225); padding: 10px; height: auto; overflow: hidden; }
.nlist-box2 li a { color: rgb(51, 51, 51); display: block; }
.nlist-box2 li .news_det { width: 100%; }
.nlist-box2 li p { font-size: 16px; height: 30px; line-height: 30px; color: rgb(51, 51, 51); padding: 0px; margin-bottom: 5px; }
.nlist-box2 li .time { display: block; padding: 0px; color: rgb(153, 153, 153); height: 25px; line-height: 25px; width: 85px; text-align: center; background-color: rgb(204, 204, 204); }
.nlist-box2 li .det_box { line-height: 24px; height: 48px; overflow: hidden; color: rgb(102, 102, 102); margin-top: 10px; font-size: 12px; }
.body-right .page { clear: both; margin: 15px 0px 0px !important; }
.p_artlelist h3 span { padding: 0px 10px; font-size: 14px; font-weight: bold; color: rgb(51, 51, 51) !important; }
.p_artlelist h3 { height: 42px; line-height: 42px; padding: 0px; margin-bottom: 10px; }
.p_artlelist h3 a { color: rgb(255, 255, 255); padding: 0px 20px; }
.p_artlelist h3 a.Themetxthover { color: rgb(51, 51, 51) !important; }
.suisui { width: 100%; height: 800px; }
@media screen and (max-width: 1360px) {
}
@media screen and (max-width: 1180px) {
  .footerBox { margin: 0px 15px !important; }
}
@media screen and (max-width: 1030px) {
  .page .col-lg-3 { text-align: left; float: left; }
  .page .col-lg-3, .page .col-lg-9 { margin: 0px; }
}
@media screen and (max-width: 870px) {
}
@media screen and (max-width: 600px) {
  .product-details .col-md-5 { padding: 0px; }
  .classifi { padding: 5px 0px; }
  .row .pro-list li.col-md-4, .productBox .product-box li.col-md-4 { width: 49%; margin-left: 0px; }
  .row .pro-list li.col-md-4:nth-child(2n), .productBox .product-box li.col-md-4:nth-child(2n) { margin-left: 2%; }
  .productBox { margin: 10px auto 0px; }
  .body-right .productBox { margin: 10px auto 0px; padding: 0px; }
}
@media screen and (max-width: 480px) {
  .pro-list .thumbnail .more { margin: 10px auto; float: none; width: 120px; }
  .pro-list .thumbnail .col-md-4, .pro-list .thumbnail .col-md-9 { width: 100%; padding: 0px; }
  .pro-list .thumbnail h3 { text-align: center; margin-top: 10px; }
  a.a-btn + a { margin-bottom: 8px; }
  .nlist-box li span { display: none; }
  .RightTitle2 .lineBox { height: 2px; }
  .RightTitle2 .TxtBox { border-width: 1px; }
  .productBox .product-box li { width: 48%; margin-left: 2%; }
  .productBox .product-box li:nth-child(2n+1) { margin-left: 0px; }
}
@media screen and (max-width: 414px) {
  .page .col-lg-3 { width: 45%; }
  .page .col-lg-9 { width: 55%; }
  .page .pull-right { width: 100%; margin-top: 10px; text-align: left; }
}
@media screen and (max-width: 375px) {
  .page .col-lg-3 { width: 100%; text-align: left; }
  .page .col-lg-9 { width: 100%; text-align: left; }
  .page .col-lg-3, .page .col-lg-9 { margin: 0px; }
  .page .pagination { padding-left: 0px; }
}
@media screen and (max-width: 320px) {
  .row .pro-list li.col-md-4 { width: 100%; padding: 0px; margin-left: 0px !important; }
  .table-02.table-02-b th { width: 85px; line-height: 20px; }
  .table-02-b td { line-height: 20px; }
  .table-02 th { width: 80px; }
  .productBox .product-box li.col-md-4 { width: 100%; margin-left: 0px !important; }
}
.btn-warning.btn-can { margin-top: 0px; margin-bottom: 5px; line-height: 32px; margin-left: 0px !important; margin-right: 0px !important; padding: 0px 5px !important; height: 32px !important; }
.Themebg.btn-success { margin-bottom: 10px; margin-right: 5px; padding: 0px 5px !important; height: 32px !important; }
body { background-repeat: repeat-x; background-position: center top; }
.contact_con { max-width: 1200px; margin: auto; }
.headfont, .common_top { border-bottom: 1px solid rgb(204, 204, 204); background-color: rgb(238, 238, 238); }
.menu .header-box { position: relative; max-width: 100%; margin: 0px auto; background-color: rgb(255, 255, 255); }
.menu .header-box .logo { float: none; position: relative; z-index: 2; padding: 0px; }
.menu .header-box .logo img { margin: 20px 0px !important; max-height: 75px !important; }
.menu .header-box h1 { float: left; }
.logo_name .tlogo_left { float: left !important; }
.menu .tlogo_left { max-width: calc(100% - 240px); overflow: hidden; float: left !important; }
.headFixed { width: 100%; position: relative; z-index: 12; }
.menu .header-nav { width: 100%; background: linear-gradient(rgba(125, 185, 232, 0) 0%, rgba(0, 0, 0, 0.2) 100%); }
.menu .nav { padding: 0px; float: none; margin: 0px auto; width: 100%; justify-content: center; display: flex; }
.menu .nav li { float: left; text-align: center; }
.menu .nav > li:hover ul { display: block; padding: 0px; }
.menu .nav > li .Triangle::after { content: ""; display: inline-block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid rgb(255, 255, 255); }
.menu .nav > li ul { display: none; padding: 0px; box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 4px 0px; position: absolute; left: 0px; top: 50px; width: 100%; }
.menu .nav > li ul li { line-height: 40px; padding: 0px; background: none; float: none; text-align: center; margin: 1px 0px 0px; width: 100%; }
.menu .nav > li ul li a { font-size: 12px; color: rgb(255, 255, 255); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; padding: 0px 5px; margin: 0px; }
.menu .nav > li ul li a:hover { text-decoration: none; color: rgb(255, 255, 255); }
.menu .navbar-nav > li > a { display: block; position: relative; font-size: 16px; color: rgb(255, 255, 255); padding: 0px 28px; height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.2s ease-in-out 0s; }
.menu .navbar-nav > li > a.active, .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus { color: rgb(255, 255, 255); background: none; }
.menu .navbar-nav > li > a.active { background-image: none; box-shadow: none; }
.menu .navbar-nav > li > a::before { content: ""; display: block; position: absolute; right: 0px; top: 15px; width: 1px; height: 20px; opacity: 0.6; background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.59) 30%, rgba(0, 0, 0, 0.6) 31%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.2) 100%); }
.menu .nav > li .Triangle::after { position: absolute; right: 15px; top: 22px; }
.NavBtn { display: none; text-align: center; overflow: hidden; }
.theme243_img { width: 100px; height: 100px; background-image: url(""); float: left; }
.theme243_1 { margin-top: 20px; margin-left: 10px; }
.theme243_2 { color: rgb(251, 130, 13); }
.header-box .clearfix.none { display: none; }
.btn-navbar-t { display: none; float: right; padding: 3px 8px 7px; margin-right: 5px; margin-left: 5px; border: 1px solid rgb(51, 51, 51); }
.btn-navbar-t:hover, .btn-navbar-t:focus, .btn-navbar-t:active, .btn-navbar-t.active, .btn-navbar-t.disabled, .btn-navbar-t[disabled], .btn-navbar-t .icon-bar:hover, .btn-navbar-t .icon-bar:focus, .btn-navbar-t .icon-bar:active { opacity: 0.8; }
.btn-navbar-t .icon-bar { background: rgb(51, 51, 51); display: block; margin-top: 4px; width: 18px; height: 2px; }
.home-module { width: 1180px; margin: 0px auto; padding: 20px 0px 30px; }
.home-title { width: 35%; max-width: 1180px; margin: 0px auto; padding-bottom: 30px; }
.home-title span { display: block; text-align: center; }
.home-title span.tit { font-size: 24px; font-weight: 600; }
.home-title span.tit_en { color: rgb(153, 153, 153); font-size: 16px; }
.home-title span.in { position: relative; width: calc(50% - 120px); height: 1px; margin-top: -16px; }
.home-title span.in::before { display: block; content: ""; position: absolute; top: -4px; width: 9px; height: 9px; }
.home-title span.in.fl::before { right: 0px; }
.home-title span.in.fr::before { left: 0px; }
.PhoneBox { float: right; }
.PhoneBox { margin: 30px 0px 0px; }
.PhoneBox .theme { display: block; width: 50px; height: 65px; line-height: 65px; text-align: center; font-size: 38px; color: rgb(51, 51, 51); }
.PhoneBox .txt01 { font-size: 14px; color: rgb(102, 102, 102); }
.PhoneBox .txt02 { font-size: 24px; color: rgb(51, 51, 51); font-weight: bold; }
.index_title { text-align: left; line-height: 40px; margin-bottom: 20px; clear: both; }
.index_title span { font-size: 16px; color: rgb(102, 102, 102); font-weight: bold; border-bottom: 3px solid rgb(102, 102, 102); height: 40px; box-sizing: border-box; display: inline-block; vertical-align: top; }
.index_title font { display: inline-block; font-size: 14px; color: rgb(153, 153, 153); border-bottom: 3px solid rgb(204, 0, 0); height: 40px; vertical-align: top; box-sizing: border-box; line-height: 44px; min-width: 270px; }
.index_title .btn-more { float: right; font-size: 14px; color: rgb(204, 0, 0); line-height: 40px; }
.glyphicon.glyphicon-star-empty { float: left; top: 10px; }
@media screen and (max-width: 1180px) {
  .home-module { width: 96%; margin: 0px 2%; }
  .menu .header-nav .nav-box { width: auto; margin: 0px 10px; }
  .menu .header-box .logo { position: relative; left: 15px; }
  .menu .header-nav { margin-right: 15px; }
}
@media screen and (max-width: 870px) {
  .menu .header-box .logo img { margin: 8px 0px !important; max-height: 60px !important; }
  .menu { height: auto; }
  .header-box .clearfix.none { display: block; }
  .menu .header-nav { position: static; width: 100%; height: auto; margin: 0px; }
  .menu .header-box { width: 100%; position: relative; }
  .menu .nav li a:hover::after { display: none; }
  .menu .btn-t { display: block; position: absolute; top: 18px; right: 14px; z-index: 11; }
  .menu .header-nav .nav-box { background: none; height: auto; padding: 0px; margin: 0px; }
  .menu .navbar-collapse { margin: 0px; border-top-width: 2px; border-top-style: solid; }
  .menu .navbar-collapse.collapse { display: none !important; }
  .menu .navbar-collapse.in { overflow-y: hidden; height: auto; display: block !important; }
  .menu .navbar-collapse.collapseing { padding: 0px; margin: 0px; }
  .menu .nav { float: none; width: 100%; }
  .menu .nav li { float: none; width: 100%; background: none; border-top-width: 1px; border-top-style: solid; }
  .menu .nav li:last-child { border-bottom: none; }
  .menu .nav li a { padding: 0px 20px; text-align: left; display: block; font-size: 14px; margin: 0px; line-height: 30px; }
  .menu .nav li a:hover, .menu .nav li.active a, .menu .nav li.active { text-align: left; color: rgb(255, 255, 255); }
  .menu .nav li a:hover, .menu .nav li.Theme { border-radius: 0px; transform: translateX(5px); }
  .menu .NavBox { width: 100%; visibility: hidden; height: 0px; overflow: hidden; }
  .menu .header-box.active .NavBox { visibility: visible; }
  .PhoneBox { display: none; }
  .menu .header-box .logo { max-width: 80%; }
}
@media screen and (min-width: 981px) {
  .menu .NavBox { padding-bottom: 0px; display: block !important; height: auto !important; overflow: visible !important; }
}
@media screen and (max-width: 600px) {
  .home-module .col-md-4 { padding: 0px; }
}
.banner { width: 100%; overflow: hidden; }
.carousel { margin: 0px; }
.bannerBox { max-width: 100%; margin: 0px auto; position: relative; }
.banner .carousel-control { background: none; }
.notice .notice-box { background: rgb(255, 255, 255); position: relative; height: 50px; max-width: 1180px; margin: 15px auto 0px; }
.notice .notice-box .notice-ul { width: 370px; padding-left: 0px; overflow: hidden; height: 50px; }
.notice .notice-box ul { padding: 0px 0px 0px 60px; color: rgb(255, 255, 255); font-size: 12px; width: 100%; list-style: none; box-sizing: border-box; }
.notice .notice-box ul li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 50px; }
.notice .notice-box ul li a { color: rgb(51, 51, 51); }
.notice .notice-box ul li a:hover { color: rgb(66, 139, 202); }
.notice .notice-box ul li .glyphicon { top: 3px; }
.notice .notice-box .noticeBox { position: relative; z-index: 2; margin-left: 0px; }
.notice .notice-box .searchBox { float: right; }
.notice .notice-box .navbar-form { padding: 0px; margin: 0px; }
.notice .notice-box .navbar-form .form-control { border-radius: 0px; font-size: 12px; height: 33px; padding: 0px 10px; }
.notice .notice-box .dropdown-menu { border-radius: 0px; padding: 0px; min-width: 91px; left: -1px; }
.notice .notice-box .dropdown-menu > li { padding: 0px; }
.notice .notice-box .dropdown-menu > li > a { text-align: center; font-size: 12px; color: rgb(102, 102, 102); display: block; }
.notice .notice-box .btn-danger { color: rgb(255, 255, 255); background-image: none; border-radius: 0px; padding: 8px 10px; }
.notice .notice-box .btn-danger:hover, .notice .notice-box .btn-danger:focus, .notice .notice-box .btn-danger:active, .notice .notice-box .btn-danger.active, .notice .notice-box .open > .dropdown-toggle.btn-danger { background-color: rgb(184, 45, 8); border: 1px solid rgb(184, 45, 8); }
.notice .notice-box .noticeboxBg { display: none; z-index: 1; }
.notice .notice-box .col-md-5 { padding-left: 0px; padding-right: 0px; }
.navbar-form .form-group { padding: 7px 0px; width: 100%; }
.notice .notice-box .iconfont { margin-right: 10px; position: absolute; left: 0px; top: 0px; text-align: center; width: 50px; color: rgb(255, 255, 255); line-height: 50px; font-size: 35px; height: 50px; background-color: rgb(0, 51, 168); }
.notice .notice-box .iconfont::before { content: ""; }
.notice .search { width: 100%; float: right; position: relative; padding-right: 100px; box-sizing: border-box; }
.notice .notice-box .btn-search { padding: 9px; }
.alertinfo_p { float: left; line-height: 50px; margin-left: 10px; }
@media screen and (max-width: 1030px) {
  .notice .notice-box { max-width: 100%; }
}
@media screen and (max-width: 870px) {
  .notice .notice-box .col-md-4 { width: 48%; }
}
@media screen and (max-width: 768px) {
  .navbar-form .form-group { margin: 0px; }
  .notice .notice-box .navbar-form { margin: 0px; }
}
@media screen and (max-width: 600px) {
  .notice .alertinfo { display: none; }
  .notice .notice-box .noticeboxBg { display: block; width: 100%; height: 50px; position: absolute; left: 0px; top: 0px; z-index: 1; }
  .notice .notice-box .col-md-4 { width: 100%; margin: 0px; padding: 0px 0px 0px 15px; }
  .navbar-form .form-group { padding: 5px 0px 7px; }
}
@media screen and (max-width: 480px) {
  .notice .notice-box ul li { padding-left: 0px; }
  .notice .alertinfo { display: none; }
  .notice .notice-box .search { display: block; }
  .notice .btn-search-group { top: 6px; }
}
@media screen and (max-width: 360px) {
  .notice .notice-box .search { width: 335px; }
  .notice .navbar-form .form-control { width: 210px; }
}
@media screen and (max-width: 320px) {
  .notice .notice-box .search { width: 295px; }
  .notice .navbar-form .form-control { width: 180px; }
}
@media screen and (max-width: 303px) {
  .notice .notice-box .search { width: 285px; }
}
.notice .btn-search-group { height: 36px; color: rgb(255, 255, 255); font-size: 14px; font-family: SimSun; cursor: pointer; position: absolute; right: 0px; top: 7px; background-color: rgb(0, 51, 168); }
@media screen and (max-width: 800px) {
  .notice .btn-search-group { height: 36px; color: rgb(255, 255, 255); font-size: 14px; font-family: SimSun; cursor: pointer; position: absolute; right: 0px; top: 6px; background-color: rgb(0, 51, 168); }
}
.notice .btn-search-group .btn { background: none !important; border: none !important; }
.notice .alertinfo li { line-height: 50px; white-space: nowrap; }
.notice .alertinfo li .iconfont { font-size: 30px; }
.notice .notice-box .search input.form-control { height: 20px; line-height: 20px; width: 100%; margin-left: -10px; background-color: rgb(255, 255, 255); border-right: 1px solid; padding: 7px 0px 7px 8px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; }
.notice .notice-box .search input::-webkit-input-placeholder { color: rgb(0, 0, 0) !important; }
.about-info { }
.info-img { width: 500px; height: 370px; overflow: hidden; }
.info-img img { width: 100%; }
.info-txt { width: 650px; overflow: hidden; }
.info-p { width: 100%; height: 253px; margin-bottom: 35px; overflow: hidden; padding-top: 15px; }
.info-p * { font-size: 16px !important; line-height: 1.6 !important; }
.info-more { width: 100%; overflow: hidden; }
.info-more a { display: block; padding: 8px 50px; color: rgb(255, 255, 255); font-size: 14px; text-align: center; }
.info-more a:hover { opacity: 0.8; }
@media screen and (max-width: 1180px) {
  .info-img { width: 45%; }
  .info-txt { width: 50%; }
  .info-p { height: 225px; }
}
@media screen and (max-width: 900px) {
  .info-p { height: 175px; }
}
@media screen and (max-width: 768px) {
  .info-p { height: 150px; }
}
@media screen and (max-width: 640px) {
  .info-img { width: 100%; height: auto; }
  .info-txt { width: 100%; }
  .info-p { max-height: 373px; height: auto; }
}
@media screen and (max-width: 320px) {
  .info-p { max-height: 200px; height: auto; }
}
.form-horizontal { margin: 0px !important; }
.contact_con { max-width: 1200px; margin: auto; }
.contactbg { }
.contactbg .calcHei { height: 100%; }
.contact_con .home_title { text-align: center; padding-bottom: 28px; border: 0px; }
.contact_con .con_left { width: 630px; }
.contact_con .con_right { padding: 0px 0px 0px 35px; width: 535px; }
.contact_con .leftRi { }
.contact_con .con_left .img { background: url("/Public/Images/Theme232/tel_232.jpg") center center / cover no-repeat; width: 400px; height: 300px; float: left; }
.contact_con .con_left ul { float: left; width: 210px; margin-left: 20px; }
.contact_con .con_left ul li { min-height: 88px; padding-left: 30px; color: rgb(0, 0, 0); line-height: 1.7; margin-bottom: 28px; border-bottom: 1px solid rgb(155, 155, 155); overflow: hidden; position: relative; }
.contact_con .con_left ul li i { position: absolute; vertical-align: top; font-size: 24px; left: 0px; top: 2px; line-height: 30px; }
.contact_con .con_left ul li:last-child { border: 0px; margin-bottom: 0px; }
.contact_con .con_left ul li i::before { position: absolute; top: -3px; left: 0px; width: 30px; font-size: 24px; }
.contact_con .con_left ul li i.icon230-youxiang::before { top: -8px; font-size: 25px; }
.contact_con .con_left ul li i.icon230-dizhi::before { top: -4px; font-size: 22px; }
.contact_con .con_left ul li strong { display: block; padding-bottom: 3px; font-size: 16px; }
.contact_con .leftRi .header { display: none; }
.contact_con .con_right ul li .con_ipt { height: 45px; line-height: 45px; width: 25.3%; margin-right: 2%; border: 1px solid rgb(181, 181, 181); font-size: 14px; color: rgb(85, 85, 85); padding: 0px 3%; }
.contact_con .con_right ul li .ipt_last { margin-right: 0px; float: right; }
.contact_con .con_right ul li .ipt_area { margin: 25px 0px 15px; width: 100%; height: 150px; border: 1px solid rgb(181, 181, 181); resize: none; line-height: 1.6; color: rgb(85, 85, 85); }
.contact_con .con_right .form-group { margin: 0px; }
.contact_con .con_right .form-control { box-sizing: border-box; height: 45px; line-height: 45px; margin-right: 2%; border: 1px solid rgb(181, 181, 181); font-size: 14px; color: rgb(85, 85, 85); padding: 0px 22px; border-radius: 0px; }
.contact_con .con_right textarea.form-control { font-size: 12px; height: 188px; margin: 0px; resize: none; width: 100% !important; }
.contact_con .con_right .form-group { margin-bottom: 10px; }
.contact_con .con_right ul li .ipt_sub, .contact_con .con_right .btn-primary { font-size: 16px; width: 122px; height: 40px; line-height: 40px; color: rgb(255, 255, 255); border: 0px; outline: none; cursor: pointer; float: right; }
.contact_con .con_right .undefined_edit { clear: both; padding-left: 10px; }
.contact_con .leftRi .text_edit, .contact_con .con_right .tel_edit, .contact_con .con_right .email_edit { float: left; width: 33.3333%; box-sizing: border-box; padding-left: 10px; }
.contact_con .con_right label { }
.contact_con .con_right .radio-group label { display: inline-block; }
@media (max-width: 900px) {
  .contact_con .con_left .img { display: none; }
  .contact_con { margin: 0px 15px 20px; height: auto; }
  .contact_con .con_left { float: none; width: auto; }
  .contact_con .con_left ul { margin-left: 0px; float: none; width: auto; }
  .contact_con .con_left ul li { border-bottom: none; margin-bottom: 0px; }
  .contact_con .con_right { width: auto; float: none; padding-left: 0px; margin-left: -10px; }
  .contact_con .con_right .undefined_edit { padding-left: 10px; }
}
@media (max-width: 1100px) {
  .contact_con .con_left .img { display: none; }
}
@media (max-width: 640px) {
  .contact_con .leftRi .text_edit, .contact_con .con_right .tel_edit, .contact_con .con_right .email_edit { width: 100%; padding-left: 0px; }
  .contact_con .con_right .undefined_edit { padding-left: 0px; }
}
.article-box { }
.article-list { }
.article-list li { width: calc(25% - 24px); margin-right: 30px; float: left; position: relative; margin-bottom: 12px; box-sizing: border-box; }
.article-list li .ari-img { width: 100%; margin-right: 15px; overflow: hidden; position: relative; }
.article-list li .ari-img img { width: 100%; }
.article-list li h4 { position: relative; font-size: 16px; line-height: 37px; padding-bottom: 3px; color: rgb(255, 255, 255); text-align: center; }
.article-list li h4::before, .article-list li h4::after { display: block; content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0px; background: rgb(153, 153, 153); }
.article-list li h4::before { bottom: 3px; }
.article-list li h4::after { background: rgb(187, 187, 187); }
.article-list li p { font-size: 14px; color: rgb(255, 255, 255); display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; height: 70px; line-height: 1.6; margin: 40px 0px 10px; text-align: center; }
.article-list li .mores { display: block; width: 96px; height: 32px; line-height: 32px; text-align: center; color: rgb(255, 255, 255); margin: 0px auto 0px -43px; position: absolute; left: 50%; }
.article-list li:last-child { margin-right: 0px; }
.article-more { background: rgb(174, 150, 198); margin-top: 30px; }
.art_hover { width: 100%; height: 203px; background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 0px; display: none; }
.article-list li:hover .art_hover { display: block; }
@media screen and (max-width: 950px) {
  .article-list li { width: calc(25% - 8px); margin-right: 10px; }
}
@media screen and (max-width: 640px) {
  .article-list li:hover .art_hover { display: none; }
  .article-list li { width: 49%; margin: 0px 2% 4% 0px; }
  .article-list li:nth-child(2n) { margin-right: 0px; }
  .article-list li:nth-child(3) { margin-bottom: 0px; }
  .article-list li:nth-child(4) { margin-bottom: 0px; }
}
@media screen and (max-width: 320px) {
  .article-list li .ari-txt { padding: 10px; }
  .article-list li .ari-txt h4 { font-size: 14px; padding: 0px 0px 5px; }
  .article-list li .ari-txt p { font-size: 12px; }
}
.form-horizontal { margin: 0px !important; }
.contactbg { }
.contactbg .calcHei { height: 100%; }
.contact_con .home_title { text-align: center; padding-bottom: 28px; border: 0px; }
.contact_con .con_left { width: 630px; }
.contact_con .con_right { padding: 0px 0px 0px 35px; width: 535px; }
.contact_con .leftRi { }
.contact_con .con_left .img { background: url("") center center / cover no-repeat; width: 400px; height: 300px; float: left; }
.contact_con .con_left ul { float: left; width: 210px; margin-left: 20px; }
.contact_con .con_left ul li { min-height: 88px; padding-left: 30px; color: rgb(0, 0, 0); line-height: 1.7; margin-bottom: 28px; border-bottom: 1px solid rgb(155, 155, 155); overflow: hidden; position: relative; }
.contact_con .con_left ul li i { position: absolute; vertical-align: top; font-size: 24px; left: 0px; top: 2px; line-height: 30px; }
.contact_con .con_left ul li:last-child { border: 0px; margin-bottom: 0px; }
.contact_con .con_left ul li i::before { position: absolute; top: -3px; left: 0px; width: 30px; font-size: 24px; }
.contact_con .con_left ul li i.icon230-youxiang::before { top: -8px; font-size: 25px; }
.contact_con .con_left ul li i.icon230-dizhi::before { top: -4px; font-size: 22px; }
.contact_con .con_left ul li strong { display: block; padding-bottom: 3px; font-size: 16px; }
.contact_con .leftRi .header { display: none; }
.contact_con .con_right ul li .con_ipt { height: 45px; line-height: 45px; width: 25.3%; margin-right: 2%; border: 1px solid rgb(181, 181, 181); font-size: 14px; color: rgb(85, 85, 85); padding: 0px 3%; }
.contact_con .con_right ul li .ipt_last { margin-right: 0px; float: right; }
.contact_con .con_right ul li .ipt_area { margin: 25px 0px 15px; width: 100%; height: 150px; border: 1px solid rgb(181, 181, 181); resize: none; line-height: 1.6; color: rgb(85, 85, 85); }
.contact_con .con_right .form-group { margin: 0px; }
.contact_con .con_right .form-control { box-sizing: border-box; height: 45px; line-height: 45px; margin-right: 2%; border: 1px solid rgb(181, 181, 181); font-size: 14px; color: rgb(85, 85, 85); padding: 0px 22px; border-radius: 0px; }
.contact_con .con_right textarea.form-control { font-size: 12px; height: 188px; margin: 0px; resize: none; width: 100% !important; }
.contact_con .con_right .form-group { margin-bottom: 10px; }
.contact_con .con_right ul li .ipt_sub, .contact_con .con_right .btn-primary { font-size: 16px; width: 122px; height: 40px; line-height: 40px; color: rgb(255, 255, 255); border: 0px; outline: none; cursor: pointer; float: right; }
.contact_con .con_right .undefined_edit { clear: both; padding-left: 10px; }
.contact_con .leftRi .text_edit, .contact_con .con_right .tel_edit, .contact_con .con_right .email_edit { float: left; width: 33.3333%; box-sizing: border-box; padding-left: 10px; }
.contact_con .con_right label { }
.contact_con .con_right .radio-group label { display: inline-block; }
@media (max-width: 900px) {
  .contact_con .con_left .img { display: none; }
  .contact_con { margin: 0px 15px 20px; height: auto; }
  .contact_con .con_left { float: none; width: auto; }
  .contact_con .con_left ul { margin-left: 0px; float: none; width: auto; }
  .contact_con .con_left ul li { border-bottom: none; margin-bottom: 0px; }
  .contact_con .con_right { width: auto; float: none; padding-left: 0px; margin-left: -10px; }
  .contact_con .con_right .undefined_edit { padding-left: 10px; }
}
@media (max-width: 1100px) {
  .contact_con .con_left .img { display: none; }
}
@media (max-width: 640px) {
  .contact_con .leftRi .text_edit, .contact_con .con_right .tel_edit, .contact_con .con_right .email_edit { width: 100%; padding-left: 0px; }
  .contact_con .con_right .undefined_edit { padding-left: 0px; }
  .contact_con .con_right .form-control { padding: 0px 12px; }
}
.productBox { }
.product-box-left { width: 18%; }
.product-box li, .product-box li img, .pro-category, .pro-category li { transition: all 0.6s ease-in-out 0s; }
.pro-category::-webkit-scrollbar { width: 7px; height: 7px; background-color: rgb(245, 245, 245); }
.pro-category::-webkit-scrollbar-track { border-radius: 7px; background-color: rgba(0, 0, 0, 0.1); }
.pro-category::-webkit-scrollbar-thumb { width: 7px; height: 7px; border-radius: 7px; background-color: rgba(0, 0, 0, 0.1); }
.pro-category { position: relative; height: 415px; overflow: hidden auto; background-color: rgb(234, 234, 234); }
.pro-category li { height: 32px; line-height: 32px; color: rgb(255, 255, 255); border-bottom: 1px solid rgb(213, 213, 213); font-size: 16px; padding: 10px 0px; }
.pro-category li a { display: block; padding: 0px 20px; color: rgb(51, 51, 51); }
.productBox .pro-tit { color: rgb(255, 255, 255); height: 60px; line-height: 60px; text-align: center; font-size: 18px; font-weight: bold; }
.product-box { padding: 0px; width: 80%; }
.product-box { overflow: auto hidden; }
.product-box li { float: left; width: 32%; margin: 0px 2% 2% 0px; background: rgb(255, 255, 255); }
.product-box li:nth-child(3n) { margin-right: 0px; }
.product-box li .img { position: relative; overflow: hidden; width: 100%; }
.product-box li .img img { width: 100%; }
.product-box li .img h3 { position: absolute; bottom: 0px; width: 96%; padding: 0px 2%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; background: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); }
.product-box li a:hover img { transform: scale(1.2); }
@media screen and (max-width: 1180px) {
  .product-box { width: 82%; }
  .product-box li .TxtBox { font-size: 14px; line-height: 20px; height: 60px; }
  .product-box li .img h3 { height: 42px; line-height: 42px; }
}
@media screen and (max-width: 1040px) {
  .pro-category { height: 398px; }
}
@media screen and (max-width: 860px) {
  .pro-category { height: 345px; }
}
@media screen and (max-width: 768px) {
  .product-box { width: 100%; }
  .product-box-left { display: none; }
  .product-box li .img h3 { height: 38px; line-height: 38px; font-size: 14px; }
  .pro-category li.pro-tit { font-size: 16px; }
  .pro-category { height: 285px; }
}
@media screen and (max-width: 640px) {
  .product-box li .TxtBox { font-size: 12px; line-height: 18px; height: 51px; padding-top: 6px; }
  .product-box li .img h3 { height: 32px; line-height: 32px; }
  .pro-category { width: 100%; height: auto; }
  .pro-category li { box-sizing: border-box; width: 49%; float: left; margin-left: 2%; }
  .pro-category li:nth-child(2n) { margin-left: 0px; }
  .pro-category li.pro-tit { width: 100%; margin-left: 0px; }
  .product-box { width: 100%; }
  .product-box li { width: 49%; }
  .product-box li:nth-child(3n) { margin-right: 2%; }
  .product-box li:nth-child(2n) { margin-right: 0px; }
}
@media screen and (max-width: 320px) {
}
.friendBox { margin: 15px auto 0px; max-width: 1030px; }
.friendLink .link-box { height: auto; background-color: rgb(255, 255, 255); padding: 5px 20px; box-sizing: border-box; }
.friendLink .link-box h4 { color: rgb(102, 102, 102); font-size: 14px; line-height: 30px; display: inline-block; }
.friendLink .link-box ul { overflow: hidden; display: inline; color: rgb(102, 102, 102); line-height: 30px; }
.friendLink .link-box ul li { position: relative; display: inline-block; margin-right: 10px; font-style: normal; padding: 0px 3px; }
.friendLink .link-box ul li:first-child::after { display: none; }
.friendLink .link-box ul li::after { content: "|"; position: absolute; left: -10px; top: 0px; }
.friendLink .link-box ul a { word-break: break-all; overflow-wrap: break-word; font-style: normal; color: rgb(102, 102, 102); }
.friendLink .link-box ul a:hover { color: rgb(221, 221, 221); }
@media screen and (max-width: 1030px) {
  .friendBox { padding: 0px 15px; box-sizing: border-box; }
}
.footers { width: 100%; color: rgb(255, 255, 255); margin-top: 15px; }
.footerBox { margin: 0px auto; max-width: 1030px; }
.footers .footers-box { padding: 15px 0px; background: url("/skin/default/images/bottomBg.png") center top repeat-x; }
.footers .footers-box a { margin-right: 10px; word-break: break-all; overflow-wrap: break-word; color: rgb(255, 255, 255) !important; }
.footers .footers-box p { padding: 0px; font-size: 12px; line-height: 20px; }
.footers .footers-box p span { color: rgb(255, 255, 255); }
@media screen and (max-width: 870px) {
  .pro-list .thumbnail img { height: 12rem; }
  .product-box-wap { padding: 0px 5px; }
  .product-box-wap li {display: inline-block;text-align: center;width: 32.6%;height: 30px;line-height: 30px;margin-bottom: 10px;background-color: #00aeef;}
  .product-box-wap li a { color: rgb(255, 255, 255); font-size: 14px; }
}
@media screen and (min-width: 870px) {
  .product-box-wap { display: none; }
}