@charset "UTF-8";
/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html { font-family: "微软雅黑", arial, 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select { margin: 0; padding: 0; outline: 0; border: 0; background: transparent; vertical-align: baseline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

ul, ol { list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

a { text-decoration: none; color: #005fb4; }

.copyrights { text-indent: -9999px; height: 0; line-height: 0; font-size: 0; overflow: hidden; }

@media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  select { background: #fff !important; } }
.main { margin: 0 auto; width: 1200px; }

.main:after { content: ''; display: block; clear: both; }

.clear:after { content: ''; display: block; clear: both; }

.tran { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.content { padding-top: 30px; padding-bottom: 60px; }

/*头部和底部样式*/
.head { position: relative; z-index: 2; }

.head-top { line-height: 35px; background-color: #313131; color: #fff; font-family: "宋体"; }
.head-top p { float: left; font-size:12px; }
.head-top span { float: right; font-size:12px; }

.head-bot { border-bottom: 1px solid #e4e4e4; }

.head-logo { float: left; display: table; height: 100px; }
.head-logo a { display: table-cell; width: 345px; vertical-align: middle; }
.head-logo img { display: block; width: 100%; }

.head-nav { float: right; }

.haed-nav-li { position: relative; margin-left: 35px; float: left; }
.haed-nav-li:hover .head-nav-li-a { border-color: #127dc1; color: #127dc1; }
.haed-nav-li.active .head-nav-li-a { border-color: #127dc1; color: #127dc1; }
.haed-nav-li:hover .head-nav-pull { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

.head-nav-li-a { display: block; font-size: 16px; line-height: 100px; color: #242424; border-top: 1px solid transparent; }

.head-nav-pull { position: absolute; left: 0; top: 100%; width: 210px; background: url("../img/bkg1.png") repeat; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); }
.head-nav-pull a { display: block; color: #fff; line-height: 48px; border-bottom: 1px solid #575f64; text-indent: 30px; background: url("../img/icon1.png") no-repeat 90% center; }
.head-nav-pull a:hover { background-color: #127DC1; text-indent: 40px; }

.foot-top-img { position: relative; height: 297px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; }

.foot-backtop { position: absolute; left: 50%; top: 0; margin-left: -40px; width: 80px; height: 35px; cursor: pointer; }

.foot-contact-btn { position: absolute; left: 50%; bottom: 5px; margin-left: -70px; width: 140px; height: 42px; }

.foot-cont { padding: 35px 0; background-color: #797979; }

.foot-nav { float: left; }

.foot-nav-dl { margin-right: 20px; float: left; line-height: 32px; font-size: 14px; }
.foot-nav-dl dt a { color: #fff; }
.foot-nav-dl dd a { color: #fff; }

.foot-rg { padding-left: 35px; float: right; width: 317px; border-left: 1px solid #fff; }

.foot-contact { margin-bottom: 15px; font-size: 24px; line-height: 36px; color: #fff; }

.foot-link { position: relative; margin-bottom: 15px; width: 190px; height: 38px; border: 1px solid #fff; }

.foot-link-tit { line-height: 38px; color: #fff; text-indent: 10px; cursor: pointer; }
.foot-link-tit span { position: relative; margin-right: 4px; margin-top: 4px; float: right; width: 28px; height: 28px; background-color: #fff; }
.foot-link-tit span:before { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -3px; width: 0; height: 0; border-top: 6px solid #f39800; border-left: 6px solid transparent; border-right: 6px solid transparent; }

.foot-link-a { position: absolute; left: 0; bottom: 100%; width: 100%; border: 1px solid #fff; display: none; }
.foot-link-a a { display: block; background-color: #f1f1f1; line-height: 30px; color: #333; text-indent: 10px; border-bottom: 1px solid #fff; }
.foot-link-a a:hover { color: #127dc1; }

.foot-share { color: #fff; }

.foot-bot { text-align: center; background-color: #222; color: #fff; font-size: 12px; line-height: 45px; }

@media screen and (max-width: 1200px) { .main { width: 740px; }
  .head-logo a { width: 160px; }
  .haed-nav-li { margin-left: 16px; }
  .head-nav-li-a { font-size: 14px; }
  .head-nav-pull { display: none; }
  .foot-rg { padding-left: 0; width: 100%; border-left: none; } }
@media screen and (max-width: 740px) { .main { width: 100%; }
  .head-top { display: none; }
  .head-bot { position: relative; padding: 0 10px; }
  .head-logo { height: 50px; }
  .head-nav { position: absolute; left: 0; top: 100%; display: none; width: 100%; background-color: #fff; }
  .haed-nav-li { float: none; margin: 0; text-indent: 20px; border-bottom: 1px solid #F1F1F1; animation: head-li .6s ease forwards; -webkit-animation: head-li .6s ease forwards; opacity: 0; -webkit-opacity: 0; }
  .haed-nav-li:hover .head-nav-li-a { border-color: transparent; }
  .haed-nav-li.active .head-nav-li-a { border-color: transparent; color: #242424; }
  .haed-nav-li:nth-child(n) { transform: translateX(-20px); }
  .haed-nav-li:nth-child(2n) { transform: translateX(60px); }
  .head-nav-li-a { display: block; line-height: 45px; }
  .head-btn { padding-top: 15px; float: right; width: 40px; height: 50px; box-sizing: border-box; }
  .head-btn i { margin: 5px auto; display: block; width: 15px; height: 3px; background-color: #127dc1; }
  .head-btn:before { content: ''; margin: 0 auto; display: block; width: 25px; height: 3px; background-color: #127dc1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; }
  .head-btn:after { content: ''; margin: 0 auto; display: block; width: 25px; height: 3px; background-color: #127dc1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; }
  .head-btn.active i { width: 0; }
  .head-btn.active:before { transform-origin: left top; -webkit-transform-origin: left top; transform: translate3d(0, 0, 0) rotate(45deg); -webkit-transform: translate3d(0, 0, 0) rotate(45deg); }
  .head-btn.active:after { transform-origin: left bottom; -webkit-transform-origin: left bottom; transform: translate3d(0, 0, 0) rotate(-45deg); -webkit-transform: translate3d(0, 0, 0) rotate(-45deg); }
  @keyframes head-li { 100% { transform: none; opacity: 1; -webkit-opacity: 1; } }
  @-webkit-keyframes head-li { 100% { transform: none; opacity: 1; -webkit-opacity: 1; } }
  .foot-top-img { display: none; }
  .foot-cont { padding: 0 10px; }
  .foot-nav { width: 100%; }
  .foot-nav-dl { margin-right: 0; float: none; font-size: 14px; }
  .foot-nav-dl dt { line-height: 45px; border-bottom: 1px solid #999; }
  .foot-nav-dl dd { display: none; }
  .foot-contact p { float: left; font-size: 14px; line-height: 45px; }
  .foot-link { display: none; }
  .foot-share { display: none; }
  .foot-bot { padding: 10px; line-height: 20px; } }
.page { padding-top: 30px; text-align: center; }

.page-ctr { display: inline-block; }
.page-ctr a { margin: 0 5px; float: left; padding: 0 13px; line-height: 40px; border: 1px solid #cfcfcf; color: #3b3b3b; font-size: 12px; }
.page-ctr a:hover { background-color: #127dc1; border-color: #127dc1; color: #fff; }
.page-ctr a.active { background-color: #127dc1; border-color: #127dc1; color: #fff; }

/*index*/
.banner-li a { display: block; height: 930px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; }

.ind-about { padding-bottom: 40px; }

.ind-about-tit { padding: 25px 0; text-align: center; }

.ind-about-tit-ctr { position: relative; display: inline-block; font-weight: bold; }
.ind-about-tit-ctr:before { content: ''; position: absolute; right: 120%; top: 50%; width: 185px; height: 1px; background-color: #b1b1b1; }
.ind-about-tit-ctr:after { content: ''; position: absolute; left: 120%; top: 50%; width: 185px; height: 1px; background-color: #b1b1b1; }
.ind-about-tit-ctr .tit-a { font-size: 32px; color: #343434; }
.ind-about-tit-ctr .tit-a span { color: #127dc1; }
.ind-about-tit-ctr .tit-c { font-size: 24px; }

.ind-about-img { float: left; width: 516px; }
.ind-about-img img { display: block; width: 100%; }

.ind-about-desc { padding-left: 20px; float: left; width: 684px; font-size: 16px; line-height: 32px; color: #343434; }

.ind-about-h { margin-bottom: 10px; font-size: 18px; font-weight: bold; }
.ind-about-h a { color: #343434; }

.ind-about-more { margin-top: 10px; display: block; width: 90px; text-align: center; border: 1px solid #434343; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; color: #343434; }
.ind-about-more:hover { color: #127dc1; border-color: #127dc1; }

.ind-nav { padding: 55px 0; background-color: #f2f2f2; }

.ind-nav-ul { margin: 0 -18px; }

.ind-nav-li { padding: 0 18px; float: left; width: 25%; }
.ind-nav-li a { display: block; }
.ind-nav-li a:hover img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.ind-nav-li a:hover .ind-nav-li-img i { display: block; }

.ind-nav-li-img { position: relative; overflow: hidden; }
.ind-nav-li-img:before { content: ''; position: absolute; left: 0; top: -100%; z-index: 1; width: 100%; height: 100%; background: url("../img/bkg1.png") repeat; }
.ind-nav-li-img img { display: block; width: 100%; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }
.ind-nav-li-img i { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: -27px; z-index: 1; display: none; width: 55px; height: 55px; background: url("../img/icon4.png") no-repeat center; background-size: contain; }

.ind-nav-li-desc { padding-top: 15px; text-align: center; font-weight: bold; color: #222; font-size: 18px; line-height: 30px; }

.ind-nav-video:hover .ind-nav-li-img:before { top: 0; }

.ind-prod { padding-bottom: 40px; background-color: #222; }
.ind-prod .owl-theme .owl-controls .owl-buttons div { width: 38px; height: 38px; background-repeat: no-repeat; background-position: center; background-color: transparent; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.ind-prod .owl-theme .owl-controls .owl-buttons div.owl-prev { background-image: url("../img/icon5.png"); }
.ind-prod .owl-theme .owl-controls .owl-buttons div.owl-next { background-image: url("../img/icon6.png"); }

.ind-prod-ul { margin: 0 -10px; }

.ind-prod-li { padding: 0 10px; float: left; width: 305px; }
.ind-prod-li p { text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 30px; color: #fff; }
.ind-prod-li a { display: block; }
.ind-prod-li a:hover i { display: block; }
.ind-prod-li a:hover .ind-prod-li-img:before { display: block; }

.ind-prod-li-img { position: relative; }
.ind-prod-li-img img { display: block; width: 100%; }
.ind-prod-li-img i { position: absolute; left: 50%; top: 50%; margin-left: -33px; margin-top: -33px; display: none; width: 65px; height: 65px; background: url("../img/icon3.png") no-repeat center; }
.ind-prod-li-img:before { content: ''; position: absolute; left: 0; top: 0; display: none; width: 100%; height: 100%; background: url("../img/bkg1.png") repeat; }

.ind-tit { padding: 50px 0; color: #fff; }

.ind-tit-p { float: left; font-weight: bold; }
.ind-tit-p .tit-a { font-size: 32px; }
.ind-tit-p .tit-a span { color: #127dc1; }
.ind-tit-p .tit-c { font-size: 24px; }

.ind-tit-more { float: right; }
.ind-tit-more i { float: left; width: 55px; height: 50px; background: url("../img/icon2.png") no-repeat right center; }

.ind-tit-more-p { padding-right: 8px; float: left; font-weight: bold; border-right: 1px dotted #999; }
.ind-tit-more-p p { font-size: 24px; color: #fff; font-size: 24px; }
.ind-tit-more-p span { font-size: 12px; }

.ind-tit.cor { color: #222; }
.ind-tit.cor .ind-tit-more-p p { color: #222; }

.ind-news { padding-bottom: 80px; margin-bottom: -30px; background-color: #f2f2f2; }

.ind-news-cont { float: left; width: 815px; }

.ind-news-li { margin-bottom: 6px; }

.ind-news-li-a { padding: 6px 0; display: block; background-color: #fff; }
.ind-news-li-a:hover .ind-news-li-desc { color: #127dc1; }

.ind-news-li-time { float: left; width: 85px; text-align: center; font-weight: bold; border-right: 1px solid #dedede; }
.ind-news-li-time p { font-size: 36px; color: #127dc1; }
.ind-news-li-time span { font-size: 18px; color: #343434; }

.ind-news-li-desc { padding: 8px 15px; margin-left: -1px; float: left; width: 730px; border-left: 1px solid #dedede; font-size: 12px; line-height: 30px; color: #000; }
.ind-news-li-desc p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ind-news-li-tit { font-size: 18px; font-weight: bold; }

.ind-news-img { float: right; width: 364px; }
.ind-news-img .owl-theme .owl-controls { position: relative; margin-top: -33px; margin-right: 10px; text-align: right; }
.ind-news-img .owl-theme .owl-controls .owl-page span.owl-numbers { margin: 3px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; opacity: 1; }
.ind-news-img .owl-theme .owl-controls .owl-page.active span, .ind-news-img .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #ff0000; }

.ind-news-img-li { display: none; }
.ind-news-img-li img { display: block; width: 100%; }

.ind-news-img-li:first-child { display: block; }

.shade { position: fixed; left: 0; top: 0; z-index: 2; display: none; width: 100%; height: 100%; background-color: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }

.ale-video { position: fixed; left: 50%; top: 10%; margin-left: -400px; z-index: 3; display: none; width: 800px; background-color: #fff; }
.ale-video .my-video-dimensions { width: 100%; }

/*产品中心*/
.banner-img { height: 454px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; }

.prod-tit { margin-bottom: 30px; text-align: center; line-height: 30px; }
.prod-tit p { font-size: 18px; font-weight: bold; color: #343434; }
.prod-tit span { font-size: 16px; color: #9c9c9c; }

.prod-nav { margin-bottom: 20px; text-align: center; }
.prod-nav a { padding: 0 25px; margin: 5px; display: inline-block; line-height: 38px; border: 1px solid #d2d2d2; font-size: 16px; color: #363636; }
.prod-nav a:hover { background-color: #127dc1; border-color: #127dc1; color: #fff; }
.prod-nav a.active { background-color: #127dc1; border-color: #127dc1; color: #fff; }
.prod-nav a.cur { background-color: #127dc1; border-color: #127dc1; color: #fff; }

.prod-ul { margin: 0 -15px; }

.prod-li { padding: 15px; float: left; width: 25%; }

.prod-li-a { display: block; border: 1px solid #c9c9c9; }
.prod-li-a p { padding: 0 10px; text-align: center; line-height: 42px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.prod-li-img { padding: 7px; height: 287px; border-bottom: 1px solid #c9c9c9; overflow: hidden; }
.prod-li-img img { display: block; width: 100%; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }

.prod-li-a:hover img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

/*产品详情页*/
.jqzoom { position: relative; display: block; }

.jqzoom img { display: block; width: 100%; }

.zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; width: 350px; height: 350px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }

.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #aaa; background: #ffffff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }

.prod-intro-top { margin-bottom: 30px; }

.prod-intro-lf { float: left; width: 626px; }

.prod-intro-rg { float: right; width: 553px; }

.prod-intro-tit { padding: 10px 0; font-size: 18px; color: #333; line-height: 30px; border-bottom: 1px solid #D2D2D2; }

.prod-intro-p { margin-bottom: 30px; padding: 10px 0; font-size: 16px; line-height: 32px; color: #3f3f3f; }

.prod-menu { margin-bottom: 20px; border-bottom: 1px solid #a0a0a0; }
.prod-menu a { margin-right: 10px; float: left; width: 130px; line-height: 36px; text-align: center; background-color: #a0a0a0; color: #fff; }
.prod-menu a:hover { background-color: #127dc1; }
.prod-menu a.active { background-color: #127dc1; }

.prod-bot-sec { display: none; font-size: 16px; line-height: 32px; color: #272727; }
.prod-bot-sec img { margin: 10px auto; display: block; max-width: 100%; }

/*企业概况*/
.about-intro { margin-bottom: 60px; font-size: 16px; line-height: 32px; color: #363636; }
.about-intro p { margin-bottom: 20px; }
.about-intro img { margin-left: 20px; float: right; max-width: 100%; }

.about-envir-tit { margin-bottom: 30px; padding: 10px 0; font-size: 18px; color: #363636; border-bottom: 1px solid #afafaf; }

.about-envir-cont .owl-theme .owl-controls .owl-buttons div { position: absolute; padding: 0; top: 50%; margin: -15px 0 0 0; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; border-radius: 0; background-color: transparent; }
.about-envir-cont .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0; background-image: url("../img/icon7.png"); }
.about-envir-cont .owl-theme .owl-controls .owl-buttons div.owl-next { right: 0; background-image: url("../img/icon8.png"); }

.about-envir-ul { padding: 0 45px; }

.about-envir-li { padding: 0 10px; float: left; width: 100%; }
.about-envir-li a { display: block; text-align: center; font-size: 16px; color: #363636; }
.about-envir-li img { margin-bottom: 10px; display: block; width: 100%; }

.ale-envir { position: fixed; left: 25%; top: 10%; z-index: 2; width: 50%; display: none; }
.ale-envir img { display: block; width: 100%; }

.ale-envir-close { position: absolute; right: -25px; top: -25px; width: 50px; height: 50px; background: url("../img/icon9.png") no-repeat center; background-size: contain; cursor: pointer; }

.ale-envir-btn span { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: contain; cursor: pointer; }
.ale-envir-btn span.prev { left: 0; background-image: url("../img/icon10.png"); }
.ale-envir-btn span.next { right: 0; background-image: url("../img/icon11.png"); }

/*企业证书*/
.honour-ul { position: relative; margin-bottom: 60px; padding-top: 40px; }

.honour-ul:before { content: ''; position: absolute; left: 50%; height: 100%; width: 1px; background-color: #999; }

.honour-ul:after { content: ''; position: absolute; left: 50%; top: 10px; margin-left: -15px; width: 30px; height: 30px; background: url("../img/icon12.png") no-repeat center; }

.honour-li { position: relative; display: none; }

.honour-li.active { display: block; }

.honour-li:before { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px; width: 14px; height: 14px; background: url("../img/icon13.png") no-repeat center; }

.honour-li-intro { padding: 20px 60px; padding-bottom: 40px; float: left; width: 50%; line-height: 24px; color: #666; text-align: right; border-bottom: 1px solid #ccc; }

.honour-li-tit { margin-bottom: 20px; font-size: 24px; font-weight: bold; color: #666; }

.honour-li-img { padding: 20px 60px; float: left; width: 50%; }
.honour-li-img a { padding: 5px; float: left; width: 165px; border: 1px solid #F1F1F1; }
.honour-li-img img { display: block; width: 100%; }

.honour-li.rg .honour-li-intro { float: right; text-align: left; }

.honour-li.rg .honour-li-img { float: left; }
.honour-li.rg .honour-li-img a { float: right; }

.honour-more { margin: 0 auto; width: 180px; height: 40px; cursor: pointer; line-height: 40px; text-align: center; border: 1px solid #127dc1; color: #127dc1; }

.ale-honour { position: fixed; left: 25%; top: 10%; z-index: 2; display: none; padding: 5px; width: 50%; background-color: #fff; }
.ale-honour img { display: block; width: 100%; }

/*联系我们*/
.contact-p { padding: 30px 0; font-size: 16px; line-height: 32px; text-align: center; color: #363636; }

.contact-map { height: 494px; }
.contact-map img { display: block; width: 100%; }

/*在线留言*/
.contact-messa { padding-left: 120px; }

.contact-messa-dl { margin-bottom: 25px; }

.contact-messa-dt { float: left; min-height: 1px; width: 60px; line-height: 60px; }

.contact-messa-dd { float: left; }

.contact-messa-dd-inp { float: left; width: 778px; height: 60px; line-height: 60px; border: 1px solid #b8b8b8; text-indent: 20px; }

.contact-messa-dd-text { padding: 10px; float: left; width: 778px; border: 1px solid #b8b8b8; line-height: 24px; resize: none; }

.contact-messa-dd-p { margin-left: 20px; float: left; line-height: 60px; color: #ff0000; }

.contact-messa-dd-btn { float: left; width: 778px; height: 60px; background-color: #127dc1; resize: none; color: #fff; }

/*人才招聘*/
.talent-top { margin-bottom: 15px; padding: 15px; background-color: #f8f8f8; }

.talent-top-dl { margin-bottom: 10px; font-size: 12px; line-height: 28px; }

.talent-top-dt { float: left; width: 102px; min-height: 1px; text-align: right; line-height: 28px; }

.talent-top-dd { float: left; }

.talent-top-dd-inp { float: left; width: 450px; height: 28px; text-indent: 15px; line-height: 28px; border: 1px solid #c4c4c4; background-color: #fff; }

.talent-top-dd-p { margin-left: 10px; float: left; line-height: 28px; font-size: 12px; color: #999; }

.talent-top-dd-sel { margin-right: 10px; float: left; width: 160px; height: 28px; text-indent: 15px; line-height: 28px; border: 1px solid #c4c4c4; background-color: #fff; }

.talent-top-dd-a { float: left; }
.talent-top-dd-a p { float: left; }

.talent-top-dd-c { float: left; }
.talent-top-dd-c .talent-top-dd-sel { width: 115px; }

.talent-top-dd-btn { width: 150px; height: 35px; background-color: #127dc1; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; }

.talent-li-tit { margin-bottom: 2px; background-color: #f7f7f7; line-height: 28px; border-top: 2px solid #b9b9b9; border-bottom: 1px solid #ddd; }

.talent-li-tit-a { float: left; width: 11%; text-align: center; }

.talent-li-item { background-color: #f8f8f8; border-bottom: 1px solid #ddd; }

.talent-li-item-a { float: left; font-size: 12px; line-height: 30px; text-align: center; width: 11%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.talent-li-com { padding-left: 18px; display: inline-block; background: url("../img/icon17.png") no-repeat left center; color: #ea490b; cursor: pointer; }

.wid1 { width: 8%; }

.wid2 { width: 17%; }

.wid3 { width: 20%; }

.talent-li-intro { margin-bottom: 10px; padding: 20px; display: none; border: 1px solid #eee; line-height: 28px; color: #666; border-top: none; }

.talent-li-intro-tit { padding: 0 10px; font-weight: bold; background: url("../img/bkg2.png") no-repeat left center; }

.talent-li-intro-p { padding: 10px; }

.talent-li-intro-btn { padding-top: 20px; text-align: right; border-top: 1px solid #eee; }
.talent-li-intro-btn a { display: inline-block; width: 115px; line-height: 35px; text-align: center; background-color: #127dc1; color: #fff; }

.talent-li.active .talent-li-intro { display: block; }

.talent-li.active .talent-li-item { background-color: #F2F2F2; }

.view-more { padding: 20px 0; }
.view-more a { display: block; height: 60px; background: #127dc1 url("../img/icon18.png") no-repeat center; }

/*人才招聘表单*/
.talent-form-tit { padding: 40px 0; font-size: 30px; color: #666; background-color: #f4f4f4; text-align: center; }

.talent-form-main { padding: 20px; }

.talent-form-top { color: #999; line-height: 24px; }

.talent-form-top-btn { padding: 20px 0; }
.talent-form-top-btn a { margin-right: 10px; float: left; width: 81px; line-height: 36px; text-align: center; background-color: #f2f2f2; color: #747474; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.talent-form-top-btn a.active { background-color: #127dc1; color: #fff; }

.talent-form-p { padding: 10px; background-color: #f2f2f2; font-weight: bold; color: #000; }

.talent-form-write { padding: 10px 0; }

.talent-form-item { position: relative; }
.talent-form-item.wid { width: 775px; }

.talent-form-add { position: absolute; right: -21px; top: 8px; width: 21px; height: 21px; background: url("../img/icon14.png") no-repeat center; cursor: pointer; }
.talent-form-add.del { background: url("../img/icon15.jpg") no-repeat center; }

.talent-dl { margin-bottom: 10px; float: left; width: 386px; }

.talent-dt { float: left; width: 84px; text-align: right; line-height: 35px; }

.talent-dd { float: left; }

.talent-dd-inp { float: left; width: 278px; height: 35px; line-height: 35px; border: 1px solid #e1e1e1; text-indent: 15px; }

.talent-form-area { padding: 10px; width: 100%; line-height: 24px; border: 1px solid #e1e1e1; resize: none; }

.talent-form-bot { padding: 15px; background-color: #F2F2F2; line-height: 24px; color: #333; }

.talent-form-btn { margin-top: 15px; width: 81px; height: 36px; background-color: #127dc1; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*视频播放*/
.video-ul { margin: 0 -25px; }

.video-li { padding: 25px; float: left; width: 25%; }
.video-li a { display: block; text-align: center; color: #333; }
.video-li a:hover .video-li-img { -moz-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2); }

.video-li-img { position: relative; margin-bottom: 20px; height: 170px; overflow: hidden; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.video-li-img img { display: block; width: 100%; }
.video-li-img i { position: absolute; left: 50%; top: 50%; margin-left: -28px; margin-top: -28px; width: 55px; height: 55px; background: url("../img/icon4.png") no-repeat center; }

.video-play .my-video-dimensions { margin: 0 auto; }

/*投资者关系*/
.invest-li { padding: 15px 0; border-bottom: 1px solid #d8d8d8; }

.invest-li-a { position: relative; display: block; }

.invest-li-img { float: left; width: 255px; }
.invest-li-img img { display: block; width: 100%; }

.invest-li-desc { padding-left: 30px; padding-right: 60px; float: left; width: 944px; line-height: 24px; }

.invest-li-tit { padding: 15px 0; font-size: 18px; color: #3a3a3a; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.invest-li-p { font-size: 12px; color: #858585; height: 90px; display: -webkit-box !important; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.invest-li-i { position: absolute; right: 0; top: 50%; margin-top: -21px; width: 42px; height: 42px; background: #d8d8d8 url("../img/icon20.png") no-repeat center; }

.invest-li-a:hover .invest-li-i { background-color: #127dc1; }

/*下载中心*/
.down-li { margin-bottom: 10px; background-color: #696c77; }

.down-li-time { padding: 10px 0; border-right: 1px solid #fff; float: left; width: 100px; text-align: center; color: #fff; }
.down-li-time p { font-size: 32px; font-weight: bold; }

.down-li-cont { float: right; width: 1050px; }

.down-li-p { padding-left: 35px; float: left; width: 800px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 81px; background: url("../img/icon22.png") no-repeat left center; color: #fff; }

.down-li-btn { float: right; width: 90px; height: 80px; background-image: url("../img/icon21.png"); background-repeat: no-repeat; background-position: center; }

.down-li-btn:hover { background-color: #127dc1; }

/*新闻列表*/
.news-top { margin-bottom: 50px; }

.news-img { float: left; width: 769px; }
.news-img .owl-theme .owl-controls .owl-buttons div { position: absolute; top: 50%; margin: -37px 0 0 0; width: 40px; height: 74px; background-repeat: no-repeat; background-position: center; background-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.news-img .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0; background-image: url("../img/icon23.png"); }
.news-img .owl-theme .owl-controls .owl-buttons div.owl-next { right: 0; background-image: url("../img/icon24.png"); }

.news-img-li { float: left; display: none; }
.news-img-li:first-child { display: block; }
.news-img-li a { position: relative; display: block; }
.news-img-li img { display: block; width: 100%; }
.news-img-li p { position: absolute; left: 0; bottom: 0; padding: 10px; width: 100%; background: url("../img/bkg1.png") repeat; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.news-list { float: right; width: 388px; }

.news-list-li { font-size: 16px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #e5e5e5; }
.news-list-li:before { content: '•'; margin-right: 5px; }
.news-list-li a { color: #666; font-size: 16px; }
.news-list-li a:hover { color: #127dc1; }

.news-list-more { padding-top: 20px; text-align: right; }
.news-list-more a { font-size: 16px; color: #264265; }

.news-com { margin-bottom: 45px; }

.news-menu { float: left; }
.news-menu a { position: relative; float: left; width: 115px; line-height: 40px; color: #666; font-size: 16px; text-align: center; }
.news-menu a:before { content: ''; position: absolute; left: 50%; bottom: -6px; margin-left: -6px; display: none; width: 0; height: 0; border-top: 6px solid #127dc1; border-left: 6px solid transparent; border-right: 6px solid transparent; }
.news-menu a.active { background-color: #127dc1; color: #fff; }
.news-menu a.active:before { display: block; }


.news-nav { float: right; }

.news-nav-a { float: left; width: 42px; height: 35px; background-color: #fff; cursor: pointer; background-repeat: no-repeat; background-position: center; background-image: url("../img/icon27.png"); border-top: 1px solid #777; border-bottom: 1px solid #777; border-right: 3px solid #777; }
.news-nav-a:first-child { border-left: 3px solid #777; border-right: none; background-image: url("../img/icon26.png"); }
.news-nav-a:first-child.active { background-image: url("../img/icon26h.png"); border-color: #127dc1; }
.news-nav-a.active { background-image: url("../img/icon27h.png"); background-color: #127dc1; }

.news-ul { margin: 0 -10px; display: none; }

.news-li { padding: 10px; float: left; width: 25%; }

.news-li-a { display: block; box-shadow: 5px 4px 0 4px #e5e5e5; }
.news-li-a:hover .news-li-tit { color: #127dc1; }
.news-li-a:hover p { color: #127dc1; }
.news-li-a:after { content: ''; display: block; clear: both; }

.news-li-img img { display: block; width: 100%; }

.news-li-desc { padding: 10px; color: #333; line-height: 24px; }

.news-li-tit { font-size: 16px; color: #333; }

.news-li-bot { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e5e5e5; font-size: 12px; color: #666; background: url("../img/icon28.png") no-repeat right bottom; }

.news-ul.active .news-li { width: 100%; }
.news-ul.active .news-li-a { box-shadow: none; }
.news-ul.active .news-li-img { width: 300px; float: left; }
.news-ul.active .news-li-desc { padding: 0 30px; float: left; width: 900px; }

/*新闻详情*/
.news-intro-top { padding: 10px 0; text-align: center; line-height: 24px; border-bottom: 1px solid #ddd; }
.news-intro-top h2 { font-size: 18px; color: #3a3a3a; font-weight: normal; }
.news-intro-top p { font-size: 12px; color: #999; }

.news-intro-p { padding: 20px 0; font-size: 16px; line-height: 32px; color: #363636; }
.news-intro-p img { margin: 10px auto; display: block; max-width: 100%; }

.news-intro-bot { padding-top: 10px; border-top: 1px solid #ddd; }
.news-intro-bot a {   line-height: 24px; color: #363636; }
.news-intro-bot a:hover { color: #005FB4; }

/*发展历程*/
.history{}
.history-year{float: left;width: 115px;}
.history-year-a{position:relative;height: 47px; line-height: 47px;text-align: center;background-color: #f5f5f5; font-size: 16px;color: #999; border-bottom: 2px solid #fff; cursor: pointer;}
.history-year-a:before{content: '';position: absolute;right: -8px;top: 15px;display:none;width: 0;height: 0;border-left: 8px solid #127DC1;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.history-year-a:hover{background-color: #127DC1;color: #fff;}
.history-year-a:hover:before{display: block;}
.history-year-a.active{background-color: #127DC1;color: #fff;}
.history-year-a.active:before{display: block;}
.history-ul{position:relative;padding-left:20px;float: right;width: 1060px;}
.history-ul:before{content: '';position: absolute;left: 100px;top: 0;height: 100%;width: 4px;background: url("../img/icon30.png") repeat-y;}
.history-li{padding-left:100px;margin-bottom: 20px;}
.history-li.active .history-li-year{color: #127DC1;}
.history-li.active .history-li-p:before{border-right-color: #127DC1;}
.history-li.active .history-li-p{background-color: #127DC1;color: #fff;}
.history-li-year{margin-bottom:10px;font-size: 18px;color: #127DC1;font-weight: bold;/*font-style: italic;*/}
.history-li-sec{position: relative;margin-bottom:10px;}
.history-li-month{position: absolute;left: -110px;top: 0;line-height: 44px;}
.history-li-p{position:relative;padding: 10px;line-height: 24px;background-color: #f5f5f5;position: relative;}
.history-li-p:before{content: '';position: absolute;left: -8px;top: 13px;width: 0;height: 0;border-right: 8px solid #F5F5F5;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.history-li-p:after{content: '';position: absolute;left: -22px;top: 13px;width: 8px;height: 14px;background: url("../img/icon29.jpg") no-repeat center;}








@media screen and (max-width: 1200px) { /*首页*/
  .banner-li a { height: 370px; }
  .ind-about-img { display: none; }
  .ind-about-desc { padding-left: 0; width: 100%; }
  .ind-nav-ul { margin: 0; }
  .ind-nav-li { padding: 0 5px; }
  .ind-prod-ul { margin: 0; }
  .ind-prod-li { width: 250px; }
  .ind-news-cont { width: 365px; }
  .ind-news-li-desc { width: 280px; }
  .ale-video { left: 5%; margin-left: 0; width: 90%; }
  /*产品中心*/
  .banner-img { height: 260px; }
  .prod-ul { margin: 0; }
  .prod-li { width: 33.3333%; }
  .prod-li-img { height: 125px; }
  /*产品详情页*/
  .prod-intro-lf { width: 100%; }
  .prod-intro-rg { width: 100%; }
  /*企业概况*/
  .ale-envir { left: 5%; width: 90%; }
  /*企业证书*/
  .honour-li-intro { padding: 20px 30px; }
  .honour-li-img { padding: 20px 30px; }
  .ale-honour { left: 10%; width: 80%; }
  /*在线留言*/
  .contact-messa { padding-left: 60px; }
  .contact-messa-dd-inp { width: 525px; }
  .contact-messa-dd-text { width: 525px; }
  .contact-messa-dd-btn { width: 525px; }
  /*人才招聘表单*/
  .talent-dl { width: 350px; }
  .talent-dd-inp { width: 240px; }
  .talent-form-item.wid { width: 100%; }
  /*视频播放*/
  .video-ul { margin: 0; }
  .video-li { padding: 10px; width: 33.333%; }
  .video-li-img { height: 147px; }
  .video-play .my-video-dimensions { margin: 0 auto; width: 720px; }
  /*投资者关系*/
  .invest-li-desc { width: 484px; }
  /*下载中心*/
  .down-li-cont { width: 610px; }
  .down-li-p { width: 505px; }
  /*新闻列表*/
  .news-img { width: 100%; }
  .news-li { width: 33.333%; }
  .news-list { padding: 10px; width: 100%; }
  .news-ul.active .news-li-img { width: 200px; float: left; }
  .news-ul.active .news-li-desc { padding: 0 30px; float: left; width: 540px; }
  
  /*发展历程*/
 	.history-ul{width: 615px;}
  
  }
@media screen and (max-width: 740px) { .banner-li a { height: 228px; }
  .ind-about { padding-left: 10px; padding-right: 10px; }
  .ind-about-tit-ctr .tit-a { font-size: 24px; }
  .ind-about-tit-ctr .tit-c { font-size: 18px; }
  .ind-about-tit-ctr:before { display: none; }
  .ind-about-tit-ctr:after { display: none; }
  .ind-nav-li { padding: 10px; width: 100%; }
  .ind-prod-li { width: 100%; }
  .ind-prod { padding-left: 10px; padding-right: 10px; }
  .ind-tit-p .tit-a { font-size: 18px; }
  .ind-tit-p .tit-c { font-size: 16px; }
  .ind-tit-more i { display: none; }
  .ind-tit-more-p { border-right: none; }
  .ind-tit-more-p p { font-size: 20px; }
  .ind-news { padding-left: 10px; padding-right: 10px; }
  .ind-news-cont { width: 100%; }
  .ind-news-li-desc { width: 72%; }
  .ind-news-img { width: 100%; }
  /*产品中心*/
  .banner-img { height: 100px; }
  .prod-li { width: 100%; }
  .prod-li-img { height: auto; }
  /*产品详情页*/
  .prod-intro { padding: 0 10px; }
  .prod-menu a { font-size: 12px; width: 90px; }
  /*企业概况*/
  .about { padding: 0 10px; }
  .ale-envir-close { right: -10px; top: -10px; width: 34px; height: 34px; }
  .ale-envir-btn span { margin-top: -17px; width: 34px; height: 34px; }
  /*企业证书*/
  .honour-ul { padding-top: 0; }
  .honour-ul:before { display: none; }
  .honour-ul:after { display: none; }
  .honour-li { padding: 10px 0; border-bottom: 1px solid #ccc; }
  .honour-li:before { display: none; }
  .honour-li-img { padding: 10px; width: 100%; }
  .honour-li-img a { width: 100%; }
  .honour-li-intro { padding: 10px; width: 100%; text-align: left; border-bottom: none; }
  .ale-honour { left: 5%; width: 90%; }
  /*联系我们*/
  .contact-main { padding: 0 10px; }
  .contact-map { height: 300px; }
  /*在线留言*/
  .contact-messa { padding-left: 0; }
  .contact-messa-dd { width: 80%; }
  .contact-messa-dd-inp { width: 90%; }
  .contact-messa-dd-text { width: 90%; }
  .contact-messa-dd-p { margin-left: 10px; }
  .contact-messa-dd-btn { width: 90%; }
  /*人才招聘表单*/
  .talent-dl { width: 100%; }
  .talent-dd { width: 65%; }
  .talent-dd-inp { width: 100%; }
  .talent-form-add { right: -15px; }
  /*人才招聘*/
  .talent-top-dt { width: 75px; }
  .talent-top-dd { width: 74%; }
  .talent-top-dd-inp { width: 100%; }
  .talent-top-dd-sel { margin-bottom: 5px; }
  .talent-li-tit-a { width: 20%; }
  .talent-li-tit-a:nth-child(3) { display: none; }
  .talent-li-tit-a:nth-child(5) { display: none; }
  .talent-li-tit-a:nth-child(7) { display: none; }
  .talent-li-item-a { width: 20%; }
  .talent-li-item-a:nth-child(3) { display: none; }
  .talent-li-item-a:nth-child(5) { display: none; }
  .talent-li-item-a:nth-child(7) { display: none; }
  .talent-li-com { padding-left: 0; background: no-repeat; }
  .talent-li-intro { padding: 10px; }
  /*视频播放*/
  .video-li { width: 100%; }
  .video-li-img { height: auto; }
  .video-play { padding: 0 10px; }
  .video-play .my-video-dimensions { margin: 0 auto; width: 100%; min-height: 100px; height: auto; }
  /*投资者关系*/
  .invest-li { padding: 10px; }
  .invest-li-img { width: 100%; }
  .invest-li-desc { padding: 0; width: 100%; }
  .invest-li-i { display: none; }
  /*下载中心*/
  .down-ul { padding: 0 10px; }
  .down-li-time { padding: 10px; width: 100%; border-right: none; text-align: left; }
  .down-li-cont { padding: 0 10px; width: 100%; }
  .down-li-p { width: 100%; line-height: 35px; }
  .down-li-btn { height: 40px; }
  /*新闻列表*/
  .news-main { padding: 0 10px; }
  .news-menu a { width: 70px; font-size: 12px; }
  .news-ul { margin: 0; }
  .news-li { width: 50%; }
  .news-li-tit { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .news-li-desc p { display: -webkit-box !important; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .news-ul.active .news-li { padding: 10px 0; }
  .news-ul.active .news-li-img { width: 100px; float: left; }
  .news-ul.active .news-li-desc { padding: 0 0 0 10px; float: left; width: 64%; }
  .news-ul.active .news-li-desc p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .news-ul.active .news-li-bot { display: none; } 
  /*发展历程*/
 	.history-ul{width: 100%;}
 	.history-year{width: 100%;}
 	.history-year-a{float: left;width: 20%;border: 1px solid #fff;}
  }


  /* html{ filter : grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } */