a, a:before, a:after, #goTop, .container, .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; }

.lm, .right, .left, .date, #banner .item span { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.justify, .inner, img, input, textarea, select, button, table, label, .center, .searchForm { -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: 'opensans', Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

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

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

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

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

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

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

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

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

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

button { overflow: visible; }

pre, textarea { overflow: auto; }

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

button, select { text-transform: none; }

button[disabled], html input[disabled] { cursor: default; }

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

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

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

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

sup { top: -.5em; }

sub { bottom: -.25em; }

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

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

input[type=search] { -webkit-appearance: textfield; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

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

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

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

[hidden], template { display: none; }

a { background-color: transparent; }

abbr[title] { border-bottom: 1px dotted; }

b, optgroup, strong { font-weight: 700; }

small { font-size: 80%; }

code, kbd, pre, samp { font-size: 1em; font-family: monospace,monospace; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

input { line-height: normal; }

input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; }

fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid silver; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

table th { background: #ddd; font-weight: 700; }

table td, th { padding: 5px; border: 1px solid #ccc; text-align: center; word-wrap: break-word; word-break: break-word; }

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

@font-face { font-family: 'icomoon'; src: url("http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/icomoon.eot"); src: url("http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/icomoon.eot?#iefix") format("embedded-opentype"), url("http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/icomoon.woff") format("woff"), url("http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/icomoon.woff2") format("woff2"), url("http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/icomoon.ttf") format("truetype"), url("http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/icomoon.svg#icomoon") format("svg"); }

html { font-size: 16px; }

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

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

*:before, *:after { text-align: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

input[type="text"], input[type="password"], textarea { text-align: left; background: transparent; }
input[type="text"]:focus, input[type="text"].focusOn, input[type="password"]:focus, input[type="password"].focusOn, textarea:focus, textarea.focusOn { background: #fff; }

.search::-webkit-input-placeholder { color: white; }

.search:-moz-placeholder { color: white; }

.search:-ms-input-placeholder { color: white; }

input, textarea, select, button, label { transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; }

.center { width: 100%; max-width: 1170px; 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; }
@font-face {
    font-family: verdana;
    src: url('http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/verdana.eot') format('eot');/*IE*/
    src: url('http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/verdana.woff') format('woff'),
    url('http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/verdana.ttf') format('truetype'),/*non-IE*/
    url('http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/verdana.svg') format('svg'),
    url('http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/verdana.woff2') format('woff2');
}

@font-face {
    font-family: myriadpro;
    src: url('http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/myriadpro.eot') format('eot');/*IE*/
    src: url('http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/myriadpro.woff') format('woff'),
    url('http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/myriadpro.ttf') format('truetype'),/*non-IE*/
    url('http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/myriadpro.svg') format('svg'),
    url('http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/myriadpro.woff2') format('woff2');
}

@font-face {
    font-family: helvetica;
    src: url('http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/helvetica.eot') format('eot');/*IE*/
    src: url('http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/helvetica.woff') format('woff'),
    url('http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/helvetica.ttf') format('truetype'),/*non-IE*/
    url('http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/helvetica.svg') format('svg'),
    url('http://resourcewebsite.singoo.cc/static/16013555445112914/en/template054/font/helvetica.woff2') format('woff2');
}


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

.indexNew .list .mask, .inner, img, input, textarea, select, button, table, label, .center, .searchForm, .formStyle li, .rightMessage .rely, .tab, .mask, .lmL, .lm, .indexSol .right , li, ul{ -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; }


html { font-size: 16px; }

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

a { text-decoration: none; }

.footertoolbar { background: #D64A4F; }

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


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

#goTop { position: fixed; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 20px; background: #000; 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 { opacity: 0.7; }
@media screen and (max-width: 900px) { #goTop { margin-bottom: 50px; } }


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



body { font-family: verdana, Arial, 'Microsoft YaHei', SimSun, Sans-serif; }

/*main code*/
.container { width: 100%; overflow: hidden; }

/*首部*/
.header { width: 100%; padding-top: 55px;  padding-bottom: 10px; position: relative; }
.topHeader { position: absolute; top: 0; left: 0; padding-top: 16px; width: 100%;  }
.topContact { float: left; }
.topContact span { display: inline-block; }
.topShare { float: right; }
.toptel { margin-right: 20px; }
.topemial { margin-right: 15px; }
.toptel a, .topemial a { color: #dc5a28; }
.lang { display: inline-block; }
.lang img { vertical-align: middle; }
.lang a { color: #494848; }
.lang a:hover { color: #dc5a28; }

.topShare  a, .footShare a { display: inline-block;  line-height: 32px; text-align: center;    }
.topShare  a:before, .footShare a:before { font-family: icomoon; color: #fff; width: 32px; height: 32px; display:inline-block; overflow:hidden;vertical-align: middle;  }
.sharefb { margin-right: 3px; }
.sharefb:before { font-size: 26px; content: '\e62c';  background: #45619d; text-shadow: 0px 0px #31446f, 1px 1px #31446f, 2px 2px #31446f, 3px 3px #31446f, 4px 4px #31446f, 5px 5px #31446f, 6px 6px #31446f, 7px 7px #31446f, 8px 8px #31446f, 9px 9px #31446f, 10px 10px #31446f, 11px 11px #31446f, 12px 12px #31446f, 13px 13px #31446f, 14px 14px #31446f, 15px 15px #31446f, 16px 16px #31446f, 17px 17px #31446f, 18px 18px #31446f, 19px 19px #31446f, 20px 20px #31446f, 21px 21px #31446f, 22px 22px #31446f, 23px 23px #31446f, 24px 24px #31446f, 25px 25px #31446f;  }
.shareyt:before { font-size: 12px; content: '\e633'; background: #cc181e; text-shadow: 0px 0px #901115, 1px 1px #901115, 2px 2px #901115, 3px 3px #901115, 4px 4px #901115, 5px 5px #901115, 6px 6px #901115, 7px 7px #901115, 8px 8px #901115, 9px 9px #901115, 10px 10px #901115, 11px 11px #901115, 12px 12px #901115, 13px 13px #901115, 14px 14px #901115, 15px 15px #901115, 16px 16px #901115, 17px 17px #901115, 18px 18px #901115, 19px 19px #901115, 20px 20px #901115, 21px 21px #901115, 22px 22px #901115, 23px 23px #901115, 24px 24px #901115, 25px 25px #901115; }
.sharetw:before { font-size: 18px; content: '\e62b'; background: #41ABE1; text-shadow: 0px 0px #246C93, 1px 1px #246C93, 2px 2px #246C93, 3px 3px #246C93, 4px 4px #246C93, 5px 5px #246C93, 6px 6px #246C93, 7px 7px #246C93, 8px 8px #246C93, 9px 9px #246C93, 10px 10px #246C93, 11px 11px #246C93, 12px 12px #246C93, 13px 13px #246C93, 14px 14px #246C93, 15px 15px #246C93, 16px 16px #246C93, 17px 17px #246C93, 18px 18px #246C93, 19px 19px #246C93, 20px 20px #246C93, 21px 21px #246C93, 22px 22px #246C93, 23px 23px #246C93, 24px 24px #246C93, 25px 25px #246C93; }

#logo{vertical-align: middle;}

#nav { vertical-align: middle; margin-top: 16px; z-index: 99; }
#nav>ul>li{display: inline-block;margin-right: 30px;position: relative;}
#nav>ul>li:last-child{margin-right: 0;}
#nav>ul>li>a { font-family: myriadpro; font-size: 18px; line-height: 1.2; color: #333; text-transform: uppercase; font-weight: bold; }
#nav>ul>li>a:hover { color: #dc5a28; }
#nav>ul>li:hover>a,#nav>ul>li.active>a{ color: #dc5a28;}
#nav>ul>li ul{width:220px;position: absolute;top:100%;left:-10px;z-index: 1;background: #fff;padding: 20px 0 10px;display: none;box-shadow: 0 0 10px rgba(0,0,0,.2);}
#nav>ul>li ul ul{top:0;left:100%;}
#nav>ul>li ul>li{margin-bottom: 1px;position: relative;}
#nav>ul>li ul>li>a{display: block;padding: 7px 10px;color:#333;}
#nav>ul>li ul>li:hover>a,#nav>ul>li ul>li.active>a{background: #dc5a28;color:#fff;}

.main { width: 100%; }

.mainIcon { margin-right: 12px; }


.footer { width: 100%; color: #dadada; background: #4a4a4a;  }
.siteinfo { padding: 3.7% 0 6.2% 0; }
.footerTitle { font-size: 18px; color: #fff; text-transform: uppercase; line-height: 1.33; margin-bottom: 22px; margin-top: 30px; }
.footer a { color: #dadada; }
.footerAbout ul li { line-height: 24px; color: #dadada; }
.footerAbout ul li a:hover { color: #dc5a28; }
.footerAbout05 { max-width: 350px; }
.footShare li { margin: 13px 0 0 0; }
.footShare li a:before { margin-right: 15px; }

.siteinfoLegal { background: #333;color: #cecece; padding: 2% 0; font-size: 12px; }
.siteinfoLegal a{color: #cecece;}
.copyright a:hover { color: #dc5a28; }
.copyright span { display: inline-block; }
.support{display: inline-block;margin-left: 20px;}


#menuBtn { position: fixed; width: 35px; height: 35px; top: 15px; right: 15px; background: #dc5a28; z-index: 100; cursor: pointer; text-align: center; line-height: 35px; display: none; }
#menuBtn:before { font-family: icomoon; color: #fff; content: '\e637'; font-size: 24px; }
#menuBtn.active:before { content: '\e60b'; font-size: 28px; }

/*gotop*/
#goTop { position: fixed; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 20px; background: #000; 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 { opacity: 0.7; }

@media screen and ( max-width:1100px ) {
    .footerAbout, .line { width: 33%; }
    #nav, #logo { width: 100%; text-align: center;}
    #logo { text-align: center; }
    .mainTitle { font-size: 28px; line-height:1.1;}
}


@media screen and ( max-width:800px ) {
    #menuBtn { display: block; }
    .mainTitle { font-size: 24px; line-height:1.2; }
    .topHeader { position: static; }
    .header { padding-top: 30px; }
    #footerToolBar, .toolMask { display: block; }
    .siteinfoLegal { margin-bottom: 47px; }
    .siteinfo .footerAbout01, .siteinfo  .footerAbout03, .siteinfo  .footerAbout04, .footPro, .footlist { display: none; }
    .footerAbout { width: 50%; }
    .footerTitle { margin-top: 20px; }
    .proWrap a, .proPicWrap a { font-size: 14px; }
    #nav { width: 240px; position: fixed; float: none; top: 72px; right: 10px; z-index: 100; margin: 0; display: none; background: #dc5a28; padding: 10px 0; box-shadow: 0 0 15px white; }
    #nav > ul > li { margin: 0; display: block; text-align: center; line-height: 1; padding: 0; font-size: 14px; margin-bottom: 1px; }
    #nav > ul > li > a { padding: 12px 0; display: block; color: white; font-size: 14px; }
    #nav > ul > li:hover, #nav > ul > li.active { background: #984324; }
    #nav > ul > li:hover a, #nav > ul > li.active a { color: white; background: none; }
    #nav > ul > li:hover:before, #nav > ul > li.active:before { display: none; }
    #nav > ul > li:last-child { border-bottom: 0; }
    #nav > ul > li:hover ul { display: none; }
    #nav > ul > li:hover > a:before { display: none; }
    #nav > ul > li:before { display: none; }
    #nav > ul > li:hover .hidWrap { height: 0; }
}

@media screen and ( max-width:740px ) {


    .mainTitle { font-size: 24px; line-height:1.3; }
    .mainProImg { margin-top:15px; }
    .mainPro{margin-bottom: 35px;}
}

@media screen and ( max-width:680px ) {
    .topShare { display: none; }
    .topContact { width: 100%; text-align: center; margin-bottom: 10px; }
    .topContact span { padding: 3px 0; }
    .mainProPic { width: 48.3%; }
    .siteinfo  .footerAbout05, .footerAbout { width: 100%; }
    .footShare li { display:inline-block; margin-right:18%; }
    .footShare li:last-child { margin-right:0; }
    .footerTitle { margin-top: 15px; margin-bottom: 10px; }
    .siteinfoLegal { padding: 3.5% 0; }

}

@media screen and ( max-width:480px ) {
    .proWrap a, .proPicWrap a { font-size: 12px; }
    #logo img { width: 50%; }
    .mainTitle { font-size: 20px; line-height:1.5; padding-left:45px;}
}

/*product一级*/
#bgPic { width: 100%; padding: 3.7% 0; text-align: center; position: relative;overflow: hidden;}
#bgPic .wrap{position: relative;}
#bgPic .bg{height: 100%;width: auto;max-width: none;position: absolute;top: 0;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);}
.contentTitle { font-family: myriadpro; font-size: 36px; color: #fff; font-weight: bold; }
.contentLink, .contentLink a { font-family: myriadpro; font-size: 16px; color: #fff; margin-top: 10px; }
.contentLink a:hover { color: #dc5a28; }
.contentLink span { display: inline-block; }
.content { padding-top: 3%; padding-bottom: 3%; }
.contentRight, .contentLeft { box-sizing: border-box; }
.contentRight { float: right; width: 74.33%; }
.contentLeft { float: left; width: 22.4%; }
.asideTitle { font-family: myriadpro; font-size: 26px; line-height: 1.2; color: #333; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #ccc; padding-left: 10px; }

/*美化列表*/
.prolist { counter-reset: li; margin-top: 10px; }
.prolist li { display: inline-block; margin-bottom: 1px; width: 100%; position: relative;}
.prolist li a { width: 100%; display: inline-block; padding: 11px 0; position: relative;  padding-left: 30px; color: #888; line-height: 1.3; box-sizing: border-box; }
.prolist>li>a:before { content: counter(li); counter-increment: li; margin-right: 5px; display: none;}
.prolist>li>a:after { font-family: icomoon; position: absolute; top: 50%; left: 10px; content: '\e63c'; font-size: 16px; margin-top: -9px; display: none; color: #fff; }
.prolist li.active, .prolist li:hover { background: #dc5a28; }
.prolist li.active a, .prolist li:hover a { color: #fff; padding-left: 22px; }
.prolist li.active a:after, .prolist li:hover a:after { display: block; }
.prolist li.active a:before, .prolist li:hover a:before { color: transparent; }

#chatToolMail{background: #dc5a28;}




/*dmg*/
.dmgInfo {  border-bottom: 1px solid #c8c8c8; margin: 20px 0;   padding-left: 40px;  position: relative;}
.dmgInfo:first-child { margin-top: 0; }
.dmgTitle { margin-bottom: 5px; }
.dmgTitle a { font-family: myriadpro; font-size: 18px; font-weight: bold; color: #666; line-height: 1.3;}
.dmgTitle a:hover, .dmgArt a:hover { color: #dc5a28; }
.dmgTime { font-family: helvetica; color: #888; margin-bottom: 15px; margin-right: 15px;}
.dmgArt {  margin-bottom: 15px; max-height: 72px; overflow: hidden;  }
.dmgArt a { line-height: 24px; color: #888; }

/*contact Us*/
.contact { margin: 2.8% 0; }
.contactInfo { float: left; width: 35%; }
.contactForm { float: right; width: 60%; position: relative; }
.contactTitle { font-size: 26px; color: #000; font-weight: bold; text-transform: uppercase; margin-bottom: 3.5%; font-family: myriadpro; }
.contactWay li { width: 100%; display: inline-block; margin: 5px 0; }
.contactWay li a { color: #888; }
#contactForm li { margin-bottom: 2.5%; }
#contactForm li.half { width: 47.3%; }
#contactForm li label { display: block; margin-bottom: 5px; }
#contactForm li input { width: 100%; height: 52px; border: 1px solid #ccc; padding: 0 10px; border-radius: 3px; }
#contactForm li textarea { width: 100%; min-height: 165px; padding: 10px; border: 1px solid #ccc; border-radius: 3px;  }
#contactForm li.codebox { position: absolute; bottom: 0; left: 0; width: 47.3%; margin-bottom: 0; }
.codeWrap { margin-top: 18px; }
.codeWrap #formCode { height: 33px; width: 85px; }
.codeWrap img { height: 33px; cursor: pointer; }
#contactForm li .btn { margin-top: 18px; }
.btn01, .btn02 { height: 42px; width: 44%; border: 1px solid #ccc; background: #fff; color: #555; border-radius: 3px; }
.btn01 { margin-right: 14px; background: #dc5a28; color: #fff; }
.btn01:hover, .btn02:hover { background: #dc5a28; color: #fff; }
#contactForm li.Messgaes, #contactForm li.tel { margin-bottom: 0; }


/*productDetail*/
.proleft { display: inline-block; width: 38%; float: left; border-radius: 5px; }
.proleft .item { display: none; border:8px solid #ccc; border-radius: 5px; }
.proleft .item:first-child { display: block; }
.proleft.slick-slider .item { display: block; }
.proleft img { width:100%; }
.proleft .slick-prev, .proleft .slick-next { height: 50px; width: 40px; line-height: 50px; font-size: 36px; font-weight: 600; margin-top: -25px; color: #000; top: 90%; }
.proleft .slick-prev { left: 30%; }
.proleft .slick-next { right: 30%; }
.proleft .slick-prev:hover , .proleft .slick-next:hover { color: #bf031d; }

.proRight { display: inline-block; width: 57.6%; float: right; }
.proTitle { font-family: myriadpro; font-weight: bold; font-size: 22px; color: #dc5a28; line-height: 1.4; margin-bottom: 5px; }
.proArt { margin-bottom: 6%; line-height: 1.4; margin-top: 4%; color: #666; }
.proShow { width: 100%; display: flex;justify-content: space-around;margin-top: 10px;align-items: flex-start;flex-wrap: wrap;}
.proVideo { width: 36.5%; position: relative;margin-right: 3%; }
.proContact {flex: auto;}
.proVideo img { width: 100%; }
.proVideo a.playbtn { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(/static/16013555445112914/en/template054/img/videobtn.png) no-repeat center; z-index: 9; }


.proContact a.contactBtn { display: inline-block; background: #dc5a28; height: 38px; width: 112px; text-align: center; color: #fff; line-height: 38px; border: 1px solid #dc5a28; }
.proWay { padding-left: 5px; margin-top: 10px; }
.proWay span { display: block; min-width: 100px;}
.proWay span a { color:#dc5a28; }

.proShare { margin-top: 15px; }
.proShare .fb a:before, .proShare .yt a:before { display: inline-block; font-family: icomoon; color: #fff; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 32px; font-size: 20px; }
.proShare .fb a:before { content:'\e62c'; background: #3a589b; margin-right: 10px; }
.proShare .yt a:before { content:'\e631'; background: #cf3427; }

/*选项卡*/
#proDes { margin: 4% 0; }
#tags { text-transform: capitalize; }
#proDes #tags li { display: block;box-sizing: border-box; float: left; width: 20%; border-left: 1px solid #fff; }
#proDes #tags li:first-child { border-left: 0px none; }
#proDes #tags li { white-space:nowrap; height: 40px; cursor: pointer; background: #eaeaea; margin-top: 1px; font-size: 16px; text-align: center; padding-left: 5px; padding-right: 5px; color: #000; font-family: myriadpro; font-weight: bold; }
#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: #dc5a28; color: #fff; }
.tagContent:first-child { display: block; }
#proDes .tagContent { margin-top: 1px; background: #fff; border: 1px solid #e5e5e5; padding: 12px; /* min-height: 205px; */ }
.tagContent { word-wrap: break-word; word-break: break-word; overflow: auto; display: none; }
.tagContent.selected { display: block; }

/*表单*/
.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; }


.formtitle { display: table; width: 100%; background: #eaeaea; }
.formtitle strong { color: #fff; background: #dc5a28; font-size: 16px; line-height: 40px; text-align: center; white-space: nowrap; padding: 0 8px; border-right: 1px solid #fff; width: 21%; min-width: 170px; font-family: myriadpro; }
.formtitle strong, .formtitle p { display: table-cell; vertical-align: middle; }
.formtitle p { color: #888; line-height: 1.4; padding: 8px; }
#quotation { padding-top: 12px; padding-bottom: 12px; margin-top: 1.46067%; }
#quotation ul { display: inline-block; border: 1px solid #d5d5d5; margin-top: 1px; padding: 1.68539% 3.37079%;margin-bottom: 3%; }
#quotation li { margin-top: 20px; width: 100%; position: relative; font-size: 14px; float: left;box-sizing: border-box; }
#quotation li textarea { position: relative; }
#quotation li img { margin-right: 3px; }
#quotation li.codeWrap div, #quotation li img { display: inline-block; vertical-align: middle; }
#quotation li div { position: relative; }
#quotation li.half { width: 49%; height: 42px; }
#quotation li.half:nth-child(odd) { margin-right: 2%; }
#quotation label { position: absolute; line-height: 20px; height: 20px; z-index: 1; width: 100%; }
#quotation label { left: 0; top: 5px; margin-top: 0; padding: 0 10px; color: #8d8d8d; }
#quotation li.message { margin-top: 13px; }
#quotation li.codeWrap { padding-top: 5px; }
#quotation li.codeWrap div { text-align: left; margin-right: 22px; }
#quotation li.codeWrap label { padding-top: 5px; }
#quotation li.cen { text-align: center; }
#quotation li.cen { margin-top: 15px; }
#quotation input, #quotation textarea { position: relative; border: 1px solid #ddd; }
#quotation textarea { width: 100%; height: 100px; padding: 10px 0px;}
#quotation li.lab input { width: 100%; height: 42px; }
#quotation li.lab input, #quotation li.lab textarea { padding: 20px 7px; }
#quotation li.lab input:focus, #quotation li.lab textarea:focus { padding: 2px 7px 18px 7px; border-color: #dc5a28; }
#quotation li.lab input:focus + label, #quotation li.lab textarea:focus + label { position: absolute; top: 100%; height: 16px; line-height: 16px; background: #dc5a28; color: #fff; font-size: 12px; margin-top: -16px; padding: 0 8px; z-index: 3; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms;transition: 300ms;}
#quotation input[name="code"] { height: 30px; padding: 4px 7px; width: 85px; }
#quotation input.btn { width: 95px; line-height: 28px; height: 30px; border: 1px solid #d0d0d0; color: #8d8d8d; background: #fff; font-size: 14px; margin-bottom: 10px; cursor: pointer; }
#quotation input.btn:hover { background: #dc5a28; border-color: #dc5a28; color: #fff; cursor: pointer; }
#quotation input.btn:first-child { margin-right: 16px; border-color: #dc5a28; background: #dc5a28; color: #fff; }
@media screen and (max-width: 600px) { #quotation ul { padding: 1px 10px 5px 10px; }
    #quotation li.half { width: 100%; } }
#quotation.contForm { margin-bottom: 1.68539%; }

/*图片滚动转换*/
.related .relatedTitle { color: #fff; font-size: 16px; line-height: 40px; background: #dc5a28; height: 40px; width: 195px; box-sizing: border-box; font-family: myriadpro;text-align: center; margin-bottom: 1px; font-weight: bold; display: block;}
.pro { padding: 2% 3.5%; border:1px solid #ccc; }
.related .proPic {  width: 22.3%; padding: 10px 0; }
.related img { width: 100%; }
.related .proPicTitle a { display: inline-block; width: 100%; padding: 3px 0; font-size: 12px; margin-top: 15px; text-decoration: none; color: #888; }
.related .proPic:hover a { color: #dc5a28; }
.pro .line { width: 22.3%; }


/*响应*/
@media screen and ( max-width:1200px ) {
    .asideTitle { font-size: 22px; }
}
@media screen and ( max-width:1100px ) {
    .proArt { margin-bottom: 8%; }
    .dmgTitle a { font-size: 16px; }
    .asideTitle { font-size: 18px; }
    .contentTitle { font-size: 32px; }
}

@media screen and ( max-width:880px ) {
    .contentLeft, .contentRight { width: 100%; }
    .contentLeft { margin-top: 10px; }
    .prolist { display: none; }
    .asideTitle { border: 0px none; background: #dc5a28; color: #fff; font-size: 16px; padding: 10px 0 10px 10px; cursor: pointer; position: relative; font-weight: normal; }
    .asideTitle:after { font-family: icomoon, verdana; content: 'Close \e656'; position: absolute; top: 0; right: 0; z-index: 9; color: #fff; line-height: 1; margin: 12px; font-size: 12px }
    .asideTitle.listside:after { content: 'Open \e636'; }
    #proDes { margin: 3% 0; }
    #quotation { padding: 0; }
    #proDes #tags li { width: 33.3% }
    #proDes #tags li:nth-child(4), #proDes #tags li:nth-child(5) { width: 50%; }
    .contactInfo, .contactForm { width: 100%; float: none; margin: 10px 0; }
    .contactTitle { font-size: 22px; margin-bottom: 2%; }
    .proPicWrap a { font-size: 12px; }
    .contentTitle { font-size: 28px; }
    .dmgTitle, .dmgTime { margin-bottom: 10px; }
    .dmgArt { max-height: 54px; overflow: hidden; }
    .dmgArt a { line-height: 18px; }
}

@media screen and ( max-width:700px ) {
    .proleft { display: block; width: 50%; float: none; margin: 10px auto; }
    .proRight { width: 100%; }
}


@media screen and ( max-width:640px ) {
    .related .proPic{ width: 48%; }
    #contactForm li.Messgaes { float: left;  }
    #contactForm li.tel { float: right; margin-bottom: 15px; }
    #quotation li.half, #contactForm li.half { width: 100%; }
    .formtitle strong, .formtitle p { display: block; width: 100%;
        box-sizing: border-box; }
    #bgPic { margin-top: 0; padding: 20px 0;}
    .proRight { margin-top: 10px; }
    .contentTitle { font-size: 24px; }
    .contentLink a { font-size: 14px; }
    .proTitle { font-size: 18px; }
    .dmgInfo { margin: 10px 0; }
    #contactForm li input { height: 42px; }
    #contactForm li.codebox { position: static; display: inline-block; width: 100%; }
    .btn01, .btn02 { width: 120px; }
    .formtitle p { font-size: 12px; }
}

@media screen and ( max-width:580px ) {
    #proDes #tags li,#proDes #tags li:nth-child(4), #proDes #tags li:nth-child(5) { width:100%; }
    .proVideo { width: 50%; float: none; margin: auto; }
    .proContact { width: 100%; margin-top: 15px; text-align: center; }
    .asideTitle:after { margin: 10px; }
    .related .proPicTitle a { margin-top: 8px; }
    .related .proPic { width: 48.3%; padding: 5px 0; }

    .content { padding-bottom: 5%; padding-top: 5%; }
    .contentLink { margin-top: 0; }
}


@media screen and ( max-width:420px ) {
    .proleft, .proVideo { width: 70%; }
}

@media screen and ( max-width:380px ) {
    .related .relatedTitle { width: 100% }
}

@media screen and ( max-width:340px ) {
    .proleft, .proVideo { width: 100%; }
}



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

span.help-block-error { color: #a94442; }


.newDetail .newDetop .title, .mainContact .title { font-size: 30px; line-height: 1.2; }
.newDetail .newDetop .title, .mainContact .title { font-size: 28px; }
.newDetail .newDetop .title, .mainContact .title { font-size: 26px; }
.newDetail .newDetop .title, .mainContact .title { font-size: 22px; }
.newDetail { padding-bottom: 4.49438%; border-bottom: 1px solid #CECECE; margin-bottom: 2.13483%; }
.newDetail .newDetop { margin-bottom: 20px; }
.newDetail .newDetop .title { color: #1672B7; display: block; text-align: center; padding-bottom: 1.68539%; margin-bottom: 1.68539%; border-bottom: 1px solid #D4D4D4; }
@media screen and (max-width: 550px) { .newDetail .newDetop .title { font-size: 18px; } }
.newDetail .newDetop a, .newDetail .newDetop span { color: #1672B7; }
.newDetail .newDetop .date { display: inline-block; margin-left: 5.61798%; }
@media screen and (max-width: 550px) { .newDetail { padding-bottom: 20px; margin-bottom: 15px; } }

.aside .prolist > li:hover ul { display: block; }
@media screen and (max-width: 880px) { .aside .prolist > li:hover ul { display: none; } }
.aside .prolist ul { position: absolute; left: 100%; margin-left: 1px; top: 0; width: 100%; background: #3486c7; display: none; z-index: 9; -webkit-box-shadow: 0 0 5px #fff; -moz-box-shadow: 0 0 5px #fff; box-shadow: 0 0 5px #fff; }
.aside .prolist ul a { color: #fff; padding-left: 20px; display: block; padding-top: 11px; padding-bottom: 11px; line-height:1.3; }
.aside .prolist ul a:before { color: #fff; }
.aside .prolist ul li { border-bottom: 1px solid #fff; }
.aside .prolist ul li:last-child { border-bottom: 0; }
.aside .prolist ul li.active, .aside .prolist ul li:hover { background: #dc5a28;;  }

.contentArt{ font-size:14px; color:#555; line-height:22px; overflow:hidden; margin-bottom:25px;}
.contentArt:first-letter{ float:left; font-size:30px; margin:3px; line-height:1;}

.contentRight .contentlist { counter-reset: li; list-style: none; *list-style: decimal; }
.contentRight .contentlist li::before { content: counter(li);counter-increment: li; text-align:center; line-height: 24px; font-size: 18px; background:#dc5a28; z-index:99999999;  display:inline-block; width: 24px; height: 24px; color:#fff; vertical-align:middle;margin-right:10px; position: absolute; top: 0; left: 0; }


.my_dot{ width:20px;height: 16px; line-height: 16px; color:#000;display: inline-block;position: relative;}
.my_dot:before{ content: ''; font-size: 30px;border-radius: 50%;width: 5px;height: 5px;position: absolute;background-color: #dc5a28;top: 50%;transform: translate(0,50%);}

.news .box { width: 30.83333%; margin-bottom: 3.33333%; }
.news .box:hover .imgWrap { box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
.news .box:hover .tit { color: #dc5a28; }
.news .line { width: 30.83333%; }
.news .tit { display: inline-block; font-size: 20px; color: #222; margin-top: 10px; }
.news .des { color: #555; line-height: 24px; max-height: 72px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 7px; }
.news .date { color: #dc5a28; position: relative; margin-top: 25px; }
.news .more { display: inline-block; color: #dc5a28; display: inline-block; line-height: 1.2; position: relative; margin-top: 15px; }
.news .more:before { content: ""; height: 1px; background: #dc5a28; position: absolute; bottom: 0; left: 0; right: 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; }
.news .more:hover:before { right: 50%; left: 50%; }

@media screen and (max-width: 875px) { .news .box { width: 48%; margin-bottom: 20px; }
    .news .tit { font-size: 16px; } }
.newsDetail .title { font-size: 30px; color: #000; padding-bottom: 15px; border-bottom: 1px solid #d3d8dc; }
.newsDetail .dateWrap .date { display: inline-block; color: #dc5a28; position: relative; margin-top: 10px; }
.newsDetail .textWrap { padding-top: 3.75%; padding-bottom: 4.16667%; border-bottom: 1px solid #d3d8dc; }

@media screen and (max-width: 875px) { .newsDetail .title { font-size: 20px; }
    .newsDetail .textWrap { padding-top: 30px; padding-bottom: 35px; } }



.ProductPic{ position: relative; display: inline-block; border-radius: 5px; margin-top: 3%; width: 47%; }
.ProductPic { width: 31%; margin-bottom: 3.2%; margin-top: 0; }
.productImg .line { width: 31%; }
.ProductPic img { width: 100%; border-radius: 5px; }

.ProductPic .proPicWrap { box-sizing: border-box; position: absolute; bottom: 0; left: 0; width: 100%; background: #000; background: rgba(0,0,0,0.5);  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000, endColorstr=#80000000);  }

.proWrap, .proPicWrap { display: inline-block; height: 58px; color: #fff; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;  white-space: nowrap;}
.proWrap i:before, .proPicWrap i:before {  position: absolute; top: 50%; font-size: 20px; right: 5%; font-family: icomoon; content: '\e628'; margin-top: -11px; }
@media screen and (max-width: 900px){
    .proWrap i:before, .proPicWrap i:before{ display: none;}
}
.ProductPic:hover .proPicWrap{ background: #bf031d; background: rgba(0,48,124,0.65);  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#68bf031d,endColorstr=#68bf031d)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#68bf031d, endColorstr=#68bf031d); }
.ProductPic .proPicWrap:after { content:'';width:0; height:100%; overflow:hidden; }
.ProductPic .proPicWrap i, .ProductPic .proPicWrap:after  { box-sizing: border-box; display:inline-block; vertical-align:middle; padding: 0 5%; }
.ProductPic .proPicWrap i { white-space:normal; line-height:1.2; width:100%;  }
@media screen and ( max-width:580px ){
    .ProductPic{width:48%;}
}

.pageNum { max-width: 100%; }
.pageNum a, .pageNum span { display: inline-block; vertical-align: top; margin-bottom: 5px; margin-right: 6px; line-height: 20px; padding: 5px 12px; background: #E5E5E5; color: #000; }
.pageNum span.current, .pageNum a:hover { background: #004098; color: #fff; }

.prenext { text-transform: capitalize; padding-top: 20px; color: #666; font-size: 14px; line-height: 1.5; }

.prenext div { display: inline-block; padding-right: 3px; color: #000; }

.prenext a { color: #dc5a28; font-weight: bold; }

#footerToolBar{background: #dc5a28;}

.searchForm { position: relative; max-width: 100%; }

.searchForm .search { width: 100%; border: 0px none; }

.searchForm .searchBtn { border: 0px none; position: absolute; top: 0; right: 0; text-align: center; }

.searchWrap { display: inline-block; vertical-align: middle; margin-right: 30px; }

.searchWrap .searchForm { position: static; text-align: left; }

.searchWrap .searchCont { width: 300px; height: 40px; 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: 10; border-radius: 3px; }

.searchWrap .search { width: 260px; height: 40px; padding: 0 15px; box-sizing: border-box; background: #F3F3F3; border-radius: 3px 0 0 3px; color: black; }

.searchWrap .search.focusOn + label, .searchWrap .search:focus + label { display: none; }

.searchWrap .search.focusOn, .searchWrap .search:focus { background: #F3F3F3; }

.searchWrap label { font-size: 14px; width: 320px; height: 40px; line-height: 40px; position: absolute; padding: 0 15px; top: 0; left: 0; box-sizing: border-box; color: #B8B8B8; text-transform: capitalize; }

.searchWrap .searchBtn { display: inline-block; width: 40px; height: 40px; background: #DC5A28; }

.searchWrap .searchBtn:before { content: "\e655"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 18px; color: #fff; }