a, 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: #3074b3; border: 1px solid #3074b3; }
.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: #3074b3; }
#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: #3074b3;}
#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: #3074b3;}
#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 #3074b3; 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: #3074b3; 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: #3074b3; 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: #3074b3; 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: #3074b3; 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: #3074b3; 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: #3074b3; }
#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: #3074b3; }
#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: #3074b3; 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: #3074b3; }
.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: #3074b3; }
@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: #3074b3; 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: #3074b3; 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: #3074b3; }
/* .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: #3074b3; margin-left: 20px; display: inline-block; }
.mainSerCen p.text a:hover { color: #3074b3; }
.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: #3074b3; }
.mainSerCen .mainSupport li a.subLm:hover:before { width: 0; background: #3074b3; }
#footer {background: #3074b3;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: #3074b3; }
#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 #21527E;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: #3074b3; }
#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: #3074b3; }
@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: #3074b3; -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: #3074b3; }
  #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: #3074b3; margin-top: 15px; }
  #main .mainProCen .left .lm:before { background: #3074b3; }
  .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 #3074b3; }
.breadCrumbNav a { color: #222; }
.breadCrumbNav a:hover { color: #3074b3; }
.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: #3074b3; 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: #3074b3; 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: #3074b3; box-shadow: inset 0 0 10px 0 #fff; }
.contentLeft .contentTitle { width: 100%; color: #3074b3; 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: #3074b3; }
.contentLeft .caseSearch .searchForm { width: 100%; height: 40px; margin-top: 3.37079%; background: #3074b3; position: relative; z-index: 3; }
.contentLeft .caseSearch .searchForm .search { width: 100%; height: 100%; border: 1px solid #3074b3; 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: #3074b3; 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: #3074b3; }
.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: #3074b3; }
.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: #3074b3; 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: #3074b3; }
@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: #3074b3; }
.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: #3074b3; 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: #3074b3; 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: #3074b3; }
.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: #3074b3; }
.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: #3074b3; 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: #3074b3; }
.contentLeft #quotation li.lab input:focus + label, .contentLeft #quotation li.lab textarea:focus + label { position: absolute; top: 100%; height: 16px; line-height: 16px; background: #3074b3; 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: #3074b3; border-color: #3074b3; color: #fff; cursor: pointer; }
.contentLeft #quotation input.btn:first-child { margin-right: 16px; border-color: #3074b3; background: #3074b3; 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: #3074b3; 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: #3074b3; }
.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: #3074b3; }
.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: #3074b3; }
.contentLeft .page a { color: #3074b3; }
.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: #3074b3; }
@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: #3074b3; }
@media screen and (max-width: 880px) { .asideNav .asideTitle { background: #3074b3; 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:#3074b3;}
.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: #3074b3; background: rgba(231,231,231,1); content:''; }
#nav .subNav:after { position:absolute; top:0; left:100%; width:100%; height:100%; background: #3074b3; 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: #3074b3;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: #3074b3;}
#header .navCen #nav li .subList li:hover a { color: #AF3230; }
.contentArt .rel strong { background:#3074b3; padding:10px; border-radius:5px;color:#fff; margin-bottom:10px; display:inline-block; }
.contentArt .rel div:hover a, .contentArt .rel div:hover  { color:#3074b3; }
.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: #3074b3;}
.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: #3074b3; 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: #3074b3; }
@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:#3074b3;}
@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;
}