a, a:before, a:after, .proPic, .lm, span, .title, img, li, .tab, i { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }

.inner, img, input, textarea, select, button, table, label, li, .center, .center02, .searchForm, .formStyle li, .lm, .right, .left, .date, #banner .item span, .topShare .sharefb:before, .topShare .shareyt:before, .lang, .index_pro .box .title, #footer .footShare .sharefb, #footer .footShare .shareyt, #goTop, .asideNav .asideTitle, .asideNav .asidelist > li > a, .productListWrap .productListTitle, .proArt, .contactWrap .contactLeft, .contactWrap .contactRight { -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 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.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, #goTop, .productListWrap .productListTitle .lm { font-family: Arial, 'Microsoft YaHei', SimSun, Sans-serif; }

#footer { font-family: vani, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

#nav li a, .topSearch .searchForm label, .topSearch .searchForm .searchBtn, .index_title, #footer .footContact .contactTitle, .breadCrumbNav .title, .asideNav .asideTitle, .caseTitle, .productListWrap .productListTitle, .proArt .proTitle, #proDes #tags li, .formtitle strong, .contactLeft .contactTitle { font-family: universltstd-boldcn, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

#logo, #footer .copyRight .footLogo { font-family: twcenmt, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, table, figure { padding: 0; margin: 0; }

input:focus, textarea:focus, button:focus, area:focus { outline: none; }

fieldset, img, abbr, acronym, a img { border: 0px none; }

ol, ul, li, figure { list-style: none; }

