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, .searchForm, .formStyle li, .lm, .right, .left, .date, #banner .item span, #footer .footShare .sharefb, #footer .footShare .shareyt, .asideNav .asideTitle, .asideNav .asidelist > li > a, .productListWrap .productListTitle, .proArt, .contactTop { -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 { font-family: Arial, 'Microsoft YaHei', SimSun, Sans-serif; }

#nav li a, .index_title, .index_pro .index_list .box .title, .index_about .index_video .videoText, .index_case .index_list .box .title, .index_news .index_list .box .title, #footer .footContact .contactTitle, .breadCrumbNav .title, .asideNav .asideTitle, .caseTitle, .productListWrap .productListTitle, .proArt .proTitle, #proDes #tags li, .formtitle strong, .contactTop .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("../fonts/icomoon.ttf"); src: url("../fonts/icomoon.eot"), url("../fonts/icomoon.eot") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.woff2") format("woff2"), url("../fonts/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'twcenmt'; src: url("../fonts/twcenmt.ttf"); src: url("../fonts/twcenmt.eot"), url("../fonts/twcenmt.eot") format("embedded-opentype"), url("../fonts/twcenmt.woff") format("woff"), url("../fonts/twcenmt.woff2") format("woff2"), url("../fonts/twcenmt.svg#twcenmt") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'vani'; src: url("../fonts/vani.ttf"); src: url("../fonts/vani.eot"), url("../fonts/vani.eot") format("embedded-opentype"), url("../fonts/vani.woff") format("woff"), url("../fonts/vani.woff2") format("woff2"), url("../fonts/vani.svg#vani") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'universltstd-boldcn'; src: url("../fonts/universltstd-boldcn.ttf"); src: url("../fonts/universltstd-boldcn.eot"), url("../fonts/universltstd-boldcn.eot") format("embedded-opentype"), url("../fonts/universltstd-boldcn.woff") format("woff"), url("../fonts/universltstd-boldcn.woff2") format("woff2"), url("../fonts/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; } }

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 li {display:inline-block;float:left;}
.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(../images/video-btn.png) no-repeat center; z-index: 9; }
.videoWrap img { width: 100%; }

.formStyle li { position: relative; width: 100%; }
.formStyle li div { position: relative; }
.formStyle li img { cursor: pointer; margin-left: 3px; vertical-align: middle; }
.formStyle label + i { position: absolute; right: 5px; top: 5px; }
.formStyle input, .formStyle textarea { width: 100%; line-height: 20px; position: relative; z-index: 2; }
.formStyle textarea { display: block; max-width: 100%; width: 100%; resize: none; }
.formStyle input.btn { text-align: center; }

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

