@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(0, 174, 239) !important; }
.Themefont { color: rgb(0, 174, 239) !important; }
.headfont, .common_top, .common_top a { }
.ThemeFborder { border-color: rgb(0, 174, 239) !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,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") 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; 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-width: 1px; border-style: solid; border-right-color: initial; padding: 7px 0px 7px 8px; }
.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 .con_right ul { }
.contact_con .con_right ul li { height: 3.8rem; line-height: 3.8rem; border-bottom: 1px dashed rgb(155, 155, 155); }
.contact_con .con_right ul li a { font-size: 14px; color: rgb(0, 0, 0); }
.contact_con .con_right ul li span { font-size: 14px; color: rgb(0, 0, 0); position: absolute; right: 0px; }
.contact_con .leftRi { }
.contact_con .con_left .img { background: url("/skin/default/images/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("/skin/default/images/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; }
  .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%; height: 23rem; }
.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 (min-width: 870px) {
  .product-box-wap { display: none; }
}
@media screen and (max-width: 870px) {
  .product-box li .img img { height: 14rem; }
  .product-box-wap { }
  .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; }
}