锘縜, a:before, a:after, .proPic, .lm, span, .title, img, li, .tab, i, .mainAppCen .app li.box i,.mainAppCen .app li.box i span:before,.mainAppCen .app li.box i span:after { 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; }
.mainAppCen .app li.box i span, .inner, img, input, textarea, select, button, table, label, li, .center, .searchForm, .formStyle li, .lm, .right, .left, .date, #banner .item span, #main #banner .item .slogan .lm, #main .mainProCen .left, #main .mainProCen .right, .mainAboutCen .left, .mainAboutCen .right, .mainAppCen .app li.box i, #footer .copyright, .asideNav .asideTitle, .asideNav .asidelist > li > a, .asideNav .asidelist .subaside a, .asideNav .asidelist .subaside li, .contentLeft .caseSearch .searchForm, .contentLeft .caseSearch .searchForm .search, .content .contactTitle, .content .mainContact .contactForm, .contentLeft .proArt, .contentLeft .proArt .way .right .tel, .contentLeft .proArt .way .right .mail, .contentLeft .formtitle strong, .contentLeft .formtitle p { -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,.box{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.mainAppCen .app li.box i { line-height: 1.2; white-space: nowrap; }
.mainAppCen .app li.box i span, .mainAppCen .app li.box i:after { display: inline-block; vertical-align: middle; }
.mainAppCen .app li.box i:after { content: ''; height: 100%; width: 0; overflow: hidden; }
.mainAppCen .app li.box i span { width: 100%; white-space: normal;position: relative;}
.mainAppCen .app .lm i span{  max-width: 220px;padding: 15px 0;}
.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 { font-family: Arial, 'Microsoft YaHei', SimSun, Sans-serif; }
#main #banner .item .slogan .title, #main #banner .item .slogan .title02 { font-family: BebasNeue, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }
.content .mainContact .title { font-size: 30px; line-height: 1.2; }
@media screen and (max-width: 880px) { .content .mainContact .title { font-size: 28px; } }
@media screen and (max-width: 650px) { .content .mainContact .title { font-size: 26px; } }
@media screen and (max-width: 580px) { .content .mainContact .title { font-size: 22px; } }
blockquote,body,button,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,table,textarea,ul{margin:0;padding:0}
area:focus,button:focus,input:focus,textarea:focus{outline:0}
a img,abbr,acronym,fieldset,img,legend{border:0 none}
figure,li,ol,ul{list-style:none}
address,caption,cite,code,dfn,th,var{font-weight:400;font-style:normal}
h1,h2,h3,h4,h5,h6{display:inline;font-weight:400;font-size:100%}
q:after,q:before{content:''}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}
button{overflow:visible}
pre,textarea{overflow:auto}
button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}
button,select{text-transform:none}
button[disabled],html input[disabled]{cursor:default}
a[href],label[for],select{cursor:pointer}
a,div,input,span,textarea{-webkit-tap-highlight-color:transparent}
a:active,a:hover{outline:0}
sub,sup{position:relative;vertical-align:baseline;font-size:75%}
sup{top:-.5em}
sub{bottom:-.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}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
abbr[title]{border-bottom:1px dotted}
b,optgroup,strong{font-weight:700}
small{font-size:80%}
code,kbd,pre,samp{font-size:1em;font-family:monospace,monospace}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver}
table{width:100%;border-collapse:collapse;border-spacing:0}
table th{background:#ddd;font-weight:700}
table td,th{padding:5px;border:1px solid #ccc;text-align:center;word-wrap:break-word;word-break:break-word}
img{width:auto\9;height:auto;max-width:100%}
@font-face { font-family: 'icomoon'; src: url("/Public/commonfile/font/icomoon.eot"); src: url("/Public/commonfile/font/icomoon.eot?#iefix") format("embedded-opentype"), url("/Public/commonfile/font/icomoon.woff") format("woff"), url("/Public/commonfile/font/icomoon.woff2") format("woff2"), url("/Public/commonfile/font/icomoon.ttf") format("truetype"), url("/Public/commonfile/font/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BebasNeue'; src: url("/Public/commonfile/font/BebasNeue.ttf") format("truetype"); src: url("/Public/commonfile/font/BebasNeue.eot"), url("/Public/commonfile/font/BebasNeue.eot?#iefix") format("embedded-opentype"), url("/Public/commonfile/font/BebasNeue.woff") format("woff"), url("/Public/commonfile/font/BebasNeue.woff2") format("woff2"), url("/Public/commonfile/font/BebasNeue.svg#BebasNeue") format("svg"); font-weight: normal; font-style: normal; }
html { font-size: 16px; }
body { color: #555; line-height: 1.5; font-size: 14px; -webkit-font-smoothing: antialiased; font-smooth: always; -moz-osx-font-smoothing: grayscale; }
a { text-decoration: none; color: #555; }
.footertoolbar { background: #555; }
*: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; }
.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; }
#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: #B82E32; border: 1px solid #B82E32; }
.shareList a { display: inline-block; vertical-align: middle; }
.shareList a:before { font-family: icomoon; }
.shareList .shareSina:before { content: '\e647'; }
.shareList .shareRen:before { content: '\e64c'; }
.shareList .shareQq:before { content: '\e648'; }
.shareList .shareDou:before { content: '\e64b'; }
.shareList .sharefb:before { content: '\e62c'; }
.shareList .sharetw:before { content: '\e62b'; }
.shareList .sharein:before { content: '\e630'; }
.shareList .sharegl:before { content: '\e62d'; }
.shareList .tumblr:before { content: '\e62f'; }
.shareList .shareyt:before { content: '\e634'; }
.searchForm { position: relative; max-width: 100%; }
.searchForm .search { width: 100%; border: none; }
.searchForm .searchBtn { border: 0 none; position: absolute; top: 1px; right: 0; text-align: center; }
.proPic > a:first-child { display: block; text-align: center; overflow: hidden; }
.justify .box > a > span { display: block; }
.pageNum { margin: 1% 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; }
.pageNum a:hover, .pageNum .cur { color: #fff; background: #555; }
/*
#goTop { position: fixed; @include whf(38px,38px,true); color: #fff; font-size:20px; background:#000; @include opacited(0.6); bottom: 6%; right: 3%; @include rounded(5px); display: none; cursor:pointer; @extend %transition; z-index:999;
  &:before { content: '\e627'; font-family: 'icomoon';  text-align:inherit;}
  &:hover{ opacity:0.7; }
  @include responsive($mw){
    margin-bottom:50px;
  }
}
*/
.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; }
.addthis_sharing_toolbox { margin: 15px 0; }
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%; margin: 0 auto; overflow: hidden; letter-spacing: 0; }
.title { line-height: 1.2; }
#header .headerCen { position: relative; padding-top: 0; margin-bottom: 0;}
@media screen and (max-width: 480px) { #header .headerCen { padding-top: 15px; margin-bottom: 15px; } }
#header #logo {  float: left; margin-top: 10px;   margin-bottom: 10px;}
#header #logo img { width: 100px; vertical-align:bottom; }
#header #logo span { margin-bottom:20px; display:inline-block; color:#000; font-weight:bold; }
@media screen and (max-width: 960px) { #header #logo { display: block; float: none; margin: 10px auto; text-align: center;} }
@media screen and (max-width: 480px) { #header #logo { width: 190px; } }
#header .navCen {width: 70%;float: right;margin-top: 6%;}
@media screen and (max-width: 1200px) { #header .navCen { width: 65%; } }
@media screen and (max-width: 1200px){
  #header .navCen { margin-top:0;}
}
#header .navCen .topNav { width: 315px; float: right; margin-top: 0px; margin-bottom: 5px; }
@media screen and (max-width: 960px) { #header .navCen .topNav { display: none; } }
#header .navCen .topNav li a { color: #666; text-transform: uppercase; }
#header .navCen .topNav li.cont a { color: #B82E32; }
#header .navCen .topNav li.active a, #header .navCen .topNav li:hover a { color: #BD2C33; }
#header .navCen #nav { width: 100%; display: inline-block; }
#header .navCen #nav li.navHide { display: none; }
@media screen and (max-width: 960px) { #header .navCen #nav li.navHide { display: block; } }
#header .navCen #nav li { padding-bottom:5px; /* position: relative; */}
#header .navCen #nav li a {font-size: 17px;color: #222;}
#header .navCen #nav li.active a, #header .navCen #nav li:hover a {color: #B82E32;}
#header .lang { position: absolute; top: 0; left: 100%; margin-left: 3.75%; display: table; margin-top: 88px; }
@media screen and (max-width: 1600px) { #header .lang { top: 20px; left: inherit; right: 10px; margin: 0; } }
@media screen and (max-width: 960px) { #header .lang { position: static; margin: auto; margin-top: 10px; margin-bottom: 10px;} }
#header .lang li { margin: 0 10px; display: inline-block; }
#header .lang li a {color: #777;}
#header .lang li a:hover {color: #B82E32;}
#header .lang li:last-child { margin-right: 0; }
#main #banner .item { display: none; position: relative; }
#main #banner .item:first-child { display: block; }
#main #banner.slick-slider .item { display: block; }
#main #banner .item .slogan { position: absolute; top: 0; left: 0; margin-top: 8.07292%; margin-left: 48.95833%; z-index: 2; max-width: 600px; display: none;}
@media screen and (max-width: 1200px) { #main #banner .item .slogan { margin-top: 5.20833%; } }
@media screen and (max-width: 600px) { #main #banner .item .slogan { display: none; } }
#main #banner .item .slogan .title, #main #banner .item .slogan .title02 { color: #abd387; }
#main #banner .item .slogan .title { font-size: 100px; line-height: 1; position: relative; z-index: 3; }
@media screen and (max-width: 1400px) { #main #banner .item .slogan .title { font-size: 80px; } }
@media screen and (max-width: 1200px) { #main #banner .item .slogan .title { font-size: 64px; } }
@media screen and (max-width: 960px) { #main #banner .item .slogan .title { font-size: 46px; } }
#main #banner .item .slogan .title:before { position: absolute; height: 0; width: 0; border: 45px solid #B82E32; content: ''; z-index: -1; border-right-color: transparent; border-bottom-color: transparent; }
@media screen and (max-width: 1400px) { #main #banner .item .slogan .title:before { border-width: 40px; } }
@media screen and (max-width: 1200px) { #main #banner .item .slogan .title:before { border-width: 32px; } }
@media screen and (max-width: 960px) { #main #banner .item .slogan .title:before { border-width: 23px; } }
#main #banner .item .slogan .title02 { font-size: 60px; line-height: 1; margin-left: 7px; margin-top: -10px; }
@media screen and (max-width: 1400px) { #main #banner .item .slogan .title02 { font-size: 50px; } }
@media screen and (max-width: 1200px) { #main #banner .item .slogan .title02 { font-size: 40px; } }
@media screen and (max-width: 960px) { #main #banner .item .slogan .title02 { font-size: 30px; } }
#main #banner .item .slogan p.text { font-size: 24px; color: #fff; margin-left: 7px; }
@media screen and (max-width: 1400px) { #main #banner .item .slogan p.text { font-size: 22px; } }
@media screen and (max-width: 1200px) { #main #banner .item .slogan p.text { font-size: 20px; } }
@media screen and (max-width: 1000px) { #main #banner .item .slogan p.text { font-size: 18px; } }
@media screen and (max-width: 880px) { #main #banner .item .slogan p.text { display: none; } }
#main #banner .item .slogan .lm { display: inline-block; width: 230px; color: #fff; height: 80px; background: #B82E32; background: rgba(69, 135, 187, 0.8); padding-left: 30px; line-height: 80px; border-radius: 5px; margin-top: 50px; margin-left: 7px; }
@media screen and (max-width: 1400px) { #main #banner .item .slogan .lm { margin-top: 30px; height: 64px; line-height: 64px; width: 200px; } }
@media screen and (max-width: 1200px) { #main #banner .item .slogan .lm { margin-top: 15px; height: 50px; line-height: 50px; width: 180px; } }
@media screen and (max-width: 960px) { #main #banner .item .slogan .lm { margin-top: 10px; } }
#main #banner .item .slogan .lm:hover { background: #B82E32; background: rgba(112, 169, 78, 0.7); -moz-box-shadow: inset 0 0 10px 0 #fff; -webkit-box-shadow: inset 0 0 10px 0 #fff; box-shadow: inset 0 0 10px 0 #fff; }
#main .mainProCen { width: 100%; position: relative; padding-top: 5.25%; padding-bottom: 3.75%; }
#main .mainProCen .left { width: 34.16667%; float: left; color: #B82E32; padding-right: 5%; }
@media screen and (max-width: 960px) { #main .mainProCen .left { float: none; width: 100%; padding-right: 0; margin-bottom: 50px; } }
#main .mainProCen .left:before { width: 200%; background: #E7E7E7; z-index: -2; right: 65.83333%; }
@media screen and (max-width: 960px) { #main .mainProCen .left:before { display: none; } }
#main .mainProCen .left .title { font-size: 44px; margin-bottom: 4.39024%; line-height: 1; margin-top: 12.19512%; position: relative; }
@media screen and (max-width: 1200px) { #main .mainProCen .left .title { font-size: 36px; } }
@media screen and (max-width: 960px) { #main .mainProCen .left .title { font-size: 30px; } }
@media screen and (max-width: 640px) { #main .mainProCen .left .title { font-size: 24px; } }
@media screen and (max-width: 960px) { #main .mainProCen .left .title { margin-top: 0; } }
#main .mainProCen .left .title:before { position: absolute; top: 0; left: 0; content: ''; width: 5px; height: 80px; margin-left: -18px; background: #B82E32; overflow: hidden; }
#main .mainProCen .left p.text { font-size: 16px; line-height: 24px; max-height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
#main .mainProCen .left .lm { color: #B82E32; position: relative; margin-top: 12.19512%; display: inline-block; }
#main .mainProCen .left .lm:before { position: absolute; top: 100%; left: 0; content: ''; width: 100%; height: 2px; background: #B82E32; }
#main .mainProCen .left .lm:hover:before { width: 0; }
#main .mainProCen .right { width: 65.83333%; float: right; padding-left: 7.5%; }
@media screen and (max-width: 960px) { #main .mainProCen .right { float: none; width: 100%; padding-left: 0; } }
#main .mainProCen .right .mainScroll .box,#main .mainProCen .right .mainScroll .line { width:31.5%; }
#main .mainProCen .right .mainScroll .box { margin-bottom:15px; }
#main .mainProCen .right .mainScroll .box a {display: block;}
#main .mainProCen .right .mainScroll .box a img { width: 100%; border-radius: 10px; }
#main .mainProCen .right .mainScroll .box a .title { font-size: 20px; color: #000; line-height: 1; margin-top: 11px; margin-bottom: 8px; display: inline-block; }
#main .mainProCen .right .mainScroll .box a .text { color: #777; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#main .mainProCen .right .mainScroll .box a:hover .title, #main .mainProCen .right .mainScroll .box a:hover .text { color: #B82E32; }
#main .mainProCen:after, #main .mainProCen .left:before { content: ''; height: 100%; top: 0; position: absolute; }
.mainAboutCen { width: 100%; position: relative; }
.mainAboutCen .left { width: 34.16667%; float: left; padding-right: 5%; }
.mainAboutCen .left .title { font-size: 44px; margin-bottom: 3.65854%; line-height: 1; margin-top: 17.56098%; position: relative; color: #000; }
@media screen and (max-width: 1200px) { .mainAboutCen .left .title { font-size: 36px; } }
@media screen and (max-width: 960px) { .mainAboutCen .left .title { font-size: 30px; } }
@media screen and (max-width: 640px) { .mainAboutCen .left .title { font-size: 24px; } }
.mainAboutCen .left .title:before { position: absolute; top: 0; left: 0; content: ''; width: 5px; height: 80px; margin-left: -18px; background: #000; overflow: hidden; }
.mainAboutCen .left p.text { font-size: 16px; line-height: 24px; color: #777; max-height: 96px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.mainAboutCen .left .lm { color: #B82E32; position: relative; margin-top: 12.19512%; display: inline-block; }
.mainAboutCen .left .lm:before { position: absolute; top: 100%; left: 0; content: ''; width: 100%; height: 2px; background: #B82E32; }
.mainAboutCen .left .lm:hover:before { width: 0; }
.mainAboutCen .right { width: 65.8332999%; float: right; position: relative;}
.mainAboutCen .right .wrap {width: 100%;text-align: center;margin-top: 20%;position: absolute;top: 0;left: 0;}
.mainAboutCen .right .wrap .videoBtn { display: inline-block; width: 90px; height: 90px; text-align: center; text-transform: uppercase; background: #000; color: #fff; margin-bottom: 5.14706%; }
@media screen and (max-width: 960px) { .mainAboutCen .right .wrap a.videoBtn { width: 72px; height: 72px; } }
.mainAboutCen .right .wrap .videoBtn:before { font-size: 36px; color: #fff; display: block; width: 100%; height: 50px; margin-top: 10px; }
@media screen and (max-width: 960px) { .mainAboutCen .right .wrap a.videoBtn:before { font-size: 32px; margin-top: 5px; height: 40px; } }
.mainAboutCen .right .wrap p.text { color: #fff; line-height: 24px; }
.mainAboutCen:after, .mainAboutCen .right:before { content: ''; height: 100%; top: 0; position: absolute; }
/*.mainAboutCen .right { width: 65.83333%; float: right; }
.mainAboutCen .right:before {width: 100%;background: url(../img/mainbg.jpg) no-repeat;/!* z-index: -2; *!/left: 34.16667%;}
.mainAboutCen .right .wrap {width: 86.07595%;text-align: center;margin-top: 10.12658%;position: relative;}
.mainAboutCen .right .wrap .videoBtn { display: inline-block; width: 90px; height: 90px; text-align: center; text-transform: uppercase; background: #000; color: #fff; margin-bottom: 5.14706%; }
@media screen and (max-width: 960px) { .mainAboutCen .right .wrap a.videoBtn { width: 72px; height: 72px; } }
.mainAboutCen .right .wrap .videoBtn:before { font-size: 36px; font-family: icomoon; content: '\e620'; color: #fff; display: block; width: 100%; height: 50px; margin-top: 10px; }
@media screen and (max-width: 960px) { .mainAboutCen .right .wrap a.videoBtn:before { font-size: 32px; margin-top: 5px; height: 40px; } }
.mainAboutCen .right .wrap p.text { color: #fff; line-height: 24px; font-size: 24px;}
.mainAboutCen:after, .mainAboutCen .right:before { content: ''; height: 100%; top: 0; position: absolute; }*/
.mainAppCen { background: #E7E7E7; padding-bottom: 3.125%; padding-top: 3.75%; }
.mainAppCen .title { font-size: 44px; line-height: 1; position: relative; color: #B82E32; }
@media screen and (max-width: 1200px) { .mainAppCen .title { font-size: 36px; } }
@media screen and (max-width: 960px) { .mainAppCen .title { font-size: 30px; } }
@media screen and (max-width: 640px) { .mainAppCen .title { font-size: 24px; } }
.mainAppCen .title:before { position: absolute; top: 0; left: 0; content: ''; width: 5px; height: 80px; margin-left: -18px; background: #B82E32; overflow: hidden; }
.mainAppCen .app li.box { width: 29.66667%; margin: 20px 0; position: relative; overflow: hidden; }
@media screen and (max-width: 640px) { .mainAppCen .app li.box { width: 48%; margin: 10px 0; } }
.mainAppCen .app li.box a { display: inline-block; overflow: hidden; width: 100%; }
.mainAppCen .app li.box a img { width: 100%; }
.mainAppCen .app li.box i { position: absolute; top: -100%; left: 0; font-size: 20px; color: #fff; text-align: center; width: 100%; height: 100%; background: #B82E32; background: rgba(184,45,50, 0.7); padding: 11.26761%; }
@media screen and (max-width: 1200px) { .mainAppCen .app li.box i { font-size: 18px; } }
@media screen and (max-width: 960px) { .mainAppCen .app li.box i { font-size: 16px; } }
@media screen and (max-width: 640px) { .mainAppCen .app li.box i { font-size: 14px; } .fa{color: #FFFFFF; font-size: 20px; margin: 6px 0;}}
.mainAppCen .app li.box i strong { display: inline-block; padding: 5.6338%; border: 1px solid #fff; line-height: 1; }
.mainAppCen .app li.box:hover i { top: 0; }
.mainAppCen .app li.box:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.mainAppCen .app li.box.lm i { top: 0; background: #B82E32; }
/* .mainAppCen .app li.box.lm:hover i { background: #316b9a; -moz-box-shadow: inset 0 0 20px 0 rgba(255, 255, 255, 0.8); -webkit-box-shadow: inset 0 0 20px 0 rgba(255, 255, 255, 0.8); box-shadow: inset 0 0 20px 0 rgba(255, 255, 255, 0.8); } */
.mainAppCen .app li.line { width: 29.66667%; }
@media screen and (max-width: 640px) { .mainAppCen .app li.line { width: 48%; } }
.mainSerCen { width: 100%; padding-top: 3.90625%; padding-bottom: 4.27083%; text-align: center; }
.mainSerCen .title { font-size: 44px; color: #000; line-height: 1; margin-bottom: 8px; }
@media screen and (max-width: 1200px) { .mainSerCen .title { font-size: 36px; } }
@media screen and (max-width: 960px) { .mainSerCen .title { font-size: 30px; } }
@media screen and (max-width: 640px) { .mainSerCen .title { font-size: 24px; } }
.mainSerCen p.text { width: 63.75%; margin: auto; line-height: 20px; color: #999; }
@media screen and (max-width: 960px) { .mainSerCen p.text { width: 100%; margin-bottom: 15px; } }
.mainSerCen p.text a { color: #B82E32; margin-left: 20px; display: inline-block; }
.mainSerCen p.text a:hover { color: #B82E32; }
.mainSerCen .mainSupport { margin-top: 2.91667%; }
.mainSerCen .mainSupport li { width: 22.5%; text-align: center; }
.mainSerCen .mainSupport li img { width: 100%; }
.mainSerCen .mainSupport li .subTitle { font-size: 20px; color: #000; line-height: 1; margin-top: 10.37037%; }
.mainSerCen .mainSupport li p.subText { margin: 10px 0; color: #999; line-height: 20px; max-height: 80px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: none; }
.mainSerCen .mainSupport li a.subLm { color: #555; display: inline-block; position: relative; margin-top: 5.18519%; }
.mainSerCen .mainSupport li a.subLm:before { position: absolute; top: 100%; left: 0; width: 100%; height: 1px; overflow: hidden; content: ''; background: #555; }
.mainSerCen .mainSupport li a.subLm:hover { color: #B82E32; }
.mainSerCen .mainSupport li a.subLm:hover:before { width: 0; background: #B82E32; }
#footer {background: #B82E32;padding-top: 6.25%;text-align: center;}
#footer .webNav { width: 90.41667%; margin-bottom: 6.33333%; display: inline-block; }
@media screen and (max-width: 960px) { #footer .webNav { display: none; } }
#footer .webNav li a { color: #fff; font-size: 20px; text-transform: uppercase; }
@media screen and (max-width: 1200px) { #footer .webNav li a { font-size: 16px; } }
#footer .webNav li a:hover, #footer .webNav li.active a { color: #000; }
#footer .webShare span a { display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; background: #105993; }
#footer .webShare span a:hover { background: #B82E32; }
#footer .webShare a:before { font-family: icomoon; color: #fff; font-size: 30px; }
#footer .webShare .fb { margin-right: 10px; }
#footer .webShare .fb a:before { content: '\e62c'; }
#footer .webShare .yt a:before { content: '\e631'; }
#footer .webShare, #footer .webContactWay { display: inline-block; color: #fff; vertical-align: middle; }
#footer .webShare { margin-right: 6.4%; margin-left: 15%; }
@media screen and (max-width: 900px) { #footer .webShare { margin-left: 0; } }
#footer .webContactWay a { color: #fff; }
#footer .webContactWay a:hover { color: #000; }
#footer .webContactWay {line-height: 24px;padding-left: 20px;border-left: 1px solid #8B2E31;text-align: left;}
#footer .contacter span { margin: 0 5px; }
#footer .webTel .tel { margin-right: 52px; }
#footer .webTel span { display: inline-block; }
#footer .webEmail .mob { margin-left: 30px; }
#footer .webCompany { margin-top: -0.08333%; padding-bottom: 9.16667%; }
@media screen and (max-width: 960px) { #footer .webCompany { display: none; } }
#footer .copyright { text-align: center; padding: 2.5% 10px; color: #fff; background: #000; position: relative; }
#footer .technical { display: inline-block; position: absolute; top: 50%; right: 30px; margin-top: -8px; }
#footer .technical a { color: #fff; }
#footer .technical a:hover { color: #B82E32; }
#menuBtn { position: fixed; width: 35px; height: 35px; top: 15px; right: 5px; background: #BA2D32; z-index: 100; cursor: pointer; text-align: center; line-height: 35px; display: none; border: 1px solid #fff; }
#menuBtn:before { color: #fff; font-size: 24px; }
#menuBtn.active:before { font-size: 28px; }
#footerToolBar { background: #B82E32; }
@media screen and (max-width: 960px) { #menuBtn { display: block; }
  #footer { margin-bottom: 49px; }
  #header .navCen #nav { width: 250px; position: fixed; top: 16px; right: 45px; z-index: 99; background: #B82E32; -moz-box-shadow: 0 0 5px 0 #fff; -webkit-box-shadow: 0 0 5px 0 #fff; box-shadow: 0 0 5px 0 #fff; display: none; }
  #header .navCen #nav li { text-align: center; display: block; margin-bottom: 1px; }
  #header .navCen #nav li a { font-size: 16px; color: #fff; display: block; padding: 8px 0; }
  #header .navCen #nav li.active a, #header .navCen #nav li:hover a { color: #fff; -moz-box-shadow: inset 0 0 10px 0 #fff; -webkit-box-shadow: inset 0 0 10px 0 #fff; box-shadow: inset 0 0 10px 0 #fff; background: #B82E32; }
  #main .mainProCen .left .title { color: #000; margin-bottom: 10px; }
  #main .mainProCen .left .title:before { display: none; }
  #main .mainProCen .left p.text { color: #999; }
  #main .mainProCen .left .lm { color: #B82E32; margin-top: 15px; }
  #main .mainProCen .left .lm:before { background: #B82E32; }
  .mainAboutCen .left, .mainAboutCen .right { width: 100%; float: none; }
  .mainAboutCen .left .title { margin-top: 0; margin-bottom: 10px; }
  .mainAboutCen .left .lm { margin-top: 15px; }
  .mainAboutCen:after, .mainAboutCen .right:before { display: none; }
  .mainAboutCen .right .wrap { width: 100%; margin-top: 20px; padding-top: 10%; background: url("../img/mainbg.jpg") no-repeat center; background-size: cover; padding-bottom: 6%; }
  #footer .webContact { padding-bottom: 5%; } }
@media screen and (max-width: 880px) { #footer .technical { position: static; margin-left: 20px; } }
@media screen and (max-width: 640px) { .mainSerCen .mainSupport li.box { width: 48%; margin-bottom: 20px; }
  #footer .webShare { width: 100%; margin-right: 0; margin-bottom: 15px; }
  #footer .webContactWay { width: 100%; border: none; padding-left: 0; text-align: center; }
  #footer .copyright { font-size: 12px; line-height: 24px; letter-spacing: -0.2px; }
  #footer .technical { margin-top: 0; } }
@media screen and (max-width: 480px) { #footer .webTel span, #footer .webEmail span, #footer .webTel .tel, #footer .webEmail .mob { width: 100%; text-align: center; margin: 0; display: block; } }
.breadCrumbNav { padding: 8px 0; text-align: right; background: #ededed; border-top: 6px solid #B82E32; }
.breadCrumbNav a { color: #222; }
.breadCrumbNav a:hover { color: #B82E32; }
.content { margin-top: 2.44792%; margin-bottom: 3.64583%; }
.content .contentLeft { width: 74.16667%; float: right; }
@media screen and (max-width: 880px) { .content .contentLeft { width: 100%; float: none; } }
.content .contentRight { width: 22.5%; float: left; }
@media screen and (max-width: 880px) { .content .contentRight { width: 100%; float: none; margin-top: 30px; } }
.asideNav .asideTitle { font-size: 30px; color: #333; margin-bottom: 8.51852%; display: block; width: 100%; line-height: 1; padding-bottom: 13px; }
@media screen and (max-width: 1200px) { .asideNav .asideTitle { font-size: 26px; } }
@media screen and (max-width: 1000px) { .asideNav .asideTitle { font-size: 22px; } }
@media screen and (max-width: 880px) { .asideNav .asideTitle { margin-bottom: 20px; position: relative; } }
@media screen and (max-width: 880px) { .asideNav .asidelist { display: none; } }
.asideNav .asidelist > li { position: relative; margin-bottom: 1px; }
.asideNav .asidelist > li > a { display: block; color: #333;padding-top: 10px;padding-bottom: 10px;line-height: 1;}
.asideNav .asidelist > li > a:before { color: #555; font-size: 20px; margin-right: 10px; vertical-align: middle; }
.asideNav .asidelist > li:hover .subaside { display: block; }
@media screen and (max-width: 880px) { .asideNav .asidelist > li:hover .subaside { display: none; } }
.asideNav .asidelist > li.active > a, .asideNav .asidelist > li:hover > a { background: #B82E32; padding-left: 12px; color: #fff; }
.asideNav .asidelist > li.active > a:before, .asideNav .asidelist > li:hover > a:before { color: #fff; }
.asideNav .asidelist .subaside { position: absolute; left: 100%; margin-left: 1px; top: 0; width: 100%; background: #B82E32; display: none; z-index: 9; -webkit-box-shadow: 0 0 10px #fff; -moz-box-shadow: 0 0 10px #fff; box-shadow: 0 0 10px #fff; }
.asideNav .asidelist .subaside a { color: #fff; padding-left: 20px; display: block; padding-top: 9px; padding-bottom: 10px; }
.asideNav .asidelist .subaside a:before { color: #fff; }
.asideNav .asidelist .subaside li { border-bottom: 1px solid #fff; }
.asideNav .asidelist .subaside li:last-child { border-bottom: 0; }
.asideNav .asidelist .subaside li.active, .asideNav .asidelist .subaside li:hover { background: #B82E32; box-shadow: inset 0 0 10px 0 #fff; }
.contentLeft .contentTitle { width: 100%; color: #B82E32; border-bottom: 1px solid #777; font-size: 30px; line-height: 1; padding-bottom: 5px; }
@media screen and (max-width: 1200px) { .contentLeft .contentTitle { font-size: 26px; } }
@media screen and (max-width: 1000px) { .contentLeft .contentTitle { font-size: 22px; } }
.contentLeft .contentArt { margin-top: 3.03371%; }
.contentRight .asideContact { margin-top: 14.81481%; line-height: 24px; letter-spacing: -0.5px; }
@media screen and (max-width: 880px) { .contentRight .asideContact { display: none; } }
.contentRight .asideContact .title { line-height: 1.1; font-size: 20px; color: #222; padding-bottom: 5px; border-bottom: 1px solid #777; margin-bottom: 10px; }
.contentRight .asideContact .way .tl { margin-right: 2.96296%; }
@media screen and (max-width: 1200px) { .contentRight .asideContact .way .fax { width: 100%; display: block; } }
.contentRight .asideContact a:hover { color: #B82E32; }
.contentLeft .caseSearch .searchForm { width: 100%; height: 40px; margin-top: 3.37079%; background: #B82E32; position: relative; z-index: 3; }
.contentLeft .caseSearch .searchForm .search { width: 100%; height: 100%; border: 1px solid #B82E32; padding-left: 10px; z-index: 9; }
.contentLeft .caseSearch .searchForm label { position: absolute; top: 10px; left: 15px; color: #fff; z-index: -1; }
.contentLeft .caseSearch .searchForm .searchBtn { width: 40px; height: 40px; position: absolute; top: 0; right: 0; background: #B82E32; text-align: center; line-height: 40px; }
.contentLeft .caseSearch .searchForm .searchBtn:before { font-size: 24px; color: #fff; }
.contentLeft .case ul.caseList { margin-top: 11px; margin-bottom: 4.49438%; }
.contentLeft .case ul.caseList li { padding: 2.47191% 0; border-bottom: 1px solid #ccc; }
.contentLeft .case ul.caseList li .left { float: left; width: 29.21348%; }
.contentLeft .case ul.caseList li .left a { display: block; width: 100%; }
.contentLeft .case ul.caseList li .left a img { width: 100%; }
.contentLeft .case ul.caseList li .right { float: right; width: 67.41573%; }
.contentLeft .case ul.caseList li .right a { display: block; }
.contentLeft .case ul.caseList li .right a .title { color: #222; font-size: 20px; display: block; line-height: 1.1; margin-top: 15px; font-weight: bold; letter-spacing: -0.5px; }
@media screen and (max-width: 880px) { .contentLeft .case ul.caseList li .right a .title { font-size: 18px; } }
@media screen and (max-width: 640px) { .contentLeft .case ul.caseList li .right a .title { font-size: 16px; } }
.contentLeft .case ul.caseList li .right a .text { display: block; margin-top: 10px; color: #333; line-height: 24px; max-height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.contentLeft .case ul.caseList li .right a:hover { color: #B82E32; }
.contentLeft .productList { margin-top: 20px; }
.contentLeft .productList li.box, .contentLeft .productList li.line { width: 30.8%; padding:2% 0; }
.contentLeft .productList li.box img { width: 100%; }
.contentLeft .productList li.box .title { margin-top:10px; }
.contentLeft .productList li.box:hover .title { color: #B82E32; }
.content .contactTitle { font-size: 30px; color: #222; margin-bottom: 25px; display: inline-block; background: url("../img/titlebg.png") no-repeat left bottom; line-height: 1; padding-bottom: 13px; }
.content .mainContact { margin-bottom: 25px; }
.content .mainContact .contactForm .box { width: 47.5%; margin-top: 15px; }
@media screen and (max-width: 768px) { .content .mainContact .contactForm .box { width: 100%; } }
.content .mainContact .contactForm #Enquire { min-height: 150px; }
.content .mainContact .contactForm label { margin-bottom: 6px; display: inline-block; }
.content .mainContact .contactForm input, .content .mainContact .contactForm textarea { border: 1px solid #e3e3e3; padding: 13px; width: 100%; background: #E4E4E4; }
.content .mainContact .contactForm input.focusOn, .content .mainContact .contactForm textarea.focusOn { background: #fff; }
.content .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; }
.content .mainContact .contactForm .abSubmit .btn-primary:hover, .content .mainContact .contactForm .abSubmit .btn-primary.active { background: #B82E32; color: #fff; }
.content .mainContact .contactForm .abSubmit .btn-primary:first-child { margin-right: 12px; }
@media screen and (max-width: 768px) { .content .mainContact .contactForm .abSubmit { position: relative; width: 100%; margin-top: 20px; } }
@media screen and (max-width: 1080px) { .content .mainContact .contactForm { width: 100%; } }
.content .mainContact .title { font-weight: bold; padding-bottom: 10px; text-transform: uppercase; position: relative; }
@media screen and (max-width: 1080px) { .content .mainContact .title { margin-bottom: 0; } }
.content #contactCode { margin-bottom: 20px; margin-top: 15px; }
.content #contactCode #code { width: 84px; display: inline-block; padding: 5px; color: #8D8D8D; margin-right: 15px; }
.content #contactCode .codeImg { display: inline-block; vertical-align: middle; cursor: pointer; }
.content .mainContact .conType li { padding: 12px 0; padding-left: 60px; color: #fff; font-size: 16px; position: relative; }
@media screen and (max-width: 880px) { .content .mainContact .conType li { font-size: 15px; letter-spacing: -0.3px; padding-left: 50px; } }
@media screen and (max-width: 480px) { .content .mainContact .conType li { font-size: 14px; } }
.content .mainContact .conType li:before { content: ''; height: 100%; width: 60px; position: absolute; left: 0; top: 0; }
@media screen and (max-width: 880px) { .content .mainContact .conType li:before { width: 50px; } }
.content .mainContact .conType li a { color: #fff; display: block; }
.content .mainContact .conType li.ph { width: 29.5%; background: #a7a7a7; }
.content .mainContact .conType li.ph:before { background: url("../img/contype01.png") no-repeat center; }
.content .mainContact .conType li.fa { width: 29.5%; background: #a7a7a7; }
.content .mainContact .conType li.fa:before { background: url("../img/contype02.png") no-repeat center; }
.content .mainContact .conType li.em { width: 39.16667%; background: #a7a7a7; }
.content .mainContact .conType li.em:before { background: url("../img/contype03.png") no-repeat center; }
.content .mainContact .conType li:hover { background: #B82E32; }
@media screen and (max-width: 880px) { .content .mainContact .conType li.ph, .content .mainContact .conType li.fa, .content .mainContact .conType li.em { width: 49%; margin-bottom: 8px; } }
@media screen and (max-width: 680px) { .content .mainContact .conType li.ph, .content .mainContact .conType li.fa, .content .mainContact .conType li.em { width: 100%; } }
.content .mainContact .up { margin-bottom: 2.91667%; }
.content .mainContact .up .intro { max-width: 890px; color: #333; line-height: 24px; margin-bottom: 2.91667%; }
.content .mainContact .up .intro:empty { display: none; }
@media screen and (max-width: 750px) { .content .mainContact .up .intro { max-width: 100%; } }
@media screen and (max-width: 750px) { .content .mainContact .up { margin-left: 0; margin-right: 0; } }
.content .mainContact .contactForm { padding: 2.91667%; border: 1px solid #DADADA; padding-top: 10px; }
.content .mainContact .contactForm .box, .content .mainContact .contactForm .line { width: 30%; }
.content .mainContact .contactForm .box.text, .content .mainContact .contactForm .line.text { width: 100%; }
@media screen and (max-width: 1200px) { .content .mainContact .contactForm .box, .content .mainContact .contactForm .line { width: 32%; } }
@media screen and (max-width: 1000px) { .content .mainContact .contactForm .box, .content .mainContact .contactForm .line { width: 48%; } }
@media screen and (max-width: 768px) { .content .mainContact .contactForm .box, .content .mainContact .contactForm .line { width: 100%; }
  .content .mainContact .contactForm .box input, .content .mainContact .contactForm .line input { padding: 8px; } }
@media screen and (max-width: 1080px) { .content .mainContact .contactForm { padding: 2%; } }
@media screen and (max-width: 400px) { .content .mainContact .contactForm { padding: 10px; } }
.contentLeft { /*proDes*/ /*form*/ /*related*/ }
.contentLeft .proShow { width: 100%; margin-top: 30px; position: relative; margin-bottom: 6.74157%; }
.contentLeft .proVideo { width: 32.02247%; float: left; }
.contentLeft .proVideo img { width: 100%; display: inline-block; border-radius: 5px; }
.contentLeft .proVideo .item { display: none; position: relative; }
.contentLeft .proVideo .item:first-child { display: block; }
.contentLeft .proVideo.slick-slider .item { display: block; }
.contentLeft .proVideo .slick-dots { position: absolute; top: 0; left: 100%; margin-left: 28px; width: initial; padding-top: 38px; }
.contentLeft .proVideo .slick-dots:before { content: ''; height: 67px; width: 1px; background: #bdbdbd; position: absolute; top: 0; left: 50%; margin-top: -30px; margin-left: -1px; }
.contentLeft .proVideo .slick-dots li:after { content: ''; height: 7px; width: 1px; background: #bdbdbd; position: absolute; top: -7px; left: 50%; margin-left: -1px; }
.contentLeft .proVideo .slick-dots li { margin: 3.5px 0; }
.contentLeft .proVideo .slick-dots li button { background: #bdbdbd; }
.contentLeft .proVideo .slick-dots li.slick-active button { background: #B82E32; }
.contentLeft .proArt { width: 57.07865%; float: right; height: 100%; display: inline-block; }
.contentLeft .proArt .proShowArt { line-height: 20px; overflow: hidden; max-height: 60px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #222; }
.contentLeft .proArt .way { margin-top: 10.43307%; }
.contentLeft .proArt .way .left { display: inline-block; margin-right: 5.90551%; }
.contentLeft .proArt .way .left .playBtn { display: inline-block; background: #B82E32; width: 96px; height: 96px; border-radius: 5px; text-align: center; color: #fff; text-transform: uppercase; }
@media screen and (max-width: 880px) { .contentLeft .proArt .way .left .playBtn { width: 80px; height: 80px; } }
.contentLeft .proArt .way .left .playBtn:before { display: block; font-family: icomoon; content: '\e620'; color: #fff; font-size: 40px; margin-top: 10px; height: 56px; }
@media screen and (max-width: 880px) { .contentLeft .proArt .way .left .playBtn:before { margin-top: 5px; height: 50px; } }
.contentLeft .proArt .way .right { display: inline-block; vertical-align: top; }
.contentLeft .proArt .way .right .tel, .contentLeft .proArt .way .right .mail { display: block; height: 40px; width: 240px; background: #B82E32; line-height: 40px; padding-left: 20px; padding-right: 10px; color: #fff; }
@media screen and (max-width: 880px) { .contentLeft .proArt .way .right .tel, .contentLeft .proArt .way .right .mail { height: 35px; line-height: 35px; } }
.contentLeft .proArt .way .right .tel:hover, .contentLeft .proArt .way .right .mail:hover { background: #B82E32; }
.contentLeft .proArt .way .right .tel { margin-bottom: 10px; margin-top: 4px; }
@media screen and (max-width: 880px) { .contentLeft .proArt .way .right .tel { margin-bottom: 10px; margin-top: 0; } }
.contentLeft #proDes { margin-top: 3.5%; margin-bottom: 4.5%; }
.contentLeft #tags { text-transform: capitalize; }
.contentLeft #proDes #tags li { display: block; box-sizing: border-box; float: left; width: 25%; border-left: 1px solid #fff; margin-bottom: 1px; }
.contentLeft #proDes #tags li:first-child { border-left: 0px none; }
.contentLeft #proDes #tags li { white-space: nowrap; height: 68px; cursor: pointer; background: #aaa; font-size: 16px; text-align: center; padding-left: 5px; padding-right: 5px; color: #fff; }
.contentLeft #proDes #tags li span { white-space: normal; line-height: 1.2; width: 100%; }
.contentLeft #proDes #tags li:after { content: ''; width: 0; height: 100%; overflow: hidden; }
.contentLeft #proDes #tags li span, .contentLeft #proDes #tags li:after { display: inline-block; vertical-align: middle; }
.contentLeft #proDes #tags li.selected { background: #B82E32; }
.contentLeft .tagContent:first-child { display: block; }
.contentLeft #proDes .tagContent { background: #fff; border: 1px solid #e5e5e5; padding: 12px; }
.contentLeft .tagContent { word-wrap: break-word; word-break: break-word; overflow: auto; display: none; }
.contentLeft .tagContent.selected { display: block; }
.contentLeft .formtitle { display: table; width: 100%; background: #eaeaea; }
.contentLeft .formtitle strong { color: #fff; background: #B82E32; font-size: 16px; line-height: 40px; text-align: center; white-space: nowrap; padding: 0 8px; border-right: 1px solid #fff; width: 21.5%; min-width: 170px; font-weight: normal; }
.contentLeft .formtitle strong, .contentLeft .formtitle p { display: table-cell; vertical-align: middle; }
.contentLeft .formtitle p { line-height: 1.4; padding: 8px; }
.contentLeft #quotation { margin-top: 4.5%; }
@media screen and (max-width: 600px) { .contentLeft #quotation { margin-top: 20px; } }
.contentLeft #quotation ul { display: inline-block; border: 1px solid #d5d5d5; margin-top: 1px; padding: 1.2% 4.7%; }
@media screen and (max-width: 600px) { .contentLeft #quotation ul { margin-bottom: 20px; } }
.contentLeft #quotation li { margin-top: 18px; width: 100%; position: relative; font-size: 14px; box-sizing: border-box; }
.contentLeft #quotation li textarea { position: relative; }
.contentLeft #quotation li img { margin-right: 3px; }
.contentLeft #quotation li.codeWrap div, .contentLeft #quotation li img { display: inline-block; vertical-align: middle; }
.contentLeft #quotation li div { position: relative; }
.contentLeft #quotation li.half { width: 48%; height: 42px; display: inline-block; }
.contentLeft #quotation label { position: absolute; line-height: 20px; height: 20px; z-index: 1; width: 100%; }
.contentLeft #quotation label { left: 0; top: 5px; margin-top: 0; padding: 0 10px; color: #8d8d8d; }
.contentLeft #quotation li.message { margin-top: 13px; }
.contentLeft #quotation li.codeWrap { padding-top: 5px; }
.contentLeft #quotation li.codeWrap div { text-align: left; margin-right: 10px; }
.contentLeft #quotation li.codeWrap label { padding-top: 5px; }
.contentLeft #quotation li.cen { margin-top: 15px; }
.contentLeft #quotation input, .contentLeft #quotation textarea { position: relative; border: 1px solid #ddd; }
.contentLeft #quotation textarea { width: 100%; height: 100px; padding: 10px 0px; }
.contentLeft #quotation li.lab input { width: 100%; height: 42px; }
.contentLeft #quotation li.lab input, .contentLeft #quotation li.lab textarea { padding: 5px 7px; }
.contentLeft #quotation li.lab input:focus, .contentLeft #quotation li.lab textarea:focus { padding: 2px 7px 18px 7px; border-color: #B82E32; }
.contentLeft #quotation li.lab input:focus + label, .contentLeft #quotation li.lab textarea:focus + label { position: absolute; top: 100%; height: 16px; line-height: 16px; background: #B82E32; color: #fff; font-size: 12px; margin-top: -16px; padding: 0 8px; z-index: 3; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.contentLeft #quotation input[name="code"] { height: 30px; padding: 4px 7px; width: 85px; }
.contentLeft #quotation input.btn { width: 95px; line-height: 28px; height: 30px; border: 1px solid #d0d0d0; color: #8d8d8d; background: #fff; font-size: 14px; margin-bottom: 10px; cursor: pointer; }
.contentLeft #quotation input.btn:hover { background: #B82E32; border-color: #B82E32; color: #fff; cursor: pointer; }
.contentLeft #quotation input.btn:first-child { margin-right: 16px; border-color: #B82E32; background: #B82E32; color: #fff; }
input.btn.sendBtn.focusOn {}
@media screen and (max-width: 600px) { .contentLeft #quotation ul { padding: 1px 10px 5px 10px; }
  .contentLeft #quotation li.half { width: 100%; } }
.contentLeft #quotation.contForm { margin-bottom: 1.68539%; }
.contentLeft .related .relatedTitle { color: #fff; font-size: 16px; line-height: 40px; background: #B82E32; height: 40px; width: 195px; box-sizing: border-box; text-align: center; margin-bottom: 1px; display: inline-block; }
.contentLeft .pro { padding: 3.37079% 4.49438%; border: 1px solid #e0e0e0; }
.contentLeft .related .proPic { width: 22.8%; }
.contentLeft .related img { width: 100%; }
.contentLeft .related .proPic .proPicTitle { margin-top: 15px; line-height: 1.2; color: #333; text-align: left; }
.contentLeft .related .proPic:hover .proPicTitle { color: #B82E32; }
.contentLeft .pro .line { width: 22.8%; }
@media screen and (max-width: 600px) { .contentLeft .related .relatedTitle { width: 100%; }
  .contentLeft .related .proPic { width: 48%; margin-bottom: 20px; } }
.contentLeft .product { margin-top: 3.5%; }
.contentLeft .product .prolist li.box { width: 20.78652%; margin-bottom: 3%; }
.contentLeft .product .prolist li.line { width: 20.78652%; }
.contentLeft .product .prolist li img { width: 100%; }
.contentLeft .product .prolist li .title { font-size: 20px; margin-bottom: 10px; line-height: 1; }
@media screen and (max-width: 1200px) { .contentLeft .product .prolist li .title { font-size: 18px; } }
.contentLeft .product .prolist li .title a { color: #222; letter-spacing: -1px; }
.contentLeft .product .prolist li .text { margin-top: 10px; }
.contentLeft .product .prolist li .text a { color: #666; line-height: 20px; max-height: 80px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.contentLeft .product .prolist li a:hover { color: #B82E32; }
.contentLeft .newArt { margin-top: 3.37079%; }
@media screen and (max-width: 880px) { .contentLeft .newArt { margin-top: 20px; } }
.contentLeft .newArt .title { text-align: center; font-size: 20px; color: #333; line-height: 1; }
@media screen and (max-width: 880px) { .contentLeft .newArt .title { margin-bottom: 10px; } }
.contentLeft .newArt .time { color: #333; line-height: 20px; padding: 5px 0; }
.contentLeft .newArt p.text { color: #333; line-height: 24px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 15px 0; }
.contentLeft .newShareBox { padding-top: 5px; }
.contentLeft .page strong { font-weight: normal; color: #B82E32; }
.contentLeft .page a { color: #B82E32; }
.contentLeft .page a:hover { color: #000; }
.contentLeft .newList { margin-top: 3.37079%; }
.contentLeft .newList li { padding-bottom: 16px; border-bottom: 1px solid #ccc; margin-bottom: 3.93258%; letter-spacing: 0; }
.contentLeft .newList li .title { font-size: 18px; display: block; margin-bottom: 1.34529%; color: #000; line-height: 1.2; }
.contentLeft .newList li .title:hover { color: #B82E32; }
@media screen and (max-width: 600px) { .contentLeft .newList li .title { font-size: 16px; } }
.contentLeft .newList li .date { color: #777; margin-bottom: 1.12108%; }
.contentLeft .newList li p.text a { line-height: 24px; max-height: 48px; color: #333; overflow: hidden; display: block; }
.contentLeft .newList li p.text a:hover { color: #B82E32; }
@media screen and (max-width: 880px) { .asideNav .asideTitle { background: #B82E32; color: #fff; padding-top: 12px; padding-bottom: 12px; cursor: pointer; padding-left: 10px; }
  .asideTitle:before { font-family: icomoon; content: 'X'; position: absolute; top: 50%; right: 0; z-index: 9; color: #fff; font-size: 14px; height: 24px; line-height: 24px; padding-right: 10px; margin-top: -12px; }
  .asideTitle.listside:before { content: 'V'; }
  .contentRight .asideContact { margin-top: 25px; }
  .contentLeft .proArt .way { margin-top: 15px; }
  .contentLeft #proDes #tags li { width: 50%; height: 42px; }
  .contentLeft #proDes #tags li { width: 100%; } }
@media screen and (max-width: 640px) { .contentLeft .proVideo, .contentLeft .proArt { width: 100%; float: none; }
  .contentLeft .proVideo .slick-dots { top: inherit; left: inherit; width: 100%; margin-left: 0; }
  .contentLeft .proVideo .slick-dots:before { display: none; }
  .contentLeft .proVideo .slick-dots li:after { display: none; }
  .contentLeft .proVideo .slick-dots li { margin: 0 7px; }
  .contentLeft .proArt { margin-top: 15px; }
  .contentLeft .related .proPic { width: 48%; margin-bottom: 15px; }
  .contentLeft .formtitle strong, .contentLeft .formtitle p { display: block; width: 100%; }
  .contentLeft .formtitle p { font-size: 13px; }
  .contentLeft .case ul.caseList li .right a .title { margin-top: 0; }
  .contentLeft .case ul.caseList li .right a .text { margin-top: 5px; }
  .contentLeft .productList ul li.box { width: 100%; } }
@media screen and (max-width: 480px) { .contentLeft .proArt .way .right { display: block; width: 100%; margin-top: 15px; }
  .contentLeft .case ul.caseList li .left, .contentLeft .case ul.caseList li .right { width: 100%; float: none; }
  .contentLeft .case ul.caseList li .right { margin-top: 15px; }
  .contentLeft .case ul.caseList li { padding: 15px 0; }
  .contentLeft .productList ul li.box { padding: 8px 0; } }
.newsDisplay { width: 1120px; max-width: 100%; margin: 0 auto; padding-top: 3.33333%; }
.newsDisplay .box { padding: 1.78571%; border-radius: 3px; border: 1px solid #efefef; margin-top: 10px; margin-bottom: 1.78571%; }
.newsDisplay .box:hover p a{ color:#B82E32;}
.newsDisplay .box img { width: 100%; }
.newsDisplay .videoWrap .playbtn { background-image: url(../img/video-btn-black.png); }
.newsDisplay .title { padding-bottom: 5px; font-size: 16px; line-height: 1.25; margin-top: 16px; border-bottom: 1px solid #e5e5e5; }
.newsDisplay .title a { color: #333; }
@media screen and (max-width: 400px) { .newsDisplay .title { font-size: 12px; } }
.newsDisplay p { margin-top: 10px; font-size: 12px; line-height: 2; line-height: 24px; overflow: hidden; max-height: 72px; }
.newsDisplay p, .newsDisplay p a { color: #555; }
.newsDisplay .box, .newsDisplay .line { width: 31.25%; }
@media screen and (max-width: 1050px) { .newsDisplay .box, .newsDisplay .line { width: 30%; } }
@media screen and (max-width: 650px) { .newsDisplay .box, .newsDisplay .line { width: 48.5%; }
  .newsDisplay span { font-size: 12px; } }
/*脙茠脝鈥櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮矫兤捗嗏€櫭冣€毭偮⒚兤捗偮⒚兟⒚⑩€毬吢∶冣€毭偮兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏€櫭冣€毭偮⒚兤捗偮⒚兟⒚⑩€毬吢∶冣€毭偮兤捗⑩偓拧脙鈥毭偮γ兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮γ兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮犆兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮访兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮济兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮徝兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮济兤捗嗏€櫭冣€毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏€櫭冣€毭偮⒚兤捗偮⒚兟⒚⑩€毬吢∶冣€毭偮兤捗⑩偓拧脙鈥毭偮?/
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-his2 .ent-year{background:#007fde;} /*脙茠脝鈥櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮姑兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮疵兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮っ兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮幻兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮矫兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮兤捗嗏€櫭兟⒚⑩€毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏€櫭兟⒚⑩€毬偮γ兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮γ兤捗嗏€櫭冣€毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮久兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮兤捗嗏€櫭冣€毭偮⒚兤捗偮⒚兟⒚⑩€毬吢∶冣€毭偮兤捗⑩偓拧脙鈥毭偮懊兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮?/
.ent-his2{margin-left:130px;border-left:1px solid #ddd;padding-bottom:30px;padding-top:20px;}
.ent-his2>li{padding:25px 0;margin-left:25px;border-bottom:1px dotted #ccc;position:relative}
.ent-his2 .ent-year{text-align:center;height:26px;width:124px;line-height:26px;color:#fff;border-radius:13px;overflow:hidden;font-size:1.2em;position:absolute;right:100%;margin-right:13px;top:0}
.ent-his2 .ent-year:before{content:'';width:22px;height:22px;background:#fff;position:absolute;right:2px;top:2px;border-radius:50%;overflow:hidden;transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;-ms-transition:all .6s ease 0s}
.ent-his2>li:hover .ent-year:before{opacity:.3}
@media screen and (max-width:720px){.ent-his2{margin-left:0;border-left:0 none;padding-bottom:10px;padding-top:0;}
  .ent-his2 .ent-year{position:static;margin-right:0;margin-bottom:12px}
  .ent-his2 .ent-year:before{display:none}
  .ent-his2>li{padding:15px 0;margin:0}
  .ent-his2>li:first-child{padding-top:0}}
/*xiugai*/
.tagContent .ent-img-left img { clear:left; margin-bottom:15px; }
.contentArt2{ margin-top:20px;}
.contentArt2:empty{ display:none;}
#header {position:relative; }
.subNav { display:none; width:100%; position:absolute; top:100%; left:0;background: #EDEDED; background: rgba(231,231,231,1); z-index:99; margin-top: -23px;}
#nav .subNav:before { position:absolute; top:0; right:100%; width:100%; height:100%; background: #B82E32; background: rgba(231,231,231,1); content:''; }
#nav .subNav:after { position:absolute; top:0; left:100%; width:100%; height:100%; background: #B82E32; background: rgba(231,231,231,1); content:''; }
#nav li:hover .subNav { display:block; }
@media screen and (max-width:1200px) { #nav li:hover .subNav { display:none; } }
#header .navCen #nav li .subNav { padding-top:20px; padding-bottom:12px; }
#header .navCen #nav li .subNav .box { width: 25%; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:30px; }
#header .navCen #nav li .subNav dt { margin-bottom:20px; padding:10px; text-decoration:underline;  }
#header .navCen #nav li .subNav dt a{font-size:14px;color: #B82E32;text-transform:none;font-weight:bold;line-height:1.2;}
#header .navCen #nav li .subNav dt:hover a{ color:#8B272C; }
#header .navCen #nav li .subNav dd { margin-bottom:8px; padding:0 10px;   }
#header .navCen #nav li .subNav dd a{ font-size:14px; color: #B92D33;text-transform:none;  line-height:1.2;  }
#header .navCen #nav li .subNav dd:hover a{ color:#AF3230; }
#header .navCen #nav li.list { position:relative; }
.subList { display:none; position:absolute; top:100%; left: 0; z-index:99; background: #EDEDED;background: rgba(231,231,231,1); width: 240px; padding: 20px 0;  }
#header .navCen #nav li:hover .subList { display:block; }
@media screen and (max-width:1200px) { #header .navCen #nav li:hover .subList { display:none; } }
#header .navCen #nav li .subList li {  line-height:1; }
#header .navCen #nav li .subList li a {display:block;box-sizing:border-box;padding:5px 10px;width:100%;font-size:14px;text-transform:none;color: #B82E32;}
#header .navCen #nav li .subList li:hover a { color: #AF3230; }
.contentArt .rel strong { background:#B82E32; padding:10px; border-radius:5px;color:#fff; margin-bottom:10px; display:inline-block; }
.contentArt .rel div:hover a, .contentArt .rel div:hover  { color:#B82E32; }
.mainAppCen .app .lm span:before { content: ''; position: absolute; width: 100%; height: 1px; background: #fff; top: -1px; left: 100%; filter: alpha(opacity=0); opacity: 0; }
.mainAppCen .app .lm .wrap span:after { content: ''; position: absolute; width: 100%; height: 1px; background: #fff; bottom: -1px; right: 100%; filter: alpha(opacity=0); opacity: 0; }
.mainAppCen .app .lm .wrap span:hover { border-color: #fff; }
.mainAppCen .app .lm .wrap:hover { background: #B82E32;}
.mainAppCen .app .lm:hover .wrap span:before { left: 0; filter: alpha(opacity=100); opacity: 1; }
.mainAppCen .app .lm:hover .wrap span:after { right:0; filter: alpha(opacity=100); opacity: 1; }
.mainAppCen .app .lm:hover .lineL { bottom: 0; filter: alpha(opacity=100); opacity: 1; }
.mainAppCen .app .lm:hover .lineR { top: 0; filter: alpha(opacity=100); opacity: 1; }
.mainAppCen .app .lm:hover .row { left: 100%; filter: alpha(opacity=100); opacity: 1; }
.mainAppCen .app .lm i span .lineL { position: absolute; height: 100%; width: 1px; background: #fff; bottom: 100%; left: -1px; filter: alpha(opacity=0); opacity: 0; padding: 0;top: auto;}
.mainAppCen .app .lm i span .lineR { position: absolute; height: 100%; width: 1px; background: #fff; top: 100%; right: -1px; filter: alpha(opacity=0); opacity: 0; padding: 0;left: auto;}
.asideContact .fax { display: block; }
.product .item { margin-bottom: 3.33333%; }
.product .item:last-child{ margin-bottom:0;}
.product .item .justify:first-child { border-bottom: 1px solid #D8D8D8; margin-bottom: 2.33333%; padding-bottom: 0.58333%; }
.product .item .justify:first-child .box { vertical-align: bottom; }
.product .item .justify:first-child > .title { color: #B82E32; font-size: 20px;}
.product .item .justify:first-child .lm { color: #333; position: relative; }
.product .item .justify:first-child .lm:after { font-size: 16px; color: #FCAF17; position: absolute; bottom: -2.2px; left: 100%; margin-left: 10px; font-weight: bold; filter: alpha(opacity=0); opacity: 0; }
.product .item .justify:first-child .lm:hover { color: #FCAF17; }
.product .item .justify:first-child .lm:hover:after { margin-left: 5px; filter: alpha(opacity=100); opacity: 1; }
@media screen and (max-width: 1200px) { .product .item .justify:first-child .lm { margin-right: 10px; } }
@media screen and (max-width: 365px) { .product .item .justify:first-child .lm { display: block; text-align: right; line-height: 1; } }
@media screen and (max-width: 800px) { .product .item .justify:first-child { margin-bottom: 20px; padding-bottom: 5px; } }
.product .list .box, .product .list .line { width: 18.33333%; }
.product .list .box { margin-bottom: 2.08333%; }
.product .list .box img { border: 1px solid #EEEEEE; width: 100%; }
.product .list .box .title { color: #333; display: block; margin-top: 5.45455%; }
.product .list .box:hover .title { color: #B82E32; }
@media screen and (max-width: 1080px) { .product .list .box, .product .list .line { width: 23%; } }
@media screen and (max-width: 750px) { .product .list .box, .product .list .line { width: 32%; } }
@media screen and (max-width: 550px) { .product .list .box, .product .list .line { width: 48%; } }
#chatToolMail{ background:#B82E32;}
@media screen and (min-width: 1366px) {
  .mainAboutCen .right > img { max-width: 130%; }
}
@media screen and (min-width: 1440px) {
  .mainAboutCen .right > img { max-width: 145%; }
}
@media screen and (max-width: 960px) {
  .mainAboutCen .right { margin-top:30px; margin-bottom:30px; }
}

.enter_chart_content32 p {
	margin-bottom: 15px;
	color: #333;
}
.pagination a {
	border: 1px solid #ddd; padding: 4px; font-size: 13px;
}
.text {
	color: #333; line-height: 180%; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; padding: 10px 0;
}
.text p {
	margin-bottom: 10px;
}