body { position: relative; background: #dedede; }

.container { max-width: 1366px; margin-left: auto; margin-right: auto; background: #fff; }

#colorChoose { position: absolute; right: 0; top: 0; margin-top: 4.42708%; margin-right: 25px; }
@media screen and (max-width: 1600px) { #colorChoose { position: static; margin-right: 0; margin-top: 10px; } }
#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: 1.75842%; }

#header>.box{vertical-align: middle;}

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

#header .right {width: 100%; max-width: 700px; margin-top: 10px; }
@media screen and (max-width: 880px) { #header .right { float: none; width: 100%; max-width: 100%; } }

#header .right .top { text-align: right; }
@media screen and (max-width: 880px) { #header .right .top { text-align: center; } }

.searchWrap { display: inline-block; height: 32px; line-height: 32px; vertical-align: middle; margin-right: 20px; width: 320px; color: #CACACA; position: relative; }
.searchWrap .searchForm { position: static; text-align: left; }
.searchWrap .searchCont { width: 320px; height: 32px; position: relative; overflow: hidden; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; z-index: 1; border: 1px solid #333; }
.searchWrap .search { width: 280px; height: 32px; padding: 0 15px; box-sizing: border-box; color: #333; }
.searchWrap .search.focusOn + label, .searchWrap .search:focus + label { display: none; }
.searchWrap label { font-size: 12px; height: 32px; position: absolute; padding: 0 15px; top: 0; left: 0; box-sizing: border-box; color: #333; text-transform: capitalize; }
.searchWrap .searchBtn { display: inline-block; width: 40px; height: 32px; background: none; }
.searchWrap .searchBtn:before { content: "\e655"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 18px; color: #3074B3; }
@media screen and (max-width: 880px){
  #header{padding-bottom: 15px;}
  .searchWrap,.searchWrap .searchCont{width:240px;}
  .searchWrap .search{width:200px;}
}

.lang { display: inline-block; vertical-align: middle; font-size: 12px; }
.lang a { display: inline-block; margin-left: 15px; }
.lang a:hover { color: #3074b3; }
@media screen and (max-width: 880px) { .lang a:first-child { margin-left: 0; } }

#nav { margin-top: 10px; }
#nav>li{position: relative;}
#nav>li.hasUl:before{content:"";border: 5px solid transparent;border-top-color:#3074B3;position: absolute;bottom:0;left:50%;margin-left: -5px;filter: alpha(opacity=0); opacity: 0;transition: 0.4s all ease; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; -ms-transition: 0.4s all ease; }
#nav>li>a { display:block;font-weight: bold; font-size: 18px; padding-bottom: 10px;}
#nav>li:hover:before{filter: alpha(opacity=100); opacity: 1;}
#nav>li.active>a, #nav>li:hover>a { color: #3074b3; }
#nav>li>ul{min-width:200px;position: absolute;top:100%;left:-20px;white-space: nowrap;z-index: 99;background: #fff;transition: 0.4s all ease; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; -ms-transition: 0.4s all ease;}
#nav>li>ul>li{height:0;overflow: hidden;transition: 0.4s all ease; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; -ms-transition: 0.4s all ease;}
#nav>li>ul>li:hover,#nav>li>ul>li.active{background: #3074B3;}
#nav>li>ul>li:hover>a,#nav>li>ul>li.active>a{color:#fff;}
#nav>li>ul>li>a{display: block;padding: 10px 20px;}
#nav>li:hover>ul{padding: 10px 0;}
#nav>li:hover>ul>li{height:41px;margin-bottom: 1px;}
#nav>li:hover>ul>li:last-child{margin-bottom: 0;}

#banner{margin-bottom: 40px;}

#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%; } }
.index_title { font-size: 40px; color: #222; line-height: 1; }
@media screen and (max-width: 880px) { .index_title { font-size: 28px; } }

.index_pro { margin-top: 4.58333%; margin-bottom: 3.75%; }
@media screen and (max-width: 880px) { .index_pro { margin-top: 30px; } }
.index_pro .index_title { margin-bottom: 12px; }
.index_pro .index_pro_text { max-width: 772px; line-height: 24px; margin-bottom: 20px; }
.index_pro .index_list { width: 100%; }
.index_pro .index_list .box, .index_pro .index_list .line { width: 22.91667%; }
@media screen and (max-width: 680px) { .index_pro .index_list .box, .index_pro .index_list .line { width: 48%; } }
@media screen and (max-width: 680px) { .index_pro .index_list .box { margin-bottom: 20px; } }
.index_pro .index_list .box .pic { overflow: hidden; margin-bottom: 17px; border-radius: 2px; display: block; }
.index_pro .index_list .box .pic img { width: 100%; }
.index_pro .index_list .box .title { color: #333; font-size: 20px; display: block; margin-bottom: 10px; }
.index_pro .index_list .box .text { display: block; line-height: 24px; }
.index_pro .index_list .box:hover .text, .index_pro .index_list .box:hover .title { color: #3074b3; }
.index_pro .index_list .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_about { width: 100%; overflow: hidden; margin-bottom: 4.58333%; }
@media screen and (max-width: 600px) { .index_about { margin-bottom: 30px; } }
.index_about .index_video { float: left; width: 50%; border-radius: 5px; position: relative; }
@media screen and (max-width: 680px) { .index_about .index_video { width: 100%; float: none; } }
.index_about .index_video img { width: 100%; }
.index_about .index_video:before { content: ''; width: 100%; height: 100%; position: absolute; left: 100%; top: 0; background: #eee; z-index: 0; }
.index_about .index_video a { display: block; position: relative; }
.index_about .index_video a:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../images/playbtn.png") no-repeat 50% 50%; }
@media screen and (max-width: 1200px) { .index_about .index_video a:before { background-size: 80px; } }
@media screen and (max-width: 480px) { .index_about .index_video a:before { background-size: 60px; } }
.index_about .index_video .videoText { width: 100%; text-align: center; display: block; font-size: 30px; line-height: 1; color: #fff; position: absolute; left: 0; bottom: 0; margin-bottom: 8.33333%; text-transform: uppercase; }
@media screen and (max-width: 880px) { .index_about .index_video .videoText { font-size: 22px; margin-bottom: 6.66667%; } }
.index_about .right { float: right; width: 45.83333%; position: relative; z-index: 8; }
@media screen and (max-width: 680px) { .index_about .right { width: 100%; float: none; } }
.index_about .right .index_title { margin-top: 12.72727%; margin-bottom: 3.27273%; }
@media screen and (max-width: 880px) { .index_about .right .index_title { margin-top: 25px; } }
.index_about .right .text { line-height: 20px; font-size: 12px; max-height: 60px; overflow: hidden; max-width: 445px; }
.index_about .right .lm { text-align: right; margin-top: 12.72727%; }
@media screen and (max-width: 880px) { .index_about .right .lm { margin-top: 10px; text-align: left; } }
.index_about .right .lm a { margin-right: 12.72727%; color: #3074b3; }
@media screen and (max-width: 880px) { .index_about .right .lm a { margin-right: 0; } }

.index_other .index_case { float: left; width: 47.91667%; }
@media screen and (max-width: 680px) { .index_other .index_case { float: none; width: 100%; } }
.index_other .index_news { float: right; width: 47.91667%; }
@media screen and (max-width: 680px) { .index_other .index_news { float: none; width: 100%; } }

.index_case, .index_news { margin-bottom: 4.16667%; }
@media screen and (max-width: 600px) { .index_case, .index_news { margin-bottom: 30px; } }
.index_case .index_title, .index_news .index_title { margin-bottom: 15px; }
.index_case .index_list, .index_news .index_list { width: 100%; }
.index_case .index_list .box, .index_case .index_list .line, .index_news .index_list .box, .index_news .index_list .line { width: 47.82609%; }
.index_case .index_list .box .pic, .index_news .index_list .box .pic { overflow: hidden; margin-bottom: 17px; border-radius: 2px; display: block; }
.index_case .index_list .box .pic img, .index_news .index_list .box .pic img { width: 100%; }
.index_case .index_list .box .title, .index_news .index_list .box .title { color: #333; font-size: 20px; display: block; margin-bottom: 10px; }
.index_case .index_list .box .text, .index_news .index_list .box .text { display: block; line-height: 24px; }
.index_case .index_list .box:hover .text, .index_case .index_list .box:hover .title, .index_news .index_list .box:hover .text, .index_news .index_list .box:hover .title { color: #3074b3; }
.index_case .index_list .box:hover img, .index_news .index_list .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); }

#footer { margin-top: 3px; padding-top: 3px; background: #3074b3; color: #fff; }
#footer a { color: #fff; }
@media screen and (max-width: 600px) { #footer { padding-top: 35px; } }
#footer .webAbout { padding-bottom: 3.33333%; }
@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: #222; border-top: 1px solid #4f5458; padding-top: 1%; padding-bottom: 1.25%; }
@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: #3074b3; }
@media screen and (max-width: 600px) { #footer .copyRight .footLogo { display: none; } }
#footer .copyRight a { color: #fff; }
#footer .copyRight .box { vertical-align: middle; }

#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; }
  #header #nav>li>ul{display: none;}
}
.breadCrumbNav { padding-top: 4.39239%; padding-bottom: 18px; text-align: center; color: #fff; position: relative;}
.breadCrumbNav .bg{position: absolute;width:100%;height:100%;top:0;left:0;}
.breadCrumbNav .wrap{position: relative;}
@media screen and (max-width: 600px) { .breadCrumbNav { padding-top: 30px; } }
.breadCrumbNav a { color: #fff; }
.breadCrumbNav .title { font-size: 40px; line-height: 1; margin-bottom: 15px; }
@media screen and (max-width: 880px) { .breadCrumbNav .title { font-size: 28px; } }

.content { padding-top: 4.16667%; padding-bottom: 4.16667%; }
@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;font-size: 16px; 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%; }
.asideNav .asidelist > li>ul{padding-top:10px;}
.asideNav .asidelist > li>ul>li{margin-bottom:5px;}
.asideNav .asidelist > li>ul>li>a{padding:5px 10px;font-weight: bold;}
.asideNav .asidelist > li>ul>li:hover>a,.asideNav .asidelist > li>ul>li.active>a{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: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; } .asideNav .asidelist > li>ul{display: none;}}
.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("../images/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; }

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

.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%; }
.productListWrap .productList .box{margin-bottom: 20px;}
@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; }
.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; }
.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; border-radius: 5px; }
@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("../images/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; }

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


.products_02Wrap .MRtitle{font-size:24px;color:#777;text-transform:capitalize;color:#363636;margin-bottom:20px;font-weight:bold;border-bottom:1px solid #000;background:url(../images/minlogo.jpg) no-repeat left bottom;padding-left:80px;}
.products_02{margin-top:30px;margin-bottom:5%;}
.products_02 .box,.products_02 .line{width:30%;}
.products_02 .item{margin-bottom:40px;}
.products_02 .item a{font-weight:bold;font-size:20px;display:block;text-align: center;}
.products_02 .item img{width:100%;margin:15px 0;}
.products_02 .item p{max-height:105px;overflow:hidden;}
.products_02 .item .more{font-size:14px;color:#3074B3;margin-top:10px;text-transform:capitalize;}
@media screen and (max-width: 876px){.products_02 .box,.products_02 .line{width:46%;}}


.proList_02 .MRtitle{font-size:24px;color:#777;text-transform:capitalize;color:#363636;margin-bottom:20px;font-weight:bold;border-bottom:1px solid #000;background:url(../images/minlogo.jpg) no-repeat left bottom;padding-left:80px;}
.proList_02{margin-bottom:5%;}
.proList_02 .proInfo{margin-bottom:30px;color:#555;line-height:1.8;}
.proList_02 .box,.proList_02 .line{width:29.5%;}
.proList_02 .list{margin-bottom:40px;}
.proList_02 .list img{width:100%;border: 1px solid #f0f0f0;}
.proList_02 .list a{display:block;}
.proList_02 .list b{display:block;font-weight:bold;font-size: 16px;margin-top:15px;height: 60px;line-height: 20px;overflow: hidden;}
.proList_02 .list span{color:#777;display:block;max-height: 63px;overflow:hidden;line-height: 21px;display: none;}
.proList_02 .list:hover b{color:#3074B3;}
.proList_02 .list:hover span{color:#333;}
@media screen and (max-width: 876px){.proList_02 .list b{font-size:14px;}
  .proList_02 .box,.proList_02 .line{width:46%;}}


.proDetail_02 .MRtitle{font-size:24px;color:#777;text-transform:capitalize;color:#363636;margin-bottom:20px;font-weight:bold;border-bottom:1px solid #000;background:url(../images/minlogo.jpg) no-repeat left bottom;padding-left:80px;}

.proDetail_02 .one{margin-top:15px;background-color:#3074B3;position:relative;}
.proDetail_02 .one .slideHot{width: 60%;}
.proDetail_02 .one .slideList .item { display: none; }
.proDetail_02 .one .slideList .item:first-child { display: block; }
.proDetail_02 .one .slideList.slick-slider .item { display: block; }
.proDetail_02 .one .slideHot img{width:100%;}
.proDetail_02 .one .right{width: 40%;padding-left:12%;padding-top:5%;}
.proDetail_02 .one .right .video{width:95px;height:90px;background-color:#fff;position:absolute;left: 62%;bottom:0;border-radius:5px 5px 0 0;display:inline-block;}
.proDetail_02 .one .right .video:before{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #3074B3;position:absolute;left:50%;top:50%;content:'';margin-left:-7px;margin-top:-16px;}
.proDetail_02 .one .right .video span{display:block;color:#3074B3;text-transform:uppercase;font-size:16px;padding-top:60px;text-align:center;}
.proDetail_02 .one .right .addthis_sharing_toolbox{padding:12px;background-color:#fff;}
.proDetail_02 .one .right p{color:#fff;padding-left:10px;padding-top:5px;}
.proDetail_02 .one .right a{color:#fff;}
@media screen and (max-width: 876px){.content .one{padding:15px 0;}
  .proDetail_02 .one .slideHot{width:96%;margin-left:2%;}
  .proDetail_02 .one .right{width:100%;padding-left: 8px;}
  .proDetail_02 .one .right .addthis_sharing_toolbox{display:inline-block;}
  .proDetail_02 .one .right .video{position:relative;left:0;bottom:0;border:2px solid #fff;vertical-align:middle;margin-right:30px;}
  .proDetail_02 .one .right p{padding-left:0;margin-top:10px;}}


.proDetail_02 #tag { text-transform: capitalize; }
.proDetail_02 #tag .tagList > li { display: block;box-sizing: border-box; float: left; width: 25%; border-left: 1px solid #fff; margin-bottom: 1px; }
.proDetail_02 #tag .tagList > li:first-child { border-left: 0px none; }
.proDetail_02 #tag .tagList > li { white-space:nowrap; height: 68px; cursor: pointer; font-size: 16px; text-align: center; background:#aaa; padding-left: 5px; padding-right: 5px; color: #fff;}
.proDetail_02 #tag .tagList > li span { white-space:normal; line-height:1.2; width:100%; }
.proDetail_02 #tag .tagList > li:after { content:'';width:0; height:100%; overflow:hidden; }
.proDetail_02 #tag .tagList > li span , .proDetail_02 #tag li:after { display:inline-block; vertical-align:middle; }
.proDetail_02 #tag .tagList > li.selected { background: #3074B3; }
#tag{margin:30px 0;padding-top:10px;}
#tag .tagList{width:100%;}
@media screen and (max-width: 1200px) { #tag .tagList li { width:25%; } }
#tag .tagList li:first-child{border-left:0px none;}
#tag .tagList li.selected{background:#3074B3;color:#fff;}
#tag .tagBox{padding:10px;border:1px solid #ccc;margin-top:-1px;}
@media screen and (max-width: 876px){#tag .tagList li{width:100%;padding:15px 0;}}
.proDetail_02 #hotpro .title{color:#fff;text-transform:capitalize;color: #fff; font-size: 16px; line-height: 40px; background: #3074B3; height: 40px; width: 195px; box-sizing: border-box; text-align: center; margin-bottom: 1px;}
.proDetail_02 #hotpro .title span{font-size:18px;background:#3074B3;display:inline-block;padding:9px 37px;font-weight:bold;}
.proDetail_02 #hotpro .justify{border:1px solid #e8e8e8;padding:30px;padding-bottom:5px;}
.proDetail_02 #hotpro .box,.proDetail_02 #hotpro .line{width:22.5%;}
.proDetail_02 #hotpro .box{margin-bottom:10px;text-align:center;}
.proDetail_02 #hotpro .box img{width:100%;}
.proDetail_02 #hotpro .box a{color:#363636;display:block;margin-bottom:10px;text-align:center;}
@media screen and (max-width: 840px){.proDetail_02 #hotpro .box,.proDetail_02 #hotpro .line{width:47%;}}
@media screen and (max-width: 460px){.proDetail_02 #hotpro .title{width:100%;text-align:center;}
  .proDetail_02 #hotpro .box,.proDetail_02 #hotpro .line{width:100%;}}

@media screen and (min-width:876px) {
  .proDetail_02 .slideHot  .slick-dots { position: absolute; top: 0; left: 100%; margin-left: 20px; width: initial; padding-top: 38px; }
  .proDetail_02 .slideHot  .slick-dots:before {  content: ''; height: 38px; width: 1px; background: #C1411F; position: absolute; top: 0; left: 50%;  }
  .proDetail_02 .slideHot  .slick-dots li:after { content: ''; height: 10px; width: 1px; background: #C1411F; position: absolute; top: -10px; left: 50%;  }
  .proDetail_02 .slideHot  .slick-dots li { margin: 3px 0; }
  .proDetail_02 .slideHot  .slick-dots li button { background: #214664; }
  .proDetail_02 .slideHot  .slick-dots li.slick-active button { background: #fff; }
}

.proDerail_02Form{margin-bottom: 30px;}

.proDetail_02 .continfo p{display:inline-block;margin-right:30px;margin-bottom:8px;color:#555;}


.newList_02 .item{margin-bottom:30px;}
.newList_02 .img{width:23.5%;}
.newList_02 .img img{width:100%;}
.newList_02 .info{width:74%;}
.newList_02 .info a{font-size:20px;margin-top:5px;margin-bottom:5px;}
.newList_02 .info a:hover{color:#da251e;}
.newList_02 .info span{color:#555;display: block;}
.newList_02 .info p{margin-top:10px;color:#555;}
.newList_02 .MRtitle{font-size:24px;color:#777;text-transform:capitalize;color:#363636;margin-bottom:20px;font-weight:bold;border-bottom:1px solid #000;background:url(../images/minlogo.jpg) no-repeat left bottom;padding-left:80px;}


.caseList_02 .contentTitle{padding-bottom:8px;border-bottom:1px solid #000;color:#333;font-weight:700;font-size:30px;line-height:1}

.caseList_02 .product .prolist{margin-bottom:3.5%}
.caseList_02 .product .prolist li{margin-top:4.5%;width:30.2%}
.caseList_02 .product .prolist li:hover .title a{color:#3074B3;}
.caseList_02 .product .prolist li img{width:100%;border-radius:5px}
.caseList_02 .product .prolist li .title{margin-top:12px;padding-bottom:5px;border-bottom:1px solid #666;font-size:18px}
.caseList_02 .product .prolist li .title a{color:#222}
.caseList_02 .product .prolist li .text{margin-top:10px}
.caseList_02 .product .prolist li .text a{display:-webkit-box;overflow:hidden;max-height:32px;color:#666;text-overflow:ellipsis;line-height:16px;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.caseList_02 .product .prolist li a:hover{color:#023667}

@media screen and (max-width:880px){
  .caseList_02 .product .prolist li .title{font-size:16px}
  .caseList_02 .contentTitle{font-size:24px}
}
@media screen and (max-width:640px){
  .caseList_02 .product .prolist li{width:48%}
  .caseList_02 .product .prolist li{margin-top:20px}
  .caseList_02 .product .prolist li .title{font-size:14px}
  .caseList_02 .contentTitle{font-size:20px}
}

.contact_01 .contactInfo{float:left;width:35%;}
.contact_01 .contactTitle{margin-bottom:3.5%;color:#000;text-transform:uppercase;font-weight:700;font-size:26px;}
.contact_01 .contactForm{position:relative;float:right;width:60%;}
#map{margin-top: 40px;}
@media screen and (max-width:880px){.contact_01 .contactInfo{float:none;margin:15px 0;width:100%;}
  .contact_01 .contactForm{float:none;margin:15px 0 0;width:100%;}
  .contact_01 .contactTitle{margin-bottom:2%;font-size:22px;}
  #map{margin-top: 30px;}
}




.contact_02 .contactAbout { margin-bottom: 4.01786%; }
.contact_02 .contactAbout>.box{vertical-align: middle;}
.contact_02 .contactAbout .left { width: 46.42857%; }
@media screen and (max-width: 880px) { .contact_02 .contactAbout .left { float: none; width: 100%; } }
.contact_02 .contactAbout .left .conList { font-size: 12px; color: #555; }
.contact_02 .contactAbout .left .conList a { color: #555; }
.contact_02 .contactAbout .left .conList a:hover { color: #3074B3; }
.contact_02 .contactAbout .left .conList li { padding-left: 30px; margin-bottom: 15px; }
.contact_02 .contactAbout .left .conList .tel { background: url("../images/sprite.png") no-repeat; background-position: 0 3px; }
.contact_02 .contactAbout .left .conList .fax { background: url("../images/sprite.png") no-repeat; background-position: 0 -18px; }
.contact_02 .contactAbout .left .conList .email { background: url("../images/sprite.png") no-repeat; background-position: 0 -38px; }
.contact_02 .contactAbout .left .conList .add { background: url("../images/sprite.png") no-repeat; background-position: 0 -59px; }
.contact_02 .contactAbout .right { width: 50%;}
.contact_02 .contactAbout .right #map{margin-top: 0;}
@media screen and (max-width: 880px) { .contact_02 .contactAbout .right { float: none; width: 100%; margin-top: 25px; } }
.contact_02 .contactCompany { font-size: 20px; color: #3074B3; margin-bottom: 5.76923%; line-height: 1.2; text-transform: uppercase; }
.contact_02 { margin-bottom: 25px; }
.contact_02 .contactForm { color: #555; }
.contact_02 .contactForm img{width:100%;}
@media screen and (max-width: 1080px) { .contact_02 .contactForm { width: 100%; } }
@media screen and (max-width: 1080px) { .contact_02 .title { margin-bottom: 0; } }
.contact_02 .contactForm {padding-top: 10px; }

@media screen and (max-width: 1080px) { .contact_02 .contactForm { padding: 2%; } }
@media screen and (max-width: 400px) { .contact_02 .contactForm { padding: 10px; } }

.iniBanner .item { display: none; }

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

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

.banner_01_view{margin-bottom: 40px;}
.banner_01_view .slick-prev:before { content: "\e625"; color: #fff; }
.banner_01_view .slick-next:before { content: "\e628"; color: #fff; }
.banner_01_view .slick-prev, .banner_01_view .slick-next { filter: alpha(opacity=100); opacity: 1; font-size:60px; }
.banner_01_view .slick-prev:hover, #banner .slick-next:hover { filter: alpha(opacity=70); opacity: 0.7; }
.banner_01_view .slick-prev { left: 3.125%; }
.banner_01_view .slick-next { right: 3.125%; }

.showPro_18_view { border-top: 1px solid #fff; }
@media screen and (max-width: 880px) { .showPro_18_view .center { padding-top: 55px; } }
.showPro_18_view .index_title { display: inline-block; font-size: 40px; color: #333; text-transform: uppercase; margin-right: 10px; line-height: 1; vertical-align: bottom; }
@media screen and (max-width: 880px) { .showPro_18_view .index_title { font-size: 30px; } }
.showPro_18_view .lm { margin-bottom: 7px; }
.showPro_18_view .machine_wrap { margin-top: 25px; }
.showPro_18_view .machine_wrap .right { width: 32.32143%; float: left; position: relative; overflow: hidden; }
@media screen and (max-width: 880px) { .showPro_18_view .machine_wrap .right { width: 48.5%; } }
@media screen and (max-width: 600px) { .showPro_18_view .machine_wrap .right { width: 100%; float: none; margin-bottom: 20px; } }
.showPro_18_view .machine_wrap .right img { width: 100%;display: block; }
.showPro_18_view .machine_wrap .right: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_18_view .machine_wrap .right .text { padding: 10px; color: #fff; background: rgba(0, 0, 0, 0.4); text-transform: uppercase; font-size: 16px; font-weight: bold; position: absolute; bottom: 0; left: 0; display: block; line-height: 20px; width: 100%; }
.showPro_18_view .machine_wrap .left { width: 65.17857%; float: right; }
@media screen and (max-width: 880px) { .showPro_18_view .machine_wrap .left { width: 48.5%; } }
@media screen and (max-width: 600px) { .showPro_18_view .machine_wrap .left { width: 100%; float: none; } }
.showPro_18_view .machine_wrap .left .box, .showPro_18_view .machine_wrap .left .line { width: 23.9726%; }
@media screen and (max-width: 880px) { .showPro_18_view .machine_wrap .left .box, .showPro_18_view .machine_wrap .left .line { width: 31.2%; } }
@media screen and (max-width: 480px) { .showPro_18_view .machine_wrap .left .box, .showPro_18_view .machine_wrap .left .line { width: 48.5%; } }
.showPro_18_view .machine_wrap .left .box { margin-bottom: 10px; }
.showPro_18_view .machine_wrap .left .box .text { display: none; }
.showPro_18_view .lm { background: #3074B3; display: inline-block; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 1px 5px; }
.showPro_18_view .lm a { color: #fff; }


.showAbout_08_view .index_title { font-size: 40px; color: #222; line-height: 1; }
@media screen and (max-width: 880px) { .showAbout_08_view .index_title { font-size: 28px; } }
.showAbout_08_view {overflow: hidden; }
.showAbout_08_view .index_video { float: left; width: 50%; border-radius: 5px; position: relative; }
@media screen and (max-width: 680px) { .showAbout_08_view .index_video { width: 100%; float: none; } }
.showAbout_08_view .index_video img { width: 100%; }
.showAbout_08_view .index_video .btn{width:auto;position: absolute;top:0;left:0;right:0;bottom:0;margin: auto;}
.showAbout_08_view .index_video:before { content: ''; width: 100%; height: 100%; position: absolute; left: 100%; top: 0; background: #eee; z-index: 0; }
.showAbout_08_view .index_video a { display: block; position: relative; }
@media screen and (max-width: 1200px) { .showAbout_08_view .index_video a:before { background-size: 80px; } }
@media screen and (max-width: 480px) { .showAbout_08_view .index_video a:before { background-size: 60px; } }
.showAbout_08_view .index_video .videoText { width: 100%; text-align: center; display: block; font-size: 30px; line-height: 1; color: #fff; position: absolute; left: 0; bottom: 0; margin-bottom: 8.33333%; text-transform: uppercase; }
@media screen and (max-width: 880px) { .showAbout_08_view .index_video .videoText { font-size: 22px; margin-bottom: 6.66667%; } }
.showAbout_08_view .right { float: right; width: 45.83333%; position: relative; z-index: 8; }
@media screen and (max-width: 680px) { .showAbout_08_view .right { width: 100%; float: none; } }
.showAbout_08_view .right .index_title { margin-top: 12.72727%; margin-bottom: 3.27273%; }
@media screen and (max-width: 880px) { .showAbout_08_view .right .index_title { margin-top: 25px; } }
.showAbout_08_view .right .text { line-height: 20px; font-size: 12px; max-height: 60px; overflow: hidden; max-width: 445px; }
.showAbout_08_view .right .lm { text-align: right; margin-top: 12.72727%; }
@media screen and (max-width: 880px) { .showAbout_08_view .right .lm { margin-top: 10px; text-align: left; } }
.showAbout_08_view .right .lm a { margin-right: 12.72727%; color: #3074B3; }
@media screen and (max-width: 880px) { .showAbout_08_view .right .lm a { margin-right: 0; } }

.showNews_07_view{box-sizing:border-box;}
.showNews_07_view .title{display:inline-block;color:#000;font-size:40px;font-family:bebasneue,Arial,'Microsoft YaHei',SimSun,Sans-serif;line-height:30px;vertical-align: bottom;margin-right: 30px;}
.showNews_07_view .newlm{display:inline-block;vertical-align: bottom;}
.showNews_07_view ul{margin-top:20px;}
.showNews_07_view ul li.box{margin-bottom: 3%;}
.showNews_07_view ul li.box,.showNews_07_view ul li.line{width:31.5%}
.showNews_07_view ul li img{float:left;width:45.76%}
.showNews_07_view ul li .showNews_07_viewArt{float:right;width:49.7%}
.showNews_07_viewArt .text{display:-webkit-box;overflow:hidden;padding:5px 0;max-height:40px;border-bottom:1px solid #c4c4c4;color:#777;text-overflow:ellipsis;line-height:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.showNews_07_viewArt .text a{color:#777}
.showNews_07_viewArt .text a:hover{color:#3074B3}
.showNews_07_viewArt .time{margin-top:8%;color:#777}

.showNews_07_view .lm{position:relative;display:inline-block;color:#3074B3;}
.showNews_07_view .lm:before{position:absolute;top:100%;left:0;width:100%;height:1px;background:#3074B3;content:''}
.showNews_07_view .lm:hover:before{width:0;background:#333;color:#333}
@media screen and (max-width:875px){
  .showNews_07_view .title{font-size: 24px;}
  .showNews_07_view ul li.box{width:47%;margin-bottom: 30px;}
}
@media screen and (max-width:500px){
  .showNews_07_view ul li.box{width:100%;}
}

#goTop { position: fixed; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 20px; background: #2196F3; filter: alpha(opacity=60); opacity: 0.6; bottom: 6%; right: 3%; border-radius: 5px; overflow: hidden; display: none; cursor: pointer; z-index: 999; }
#goTop:before { content: '\e627'; font-family: 'icomoon'; text-align: inherit; }
#goTop:hover { filter: alpha(opacity=90); opacity: 0.9; }
@media screen and (max-width: 900px) { #goTop { margin-bottom: 50px; } }

.products_03 .product { border-bottom: 1px solid #e5e5e5; padding: 15px 0 25px; margin: 10px 0; }
.products_03 .product .img { width: 32.5%; }
.products_03 .product .info { width: 65%; }
.products_03 .product .info .title { font-size: 16px; color: #8D8D8D; display: block; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; }
.products_03 .product .info p { font-size: 13px; color: #8D8D8D; }
.products_03 .product .info .more { color: #8D8D8D; font-size: 14px; display: inline-block; margin-top: 15px; text-transform: capitalize; border: 2px solid #8D8D8D; padding: 7px 35px; }
.products_03 .product:hover .info a.title, .products_03 .product:hover .info .more { color: #3074B3; border-color: #3074B3; }

.proList_04 .box, .proList_04 .line { width: 31.03448%; }
@media screen and (max-width: 600px) { .proList_04 .box, .proList_04 .line { width: 48.5%; } }
.proList_04 .box { margin-bottom: 28px; }
.proList_04 .box .pic { overflow: hidden; display: block; margin-bottom: 10px; }
.proList_04 .box .pic img { width: 100%; }
.proList_04 .box .title { font-weight: bold; color: #555; }
.proList_04 .box:hover .title { color: #3074B3; }
.proList_04 .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); }



.proDetail03 .detailTop .rightImg{width:42.79279%;float:left}
.proDetail03 .detailTop .rightImg .item{display:none}
.proDetail03 .detailTop .rightImg .item:first-child{display:block}
.proDetail03 .detailTop .rightImg.slick-slider .item{display:block}
.proDetail03 .detailTop .rightImg .slick-next,.detailTop .rightImg .slick-prev{font-size:50px;color:#000}
@media screen and (max-width:750px){.proDetail03 .detailTop .rightImg{width:70%;margin-left:15%}
}
@media screen and (max-width:500px){.proDetail03 .detailTop .rightImg{width:100%;margin-left:0}
}
.proDetail03 .detailTop .des{margin-bottom:6.14754%;color:#777}
.proDetail03 .detailTop .des:empty{display:none}
@media screen and (max-width:750px){.proDetail03 .detailTop .des{margin-bottom:10px}
}
.proDetail03 .detailTop .intro{width:54.95495%;float:right}
.proDetail03 .detailTop .intro>.title{color:#444;display:block;margin-bottom:2.45902%}
@media screen and (max-width:750px){.proDetail03 .detailTop .intro>.title{margin-bottom:5px}
}
@media screen and (max-width:750px){.proDetail03 .detailTop .intro{width:100%;margin-top:20px}
}
.proDetail03 .detailTop .deVideo{float:left;width:46.72131%}
.proDetail03 .detailTop .deVideo>a{position:relative;overflow:hidden;display:block}
.proDetail03 .detailTop .deVideo>a:hover .videobg{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.proDetail03 .detailTop .deVideo .play{width:100%;position:relative;z-index:2}
.proDetail03 .detailTop .deVideo .videobg{position:absolute;top:0;left:0;width:100%}
@media screen and (max-width:1200px){.proDetail03 .detailTop .deVideo{width:50.72131%}
}
@media screen and (max-width:550px){.proDetail03 .detailTop .deVideo{width:100%}
}
.proDetail03 .detailTop .con{float:right;width:46.31148%}
.proDetail03 .detailTop .con .btn{display:inline-block;vertical-align:middle;width:128px;height:53px;line-height:53px;text-align:center;width:56.63717%;min-width:110px;max-width:128px;background:#4596D7;color:#fff;font-size:18px;position:relative}
.proDetail03 .detailTop .con .btn:after{content:'\e63c';font-family:icomoon;position:absolute;top:19px;right:-10px;line-height:1}
@media screen and (max-width:600px){.proDetail03 .detailTop .con .btn:after{top:10px}
}
.detailTop .con .btn:hover:after{right:5px}
@media screen and (max-width:1200px){.proDetail03 .detailTop .con .btn{line-height:40px;height:40px;font-size:16px}
  .proDetail03 .detailTop .con .btn:after{top:13px}
}
.proDetail03 .detailTop .con .share{display:inline-block;vertical-align:middle;width:31.85841%;min-width:60px;max-width:72px;margin-left:9%}
.proDetail03 .detailTop .con .share a{width:28px;height:28px;border-radius:50%;display:inline-block;position:relative;z-index:10;text-align:center;line-height:28px;font-family:icomoon;font-size:16px;color:#fff;background:#4596D7}
.proDetail03 .detailTop .con .share a.shareyt{font-size:18px}
.proDetail03 .detailTop .con .share a:hover{background:#3074B3}
@media screen and (max-width:1200px){.proDetail03 .detailTop .con .share{margin-left:5px}
}
@media screen and (max-width:1000px){.proDetail03 .detailTop .con .share{display:block;margin-left:0;margin-top:5px}
}
@media screen and (max-width:750px){.proDetail03 .detailTop .con .share{margin:3% 0}
}
.proDetail03 .detailTop .con .email,.proDetail03 .detailTop .con .tel{font-size:16px;color:#777}
.proDetail03 .detailTop .con .email a,.proDetail03 .detailTop .con .tel a{color:#777}
.proDetail03 .detailTop .con .email a:hover,.proDetail03 .detailTop .con .tel a:hover{color:#4596D7}
@media screen and (max-width:1000px){.proDetail03 .detailTop .con .email,.proDetail03 .detailTop .con .tel{font-size:14px}
}
.proDetail03 .detailTop .con .tel{margin-top:8.84956%}
@media screen and (max-width:1000px){.proDetail03 .detailTop .con .tel{margin-top:0}
}
@media screen and (max-width:550px){.proDetail03 .detailTop .con{width:100%;margin-top:20px}
}
.proDetail03 .rightTab{margin-top:3.37838%;color:#333}
.proDetail03 .rightTab .tab{float:left;width:20%;padding:10px 0;background:#EAEAEA;text-align:center;cursor:pointer;border-left:1px solid #fff;font-weight:700;box-sizing: border-box;}
.proDetail03 .rightTab .tab:first-child{border-left:none}
.proDetail03 .rightTab .tab.active,.proDetail03 .rightTab .tab:hover{color:#fff;background:#4596D7}
@media screen and (max-width:600px){.proDetail03 .rightTab .tab{padding:5px 0}
}
@media screen and (max-width:700px){.proDetail03 .rightTab .tab{width:33.333%;border-bottom:1px solid #fff}
}
@media screen and (max-width:375px){.proDetail03 .rightTab .tab{width:50%}
}
.proDetail03 .rightTab .tabContent{border:1px solid #e5e5e5;display:none;padding:10px}
.proDetail03 .rightTab.hasT .tab{width:33.333%}
@media screen and (max-width:374px){.proDetail03 .rightTab.hasT .tab{width:50%}
}
.proDetail03 .rightMessage{display:table;margin-top:28px;font-size:16px;width:100%}

.proDetail03 .relate{margin-top:3.37838%}
.proDetail03 .relate .box{width:23%}
.proDetail03 .relate .box:hover span{color:#4596D7}
@media screen and (max-width:600px){.proDetail03 .relate .box{width:48%;margin-bottom:15px}
}
.proDetail03 .relate .line{width:23%}
.proDetail03 .relate img{width:100%}
.proDetail03 .relate a{color:#555}
.proDetail03 .relate .title{width:21.3964%;text-align:center;height:40px;line-height:40px;background:#4596D7;color:#fff;font-size:16px;min-width:150px}
.proDetail03 .relate .content{padding:3.37838%;border:1px solid #E9E9E9}
.proDetail03 .relate span{display:block;margin-top:15px}

.proDetail_04 .proleft { width: 48.31461%; float: left; }

.proDetail_04 .proright { width: 48.31461%; float: right; }

.proDetail_04 .proContact { line-height: 1.2; margin-top: 15px; }

.proDetail_04 .proContact li { padding: 2px 0; display: inline-block; margin-top: 5px; font-size: 17px; }

.proDetail_04 .proContact li, .proDetail_04 .proContact li a { color: #555; }

.proDetail_04 .proContact li a:hover { color: #4596D7; }

.proDetail_04 .proVid { overflow: hidden; position: relative; }

.proDetail_04 .proVid  a{display: block;width:100%;height:100%; position: absolute;top:0;left:0; }

.proDetail_04 .proVid img { width: 100%; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; }

.proDetail_04 .proVid:hover > img { transform: scale(1.11); -ms-transform: scale(1.11); -moz-transform: scale(1.11); -webkit-transform: scale(1.11); -o-transform: scale(1.11); }

.proDetail_04 .procon { margin-top: 15px; }

.proDetail_04 .procon > a { background: #4596D7; color: #fff; width: 43.72093%; max-width: 188px; line-height: 44px; text-align: center; font-size: 18px; position: relative; overflow: hidden; margin-right: 5%; min-width: 150px; }

.proDetail_04 .procon > a:after { content: '\e63c'; font-family: icomoon; font-weight: normal; vertical-align: top; font-size: 22px; padding-left: 8px; left: 100%; margin-left: 0; position: absolute; }

.proDetail_04 .procon > a:hover:after { margin-left: -30px; }

.proDetail_04 .procon .addthis_sharing_toolbox { padding: 5px 0; margin-top: 6px; white-space: nowrap; }

.proDetail_04 .procon > a, .procon .addthis_sharing_toolbox { vertical-align: middle; display: inline-block; }



@media screen and (max-width: 580px) { .proDetail_04 .proleft, .proright { width: 100%; }

  .proDetail_04 .proVideo { width: 300px; max-width: 100%; margin-top: 20px; }

  .proDetail_04 .proContact li { width: 100%; }

  .proDetail_04 .procon > a { width: 188px; max-width: 100%; }

  .proDetail_04 .procon .addthis_sharing_toolbox { margin-top: 10px; }

  .proDetail_04 .proContact { margin-top: 8px; } }

.proDetail_04 .proInfo { padding-bottom: 15px; font-size: 14px; border-bottom: 1px solid #e1e1e1; margin-bottom: 30px; }

.proDetail_04 #proimg { text-align: center; overflow: hidden; border: 1px solid #e2e2e2; overflow: hidden; }

.proDetail_04 #proDes { padding-top: 12px; margin-top: 1.68539%; padding-bottom: 15px; margin-bottom: 0.67416%; }

.proDetail_04 #proDes > .title { font-size: 16px; background: #4596D7; color: #fff; line-height: 1.5; padding: 8px 10px; min-width: 192px; text-align: center; display: inline-block; vertical-align: bottom; max-width: 100%; }

.proDetail_04 #tags { text-transform: capitalize; }

.proDetail_04 #proDes #tags li {height: 40px;cursor: pointer;background: #4596D7;margin-top: 1px;font-size: 15px;color: #fff;width: 220px;line-height: 40px;text-align: center;padding-left: 5px;padding-right: 5px;display: inline-block;}

@media screen and (max-width: 600px) { .proDetail_04 #proDes #tags li { width: 100%; } }

.proDetail_04 #proDes .tagContent { margin-top: 1px; padding: 12px 0; background: #fff; border-top: 1px solid #d8d8d8; }

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

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

.proDetail_04 .related { margin-top: 2%; padding-top: 16px; }

.proDetail_04 .related .title { color: #fff; font-size: 16px; line-height: 1.25; background: #4596D7; padding: 10px; min-width: 192px; display: inline-block; text-align: center; }

@media screen and (max-width: 600px) { .proDetail_04 .related .title { display: block; min-width: initial; } }

.proDetail_04 .related .justify { border: 1px solid #e8e8e8; padding: 2.24719% 2.80899% 0 2.80899%; margin-top: 1px; }

.proDetail_04 .related .justify .box, .related .justify .line { width: 22%; }

.proDetail_04 .related .justify .box { padding-bottom: 20px; margin-bottom: 1.1236%; text-align: center; margin-top: 5px; }

.proDetail_04 .related .justify .box img { width: 100%; border-radius: 4px; }

.proDetail_04 .related .justify .proPicTitle { padding: 2px 0; font-size: 14px; text-align: center; }

@media screen and (max-width: 600px) { .proDetail_04 .related .justify .box { width: 47%; }

  .proDetail_04 .related .justify .line { display: none; } }

.proDetail_04 .slick-prev,.proDetail_04 .slick-next{background: none;font-size: 40px;z-index: 1;}
.proDetail_04 #quotation_04 { padding-top: 12px; margin-top: 1.46067%; }

.news_03 .news { border: 1px solid #e5e5e5; padding: 20px; margin-bottom: 20px; }
.news_03 .news .img { width: 22.5%; }
.news_03 .news .info { width: 75%; }
.news_03 .news .info a { font-size: 16px; color: #8D8D8D; display: block; margin-bottom: 15px; font-weight: bold; }
.news_03 .news .info p { font-size: 14px; color: #B8B8B8; }
.news_03 .news .info span { color: #3074B3; font-size: 14px; display: block; margin-top: 10px; }
.news_03 .news:hover { background: #3074B3; }
.news_03 .news:hover .info a, .news_03 .news:hover .info span, .news_03 .news:hover .info p { color: #fff; }
@media screen and (max-width: 840px){
  .news_03 .news .img { width: 45%; display: block; margin-bottom: 20px; }
  .news_03 .news .info { width: 100%; }
}
@media screen and (max-width: 540px){
  .news_03 .news{padding: 10px;border-right:0;border-left:0; }
  .news_03 .news .img { width: 90%; margin-left: 5%; }
}

.caseList_03 .line { width: 31.3%; }

.caseList_03 .box { width: 31.3%; position: relative; margin-bottom: 30px; }
.caseList_03 .box img { width: 100%; }
.caseList_03 .box .title { position: absolute; bottom: 0; color: #fff; cursor: pointer; background: rgba(1, 160, 199, 0.8); width: 100%; text-align: center; padding: 0 10px; height: 40px; line-height: 40px; box-sizing: border-box;}
.caseList_03 .box .hide { position: absolute; top: 0; left: 0; background: rgba(1, 160, 199, 0.8); height: 0; width: 20%; filter: alpha(opacity=0); opacity: 0; text-align: center; padding: 20px; overflow: hidden; box-sizing: border-box;transition: 0.6s all cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: 0.6s all cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: 0.6s all cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: 0.6s all cubic-bezier(0.455, 0.03, 0.515, 0.955); -ms-transition: 0.6s all cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.caseList_03 .box .hide b { color: #fff; font-weight: normal; text-align: center; padding-bottom: 3px; border-bottom: 1px solid #7EC5C7; margin-bottom: 5px; }
.caseList_03 .box .hide p { color: #fff; font-size: 12px; line-height: 1.8; display: block; margin-bottom: 20px; }
.caseList_03 .box .hide a { color: #fff; padding: 9px 30px 7px; font-size: 12px; text-transform: capitalize; line-height: 1; border: 2px solid #fff; display: inline-block; position: relative; }
.caseList_03 .box .hide a:after { content: '\e63d'; display: inline-block; position: absolute; right: 11px; top: 8px; font-size: 14px; font-family: icomoon; }
.caseList_03 .box:hover .title { filter: alpha(opacity=0); opacity: 0; }
.caseList_03 .box:hover .hide { width: 100%; height: 100%; filter: alpha(opacity=100); opacity: 1; }

@media screen and (max-width: 1125px){
  .caseList_03 .box .hide { padding: 10px; }
  .caseList_03 .box .hide p { line-height: 1.4; margin-bottom: 7px; max-height: 46px; overflow: hidden; height: 46px; }
}
@media screen and (max-width: 760px){
  .caseList_03 .box, .caseList_03 .line { width: 48%; }
}
@media screen and (max-width: 450px){
  .caseList_03 .box, .caseList_03 .line { width: 100%; }
}

.contact_03 { padding: 30px 10.41667%; }
.contact_03 > b.title { display: block; text-align: left; font-size: 20px; color: #3074B3; padding-bottom: 10px; border-bottom: 3px solid #3074B3; line-height: 1; text-transform: uppercase; font-weight: normal; }
.contact_03 .info b { line-height: 1.2; color: #666666; font-size: 20px; display: block; text-align: center; font-weight: normal; margin: 25px 0; }
.contact_03 .info ul { padding-left: 8.33333%; }
.contact_03 .info ul li { display: block; line-height: 1; padding: 4px 0; zoom: 1; overflow: hidden; }
.contact_03 .info ul span { text-transform: capitalize; display: block; margin-right: 5px; text-align: right; width: 16%; min-width: 60px; color: #666; float: left; }
.contact_03 .info ul p { display: block; color: #666; zoom: 1; overflow: hidden; }

.contact_03 .message { margin-top: 5%; }

@media screen and (max-width: 960px){
  .contact_03 { padding: 0; padding-top: 20px; }
}

@media screen and (max-width: 800px){
  .contact_03 .info b { font-size: 16px; margin: 15px 0; }
}



.proPDF { padding-top: 10px; padding-bottom: 10px;}
.proPDF li { display: inline-block; position: relative; }
.proPDF li span { font-size: 12px; width: 150px; position: absolute; line-height: 1.1; bottom: 100%; left: 0; background: #E1E1E1; box-shadow: 0 0 5px rgba(255, 255, 255, 0.3); margin-bottom: 10px; padding: 10px; border-radius: 5px; color: #000; display: none; }
.proPDF li span:before { content: ""; border-top: 6px solid #E1E1E1; border-bottom: 6px solid transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; left: 20px; top: 100%; }

/*end*/