@charset "utf-8";
/* CSS Document */

a, a:before, a:after, .proPic, .title, .proTab, .tab, input, textarea, label, img ,#nav li,.navList,.navList li,.txt{ transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }
.inner, img, input, textarea, select, button, table, label, .center, .searchForm, .formStyle li, .searchBg, .tab, .leaveMessage, .rely { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.justify, .videoWrap, .searchForm { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.hotPro .title { text-transform: uppercase; }
.mainContact .title { text-transform: uppercase; }
.clear{clear: both;}
.xunfeng{line-height:200%;}
.xunfeng img{max-width:100%;}

/*页头*/
.top{height:35px;line-height:35px;max-width:1920px;margin:0 auto;background:#0f58d6;}
.top span{float:right;font-size: 14px;color:#fff;}
.top span a{color: #fff;}

/*站点宽度*/
.inner{width:1200px;margin:0 auto;zoom:1;}
.inner:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.justify { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }
.justify:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }
.justify .line { display: inline-block; height: 0px; overflow: hidden; }
.justify > * { text-align: left; font-size: 14px; }
.justify .box { display: inline-block; vertical-align: top; }
.box.justify { text-align: justify; }
body, #pageNum { font-family: Arial,'Microsoft YaHei', SimSun, Sans-serif; }
#nav>li>a,.hotPro .title,.indexBottom .title{ font-family: HelveticaNeue, Arial,'Microsoft YaHei', SimSun, Sans-serif;}
.hotPro .list .title, #footer .title { font-size: 22px; line-height: 1.2; }
.topRight .logoTxt { font-size: 30px; line-height: 1.2; /* font-weight: bold; */}
.aside > .title, .searchBear > .clearfix >.title, .mainContact .title ,.searchTitle{ font-size: 26px; line-height: 1.2; }
.indexInfo > div .item .title { font-size: 29px; line-height: 1.2; }
.hotPro .title, .indexBottom .title { font-size: 30px; line-height: 1.2; }
.mainPath .title { font-size: 30px; line-height: 1.2; display: block;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, table, figure { padding: 0; margin: 0; }
input:focus, textarea:focus, button:focus, area:focus { outline: none; }
fieldset, img, abbr, acronym, a img { border: 0px none; }
ol, ul, li, figure { list-style: none; }
address, caption, cite, code, dfn, th, var { font-weight: normal; font-style: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }
table { border-collapse: collapse; border-spacing: 0; }
table td, table th { text-align: center; padding: 5px; border: 1px solid #ccc; word-wrap: break-word; word-break: break-word; }
table th { background: #ddd; font-weight: bold; }
img { max-width: 100%; height: auto; width: auto\9; }
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button { overflow: visible; }
textarea, pre { overflow: auto; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
a[href], label[for], select { cursor: pointer; }
a, input, div, textarea, span { -webkit-tap-highlight-color: transparent; }
a:active, a:hover { outline: 0; }
sup, sub { vertical-align: baseline; position: relative; font-size: 75%; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
svg:not(:root) { overflow: hidden; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
@font-face {font-family: 'icomoon'; src: url("../font/icomoon.ttf"); font-weight: normal; font-style: normal; }
@font-face {font-family: 'Lato'; src: url("../font/Lato.eot"); src: local("Verdana"), url("../font/Lato.eot?#iefix") format("embedded-opentype"), url("../font/Lato.woff") format("woff"), url("../font/Lato.woff2") format("woff2"), url("../font/Lato.ttf") format("truetype"), url("../font/Lato.svg#verdana") format("svg"); font-weight: normal; font-style: normal; }
html { font-size: 16px; }
@font-face { font-family: 'tw-cen-mt'; src: url("../font/tw cen mt.eot"); src: local("tw cen mt"), url("../font/tw cen mt?#iefix") format("embedded-opentype"), url("../font/tw cen mt.woff") format("woff"), url("../font/tw cen mt.woff2") format("woff2"), url("../font/tw cen mt.ttf") format("truetype"), url("../font/tw cen mt.svg#tw cen mt") format("svg"); font-weight: normal; font-style: normal; }
html { font-size: 16px; }
@font-face { font-family: 'HelveticaNeue'; src: url("../font/HELVETICANEUELTSTD-BDCN.eot"); src: local("HELVETICANEUELTSTD-BDCN"), url("../font/HELVETICANEUELTSTD-BDCN.eot?#iefix") format("embedded-opentype"), url("../font/HELVETICANEUELTSTD-BDCN.woff") format("woff"), url("../font/HELVETICANEUELTSTD-BDCN.woff2") format("woff2"), url("../font/HELVETICANEUELTSTD-BDCN.ttf") format("truetype"), url("../font/HELVETICANEUELTSTD-BDCN.svg#HELVETICANEUELTSTD-BDCN") format("svg"); font-weight: normal; font-style: normal; }
html { font-size: 16px; }
body { color: #333; line-height: 1.5714; background: #fff; font-size: 14px; -webkit-font-smoothing: antialiased; font-smooth: always; -moz-osx-font-smoothing: grayscale; }
a { text-decoration: none; color: #2c6ab6; }
a:hover { color: #2860a6; }
*:before, *:after { text-align: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
input[type="text"], input[type="password"], textarea { text-align: left; background: transparent; }
input[type="text"]:focus, input[type="text"].focusOn, input[type="password"]:focus, input[type="password"].focusOn, textarea:focus, textarea.focusOn { background: #fff; border:1px solid #e5e5e5;}
.search::-webkit-input-placeholder { color: white; }
.search:-moz-placeholder { color: white; }
.search:-ms-input-placeholder { color: white; }
input, textarea, select, button, label { transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; }
.center { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; }
i { font-style: normal; }
img { vertical-align: bottom; }
a[href^="mailto:"], a[href^="tel:"] { display: inline-block; }
table { line-height: 1.5; width: 100%; }
table.table-left td, table.table-left th { text-align: left; }
.addthis_sharing_toolbox { white-space: nowrap; }
hr { height: 1px; width: 100%; overflow: hidden; border: 0px none; box-shadow: none; background: #ccc; }
.share a { display: inline-block; vertical-align: middle; }
.share a:before { font-family: icomoon; }
.share .sharefb:before { content: '\e62c'; }
.share .sharetw:before { content: '\e62b'; }
.share .sharein:before { content: '\e630'; }
.share .sharegl:before { content: '\e62d'; }
.share .shareyt:before { content: '\e633'; }
.searchForm { position: relative; max-width: 100%; }
.searchForm .search { width: 100%;  border: 1px solid #fff; border-right: none; }
.searchForm .searchBtn { border: 0 none; position: absolute; top: 0; right: 0; text-align: center; }
.proPic > a:first-child { display: block; text-align: center; overflow: hidden; }
.justify .box > a { color: inherit; }
.justify .box > a:hover { color: #2c6ab6; }
.justify .box > a > span { display: block; }
#pageNum { margin-top: 1%; padding-top: 10px; padding-bottom: 5px; margin-bottom: 1%; }
#pageNum a, #pageNum span { font-size: 12px; line-height: 16px; padding: 5px 10px; display: inline-block; margin-right: 6px; margin-bottom: 7px; border: 1px solid #d7d7d5; }
#pageNum a:hover, #pageNum .cur { color: #fff; background: #2c6ab6; border: 1px solid #2c6ab6; }
.pageNumSf { margin-top: 1%; padding-top: 10px; padding-bottom: 5px; margin-bottom: 1%; }
.pageNumSf a{ cursor:pointer;font-size: 12px; line-height: 16px; padding: 5px 10px; display: inline-block; margin-right: 6px; margin-bottom: 7px; border: 1px solid #d7d7d5; }
.pageNumSf a:hover, .pageNumSf .cur { color: #fff; background: #0f58d6; border: 1px solid #0f58d6; }
.pageNumSf .ye.no a{ color: #222; background: none; border: none; cursor: default;}
.pageNumSf .ye.no a:hover{ color: #222; background: none; border: none; }
.videoWrap { position: relative; }
.videoWrap a.playbtn { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/video-btn.png) no-repeat center; z-index: 9; }
.videoWrap img { width: 100%; }
.formStyle li { position: relative; width: 100%; }
.formStyle li div { position: relative; }
.formStyle li img { cursor: pointer; margin-left: 3px; vertical-align: middle; }
.formStyle label + i { position: absolute; right: 5px; top: 5px; }
.formStyle input, .formStyle textarea { width: 100%; line-height: 20px; position: relative; z-index: 2; }
.formStyle textarea { display: block; max-width: 100%; width: 100%; resize: none; }
.formStyle input.btn { text-align: center; }
iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; }
object[id^="tq_as"] { overflow: hidden; margin: 0; height: 0 !important; }
#div_ser table td, #div_ser table th { border: 0px none; }
.container { width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden; }
#menuBtn { height: 45px; width: 45px; line-height: 45px; background: #A60005; position: fixed; top: 94px; right: 10px; display: none; text-align: center; cursor: pointer; z-index: 999; border: 1px solid #e0e0e0; border-radius: 4px;}
#menuBtn i:before { font-size: 30px; color: #ffffff; line-height: 47px;}
#menuBtn.active:before { content: "\e60b"; font-size: 30px; color: #ffffff; font-family: icomoon; position: absolute; top: 0; right: 0; line-height: 20px; margin-top: 13px; margin-right: 10px; }
#head { padding-top: 30px; position: relative; padding-bottom: 25px; }
#head .searchForm { width: 20.83333%; position: absolute; top: 100%; margin-top: 0; right: 0; /* background: #0f58d6; */ }
.search_model .searchForm { width: 50%; }
.searchForm { border: none; overflow: hidden; border-radius: 4px; padding-right: 28px; }
.searchForm label { position: absolute; left: 0; top: 0; line-height: 11px; padding: 4px 7px; font-size: 12px; padding-top: 10px;   color: #fff; }
.search { height: 28px; line-height: 15px; padding: 3px 10px; position: relative; z-index: 2; color: #222; border: 1px #F5F5F5 solid; border-radius: 4px 0 0 4px; }
.search:focus, .search.focusOn { background: #eee; }
.scr{max-width: 1200px;margin: 40px auto;}
.sce_k{height: 50px;border: 1px solid #0f58d6;width: 90%;color: #333;outline: none;padding-left: 30px;border-right: none;margin-right: -5px;}
.scr_an{height: 50px;vertical-align: top;width: 10%;background: #0f58d6;background-image: url(../images/ss.png);background-repeat: no-repeat;background-position: center;border: 0;}
.searchBtn { width: 28px; height: 28px; line-height: 28px; text-align: center; background: #0f58d6; z-index: 3; font-family: icomoon; font-size: 14px; color: #fff; }
.searchBtn:before { content: '\e655'; }
.searchBtn:hover { color: #fff; }
.logo { display: inline-block; vertical-align: middle; width: 25%; }
.topRight { width: 100%; display: inline-block; vertical-align: middle; padding: 15px 0;     border-bottom: solid 1px #fff;}
.topRight .logoTxt { color: #444; display: inline-block; letter-spacing: -1px; font-weight:600;}
.topRight .shareList {  margin-top: 4px;}
.topRight .shareList a { width: 36px; height: 36px; background: #0f58d6; border-radius: 50%; display: inline-block; position: relative; z-index: 10; text-align: center; line-height: 36px; font-family: icomoon; font-size: 20px; color: #fff; font-weight: normal; }

.sharetw:after { content: "\e62b"; }
.sharein:after { content: "\e630"; }
.sharegl:after { content: "\e62d"; }
.shareyt:after { content: "\e631"; font-size: 21px; }
.topLeft { position: absolute; top: 0; right: 0; font-size: 11px; }
.topLeft .language { margin-right: 5px; }
.topLeft .language li { display: inline-block; margin-left: 16px; }
.topLeft .language li img { display: inline-block; vertical-align: middle; margin-right: 5px; border-radius: 2px; }
.topLeft .language li a { display: inline-block; vertical-align: middle; color: #0f58d6; }
#nav { font-size: 16px;position: absolute;top: 50px;right: 0;}
#nav>li { display: inline-block;  padding-bottom: 12px; position: relative;text-transform: uppercase;}
#nav>li>a { color: #444; padding: 10px;}
#nav>li:hover .navList li{ height:40px; border-bottom: 1px solid #fff; }
.navList{ display: block;position:absolute; top:100%; /* left: -20px; */ width:100%;min-width: 250px;z-index: 888;/* margin-top: 5px; */background:#0f58d6;}
.navList a{ display:block; color:#fff;padding-left: 20px;font-weight: normal; font-size: 14px;}
.navList a:hover{background:#4580e5;}
.navList li{height:0; line-height:40px; overflow:hidden; }
/* #nav>li:hover { border-bottom: 4px solid #0f58d6; } */
#nav>li:hover>a { color: #fff; background:#0f58d6;}
/* #nav>li.active { border-bottom: 4px solid #0f58d6; } */
#nav>li.active>a { color: #fff; background:#0f58d6;}
.search_model { background: url("../images/slogo.png") no-repeat center bottom; position: relative; }
#banner .searchBg { width: 41.09375%; padding: 1.30208% 2.08333%; position: absolute; left: 0; right: 0; bottom: 60px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); background: #000; background: rgba(0, 0, 0, 0.3); border-radius: 4px; margin: 0 auto; display: none;}
#banner .searchForm { background: #F4F4F4; padding-right: 45px;}
#banner .searchForm .search { height: 35px; }
#banner .searchForm label { padding-top: 13px; }
#banner .searchForm .searchBtn { top: 4px; width: 45px; font-size: 18px;}
#banner {padding-bottom: 3.125%;background: url("../images/slogo.png") no-repeat center bottom;position: relative;}
.hotPro { text-align: center; margin-top: 12px; }
.hotPro .title { font-weight: bold; display: block; margin-bottom: 1.5%; color: #0f58d6;}
.hotPro .list .item { padding: 0 8px; display: none; }
.hotPro .list .item:hover .txt{ color:#555;}
.hotPro .list .item a { color: #505050; }
.hotPro .list .item:hover .title { color: #0f58d6; }
.hotPro .list .item:first-child { display: block; }
.hotPro .list .item.slick-slider .item { display: block; }
.hotPro .list .title { margin-bottom: 12px; text-transform: capitalize; margin-top: 10px; line-height: 1;}
.hotPro .list .txt { font-size: 18px; color: #c5c5c5; line-height: 24px; max-height: 48px; overflow: hidden; margin-bottom: 1.2%; display: block;}
.hotPro .list .lm { font-size: 16px; color: #2754ac; }
.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 1; filter: alpha(opacity=100); }
.slick-prev, .slick-next { width: 50px; height: 50px; border-radius: 50%; }
.slick-prev { left: -6%; background: #D9D9D9 url("../images/row01.png") no-repeat center; }
.slick-prev:before { display: none; }
.slick-prev:hover { background: #0f58d6 url("../images/row01.png") no-repeat center; }
.slick-next { right: -6%; background: #D9D9D9 url("../images/row02.png") no-repeat center; }
.slick-next:before { display: none; }
.slick-next:hover { background: #0f58d6 url("../images/row02.png") no-repeat center; }
.indexInfo { margin-top: 2.5%; }
.indexInfo .slick-dots { width: auto; right: 0; }
.indexInfo .video { display: block; width: 49.01042%; float: left; position: relative; }
.indexInfo .video .play { position: absolute; top: 50%; margin-top: -56px; right: 26.56748%; margin-right: -40px; }
.indexInfo > div { width: 50.98958%; float: left; position: relative; }
.indexInfo > div > img { min-width: 850px;display:none; }
.indexInfo > div .intro { width: 565px; position: absolute; left: 0; top: 0; margin-top: 15px; margin-left: 4.90296%; padding-bottom: 7.15015%; }
.indexInfo > div .intro .slick-dots { text-align: right; }
.indexInfo > div .intro .slick-dots li.slick-active button { background: #0f58d6; }
.indexInfo > div .item { display: none; }
.indexInfo > div .item:first-child { display: block; }
.indexInfo > div .item .title { color: #000; display: block; margin-bottom: 3.18584%; font-weight: bold; letter-spacing: -1.4px; }
.indexInfo > div .item p { font-size: 14px; color: #000; line-height: 24px; max-height: 120px; overflow: hidden; margin-bottom: 3%; }
.indexInfo > div .item .lm { width: 128px; display: inline-block; color: #fff; text-align: center; border-radius: 6px; height: 47px; line-height: 47px; background: #0f58d6; }
.indexInfo > div.slick-slider .item { display: block; }
.indexBottom { margin-top: 3.125%; }
.indexBottom .title { font-weight: bold; margin-bottom: 1.66667%; display: block; color: #0f58d6;}
.indexBottom p { color: #555; line-height: 24px; max-height: 48px; overflow: hidden; margin-bottom: 2.08333%; }
#brand .item { padding: 0 28px; display: none; }
#brand .item:first-child { display: block; }
#brand.slick-slider .item { display: block; }
#footer { color: #000; font-size: 16px; background: #EEEEEE; margin-top: 4.16667%; padding-top: 2.34375%; padding-bottom: 1.41667%; }
#footer li { margin-bottom: 3px; }
#footer a { color: #000; }
#footer a:hover { color: #0f58d6; }
#footer .title { display: block; color: #000; margin-bottom: 14px; font-weight: bold;}
.copyRight { padding: 1.28333% 0; border-top: 1px solid #2F2F2F; background: #0f58d6; color: #e1e1e1; font-size: 14px; }
.copyRight .box { vertical-align: middle; }
.copyRight .box:first-child a{ color:#fff;}
.copyRight .box:first-child a:hover { color: #0f58d6; }
.logot{ width: 100px;padding-right: 6px;}
.copyRight .box:first-child span{display:inline-block; vertical-align:middle;}
.footerShare { width: 95px; }
.footerShare .shareList .box { position: relative; }
.footerShare .shareList .box a { width: 43px; height: 43px; background: #0f58d6; border-radius: 50%; display: inline-block; position: relative; z-index: 10; text-align: center; line-height: 43px; font-family: icomoon; font-size: 24px; color: #353434; font-weight: normal; }
.footerShare .shareList .box a:hover { background: #0f58d6; color:#353434;}
.footerShare .shareList .box .shareyt:after { content: "\e631"; font-size: 27px; }

.mainPath { background: #404040 url("../images/path.jpg") no-repeat; padding: 3.28125% 0; color: #fff; text-align: center; }
.about .mainPath { background: #404040 url("../images/about-us.jpg") no-repeat center; padding: 3.28125% 0; color: #fff; text-align: center; }
.brand .mainPath { background: #404040 url("../images/brand.jpg") no-repeat center; padding: 3.28125% 0; color: #fff; text-align: center; }
.pub .mainPath { background: #404040 url("../images/publication.jpg") no-repeat center; padding: 3.28125% 0; color: #fff; text-align: center; }
.bear .mainPath { background: #404040 url("../images/banner-searching-bearing.jpg") no-repeat center; padding: 3.28125% 0; color: #fff; text-align: center; }
.contact.mainPath { background: #404040 url("../images/banner-contact.jpg") no-repeat center; padding: 3.28125% 0; color: #fff; text-align: center; }
.pro.mainPath { background: #404040 url("../images/nybanner.jpg") no-repeat center; padding: 3.28125% 0; color: #0d55db; text-align: center; }
.mainPath .title { line-height: 1; margin-bottom: 13px; }
.mainPath a { color: #0d55db; }
.main { margin-top: 38px; }
.mainRight { width: 74.16667%; float: right; }
.proList { font-size: 14px; margin-top: 24px; }
.proList .box { width: 31.46067%; text-align: center; margin-bottom: 4.49438%; overflow: hidden;}
.proList .box a { color: #505050; /* width: 187%; */display: block; /* margin-left: -43%; */}
.proList .box:hover .lm { color: #0f58d6; }
.proList .box:hover .title { color: #0f58d6; }
.proList .box:hover .txt{ color:#555;}
.proList .title { font-size: 16px; font-weight: bold; margin-bottom: 7px; margin-top:10px; text-transform: capitalize; color: #0f58d6;}
.proList .txt { color: #c5c5c5; line-height: 24px; max-height: 48px; overflow: hidden; margin-bottom: 6px; }
.proList .lm { color: #2754ac; }
.proList .line { width: 31.46067%; }
.aside { width: 22.5%; float: left; }
.aside > .title { line-height: 1; padding-bottom: 16px; margin-bottom: 10px; display: block; border-bottom: 1px solid #CCCCCC; }
.aside > .title:after { content: ""; font-family: icomoon; padding-right: 10px; color: #ffffff; right: 0; position: absolute; font-size: 30px; bottom: 0; }
.aside > .title.active:after { content: "\e623"; } }
.aside .list li{ position:relative; }
.aside .list li .secList{display:none;position: absolute;left: 100%;top: 0;width: 100%;/* border-top:10px solid #214B9F; */background:#fff;/* border-bottom:10px solid #214B9F; */border: 1px solid #0f58d6;z-index: 99;}
.aside .list li .secList a{ padding-left:40px;}
.aside .list li:hover .secList{ display:block;}
.aside .list a { color: #000; padding: 8px 0; display: block; margin-bottom: 1px; }
.aside .list a.active { background: #0f58d6; color: #fff; }
.aside .list a.active:before { color: #fff; }
.aside .list a:hover,.aside .list>li:hover>a{ background: #0f58d6;color: #fff; }
.aside .list a:hover:before,.aside .list>li:hover>a:before { color: #fff; }
.aside .list a:before { content: "\e60f"; font-family: icomoon; color: #0f58d6; }
.proIntro { font-size: 16px; color: #555555; line-height: 24px; }
.proTab { min-width: 115px; height: 40px; line-height: 40px; text-align: center; background: #DFDFDF; font-size: 18px; display: inline-block; cursor: pointer; color: #222; }
.proTab:hover, .proTab.active { background: #0f58d6; color: #fff; }
.proTab:last-child ,.tabName{ width: auto;; margin-left: -3px; padding: 0 30px;}
.proContent { border-top: 1px solid #CCCCCC; padding-top: 40px; }
.proContent .searchForm { background: #DFDFDF; height: 60px; padding-right: 65px; padding-left: 5px; border-radius: 0; margin-bottom: 20px;}
.proContent .search { border: none; height: 50px; margin-top: 5px; font-size: 20px; }
.proContent .search:hover { border: 1px solid #ccc; }
.proContent label { top: 16px; left: 5px; color: #fff; filter: alpha(opacity=100); opacity: 1; font-size: 16px; }
.proContent .searchBtn { width: 60px; height: 60px; font-size: 24px; color: #515151; }
.proContent .searchBtn:hover { color: #000; }
.proContent .search{height: 40px; margin-top: 0;}
.proContent .search.focusOn{border: 1px solid #ccc;}
.proContent label{top:7px;}
.proContent .searchBtn{width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
.searchPage .mainPath { padding: 6.09375% 6.5625%; }
.searchBear .searchForm { width: 760px; height: 46px; background: #fff; margin: 0 auto; padding-right: 46px; margin-bottom: 20px; float: right; border-radius: 0;}
.searchBear .search { height: 46px; border: 1px solid #ccc; font-size: 24px; border-right: none; border-radius: 0;}
.searchBear .search:hover, .searchBear .search.focusOn { background: #eee; }
.searchBear label { top: 11px; left: 12px; font-size: 14px; }
.searchBear .searchBtn { width: 46px; height: 46px; line-height: 46px; font-size: 19px; color: #fff; background: #0f58d6; border: 1px solid #0f58d6;border-left: none; }
.searchBear { margin-top: 1.97917%; }
.searchBear > .clearfix >.title { line-height: 1; display: inline-block; color: #000; padding-top: 1%;}
.searchBear p { line-height: 24px; color: #555; font-size: 16px; }
.bearList { margin-top: 2.5%; font-size: 16px; color: #555; }
.bearList .title { color: #000; margin-bottom: 9px; }
.bearList a { color: #555; }
.bearList a:hover { color: #0f58d6; }
.bearList a:before { content: ' - ' ; width: 20px; display: inline-block; text-align: center;}
.bearList a:first-child:before{display: none;}
.mainContact{margin-bottom: 25px;}
.mainContact .contactInfo { width: 25.83333%; float: left; }
.mainContact .contactInfo > ul { margin-top: 20px; }
.mainContact .contactInfo li { margin-top: 10px; color: #555555; }
.mainContact .contactInfo li a { color: #555555; }
.mainContact .contactInfo li a:hover { color: #0f58d6; }
.mainContact .contactInfo li a:hover span{ color: #0f58d6; }
.mainContact .contactForm { width: 59.58333%; float: right; position: relative; }
.mainContact .contactForm .box { width: 47.5%; margin-top: 10px; }
.mainContact .contactForm #Enquire { min-height: 150px; }
.mainContact .contactForm label { margin-bottom: 6px; display: inline-block; }
.mainContact .contactForm input, .mainContact .contactForm textarea { border: 1px solid #e3e3e3; padding: 10px; width: 100%; }
.mainContact .contactForm .abSubmit { position: absolute; bottom: 5px; left: 0; width: 47.5%; }
.mainContact .contactForm .abSubmit .btn-primary { background: #fff; width: 42.94118%; max-width: 146px; min-width: 110px; text-align: center; height: 40px; line-height: 40px; color: #555; border: 1px solid #e3e3e3; }
.mainContact .contactForm .abSubmit .btn-primary:hover, .mainContact .contactForm .abSubmit .btn-primary.active { background: #0f58d6; color: #fff; }
.mainContact .contactForm .abSubmit .btn-primary:first-child { margin-right: 12px; }
.mainContact .title { font-weight: bold; margin-bottom: 10px; color: #0f58d6;}
#contactCode { margin-bottom: 10px; }
#contactCode #code { width: 84px; display: inline-block; padding: 5px; color: #8D8D8D; margin-right: 15px; }
#contactCode .codeImg { display: inline-block; vertical-align: middle; cursor: pointer; }
#map img { margin-top: 20px; min-height: 200px; }
.detailTop { overflow: hidden; }
.detailTop .rightImg { width: 35%; float: left; }
.detailTop .rightImg .slick-prev { background: none; font-size: 40px; width: 20px; height: 68px; margin-top: -34px; left: 3%; }
.detailTop .rightImg .slick-prev:before { display: block; content: '\e63b'; }
.detailTop .rightImg .slick-next { background: none; font-size: 40px; width: 20px; height: 68px; margin-top: -34px; right: 3%; }
.detailTop .rightImg .slick-next:before { display: block; content: '\e63c'; }
.detailTop .rightImg .item{display: none;}
.detailTop .rightImg .item:first-child{display: block;}
.detailTop .rightImg.slick-slider .item{display: block;}
.detailTop .item img:first-child { width: 100%; }
.detailTop .video { width: 60%; float: left;  margin-left: 2%; }
.detailTop .video>a{display: block;position: relative; overflow: hidden; margin-bottom: 10px;     width: 66.6%;}
.detailTop .video>a img:first-child{width:100%;}
.detailTop .video .mask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); background: #000; background: rgba(0, 0, 0, 0.3); }
.detailTop .video .playIcon { position: absolute; top: 50%; left: 50%; margin-top: -32px; margin-left: -32px; z-index: 10; }
.detailTop .video>a:hover img:first-child { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.detailTop .contact { width: 15.16854%; float: left; margin-left: 2.24719%; }
h2.title { font-size: 22px; margin-bottom: 18px; line-height: 1;}
.detailTop .contact .btn { display: block; width: 100%; height: 47px; line-height: 47px; text-align: center; min-width: 120px; max-width: 160px; background: #0f58d6; color: #fff; font-size: 18px; margin-bottom: 5px; position: relative; }
.detailTop .contact .btn i:before {  position: absolute; top: 15px; right: -10px; line-height: 1; font-size: 14px; line-height: 20px;}
.detailTop .contact .btn:hover i:before { right: 5px; }
.detailTop .contact span { color: #6d6d6d; font-size: 12px; display: inline-block; margin-bottom: 5px; margin-left: 6px;}
.detailTop .contact span a { color: #6d6d6d; }
.detailTop .contact span a:hover { color: #0f58d6; }
.rightTab { margin-top: 18px; color: #555; margin-bottom: 30px;}
.rightTab .tab { float: left; width: 25%; padding: 10px 0; background: #EAEAEA; text-align: center; cursor: pointer; border-left: 1px solid #fff; font-weight: bold; }
.rightTab .tab:first-child { border-left: none; }
.rightTab .tab:hover, .rightTab .tab.active { color: #fff; background: #0f58d6; }
.rightTab .tabContent { border: 1px solid #e5e5e5; display: none; padding: 10px; }
.rightMessage { display: table; margin-top: 28px; font-size: 16px; width: 100%; }
.rightMessage .leaveMessage { width: 21.34831%; border-right: 1px #fff solid; background: #0f58d6; text-align: center; display: table-cell; color: #fff; vertical-align: middle; padding: 8px 0; font-weight: bold; }
.rightMessage .rely { padding-left: 25px; display: table-cell; background: #EAEAEA; color: #565656; width: 78.65169%; vertical-align: middle; }
.rightForm { border: 1px solid #e5e5e5; padding: 3.37079% 2.02247% 2.69663% 3.37079%; }
.rightForm .box { width: 48.5%; margin-bottom: 18px; position: relative; }
.rightForm .box input, .rightForm .box textarea { width: 100%; background: transparent; height: 40px; z-index: 2; border: 1px solid #e5e5e5; padding-left: 10px; position: relative;}
.rightForm .box input:focus, .rightForm .box textarea:focus { border: 1px solid #0f58d6; }
.rightForm .box input.focusOn, .rightForm .box textarea.focusOn { background: #fff; }
.rightForm .box textarea { padding-top: 10px; min-height: 100px; }
.rightForm .box label { width: 100%; font-size: 14px; position: absolute; color: #9a9a9a; top: 5px; left: 0; padding-left: 10px; text-align: left; z-index: 1; }
.rightForm .box label.focusOn { top: 100%; margin-top: -5px; background: #0f58d6; color: #fff; z-index: 99; }
.rightForm .box.textarea { width: 100%; }
.rightForm #codeNum { text-align: center; }
.rightForm .code { width: 80px; padding: 8px; border: 1px solid #e5e5e5; }
.rightForm .codeImg { margin-left: 10px; display: inline-block; vertical-align: middle; cursor: pointer; }
.rightForm .button { text-align: center; margin-top: 15px; }
.rightForm .btn-primary { width: 96px; height: 30px; line-height: 30px; text-align: center; color: #a8a8a8; border: 1px solid #E5E5E5; }
.rightForm .btn-primary:first-child { margin-right: 20px; }
.rightForm .btn-primary:hover, .rightForm .btn-primary.active { background: #0f58d6; color: #fff; border-color: #0f58d6; }
.relate { margin-top: 3.37079%; }
.relate .box { width: 23%; }
.relate .box:hover span { color: #0f58d6; }
.relate .line { width: 23%; }
.relate img { width: 100%; }
.relate .title { width: 21.34831%; text-align: center; height: 40px; line-height: 40px; background: #0f58d6; color: #fff; font-size: 16px; min-width: 150px; }
.relate .content { padding: 3.37079%; border: 1px solid #E9E9E9; }
.relate .content span{margin-top: 12px; color: #555;}
.relate span { display: block; }
.searchContent{overflow: auto;}
.searchContent .tableList thead th { width: 40%; height: 48px; background: #0f58d6; border: 1px solid #fff; color: #fff; }
.searchContent .tableList thead th:first-child { width: 60%; }
.searchContent .tableList tbody tr th { width: 40%; background: #F3F3F3; height: 48px; border: 1px solid #fff; color: #000; }
.searchContent .tableList tbody tr th a { display: block;}
.searchContent .tableList tbody tr th a:hover { color: #0f58d6; }
.searchContent .tableList tbody tr th:first-child { width: 60%; }
.pageNum {margin: 2% 0; display: inline-block;}
.pageNum a,.pageNum span {font-size: 12px;line-height: 16px; padding: 6px 11px;display: inline-block; margin-right: 6px; margin-bottom: 7px; border: 1px solid #d7d7d5;color: #000;}
.prenext b { font-size: 14px; color: #0f58d6; font-weight: normal; padding-right: 3px; text-transform: capitalize; }
.prenext a { font-size: 14px; color: #0f58d6; font-weight: normal; }
.pageNum a:hover,.pageNum .cur {color: #fff; background: #0f58d6;}
.searchTitle{line-height: 1; padding-bottom: 16px; margin-bottom: 6px; display: block; border-bottom: 1px solid #CCCCCC;}
.downList a { color: #0f58d6; display: inline-block; line-height: 24px; padding: 8px 24px 9px 40px; position: relative; overflow: hidden; background: #fff url(../images/pdf-bg.png) no-repeat left center;}
.detail {line-height: 24px;color: #555555; margin-top: 20px; margin-bottom: 12px; font-weight: bold;font-size: 15px;}
.deBrand .box{width:13%}
.deBrand .box:first-child{ display:none;}
.secList{display: block;}
.bannershow .slick-dots{bottom: 10px;}
.bannershow .slick-dots li.slick-active button{ background: #D8000E;}
.bannershow .item{ display:none;}
.bannershow .item:first-child { display:block; }
.bannershow.slick-slider .item{ display:block; }
/*# sourceMappingURL=main.css.map */


/*录入样式开始*/
ul.ent-num li{list-style:outside decimal;margin-left:20px}
ul.ent-dot li{list-style:outside disc;margin-left:20px}
table.table-left td,table.table-left th{text-align:left}
ul[class^=ent-img]{text-align:justify;text-justify:inter-ideograph;letter-spacing:0;font-size:0;padding:8px 0}
ul[class^=ent-img]:after{content:'';height:0;width:100%;display:inline-block;overflow:hidden}
ul[class^=ent-img] li.line{display:inline-block;height:0;overflow:hidden;padding:0;margin:0}
ul[class^=ent-img] li{display:inline-block;vertical-align:top;font-size:14px}
ul[class^=ent-img]:first-child{padding-top:0;margin-top:-8px}
ul[class^=ent-img] li{text-align:center;line-height:1.5;margin-bottom:1%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:8px 0;line-height:1.5}
ul[class^=ent-img] li span{display:block;margin-top:4px;text-transform:capitalize}
ul[class^=ent-img] li p{margin-top:4px}
ul[class^=ent-img] li img{vertical-align:bottom}
ul[class^=ent-img] li dl{text-align:left}
ul[class^=ent-img] li dt{font-weight:700;text-transform:capitalize}
ul[class^=ent-img] li dd,ul[class^=ent-img] li dt{padding-bottom:2px}
.ent-img2 li{width:48%}
.ent-img3 li,.ent-img3-more li,.ent-img3-only li{width:31.5%}
.ent-img4 li{width:23%}.ent-img5 li{width:19.2%}
.ent-img6 li{width:15.6%}
.ent-img-fl img,.ent-img-fr img,.ent-img-left img,.ent-img-right img{max-width:48%}
.ent-img-fl img{float:left;margin-right:14px}
.ent-img-fr img{float:right;margin-left:14px}
.ent-img-left img{margin-right:4%;float:left}
.ent-img-right img{margin-left:4%;float:right}
.ent-img-left,.ent-img-right{padding:8px 0}.
ent-img-left,.ent-img-left .ent-text,.ent-img-right,.ent-img-right .ent-text{overflow:hidden;zoom:1}
.ent-clearfix:after,.ent-clearfix:before{content:"";display:table}
.ent-clearfix:after{clear:both}
.ent-video-wrap{position:relative;display:block;height:0;padding:0;overflow:hidden}
.ent-video-wrap.ent-16-9{padding-bottom:56.25%}
.ent-video-wrap.ent-4-3{padding-bottom:75%}
.ent-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.ent-left{float:left;margin-right:15px}
.ent-right{float:right;margin-left:15px}
.ent-left,.ent-right{margin-bottom:8px;width:47%}
@media screen and (max-width:750px){
	.ent-img5.ent-res li,.ent-img6.ent-res li{width:31.5%}
	.ent-left,.ent-right{width:53%}
	.ent-img-fl img,.ent-img-fr img,.ent-img-left img,.ent-img-right img{float:none;margin-right:0;margin-left:0;max-width:100%;margin-bottom:10px;display:block}
}
@media screen and (max-width:650px){
	.ent-img3-more.ent-res li,.ent-img3.ent-res li,.ent-img4.ent-res li{width:48%}
	.ent-left,.ent-right{width:100%;margin-right:0;margin-left:0;float:none}
}
@media screen and (max-width:520px){
	.ent-img5.ent-res li,.ent-img6.ent-res li{width:48%}
}
@media screen and (max-width:460px){
	.ent-img2.ent-res li,.ent-img3-more.ent-res li,.ent-img3-only.ent-res li,.ent-img3.ent-res li,.ent-img4.ent-res li{width:100%}
}
.bordered img{border:1px solid #ddd}
.rounded img{border-radius:5px}
.ent-c strong{text-transform:capitalize}
/*录入样式结束*/

.ent-his1{padding-left:126px;border-left:2px solid #5a5a5a;background:#fff}
.ent-his1>li{position:relative;margin-top:12px;padding:10px 15px;min-height:80px;background:#ececec;color:#333;/* border: 1px solid #ABABAB; */}
.ent-his1>li:first-child{margin-top:0}
.ent-his1>li:first-child .ent-year{margin-top:0}
.ent-his1>li:hover .ent-year:before{border-bottom-color:#fff}
.ent-his1 .ent-year{position:absolute;top:0;bottom:0;left:-124px;margin-top:-13px;padding-top:40px;width:121px;background: #0f58d6;color:#fff;text-align:center;font-size:36px;line-height:1}
.ent-his1 .ent-year:after,.ent-his1 .ent-year:before{position:absolute;top:20px;right:0;left:0;overflow:hidden;margin:auto;width:0;height:0;border-style:solid;border-width:0 14px 12px 14px;content:''}
.ent-his1 .ent-year:before{z-index:1;border-color:transparent transparent #aaa transparent;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;transition:all .6s ease 0s;-ms-transition:all .6s ease 0s}
.ent-his1 .ent-year:after{z-index:2;margin-top:6px;border-color: transparent transparent #0f58d6 transparent;}
.ent-his1>li{margin-top:10px;padding:0 10px 10px 10px;min-height:auto;min-height:initial}
.ent-his1 .ent-year{position:static;margin-top:0;margin-bottom:12px;margin-left:-10px;padding-top:0;height:30px;font-size:1.4em;line-height:30px}
.ent-his1 .ent-year:after,.ent-his1 .ent-year:before{display:none}}
.ent-img7 li{ width:13.5%; }
.borderS{ border: 1px solid #d5d5d5; padding: 2.24%;}
.borderH .box{ width: 49%; box-sizing: border-box; margin-bottom: 20px;}
table.model thead tr th{ background:#0f58d6; color:#fff;}
.pdf li{ background: url(../images/bg-pdf.png) no-repeat left center; padding: 10px 0; padding-left: 35px;}
tbody .pdf{background: url(../images/bg-pdf.png) no-repeat left center; padding: 10px 0; padding-left: 35px; }
.mainContact .contactInfo li a:hover span{ color: #0f58d6; }
a.sk i:before{color: #3873BB; font-size: 22px; vertical-align:middle; line-height: 0.9; padding-right:5px;}

/*xiugai*/
.innerTitle { color: #0f58d6; padding-bottom: 1.68539%; border-bottom: 1px solid #D3D3D3; margin-bottom: 3.25843%;  font-size: 30px; }
.mainRight { width: 74.16667%; float: right; }
.aside { float: left; width: 22.5%; }
.aside > .title { color: #333; padding-bottom: 5.55556%; padding-left: 10px; margin-bottom: 10px; border-bottom: 1px solid #DEDEDE; }
.aside > .title:after { content: ""; font-family: icomoon; padding-right: 10px; color: #ffffff; right: 0; position: absolute; font-size: 30px; bottom: 0; }
.aside > .title.active:after { content: "\e623"; } }
.aside .list li { margin-bottom: 1px; position: relative; font-size: 14px; }
.aside .list a { display: block; padding: 13px 0; line-height: 1.1; color: #222; padding-left: 40px; padding-right: 3.7037%; position: relative; overflow: hidden; }
.aside .list a:before { content: ''; width: 36px; height: 100%; max-height: 40px; position: absolute; left: -46px; top: 0; background: #C00211 url("../images/reverse_arrow.png") no-repeat center; z-index: 4; }
.aside .list a:hover, .aside .list a.active { background: #0f58d6; color: #fff; }
.aside .list a:hover:before, .aside .list a.active:before { left: 0; background: #0f58d6 url("../images/reverse_arrow.png") no-repeat center; }
.aside .list li:hover>a{ background: #0f58d6; color: #fff; }
.aside .list li:hover>a:before{ left: 0; background: #0f58d6 url("../images/reverse_arrow.png") no-repeat center; }
.aside .secList { position: absolute; min-width: 100%; left: 100%; top: 0; z-index: 9; background: #fff; border: 1px solid #ccc; display: none; }
.aside .secList li { margin-bottom: 0; border-bottom: 1px solid #DEDEDE; }
.aside .secList li:last-child { border-bottom: none; }
.aside .secList a:hover { background: #0f58d6; color: #fff; }
.newList .box, .newList .line { width: 100%; }
.newList .box { padding-bottom: 2%;border-bottom: #bbbbbb dashed 1px; }
.newList .box:hover .title { color: #0f58d6; }
.newList .box img { width: 100%; }
.newList .mask { position: relative; }
.newList .mask .date { position: absolute; bottom: 0; left: 0; width: 100%; height: 34px; line-height: 34px; text-align: center; text-align: left; color: #fff; display: block; background: url("../images/datebg.png") no-repeat center; padding-left: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.newList .title {float:left; font-size: 18px; color: #000; margin-top: 1%; height: 36px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newList .txt {clear:both; line-height: 24px; max-height: 72px; overflow: hidden; display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #555; }
.newList .date{float:right;    margin-top: 1%;}
.newDetop .date { margin-bottom: 3.37079%; margin-top: -1.68539%; font-size: 16px; color: #0f58d6; }
.newDetop .des { color: #555; padding-bottom: 3.37079%; border-bottom: 1px solid #D3D3D3; margin-bottom: 20px;}
.title{ display:block;}
#back{ display:block; background:#0f58d6; color:#fff; font-size:24px; padding:1.68539%; padding-left:20px;}
#back:hover{ background:#E31F2C;}
.i_model_list li{width:390px;float:left;margin:5px;}
.i_model_list li img{float:left;width:125px;height:186px;margin-right:10px;border-radius: 35px;}
.i_model_list li p{display:block;width:255px;float:left;color:#184698;font-weight:600;border-bottom:3px solid #184698;}
.i_model_list li a{float:right;color:#184698;font-weight:600;}
.i_model_list1 li{background:url(../images/icon1.jpg) 0 center no-repeat;width:110px;height:30px;line-height:30px;overflow:hidden;margin:0 8px;float:left;}
.i_model_list1 li a{float:none;padding-left:10px;color:#575757;font-weight:normal;font-size: 12px;}
.i_news_first{width:535px;float:left;padding:20px;background:#f1f1f1;margin-top:30px;}
.i_news_sub{margin-top:20px;transition:all 0.6s;}
.i_news_sub span{float:left;width:40px;text-align:center;margin:0 30px;color:#c1c1c1;}
.i_news_sub span i{font-style:normal;display:block;border-bottom:1px solid #c1c1c1;}
.i_news_sub span em{font-style:normal;}
.i_news_sub div{float:left;}
.i_news_sub div p{color:#c1c1c1;font-size:12px;}
.i_news_list{width:575px;float:right;margin-top:30px;}
.i_news_list li{background:#f1f1f1;padding:28px 0;margin-bottom:25px;}
.i_news_list li:last-child{margin-bottom:0;}
.i_news_list li .i_news_sub{margin-top:0;}
.i_news_sub:hover{margin-left:10px;cursor:pointer;}
.clear{clear:both;}
.i_img{width: 1200px; margin: 0 auto;}

/* 分页 */
#pages { padding:14px 0 10px; font-family:微软雅黑;text-align:center;}.pagination {text-align: left;clear: both;}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #008fd7;color: #fff;border: 1px solid #008fd7;}
.pagination li.active span{color:#fff;}
.pagination li a {display: block;text-align: center;}
.pagination li:hover{background: #f1f1f1;}
.pagination li:hover.active{background: #008fd7;}
.pagination li:hover a{color:#008fd7;}