@charset "UTF-8";
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; }

.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; }
@media screen and (max-width: 880px) { .hotPro .list .title, #footer .title { font-size: 20px; } }

.topRight .logoTxt { font-size: 30px; line-height: 1.2; /* font-weight: bold; */}
@media screen and (max-width: 880px) { .topRight .logoTxt { font-size: 22px; } }
@media screen and (max-width: 650px) { .topRight .logoTxt { font-size: 20px; } }

.aside > .title, .searchBear > .clearfix >.title, .mainContact .title ,.searchTitle{ font-size: 26px; line-height: 1.2; }
@media screen and (max-width: 950px) { .aside > .title, .searchBear > .clearfix >.title, .mainContact .title, .searchTitle{ font-size: 24px; } }
@media screen and (max-width: 880px) { .aside > .title, .searchBear > .clearfix >.title, .mainContact .title, .searchTitle{ font-size: 20px; } }
@media screen and (max-width: 650px) { .aside > .title, .searchBear > .clearfix >.title, .mainContact .title, .searchTitle{ font-size: 18px; } }

.indexInfo > div .item .title { font-size: 29px; line-height: 1.2; }
@media screen and (max-width: 1050px) { .indexInfo > div .item .title { font-size: 24px; } }
@media screen and (max-width: 880px) { .indexInfo > div .item .title { font-size: 22px; } }
@media screen and (max-width: 650px) { .indexInfo > div .item .title { font-size: 20px; } }

.hotPro .title, .indexBottom .title { font-size: 30px; line-height: 1.2; }
@media screen and (max-width: 880px) { .hotPro .title, .indexBottom .title { font-size: 28px; } }
@media screen and (max-width: 650px) { .hotPro .title, .indexBottom .title { font-size: 26px; } }
@media screen and (max-width: 580px) { .hotPro .title, .indexBottom .title { font-size: 22px; } }

.mainPath .title { font-size: 30px; line-height: 1.2; display: block;}
@media screen and (max-width: 880px) { .mainPath .title { font-size: 28px; } }
@media screen and (max-width: 650px) { .mainPath .title { font-size: 26px; } }
@media screen and (max-width: 580px) { .mainPath .title { font-size: 22px; } }

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; }
@media screen and (max-width: 1200px) { .center { width: 100%; padding-left: 10px; padding-right: 10px; } }

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 #D80010; 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: #D80010; border: 1px solid #D80010; }
.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(../img/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;}
@media screen and (max-width: 900px) { #menuBtn { display: block; } }
@media screen and (max-width:850px){#menuBtn{top:65px;}}

#menuBtn:before { content: "\e637"; font-size: 30px; color: #ffffff; font-family: icomoon; }

#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 { margin-top: 30px; position: relative; padding-bottom: 25px; }
#head .searchForm { width: 20.83333%; position: absolute; top: 100%; margin-top: 0; right: 0; /* background: #D80010; */ }
@media screen and (max-width: 1134px) { #head .searchForm { position: relative; width: 300px; margin: auto; } }
@media screen and (max-width: 850px) { #head { text-align: center; margin-top: 20px; padding-bottom: 15px; } }

@media screen and (max-width: 650px) { .nosearch #head .searchForm { /* display: none; */ } }

.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: #555; }

.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; }

.searchBtn { width: 28px; height: 28px; line-height: 28px; text-align: center; background: #D80010; z-index: 3; font-family: icomoon; font-size: 14px; color: #000; }
.searchBtn:before { content: '\e655'; }
.searchBtn:hover { color: #fff; }

#logo { max-width: 100%; display: inline-block; vertical-align: middle; width: 10%; }
@media screen and (max-width: 850px) { #logo { width: 120px; margin: auto; } }
@media screen and (max-width: 650px) { #logo { width: 100px; margin: auto; } }

.topRight { width: 86.5%; display: inline-block; vertical-align: middle; margin-top: 16px; }
.topRight .logoTxt { color: #000; margin-left: 1.92678%; display: inline-block; letter-spacing: -1px; font-family: tw-cen-mt,'Microsoft YaHei', SimSun, Sans-serif;}

.topRight .shareList { width: 120px; margin-top: 4px;}
@media screen and (max-width: 500px){
  .topRight .shareList{ display:none;}
  .topRight .logoTxt{ font-size:16px;margin-left: 0;}
}
@media screen and (max-width: 380px){
  .topRight .logoTxt{ font-size: 16px;}
}
.topRight .shareList a { width: 36px; height: 36px; background: #D80010; 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; }

@media screen and (max-width: 680px) { .topRight { margin-top: 15px; }
  .topRight > .box { width: 100%; text-align: center; margin-bottom: 12px; line-height: 1; } }
@media screen and (max-width: 850px) { .topRight { width: 100%; } }


.sharefb:after { content: "\e62c"; }

.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: #D80010; }

@media screen and (max-width: 500px) { .topLeft { position: relative; margin-bottom: 12px;} }

#nav { font-size: 20px; font-weight: bold;}
#nav>li { display: inline-block;  padding-bottom: 12px; border-bottom: 4px solid #fff; position: relative;margin-right: -4px; text-transform: uppercase;}
#nav>li>a { color: #000; padding: 15px;}
#nav>li:hover .navList li{ height:40px; border-bottom: 1px solid #CB1521; }
.navList{ display: block;position:absolute; top:100%; /* left: -20px; */ width:100%;min-width: 250px;z-index: 888;/* margin-top: 5px; */background:#D80010;}
.navList a{ display:block; color:#fff;padding-left: 20px;font-weight: normal; font-size: 14px;}
.navList a:hover{background:#E31F2C;}
.navList li{height:0; line-height:40px; overflow:hidden; }
@media screen and (max-width: 900px){
    #nav>li:hover .navList{display:none;}
}
@media screen and (max-width: 900px) { #nav li a { display: block; padding: 5px; } }
/* #nav>li:hover { border-bottom: 4px solid #D80010; } */
#nav>li:hover>a { color: #fff; background:#D70010;}
/* #nav>li.active { border-bottom: 4px solid #D80010; } */
#nav>li.active>a { color: #fff; background:#D70010;}
@media screen and (max-width: 900px) { #nav>li { width: 100%; margin-right: 0; padding: 0; text-align: center; border-bottom: 1px solid #F5F5F5; } }
@media screen and (max-width: 900px) { #nav {
  width: 40%;
  min-width: 240px;
  position: fixed;
  top: 130px;
  right: 32px;
  z-index: 998;
  display: none;
  max-width: 300px;
  margin: 0;
  background: #fff;
  font-size: 16px;
  -webkit-box-shadow: 2px 2px 2px #000;
  -moz-box-shadow: 2px 2px 2px #000;
  box-shadow: none;
  padding: 0;
  border: 1px solid #F5F5F5;
  } }
@media screen and (max-width: 850px) {#nav{
    top: 93px;
    
}}


#banner { padding-bottom: 3.125%; background: url("../img/slogo.png") no-repeat center bottom; position: relative; }
@media screen and (max-width: 1200px){#banner{min-height:0; padding-bottom: 0;}}
#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;}
@media screen and (max-width: 700px) { #banner .searchBg { width: 300px; bottom: 40px; } }
#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;}
@media screen and (max-width: 550px) { #banner { width: 140%; margin-left: -20%; } }

.hotPro { text-align: center; margin-top: 12px; }
.hotPro .title { font-weight: bold; display: block; margin-bottom: 1.5%; color: #D80010;}
@media screen and (max-width: 650px){
  .hotPro .title{ margin-top:20px; margin-bottom:8px;}
}
.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: #D80010; }
.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;}
@media screen and (max-width: 650px){
  .hotPro .list .title{ margin-bottom:5px; font-weight: normal; font-size: 16px;}
}
.hotPro .list .txt { font-size: 18px; color: #c5c5c5; line-height: 24px; max-height: 48px; overflow: hidden; margin-bottom: 1.2%; display: block;}
@media screen and (max-width: 650px){
  .hotPro .list .txt{ font-size:14px;}
}
.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: 80px; height: 80px; border-radius: 50%; }
@media screen and (max-width: 900px) { .slick-prev, .slick-next { width: 50px; height: 50px; margin-top: -27px; } }

.slick-prev { left: -6%; background: #D9D9D9 url("../img/row01.png") no-repeat center; }
.slick-prev:before { display: none; }
.slick-prev:hover { background: #D80010 url("../img/row01.png") no-repeat center; }
@media screen and (max-width: 1340px) { .slick-prev { left: 0; } }
@media screen and (max-width: 900px) { .slick-prev { -webkit-background-size: 80%; background-size: 80%; } }

.slick-next { right: -6%; background: #D9D9D9 url("../img/row02.png") no-repeat center; }
.slick-next:before { display: none; }
.slick-next:hover { background: #D80010 url("../img/row02.png") no-repeat center; }
@media screen and (max-width: 1340px) { .slick-next { right: 0; } }
@media screen and (max-width: 900px) { .slick-next { -webkit-background-size: 80%; background-size: 80%; } }

.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; }
@media screen and (max-width: 1340px) { .indexInfo .video .play { width: 60px; margin-top: -30px; } }
@media screen and (max-width: 1200px) { .indexInfo .video .play { right: 50%; margin-right: -30px; } }
@media screen and (max-width: 850px) { .indexInfo .video { float: none; width: 100%; } }
.indexInfo > div { width: 50.98958%; float: left; position: relative; }
@media screen and (max-width: 850px) { .indexInfo > div { width: 100%; float: none; } }
.indexInfo > div > img { min-width: 850px;display:none; }
@media screen and (max-width: 1340px) { .indexInfo > div > img { min-width: 500px; margin-left: 0; } }
@media screen and (max-width: 550px) { .indexInfo > div > img { min-width: auto; } }
.indexInfo > div .intro { width: 565px; position: absolute; left: 0; top: 0; margin-top: 10.72523%; 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: #D80010; }
@media screen and (max-width: 1340px) { .indexInfo > div .intro { padding-bottom: 0; margin-top: 5%; } }
@media screen and (max-width: 1200px) { .indexInfo > div .intro { width: 90%; } }
@media screen and (max-width: 1024px) { .indexInfo > div .intro { margin-left: 4%; } }
@media screen and (max-width: 850px) { .indexInfo > div .intro { margin:30px 0 0;position:static;width:100%;box-size:border-box;padding:0 10px; } }
@media screen and (max-width: 550px) { .indexInfo > div .intro { margin-left: 4%; } }
.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; }
@media screen and (max-width: 380px) { .indexInfo > div .item .title { margin-bottom: 0; font-size: 18px;} }
.indexInfo > div .item p { font-size: 14px; color: #000; line-height: 24px; max-height: 120px; overflow: hidden; margin-bottom: 8.49558%; }
@media screen and (max-width: 1340px) { .indexInfo > div .item p { margin-bottom: 25px; } }
@media screen and (max-width: 1200px) { .indexInfo > div .item p { line-height: 24px; max-height: 72px; overflow: hidden; } }
@media screen and (max-width: 850px) { .indexInfo > div .item p { line-height: 24px; max-height: 120px; overflow: hidden; } }
@media screen and (max-width: 550px) { .indexInfo > div .item p { line-height: 24px; max-height: 72px; overflow: hidden; } }
@media screen and (max-width: 450px) { .indexInfo > div .item p { line-height: 24px; max-height: 48px; overflow: hidden; margin-bottom: 15px; } }
@media screen and (max-width: 450px){ .indexInfo > div .item p{ margin-bottom:8px}}
.indexInfo > div .item .lm { width: 128px; display: inline-block; color: #fff; text-align: center; border-radius: 6px; height: 47px; line-height: 47px; background: #D80010; }
@media screen and (max-width: 1024px) { .indexInfo > div .item .lm { height: 38px; line-height: 38px; } }
@media screen and (max-width: 380px) { .indexInfo > div .item .lm { height: 30px; line-height: 30px; width: 100px; } }
.indexInfo > div.slick-slider .item { display: block; }

.indexBottom { margin-top: 3.125%; }
.indexBottom .title { font-weight: bold; margin-bottom: 1.66667%; display: block; color: #D5000F;}
.indexBottom p { color: #555; line-height: 24px; max-height: 48px; overflow: hidden; margin-bottom: 2.08333%; }
@media screen and (max-width: 400px) { .indexBottom { margin-top: 20px; } }
@media screen and (max-width: 1400px){
#brand{padding:0 50px;}
}
#brand .item { padding: 0 28px; display: none; }
@media screen and (max-width: 400px) { #brand .item { padding: 0 15px; } }
#brand .item:first-child { display: block; }
#brand.slick-slider .item { display: block; }
@media screen and (max-width: 450px) { #brand .slick-prev, #brand .slick-next { width: 30px; height: 30px; margin-top: -17px; }
  #brand .slick-prev:hover, #brand .slick-next:hover{background-size: contain;}
}

#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: #fff; }
#footer .title { display: block; color: #000; margin-bottom: 14px; font-weight: bold;}
@media screen and (max-width: 1024px) { #footer .box { width: 32%; margin-bottom: 20px; } }
@media screen and (max-width: 650px) { #footer .box { width: 48%; margin-bottom: 20px; } }
@media screen and (max-width: 500px){
    #footer .box{ width:100%;}
    #footer .box:nth-child(-n+3){display:none;}
}

@media screen and (max-width: 400px) { #footer { margin-top: 25px; } }

.copyRight { padding: 1.28333% 0; border-top: 1px solid #2F2F2F; background: #000; color: #e1e1e1; font-size: 14px; }
.copyRight .box { vertical-align: middle; }
.copyRight .box:first-child a{ color:#fff;}
.copyRight .box:first-child a:hover { color: #D80010; }
.logot{ width: 100px;padding-right: 6px;}
.copyRight .box:first-child span{display:inline-block; vertical-align:middle;}
@media screen and (max-width: 600px){
  .copyRight .box:first-child span{ margin-top:10px}
}
@media screen and (max-width: 600px) { .copyRight .center > .box { width: 100%; }
  .copyRight .center > .box .shareList { width: 100px; margin: 10px 0; } }
@media screen and (max-width: 900px) { .copyRight { margin-bottom: 49px; } }

.footerShare { width: 150px; }

.footerShare .shareList .box { position: relative; }
.footerShare .shareList .box a { width: 43px; height: 43px; background: #D80010; 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: #D80010; color:#353434;}
.footerShare .shareList .box .shareyt:after { content: "\e631"; font-size: 27px; }

.mainPath { background: #404040 url("../img/path.jpg") no-repeat; padding: 3.28125% 0; color: #fff; text-align: center; }
.about .mainPath { background: #404040 url("../img/about-us.jpg") no-repeat center; padding: 3.28125% 0; color: #fff; text-align: center; }
		.brand .mainPath { background: #404040 url("../img/brand.jpg") no-repeat center; padding: 3.28125% 0; color: #fff; text-align: center; }
		.pub .mainPath { background: #404040 url("../img/publication.jpg") no-repeat center; padding: 3.28125% 0; color: #fff; text-align: center; }
		.bear .mainPath { background: #404040 url("../img/banner-Searching-Bearing.jpg") no-repeat center; padding: 3.28125% 0; color: #fff; text-align: center; }
		.contact.mainPath { background: #404040 url("../img/banner-contact.jpg") no-repeat center; padding: 3.28125% 0; color: #fff; text-align: center; }
		.pro.mainPath { background: #404040 url("../img/path02.jpg") no-repeat center; padding: 3.28125% 0; color: #fff; text-align: center; }
.mainPath .title { line-height: 1; margin-bottom: 13px; }
@media screen and (max-width: 500px) { .mainPath .title { margin-bottom: 8px; } }
.mainPath a { color: #fff; }
@media screen and (max-width: 500px) { .mainPath { padding: 20px 0; } }

.main { margin-top: 38px; }

.mainRight { width: 74.16667%; float: right; }
@media screen and (max-width: 900px) { .mainRight { width: 100%; float: none; } }

.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: #D80010; }
.proList .box:hover .title { color: #D80010; }
.proList .box:hover .txt{ color:#555;}
@media screen and (max-width: 650px) { .proList .box { width: 48%; } }
.proList .title { font-size: 16px; font-weight: bold; margin-bottom: 7px; margin-top:10px; text-transform: capitalize; color: #D80010;}
@media screen and (max-width: 400px) { .proList .title { margin-bottom: 3px; } }
.proList .txt { color: #c5c5c5; line-height: 24px; max-height: 48px; overflow: hidden; margin-bottom: 6px; }
@media screen and (max-width: 400px) { .proList p { line-height: 20px; max-height: 40px; overflow: hidden; } }
.proList .lm { color: #2754ac; }
.proList .line { width: 31.46067%; }

.aside { width: 22.5%; float: left; }
@media screen and (max-width: 900px) { .aside { float: none; width: 100%; margin-top: 20px; } }
.aside > .title { line-height: 1; padding-bottom: 16px; margin-bottom: 10px; display: block; border-bottom: 1px solid #CCCCCC; }
@media screen and (max-width: 900px) { .aside > .title { background: #D80010; text-align: center; border: none; cursor: pointer; position: relative; display: block; padding: 10px; color: #fff; }
  .aside > .title + ul { display: none; }
  .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 #D80010;z-index: 99;}
  .aside .list li .secList a{ padding-left:40px;}
  .aside .list li:hover .secList{ display:block;}
@media screen and (max-width: 900px){
    .aside .list li:hover .secList{ display:none;}
}
.aside .list a { color: #000; padding: 8px 0; display: block; margin-bottom: 1px; }
.aside .list a.active { background: #D80010; color: #fff; }
.aside .list a.active:before { color: #fff; }
.aside .list a:hover,.aside .list>li:hover>a{ background: #D80010;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: #D80010; }
@media screen and (max-width: 900px) { .aside .list a { width: 100%; box-sizing: border-box; } }

.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: #D80010; color: #fff; }
.proTab:last-child ,.tabName{ width: auto;; margin-left: -3px; padding: 0 30px;}
@media screen and (max-width: 400px) { .proTab { font-size: 14px; height: 32px; line-height: 32px; } }

.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; }
@media screen and (max-width: 650px){
  .proContent .searchForm{height:40px; padding-right: 45px; padding-left: 0;}
  .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;}
@media screen and (max-width: 900px) { .searchBear .searchForm { height: 50px; padding-right: 50px; } }
.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; }
@media screen and (max-width: 1050px){
    .searchBear .searchForm{float:none;margin-bottom: 10px;}
   
}

@media screen and (max-width: 900px) { .searchBear .search { height: 50px; } }
.searchBear label { top: 11px; left: 12px; font-size: 14px; }
@media screen and (max-width: 900px) { .searchBear label { top: 10px; } }
.searchBear .searchBtn { width: 46px; height: 46px; line-height: 46px; font-size: 19px; color: #fff; background: #D80010; border: 1px solid #D80010;border-left: none; }

@media screen and (max-width: 900px) { .searchBear .searchBtn { height: 50px; line-height: 50px; width: 50px; } }
@media screen and (max-width: 900px){.searchBear label {font-size:16px;}}

.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; }
@media screen and (max-width: 1100px){ .searchBear > .clearfix >.title {display: none;}}

.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: #D80010; }
.bearList a:before { content: ' - ' ; width: 20px; display: inline-block; text-align: center;}
.bearList a:first-child:before{display: none;}
@media screen and (max-width: 1050px){
    .searchBear > .clearfix >.title{ padding:10px 0;}
}
@media screen and (max-width: 600px){
    .searchBear > .clearfix >.title{ padding-top: 0;}
}
.mainContact{margin-bottom: 25px;}
.mainContact .contactInfo { width: 25.83333%; float: left; }
.mainContact .contactInfo > ul { margin-top: 20px; }
@media screen and (max-width: 1080px) { .mainContact .contactInfo > ul { margin-top: 0; } }
.mainContact .contactInfo li { margin-top: 10px; color: #555555; }
.mainContact .contactInfo li a { color: #555555; }
.mainContact .contactInfo li a:hover { color: #D80010; }
.mainContact .contactInfo li a:hover span{ color: #D80010; }
@media screen and (max-width: 768px) { .mainContact .contactInfo { width: 100%; } }
.mainContact .contactForm { width: 59.58333%; float: right; position: relative; }
.mainContact .contactForm .box { width: 47.5%; margin-top: 10px; }
@media screen and (max-width: 1080px) { .mainContact .contactForm .box { width: 100%; } }
.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: #D80010; color: #fff; }
.mainContact .contactForm .abSubmit .btn-primary:first-child { margin-right: 12px; }
@media screen and (max-width: 768px) { .mainContact .contactForm .abSubmit { position: relative; width: 100%; margin-top: 20px; } }
@media screen and (max-width: 1080px) { .mainContact .contactForm { width: 100%; margin-top: 20px; } }
.mainContact .title { font-weight: bold; margin-bottom: 10px; color: #D80010;}
@media screen and (max-width: 1080px) { .mainContact .title { margin-bottom: 0; } }

#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: 50%; 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;}
@media screen and (max-width: 768px) { .detailTop .rightImg { width: 48%; } }
@media screen and (max-width: 600px) { .detailTop .rightImg { width: 80%; margin-left:10%; margin-bottom:20px} }
@media screen and (max-width: 380px) { .detailTop .rightImg { width: 100%;margin-left:0 } }
.detailTop .item img:first-child { width: 100%; }
.detailTop .video { width: 48%; float: left;  margin-left: 2%; }
.detailTop .video>a{display: block;position: relative; overflow: hidden; margin-bottom: 10px;     width: 66.6%;}
@media screen and (max-width: 380px){ .detailTop .video>a{margin-top:-10px; width:80%;}}
.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); }
@media screen and (max-width: 768px) { .detailTop .video { width: 48%; } }
@media screen and (max-width: 600px){.detailTop .video { width: 100%; margin-left:0;}}
@media screen and (max-width: 380px) { .detailTop .video { width: 100%; margin-top: 10px; margin-left: 0; } }
//.detailTop .contact { width: 15.16854%; float: left; margin-left: 2.24719%; }
//@media screen and (max-width: 1340px) { .detailTop .contact { width: 17%; } }
h2.title { font-size: 22px; margin-bottom: 18px; line-height: 1;}
@media screen and (max-width: 600px) { .detailTop .contact .title { margin-bottom: 8px; } }
.detailTop .contact .btn { display: block; width: 100%; height: 47px; line-height: 47px; text-align: center; min-width: 120px; max-width: 160px; background: #D80010; color: #fff; font-size: 18px; margin-bottom: 5px; position: relative; }
.detailTop .contact .btn:after { content: '\e63c'; font-family: icomoon; position: absolute; top: 15px; right: -10px; line-height: 1; }
@media screen and (max-width: 600px) { .detailTop .contact .btn:after { top: 10px; } }
.detailTop .contact .btn:hover:after { right: 5px; }
@media screen and (max-width: 600px) { .detailTop .contact .btn { height: 35px; line-height: 35px; } }
.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: #D80010; }
@media screen and (max-width: 768px) { .detailTop .contact { margin-left: 0; width: 100%; margin-top: 20px; } }

.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: #D80010; }
@media screen and (max-width: 650px) { .rightTab .tab{width: 50%;} }
@media screen and (max-width: 600px) { .rightTab .tab { padding: 5px 0; } }
.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: #D80010; text-align: center; display: table-cell; color: #fff; vertical-align: middle; padding: 8px 0; font-weight: bold; }
@media screen and (max-width: 768px) { .rightMessage .leaveMessage { width: 100%; display: block; } }
.rightMessage .rely { padding-left: 25px; display: table-cell; background: #EAEAEA; color: #565656; width: 78.65169%; vertical-align: middle; }
@media screen and (max-width: 768px) { .rightMessage .rely { width: 100%; display: block; padding-top: 5px; padding-bottom: 5px; } }
@media screen and (max-width: 600px) { .rightMessage .rely { padding-left: 10px; line-height: 1.3; } }

.rightForm { border: 1px solid #e5e5e5; padding: 3.37079% 2.02247% 2.69663% 3.37079%; }
@media screen and (max-width: 768px) { .rightForm { padding: 10px; } }
.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 #D80010; }
.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: #D80010; color: #fff; z-index: 99; }
@media screen and (max-width: 768px) { .rightForm .box { width: 49%; } }
@media screen and (max-width: 600px) { .rightForm .box { width: 100%; margin-top: 0; } }
.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: #D80010; color: #fff; border-color: #D80010; }

.relate { margin-top: 3.37079%; }
.relate .box { width: 23%; }
.relate .box:hover span { color: #D80010; }
@media screen and (max-width: 600px) { .relate .box { width: 48%; margin-bottom: 15px; } }
.relate .line { width: 23%; }
.relate img { width: 100%; }
.relate .title { width: 21.34831%; text-align: center; height: 40px; line-height: 40px; background: #D80010; 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: #D80010; 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: #D80010; }
.searchContent .tableList tbody tr th:first-child { width: 60%; }
@media screen and (max-width: 650px){
  .searchContent .tableList thead th{height: 32px;}
  .searchContent .tableList tbody tr th{height: 32px; font-size: 14px;}
}

.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: #D80010; font-weight: normal; padding-right: 3px; text-transform: capitalize; }
.prenext a { font-size: 14px; color: #D80010; font-weight: normal; }
.pageNum a:hover,.pageNum .cur {color: #fff; background: #D80010;}
.searchTitle{line-height: 1; padding-bottom: 16px; margin-bottom: 6px; display: block; border-bottom: 1px solid #CCCCCC;}

.downList a { color: #D80010; display: inline-block; line-height: 24px; padding: 8px 24px 9px 40px; position: relative; overflow: hidden; background: #fff url(../img/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;}
@media screen and (max-width:600px){.deBrand .box,.deBrand .line{width:25%;}.deBrand .box{margin-bottom:5px}}
.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: #D80010;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 #D80010 transparent;}
@media screen and (max-width:720px){.ent-his1{padding-left:0;border-left:0 none}
.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%; }
@media screen and (max-width:750px){.ent-img7.ent-res li{ width:22%; } }
@media screen and (max-width:420px){.ent-img7.ent-res li{ width:31%; } }

.borderS{ border: 1px solid #d5d5d5; padding: 2.24%;}

.borderH .box{ width: 49%; box-sizing: border-box; margin-bottom: 20px;}
@media screen and (max-width: 900px){.borderH .box{ width: 100%;}}
table.model thead tr th{ background:#D80010; color:#fff;}
.pdf li{ background: url(../img/bg-pdf.png) no-repeat left center; padding: 10px 0; padding-left: 35px;}
tbody .pdf{background: url(../img/bg-pdf.png) no-repeat left center; padding: 10px 0; padding-left: 35px; }
.mainContact .contactInfo li a:hover span{ color: #D80010; }

a.sk:before{content:'\e632'; color: #3873BB; font-family:icomoon; font-size: 22px; vertical-align:middle; line-height: 0.9; padding-right:5px;}


/*xiugai*/
.innerTitle { color: #D80010; padding-bottom: 1.68539%; border-bottom: 1px solid #D3D3D3; margin-bottom: 3.25843%;  font-size: 30px; }
@media screen and (max-width: 500px) { .innerTitle { padding-bottom: 10px; } }

.mainRight { width: 74.16667%; float: right; }
@media screen and (max-width: 900px) { .mainRight { float: none; width: 100%; } }

.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; }
@media screen and (max-width: 1100px) { .aside > .title { font-size: 20px; } }
@media screen and (max-width: 900px) { .aside > .title { background: #D80010; text-align: center; border: none; cursor: pointer; position: relative; display: block; padding: 10px; color: #fff; border-bottom: 1px solid #fff; margin-bottom: 0; }
  .aside > .title + ul { display: none; }
  .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; }
@media screen and (min-width: 900px) { .aside .list li:hover .secList { display: block; } }
.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("../img/reverse_arrow.png") no-repeat center; z-index: 4; }
.aside .list a:hover, .aside .list a.active { background: #D80010; color: #fff; }
.aside .list a:hover:before, .aside .list a.active:before { left: 0; background: #D80010 url("../img/reverse_arrow.png") no-repeat center; }
.aside .list li:hover>a{ background: #D80010; color: #fff; }
.aside .list li:hover>a:before{ left: 0; background: #D80010 url("../img/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: #D80010; color: #fff; }
@media screen and (max-width: 900px) { .aside { width: 100%; float: none; margin-top: 24px; margin-bottom: 10px; } }

.newList .box, .newList .line { width: 31.46067%; }
.newList .box { margin-bottom: 3.93258%; }
.newList .box:hover .title { color: #D80010; }
.newList .box img { width: 100%; }
@media screen and (max-width: 650px) { .newList .box { width: 48%; margin-bottom: 15px; } }
@media screen and (max-width: 350px) { .newList .box { 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("../img/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 { font-size: 18px; color: #000; margin-top: 5.35714%; margin-bottom: 1.78571%; height: 56px; overflow: hidden;}
.newList .txt { 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; }

.newDetop .date { margin-bottom: 3.37079%; margin-top: -1.68539%; font-size: 16px; color: #D80010; }
.newDetop .des { color: #555; padding-bottom: 3.37079%; border-bottom: 1px solid #D3D3D3; margin-bottom: 20px;}

.title{ display:block;}

#back{ display:block; background:#D80010; color:#fff; font-size:24px; padding:1.68539%; padding-left:20px;}
#back:hover{ background:#E31F2C;}
@media screen and (max-width: 650px){#back{ font-size:20px;padding-top: 1%;padding-bottom: 1%;}}