address, caption, cite, code, dfn, th, var { font-weight: normal; font-style: normal; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

q:before, q:after { content: ''; }

table { border-collapse: collapse; border-spacing: 0; }
table td, table th { text-align: center; padding: 5px; border: 1px solid #ccc; word-wrap: break-word; word-break: break-word; }
table th { background: #ddd; font-weight: bold; }

img { max-width: 100%; height: auto; width: auto\9; }

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

button { overflow: visible; }

textarea, pre { overflow: auto; }

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

a[href], label[for], select { cursor: pointer; }

a, input, div, textarea, span { -webkit-tap-highlight-color: transparent; }

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

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

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

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

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

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

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

[hidden], template { display: none; }

@font-face { font-family: 'icomoon'; src: url("../font/icomoon.ttf"); src: url("../font/icomoon.eot"), url("../font/icomoon.eot?#iefix") format("embedded-opentype"), url("../font/icomoon.woff") format("woff"), url("../font/icomoon.woff2") format("woff2"), url("../font/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'twcenmt'; src: url("../font/twcenmt.ttf"); src: url("../font/twcenmt.eot"), url("../font/twcenmt.eot?#iefix") format("embedded-opentype"), url("../font/twcenmt.woff") format("woff"), url("../font/twcenmt.woff2") format("woff2"), url("../font/twcenmt.svg#twcenmt") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'vani'; src: url("../font/vani.ttf"); src: url("../font/vani.eot"), url("../font/vani.eot?#iefix") format("embedded-opentype"), url("../font/vani.woff") format("woff"), url("../font/vani.woff2") format("woff2"), url("../font/vani.svg#vani") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'universltstd-boldcn'; src: url("../font/universltstd-boldcn.ttf"); src: url("../font/universltstd-boldcn.eot"), url("../font/universltstd-boldcn.eot?#iefix") format("embedded-opentype"), url("../font/universltstd-boldcn.woff") format("woff"), url("../font/universltstd-boldcn.woff2") format("woff2"), url("../font/universltstd-boldcn.svg#universltstd-boldcn") format("svg"); font-weight: normal; font-style: normal; }
html { font-size: 16px; }

body { color: #333; line-height: 1.5; font-size: 14px; -webkit-font-smoothing: antialiased; font-smooth: always; -moz-osx-font-smoothing: grayscale; }

a { text-decoration: none; color: #333; }

#footerToolBar { background: #3074b3; }

*: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; } }

.center02 { width: 100%; max-width: 1366px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1366px) { .center02 { width: 100%; padding-left: 10px;padding-right: 10px;box-sizing: border-box;} }

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

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

/*
#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; }

span.help-block-error { display: inline-block; padding-left: 5px; color: #a94442; }

.formTextWaper.has-error input.help-block-error, .formTextWaper.has-error textarea.help-block-error { border-color: #ebccd1; }

#colorChoose { position: absolute; left: 100%; top: 0; margin-top: 4.02635%; margin-left: 8.41874%; width: 115px; }
@media screen and (max-width: 1800px) { #colorChoose { position: static; margin-top: 10px; margin-left: auto; } }
@media screen and (max-width: 880px) { #colorChoose { margin-right: auto; } }
#colorChoose li { display: inline-block; width: 12px; height: 12px; border: 1px solid #eee; cursor: pointer; margin-right: 1px; }
#colorChoose li:nth-child(1) { background: #3074b3; }
#colorChoose li:nth-child(2) { background: #a8a8a8; }
#colorChoose li:nth-child(3) { background: #db4c4c; }
#colorChoose li:nth-child(4) { background: #36a38d; }
#colorChoose li:nth-child(5) { background: #87479c; }
#colorChoose li:nth-child(6) { background: #78b652; }
#colorChoose li:nth-child(7) { background: #111111; }

#header { margin-top: 2.08333%; }

#header .center02 { position: relative; padding-bottom: 20px; }
@media screen and (max-width: 880px) { #header .center02 { padding: 0; } }

#logo { font-size: 80px; line-height: 1; }
#logo a { color: #3074b3; }
@media screen and (max-width: 880px) { #logo { width: 100%; text-align: center; } }

.topShare { display: inline-block; }
.topShare .sharefb, .topShare .shareyt { display: inline-block; margin-right: 28px; text-transform: uppercase; }
@media screen and (max-width: 380px) { .topShare .shareyt { margin-right: 0; } }
.topShare .sharefb:before, .topShare .shareyt:before { width: 24px; height: 24px; font-family: icomoon; color: #fff; background: #3a5897; display: inline-block; line-height: 24px; text-align: center; font-size: 18px; vertical-align: middle; margin-right: 10px; border-radius: 2px; }
.topShare .sharefb:before { content: '\e62c'; }
.topShare .shareyt:before { content: '\e631'; background: #c8302a; }

.lang { display: inline-block; padding-left: 22px; position: relative; background: url("../img/lang.png") no-repeat 0 50%; height: 20px; line-height: 20px; font-size: 12px; }
@media screen and (max-width: 415px) { .lang { margin-top: 10px; } }
.lang ul { position: absolute; top: 100%; left: 0; width: 100%; background: #3074b3; padding: 5px 0; text-align: center; display: none; z-index: 99; }
.lang ul li a { display: block; padding: 3px 0; color: #fff; margin-bottom: 3px; }
.lang:hover ul { display: block; }

#header .center.justify .box { vertical-align: middle; text-align: right; }
@media screen and (max-width: 880px) { #header .center.justify .box { width: 100%; text-align: center; } }

.navCen { background: rgba(0, 0, 0, 0.6); padding-top: 10px; padding-bottom: 10px; position: absolute; left: 0; top: 100%; margin-top: 3.66032%; width: 100%; z-index: 10; }
@media screen and (max-width: 880px) { .navCen { margin-top: 5px; text-align: center; position: static; } }

#nav { width: 650px; float: left; margin-top: 16px; }
@media screen and (max-width: 1000px) { #nav { width: 520px; } }
@media screen and (max-width: 880px) { #nav { float: none; } }
#nav li a { font-weight: bold; color: #fff; font-size: 18px; text-transform: uppercase; line-height: 1.3; }
@media screen and (max-width: 1200px) { #nav li a { font-size: 15px; } }
#nav>ul>li:hover>a,#nav>ul>li.active>a{color:#368EE0;}
#nav>ul>li>a{display: block;}
#nav>ul>li{position: relative;}
#nav>ul>li>ul{display:none;width:240px;position:absolute;top:100%;left:-20px;background: rgba(0, 0, 0, 0.4);padding: 0 20px;box-sizing: border-box;}
#nav>ul>li>ul>li>a{display: block;padding: 7px 0;font-size: 16px;}
#nav>ul>li>ul>li:hover>a,#nav>ul>li>ul>li.active>a{color:#368EE0;}
.topSearch { width: 400px; display: inline-block; background: #fff; z-index: 2; border: 0; float: right; }
@media screen and (max-width: 1200px) { .topSearch { width: 260px; } }
@media screen and (max-width: 880px) { .topSearch { float: none; } }

.topSearch .searchForm { position: relative; }

.topSearch .searchForm label { position: absolute; top: 5px; left: 10px; color: #ccc; margin-top: 9px; z-index: 0; font-size: 14px; }

.topSearch .searchForm input { border: 0px none; height: 48px; width: 100%; z-index: 4; position: relative; box-sizing: border-box; padding-left: 10px; }

.topSearch .searchForm input.focusOn + label { z-index: -1; }

.topSearch .searchForm .searchBtn { width: 36px; height: 36px; position: absolute; top: 5px; right: 10px; border: 0px none; line-height: 36px; text-align: center; z-index: 9; background: #e3e3e3; color: #222; border-radius: 50%; }

.bannerWrap { background: #dedede; }

#banner .item { display: none; position: relative; }

#banner .item:first-child { display: block; }

#banner.slick-slider .item { display: block; }

@media screen and (max-width: 500px) { #banner { width: 150%; margin-left: -25%; } }

#footer { color: #fff; background: #dedede; position: relative; }
#footer a { color: #fff; }
#footer .webAbout { padding-top: 80px; padding-bottom: 3.33333%; background: #3074b3; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 880px) { #footer .webAbout { padding-top: 40px; } }
@media screen and (max-width: 600px) { #footer .webAbout { padding-bottom: 25px; } }
#footer .footContact .contactTitle { line-height: 1; font-size: 40px; margin-bottom: 30px; }
@media screen and (max-width: 880px) { #footer .footContact .contactTitle { font-size: 28px; } }
#footer .footContact .contactWay li { margin-bottom: 12px; }
#footer .footContact .contactWay li a { margin-right: 12px; }
#footer .footContact .contactWay li .tel { margin-right: 18px; }
#footer .footShare { height: 58px; border-radius: 4px; text-align: center; line-height: 58px; }
#footer .footShare .sharefb, #footer .footShare .shareyt { width: 58px; height: 58px; background: #fff; border-radius: 5px; display: inline-block; font-size: 46px; vertical-align: top; }
#footer .footShare .sharefb { font-size: 52px; margin-right: 8px; padding-top: 6px; padding-left: 10px; }
#footer .footShare .sharefb:before, #footer .footShare .shareyt:before { font-family: icomoon; color: #3074b3; }
#footer .footShare .sharefb:before { content: '\e62c'; }
#footer .footShare .shareyt:before { content: '\e631'; }
#footer .copyRight { background: #3074b3; padding-top: 12px; padding-bottom: 12px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
@media screen and (max-width: 880px) { #footer .copyRight { padding-top: 20px; padding-bottom: 20px; } }
#footer .copyRight .footLogo { font-size: 80px; line-height: 1; }
#footer .copyRight .footLogo a { color: #fff; }
@media screen and (max-width: 600px) { #footer .copyRight .footLogo { display: none; } }
#footer .copyRight a { color: #fff; }
#footer .copyRight .box { vertical-align: middle; }

#goTop { width: 80px; height: 80px; border-radius: 100%; text-align: center; color: #000; position: absolute; left: 50%; margin-left: -40px; top: 0; text-transform: uppercase; padding-top: 40px; background: #fff url("../img/top.png") no-repeat 50% 24px; cursor: pointer; font-weight: bold; }
@media screen and (max-width: 880px) { #goTop { display: none; } }

#menuBtn { position: fixed; width: 35px; height: 35px; top: 45px; right: 5px; background: #3074b3; z-index: 100; cursor: pointer; text-align: center; line-height: 35px; display: none; border: 1px solid #fff; }
@media screen and (max-width: 880px) { #menuBtn { top: 15px; } }

#menuBtn:before { font-family: icomoon; color: #fff; content: '\e637'; font-size: 24px; }

#menuBtn.active:before { content: '\e60b'; font-size: 28px; }

#footerToolBar { background: #3074b3; }

@media screen and (max-width: 880px) { #menuBtn, #footerToolBar { display: block; }
  #footer { margin-bottom: 49px; }
  #header #nav { width: 250px; position: fixed; top: 46px; 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; margin-top: 0; } }
@media screen and (max-width: 880px) and (max-width: 880px) { #header #nav { top: 15px; } }
@media screen and (max-width: 880px) { #header #nav li { text-align: center; display: block; margin-bottom: 1px; }
  #header #nav li a { display: block; padding: 12px 0; color: #fff; }
  #header #nav li.active a, #header #nav li:hover a { background: #2d6496; color: #fff; } }
.breadCrumbNav { text-align: center; color: #fff; background: #dedede; }
.breadCrumbNav .center02 { padding-top: 170px; padding-bottom: 30px;position: relative; }
.breadCrumbNav .center02 .bg{width:100%;height:100%;position: absolute;top:0;left:0;}
.breadCrumbNav .center02 .center{position: relative;}
@media screen and (max-width: 880px) { .breadCrumbNav .center02 { padding-top: 50px; } }
@media screen and (max-width: 600px) { .breadCrumbNav .center02 { padding-top: 30px; padding-bottom: 15px; } }
.breadCrumbNav a { color: #fff; }
.breadCrumbNav .title { font-size: 40px; line-height: 1; margin-bottom: 10px; }
@media screen and (max-width: 880px) { .breadCrumbNav .title { font-size: 28px; } }

.content { padding-top: 3.125%; padding-bottom: 2.60417%; }
@media screen and (max-width: 880px) { .content { padding-top: 30px; padding-bottom: 30px; } }
.content .contentLeft { width: 74.16667%; float: right; }
@media screen and (max-width: 880px) { .content .contentLeft { width: 100%; float: none; } }
.content .contentRight { width: 21.66667%; float: left; }
@media screen and (max-width: 880px) { .content .contentRight { width: 100%; float: none; margin-top: 30px; } }

.asideNav { position: relative; padding-bottom: 20px; }
@media screen and (max-width: 880px) { .asideNav { padding-bottom: 0; } }
.asideNav .asideTitle { font-size: 30px; margin-bottom: 15px; display: block; width: 100%; line-height: 1; padding-bottom: 8px; position: relative; border-bottom: 1px solid #222; color: #000; text-transform: uppercase; }
@media screen and (max-width: 880px) { .asideNav .asideTitle { margin-bottom: 10px; position: relative; font-size: 22px; } }
@media screen and (max-width: 880px) { .asideNav .asidelist { display: none; } }
.asideNav .asidelist > li { position: relative; margin-bottom: 1px; padding: 8px 0; padding-left: 15px; font-size: 12px; }
.asideNav .asidelist > li:before { font-family: icomoon; content: '>'; color: #555; font-size: 12px; margin-right: 5px; vertical-align: middle; font-weight: bold; height: 24px; display: inline-block; position: absolute; top: 7px; left: 0; }
.asideNav .asidelist > li > a { display: inline-block; line-height: 1.4; color: #555; position: relative; font-weight: bold; }
.asideNav .asidelist > li.active:before, .asideNav .asidelist > li:hover:before { color: #3074b3; }
.asideNav .asidelist > li.active > a, .asideNav .asidelist > li:hover > a { color: #3074b3; }
.asideNav .asidelist > li.active > a:before, .asideNav .asidelist > li:hover > a:before { width: 100%; }

@media screen and (max-width: 880px) { .asideNav .asideTitle { background: #3074b3; color: #fff; padding-top: 12px; padding-bottom: 12px; cursor: pointer; padding-left: 10px; }
  .asideTitle:after { font-family: icomoon; content: 'Close \e656'; 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:after { content: 'Open \e636'; }
  .contentLeft #proDes #tags li { width: 100%; height: 42px; } }
.caseList .box, .caseList .line { width: 30.89888%; }
.caseList .box { margin-bottom: 3.93258%; }
@media screen and (max-width: 600px) { .caseList .box { width: 48%; } }
.caseList .box .pic { margin-bottom: 12px; overflow: hidden; }
.caseList .box .pic img { width: 100%; }
.caseList .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); }
.caseList .box:hover .title a { color: #3074b3; }

.caseTitle { font-size: 24px; padding-bottom: 8px; padding-top: 6px; line-height: 1; margin-bottom: 22px; border-bottom: 1px solid #ccc; }

.newList .box, .newList .line { width: 30.89888%; }
.newList .box { margin-bottom: 3.93258%; }
@media screen and (max-width: 600px) { .newList .box { width: 48%; } }
.newList .box .pic { margin-bottom: 12px; overflow: hidden; position: relative; z-index: 1; }
.newList .box .pic:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 29px; background: url("../img/newlistbg.png") no-repeat; z-index: 2; }
.newList .box .pic .time { position: absolute; bottom: 2px; right: 0; color: #fff; z-index: 8; margin-right: 7%; }
.newList .box .pic img { width: 100%; }
.newList .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); }
.newList .box:hover .title a { color: #3074b3; }

@media screen and (max-width: 880px) { .contentLeft .newArt { margin-top: 20px; } }
.contentLeft .newArt .title { font-size: 22px; color: #222; border-bottom: 1px solid #ccc; padding-bottom: 6px; padding-top: 6px; }
@media screen and (max-width: 880px) { .contentLeft .newArt .title { margin-bottom: 10px; font-size: 18px; } }
.contentLeft .newArt .time { color: #3074b3; line-height: 20px; padding: 5px 0; }
.contentLeft .newArt .text { color: #333; line-height: 24px; border-bottom: 1px solid #ccc; padding: 15px 0; }
.contentLeft .newShareBox { padding-top: 5px; }

.productListWrap { margin-bottom: 3.37079%; }
.productListWrap .productListTitle { position: relative; padding-right: 50px; color: #3074b3; border-bottom: 1px solid #ccc; padding-bottom: 8px; padding-top: 6px; font-size: 24px; line-height: 1; margin-bottom: 20px; }
@media screen and (max-width: 880px) { .productListWrap .productListTitle { font-size: 20px; } }
.productListWrap .productListTitle .lm { color: #3074b3; position: absolute; right: 0; bottom: 5px; font-size: 14px; }
.productListWrap .productList .box, .productListWrap .productList .line { width: 30.89888%; }
@media screen and (max-width: 600px) { .productListWrap .productList .box, .productListWrap .productList .line { width: 48%; } }
@media screen and (max-width: 600px) { .productListWrap .productList .box:nth-child(3) { display: none; } }
.productListWrap .productList .box .pic { margin-bottom: 12px; overflow: hidden; border: 1px solid #ccc; }
.productListWrap .productList .box .pic img { width: 100%; }
.productListWrap .productList .box:hover .title a { color: #3074b3; }
.productListWrap .productList .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); }

.productList02 .box, .productList02 .line { width: 30.89888%; }
.productList02 .box { margin-bottom: 3.93258%; }
@media screen and (max-width: 600px) { .productList02 .box { width: 48%; } }
.productList02 .box .pic { margin-bottom: 12px; overflow: hidden; border: 1px solid #ccc; }
.productList02 .box .pic img { width: 100%; }
.productList02 .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); }
.productList02 .box:hover .title a { color: #3074b3; }

.proShow { width: 100%; position: relative; margin-bottom: 65px; }
@media screen and (max-width: 880px) { .proShow { margin-bottom: 35px; } }
@media screen and (max-width: 680px) { .proShow { margin-bottom: 20px; } }

.proVideo { width: 58.42697%; float: left; border: 1px solid #ccc; }
@media screen and (max-width: 680px) { .proVideo { width: 100%; float: none; } }

.proVideo img { width: 100%; display: inline-block; }

.proVideo .item { display: none; }

.proVideo .item:first-child { display: block; }

.proVideo.slick-slider .item { display: block; }

.proVideo .slick-dots { text-align: left; margin-bottom: -30px; }
@media screen and (max-width: 680px) { .proVideo .slick-dots { margin-bottom: 0; text-align: center; } }

.proVideo .slick-dots li button { background: #ccc; }

.proVideo .slick-dots li.slick-active button { background: #000; }

.proArt { width: 37.07865%; float: right; height: 100%; display: inline-block; }
@media screen and (max-width: 680px) { .proArt { width: 100%; float: none; } }
.proArt .proTitle { color: #000; font-size: 26px; line-height: 1; margin-top: 25px; margin-bottom: 20px; }
.proArt .tel, .proArt .mail { margin-top: 6px; color: #3074b3; }
.proArt .playBtn { width: 84px; height: 84px; color: #000; background: url("../img/playbtn02.png") no-repeat; background-size: cover; display: block; margin-top: 10%; margin-bottom: 16%; }
@media screen and (max-width: 680px) { .proArt .playBtn { margin-top: 20px; margin-bottom: 20px; } }

/*proDes*/
#proDes { margin-top: 3.94089%; margin-bottom: 4.5%; }
@media screen and (max-width: 600px) { #proDes { margin-top: 25px; } }

#tags { text-transform: capitalize; }

#proDes #tags li { display: block; box-sizing: border-box; float: left; width: 20%; border-left: 1px solid #fff; margin-bottom: 1px; text-transform: uppercase; }

#proDes #tags li:first-child { border-left: 0px none; }

#proDes #tags li { white-space: nowrap; height: 50px; cursor: pointer; background: #e5e5e5; font-size: 16px; text-align: center; padding-left: 5px; padding-right: 5px; color: #555; }
@media screen and (max-width: 1000px) { #proDes #tags li { width: 100%; height: 40px; } }

#proDes #tags li span { white-space: normal; line-height: 1.2; width: 100%; }

#proDes #tags li:after { content: ''; width: 0; height: 100%; overflow: hidden; }

#proDes #tags li span, #proDes #tags li:after { display: inline-block; vertical-align: middle; }

#proDes #tags li.selected { background: #3074b3; color: #fff; }

.tagContent:first-child { display: block; }

#proDes .tagContent { background: #fff; border: 1px solid #e5e5e5; padding: 12px; }

.tagContent { word-wrap: break-word; word-break: break-word; overflow: auto; display: none; }

.tagContent.selected { display: block; }

/*form*/
.formtitle strong { font-size: 24px; display: block; line-height: 1.1; }

.formtitle p { color: #333; font-size: 12px; line-height: 20px; }

#quotation { margin-top: 4.5%; }
@media screen and (max-width: 600px) { #quotation { margin-top: 30px; } }

#quotation.contForm { margin-bottom: 1.68539%; }

.contactWrap .contactLeft { width: 47.5%; float: left; padding-top: 10%; padding-left: 8.33333%; }
@media screen and (max-width: 880px) { .contactWrap .contactLeft { width: 100%; float: none; margin-bottom: 30px; } }
.contactWrap .contactRight { width: 47.5%; float: right; padding-top: 6.66667%; padding-right: 5.83333%; padding-left: 5.83333%; padding-bottom: 21.25%; background: #f2f2f2; }
@media screen and (max-width: 880px) { .contactWrap .contactRight { width: 100%; float: none; } }

.contactLeft .contactTitle { color: #3074b3; font-size: 24px; margin-bottom: 10px; }
.contactLeft .conList { color: #333; }
.contactLeft .conList a { color: #333; }
.contactLeft .conList a:hover { color: #3074b3; }
.contactLeft .conList li { padding-left: 30px; margin-bottom: 15px; }
.contactLeft .conList .tel { background: url("../img/sprite.png") no-repeat; background-position: 0 3px; }
.contactLeft .conList .fax { background: url("../img/sprite.png") no-repeat; background-position: 0 -18px; }
.contactLeft .conList .email { background: url("../img/sprite.png") no-repeat; background-position: 0 -36px; }
.contactLeft .conList .add { background: url("../img/sprite.png") no-repeat; background-position: 0 -59px; }

.contactRight #quotation { margin-top: 0; }



.index_title { font-size: 30px; color: #000; line-height: 1; margin-bottom: 15px; text-transform: uppercase; }
@media screen and (max-width: 1200px) { .index_title { font-size: 24px; } }

.index_pro { margin-top: 3.125%; }
@media screen and (max-width: 1200px) { .index_pro { padding-left: 10px; padding-right: 10px; margin-top: 40px; } }
.index_pro .box, .index_pro .line { width: 23.06003%; }
@media screen and (max-width: 800px) { .index_pro .box, .index_pro .line { width: 48%; } }
@media screen and (max-width: 800px) { .index_pro .box { margin-bottom: 25px; } }
.index_pro .box .pic { overflow: hidden; position: relative; display: block; z-index: 1; }
.index_pro .box .pic img { width: 100%; }
.index_pro .box .pic:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/playbtn03.png") no-repeat 50% 50%; z-index: 2; }
@media screen and (max-width: 480px) { .index_pro .box .pic:before { background-size: 50px; } }
.index_pro .box .title { display: block; padding: 15px 20px 20px; background: #f0f0f0; font-size: 16px; color: #000; font-weight: bold; }
@media screen and (max-width: 1200px) { .index_pro .box .title { font-size: 14px; } }
.index_pro .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); }
.index_pro .box:hover .title { background: #3074b3; color: #fff; }

.index_other { margin-top: 3.125%; margin-bottom: 3.125%; }
@media screen and (max-width: 1200px) { .index_other { padding-left: 10px; padding-right: 10px; margin-bottom: 40px; } }
.index_other .index_about { float: left; width: 45.75403%; }
@media screen and (max-width: 1000px) { .index_other .index_about { width: 48.68228%; } }
@media screen and (max-width: 800px) { .index_other .index_about { width: 100%; float: none; } }
.index_other .index_solution { float: right; width: 48.68228%; }
@media screen and (max-width: 800px) { .index_other .index_solution { width: 100%; float: none; margin-top: 40px; } }

.index_about .video { overflow: hidden; position: relative; display: block; z-index: 1; float: left; width: 56.0%; border-radius: 5px; }
@media screen and (max-width: 1000px) { .index_about .video { float: none; width: 100%; } }
.index_about .video img { width: 100%; }
.index_about .video:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/playbtn.png") no-repeat 50% 50%; z-index: 2; }
.index_about .video: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); }
.index_about .text { float: right; width: 38.72%; line-height: 24px; font-size: 12px; margin-top: 20px; color:#333;}
@media screen and (max-width: 1000px) { .index_about .text { display: none; float: none; } }

.index_solution .box, .index_solution .line { width: 30.82707%; }
@media screen and (max-width: 480px) { .index_solution .box, .index_solution .line { width: 48%; } }
@media screen and (max-width: 480px) { .index_solution .box:nth-child(3) { display: none; } }
.index_solution .box .pic { overflow: hidden; position: relative; display: block; }
.index_solution .box .pic img { width: 100%; }
.index_solution .box .title { display: block; font-size: 16px; color: #000; font-weight: bold; margin-top: 20px; }
@media screen and (max-width: 1200px) { .index_solution .box .title { font-size: 14px; } }
.index_solution .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); }
.index_solution .box:hover .title { color: #3074b3; }


.serviceAndCase {margin-bottom: 3.64583%; }
.serviceAndCase .lm { margin-top: 8.69565%; }
@media screen and (max-width: 800px) { .serviceAndCase .lm { margin-top: 10px; }
  .serviceAndCase{margin-bottom: 35px;}}
.serviceAndCase .index_text { border-top: 1px solid #ccc; padding-top: 16px; margin-bottom: 12px; }
.serviceAndCase .service_list a { display: inline-block; margin-right: 28px; font-weight: bold; text-transform: uppercase; color: #3074b3; padding-left: 20px; background: url("../img/star.png") no-repeat 0 0; line-height: 1.1; }
.serviceAndCase .index_case .box { width: 47.86325%; }
.serviceAndCase .index_case .box .pic { overflow: hidden; margin-bottom: 17px; display: block; border-radius: 4px; }
.serviceAndCase .index_case .box .pic img { width: 100%; }
.serviceAndCase .index_case .box .title { color: #333; font-size: 20px; display: block; margin-bottom: 8px; font-family: universltstd-boldcn, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;}
.serviceAndCase .index_case .box .text { display: block; line-height: 20px; font-size: 12px; color:#333;}
.serviceAndCase .index_case .box:hover .text, .serviceAndCase .index_case .box:hover .title { color: #3074b3; }
.serviceAndCase .index_case .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); }

.serviceAndCase .left { width: 47.91667%; float: left; }
@media screen and (max-width: 800px) { .serviceAndCase .left { width: 100%; float: none; } }
.serviceAndCase .right { width: 48.75%; float: right; }
@media screen and (max-width: 800px) { .serviceAndCase .right { width: 100%; float: none; margin-top: 30px; } }

.serviceAndCase .lm a { color: #3074b3; font-size: 12px; }

.serviceAndCase .index_title { font-size: 30px; color: #222; line-height: 1; margin-bottom: 14px; font-family: universltstd-boldcn, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;}
@media screen and (max-width: 880px) { .serviceAndCase .index_title { font-size: 24px; } }

.serviceAndCase .index_text{font-size: 12px;}

.center02 { width: 100%; max-width: 1366px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1366px) { .center02 { width: 100%; padding-left: 10px;padding-right: 10px;box-sizing: border-box;} }

.showPro_02 {margin-bottom: 3.64583%; }
.showPro_02 .index_title { margin-top: 6.08696%; font-family: universltstd-boldcn, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;}
@media screen and (max-width: 800px) { .showPro_02 .index_title { margin-top: 0; }
  .showPro_02{margin-bottom: 40px;}}
.showPro_02 .lm { margin-top: 8.69565%; }
@media screen and (max-width: 800px) { .showPro_02 .lm { margin-top: 10px; } }
.showPro_02 .right .box { width: 47.86325%; }
.showPro_02 .right .box .pic { overflow: hidden; margin-bottom: 17px; display: block; border-radius: 4px; }
.showPro_02 .right .box .pic img { width: 100%; }
.showPro_02 .right .box .title { color: #333; font-size: 20px; display: block; margin-bottom: 8px; font-family: universltstd-boldcn, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;}
.showPro_02 .right .box .text { display: block; line-height: 20px; font-size: 12px; color:#333;}
.showPro_02 .right .box:hover .text, .showPro_02 .right .box:hover .title { color: #3074b3; }
.showPro_02 .right .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); }

.showPro_02 .left { width: 47.91667%; float: left; }
@media screen and (max-width: 800px) { .showPro_02 .left { width: 100%; float: none; } }
.showPro_02 .right { width: 48.75%; float: right; }
@media screen and (max-width: 800px) { .showPro_02 .right { width: 100%; float: none; margin-top: 30px; } }

.showPro_02 .lm a { color: #3074b3; font-size: 12px; }

.showPro_02 .index_title { font-size: 30px; color: #222; line-height: 1; margin-bottom: 14px; font-family: universltstd-boldcn, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;}
@media screen and (max-width: 880px) { .showPro_02 .index_title { font-size: 24px; } }

.showPro_02 .index_text{font-size: 12px;}

.center02 { width: 100%; max-width: 1366px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1366px) { .center02 { width: 100%; padding-left: 10px;padding-right: 10px;box-sizing: border-box;} }

.showAbout_04 .index_title { font-size: 30px; color: #222; line-height: 1; margin-bottom: 14px; }
@media screen and (max-width: 880px) { .showAbout_04 .index_title { font-size: 24px; } }
.showAbout_04 .index_text { font-size: 12px; }
.showAbout_04.index_layout .left { width: 47.91667%; float: left; }
@media screen and (max-width: 800px) { .showAbout_04.index_layout .left { width: 100%; float: none; } }
.showAbout_04.index_layout .right { width: 48.75%; float: right; }
@media screen and (max-width: 800px) { .showAbout_04.index_layout .right { width: 100%; float: none; margin-top: 30px; } }
.showAbout_04.index_layout .lm a { color: #3074b3; font-size: 12px; }


.showAbout_04 { margin-bottom: 4.16667%; }
.showAbout_04 .index_title { margin-top: 5.98291%; }
@media screen and (max-width: 800px) {.showAbout_04{margin-bottom: 35px;} .showAbout_04 .index_title { margin-top: 0; } }
.showAbout_04 .lm { margin-top: 8.54701%; }
@media screen and (max-width: 800px) { .showAbout_04 .lm { margin-top: 10px; } }
.showAbout_04 .video img { width: 100%; }
.showAbout_04 .video a { position: relative; overflow: hidden; display: block; border-radius: 4px; z-index: 9; }
.showAbout_04 .video a:before { content: ''; display: block; background: url("../img/playbtn_SA04.png") no-repeat 50% 50%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
@media screen and (max-width: 600px) { .showAbout_04 .video a:before { background-size: 80px 80px; } }
.showAbout_04 .video a .videoText { color: #fff; width: 100%; text-align: center; display: block; line-height: 1; text-transform: uppercase; position: absolute; left: 0; bottom: 0; margin-bottom: 8.34783%; font-size: 30px; z-index: 2; }
@media screen and (max-width: 1200px) { .showAbout_04 .video a .videoText { display: none; } }
.showAbout_04 .video: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); }

.center02 { width: 100%; max-width: 1366px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1366px) { .center02 { width: 100%; padding-left: 10px;padding-right: 10px;box-sizing: border-box;} }