@charset "UTF-8";
a, a:before, a:after, .proPic, .title, .proTab, .tab, input, textarea, label, img, .content, .indexCenter .title, .lm, .mask,#newSearch,li,ul { 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, .center, .searchForm, .formStyle li, .topLeft, .whyUs, .footRight, .spec table th, .rightMessage .rely, .rightTab .tab { -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, .searchForm,.box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.topLeft .one, .topLeft .two, #nav, #footer .footLeft .title, #footer .footList, #newNav > li, .language a, #newFooter .item .title { text-transform: uppercase; }

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

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

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

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

.ab, .topLeft .two, .whyUs .title, .mainPath .title, .indexCenter .content .title, .hotPro > .title { font-family: MyriadPro-Bold, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

body, #footer .footLeft li { font-family: MyriadPro-Regular, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

.indexCenter .down .content .smallT, #footer .footLeft .title, #footer .footList .title, #newFooter .item .title { font-size: 18px; line-height: 1.2; }
@media screen and (max-width: 880px) { .indexCenter .down .content .smallT, #footer .footLeft .title, #footer .footList .title, #newFooter .item .title { font-size: 16px; } }

.hotPro .hotList .content .title, .proList .content .title, .detailTop .left .title { font-size: 20px; line-height: 1.2; }
@media screen and (max-width: 880px) { .hotPro .hotList .content .title, .proList .content .title, .detailTop .left .title { font-size: 18px; } }

.aside > .title { font-size: 22px; line-height: 1.2; }
@media screen and (max-width: 880px) { .aside > .title { font-size: 20px; } }

.indexCenter .content .title, .hotPro > .title, .indexBottom .whyUs .title, .mainPath .title ,.ptitle,.mainContact .title,.newDetail .newDetop .title{ font-size: 30px; line-height: 1.2; }
@media screen and (max-width: 880px) { .indexCenter .content .title, .hotPro > .title, .indexBottom .whyUs .title, .mainPath .title ,.ptitle,.mainContact .title,.newDetail .newDetop .title{ font-size: 28px; } }
@media screen and (max-width: 650px) { .indexCenter .content .title, .hotPro > .title, .indexBottom .whyUs .title, .mainPath .title ,.ptitle,.mainContact .title,.newDetail .newDetop .title{ font-size: 26px; } }
@media screen and (max-width: 580px) { .indexCenter .content .title, .hotPro > .title, .indexBottom .whyUs .title, .mainPath .title ,.ptitle,.mainContact .title,.newDetail .newDetop .title{ font-size: 22px; } }

.topLeft .two { font-size: 40px; line-height: 1.2; }
@media screen and (max-width: 950px) { .topLeft .two { font-size: 36px; } }
@media screen and (max-width: 750px) { .topLeft .two { font-size: 32px; } }

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

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

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

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

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

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

caption, th { text-align: left; }

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

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

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

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

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

button { overflow: visible; }

textarea, pre { overflow: auto; }

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

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

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

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

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

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

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

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

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

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

[hidden], template { display: none; }

@font-face { font-family: 'icomoon'; src: url("../font/icomoon.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lato'; src: url("../font/Helvetica.eot"); src: url("../font/Helvetica.eot?#iefix") format("embedded-opentype"), url("../font/Helvetica.woff") format("woff"), url("../font/Helvetica.woff2") format("woff2"), url("../font/Helvetica.ttf") format("truetype"), url("../font/Helvetica.svg#verdana") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MyriadPro-Bold'; src: url("../font/MyriadPro-Bold.eot"); src: url("../font/MyriadPro-Bold.eot?#iefix") format("embedded-opentype"), url("../font/MyriadPro-Bold.woff") format("woff"), url("../font/MyriadPro-Bold.ttf") format("truetype"), url("../font/MyriadPro-Bold.svg#verdana") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MyriadPro-Regular'; src: url("../font/MyriadPro-Regular.eot"); src: url("../font/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("../font/MyriadPro-Regular.woff") format("woff"), url("../font/MyriadPro-Regular.ttf") format("truetype"), url("../font/MyriadPro-Regular.svg#verdana") format("svg"); font-weight: normal; font-style: normal; }
html { font-size: 16px; }

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

a { text-decoration: none; color: #2c6ab6; }

*: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: 1280px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }
@media screen and (min-width: 1440px) { .center { width: 100%; padding-left: 0; padding-right: 0; max-width: 1366px;} }

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 .sharefb:before { content: '\e62c'; }
.shareList .sharetw:before { content: '\e62b'; }
.shareList .sharein:before { content: '\e630'; }
.shareList .sharegl:before { content: '\e62d'; }
.shareList .shareyt:before { content: '\e631'; }

.searchForm { position: relative; max-width: 100%; }
.searchForm .search { width: 100%; border: none; }
.searchForm .searchBtn { border: 0 none; position: absolute; top: 0; right: 0; text-align: center; }

.proPic > a:first-child { display: block; text-align: center; overflow: hidden; }

.justify .box > a > span { display: block; }

.pageNum { margin-top: 1%; padding-top: 10px; padding-bottom: 5px; margin-bottom: 1%; position: relative;}
.pageNum a, .pageNum span { font-size: 12px; line-height: 16px; padding: 5px 10px; display: inline-block; margin-right: 6px; margin-bottom: 7px; border: 1px solid #d7d7d5; }
.pageNum a:hover, .pageNum .cur { color: #fff; background: #2c6ab6; border: 1px solid #2c6ab6; }
.pageNum:after{ content: ''; width: 200%; margin-left: -50%; height: 1px; background: #eee; position: absolute; top: 6px; left: 0;}
.pageNum:before{ content: ''; width: 200%; margin-left: -50%; height: 1px; background: #eee; position: absolute; bottom: -10px; left: 0;}


.videoWrap { position: relative; }
.videoWrap a.playbtn { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/video-btn.png) no-repeat center; z-index: 9; }
.videoWrap img { width: 100%; }

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

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; position: relative; }

.justify { letter-spacing: 1px; }

#menuBtn { height: 45px; width: 45px; line-height: 45px; background: #0865A7; position: fixed; top: 105px; right: 10px; display: none; text-align: center; cursor: pointer; z-index: 999;    border: 1px solid #fff;border-radius: 4px;}
@media screen and (max-width: 900px) { #menuBtn { display: block; } }
@media screen and (max-width: 400px) { #menuBtn { top: 55px; } }

#menuBtn:before { content: "\e637"; font-size: 30px; color: #ffffff; font-family: icomoon; }

#menuBtn.active:before { content: "\e60b"; }

#top { position: relative; }

.border-bottom-dashed { border-bottom: 1px dashed #e5e5e5; }

.topLeft { width: 38.06735%; position: relative; padding-right: 4.39239%; float: left; }
.topLeft:after { content: ''; width: 200%; height: 76%; position: absolute; top: 0; right: 0; z-index: 9; background: #085FA3; border-bottom-left-radius: 100% 66%; }
@media screen and (max-width: 1168px) { .topLeft:after { border-bottom-left-radius: 0; height: 100%; right: -10px; } }
.topLeft .content { position: relative; z-index: 10; }
@media screen and (max-width: 1168px) { .topLeft .content { padding-top: 150px; text-align: center;} }
.topLeft .one { padding-top: 22.73077%; position: relative;}
.topLeft .one .list li { float: left; margin-left: 3.46154%; line-height: 1; font-size: 12px; }
.topLeft .one .list li:first-child { margin-left: 0; }
.topLeft .one .list li:nth-child(3) { margin-left: 7.69231%; }
.topLeft .one .list a { color: #fff; }
@media screen and (max-width: 1168px) { .topLeft .one { padding-top: 20px; } }
.topLeft .two { font-weight: bold; color: #fff; letter-spacing: 2px; line-height: 1; padding-top: 11.34615%; font-size: 38px; }
@media screen and (min-width: 1440px) { .topLeft .two { padding-top: 16.34615%; font-size: 40px; letter-spacing: 3px; } }
@media screen and (max-width: 1280px) { .topLeft .two { font-size: 36px; letter-spacing: 1px; } }
@media screen and (max-width: 1168px) { .topLeft .two { padding: 15px 0; } }
@media screen and (max-width: 750px) { .topLeft .two { font-size: 28px; } }
@media screen and (max-width: 350px) { .topLeft .two { font-size: 20px; } }
@media screen and (max-width: 1168px) { .topLeft { float: none; width: 100%; padding-right: 0; padding: 20px 0;} }
@media screen and (max-width: 1168px){ .topLeft{ padding:0; padding-top: 15px;} .topLeft .one .list li{ float:none; display:inline-block;}}

#logo { width: 100%; padding-bottom: 100%; border-radius: 50%; background: #fff; position: relative; margin-top: 12.47826%; }
#logo .logoImg { max-width: 100%; position: absolute; left: 0; right: 0; top: 23.07692%; margin: auto; width: 77%; }
@media screen and (max-width: 1168px) { #logo .logoImg { top: 0; bottom: 0; } }
@media screen and (min-width: 1540px) { #logo { padding-bottom: 104.91304%; margin-left: -12.3913%; margin-top: 18.47826%; } }
@media screen and (max-width: 1168px) { #logo { position: absolute; top: 0; right: 0; margin-top: 0; width: 200px; padding-bottom: 200px; } }
@media screen and (max-width: 1168px) { #logo { left: 0; margin: auto; width: 150px; padding-bottom: 150px; } }
@media screen and (max-width: 750px) { .topLeft .content{ padding-top:50px;} #logo{ padding-bottom: 60px; border-radius: 6px; width:220px;}}

.topRight { width: 61.49341%; float: right; }
@media screen and (max-width: 1168px) { .topRight { width: 100%; float: none; } }

#nav { padding-top: 11.40238%; text-align: right; }
#nav li { display: inline-block; margin-left: 2.97619%; font-size: 18px; color: #000; }
#nav li:first-child { margin-left: 0; }
#nav li.active a, #nav li:hover a { color: #085FA3; }
@media screen and (max-width: 1100px) { #nav li { font-size: 16px; } }
#nav a { color: #000; }
@media screen and (max-width: 1168px) { #nav { padding-top: 2%; text-align: left; } }

#banner { position: absolute; z-index: 8; margin-top: 1.5625%; right: 0; width: 64.89583%; }
#banner .item{ display: none;}
#banner .item:first-child{ display: block;}
#banner.slick-slider .item{ display: block;}
#banner .slick-prev, #banner .slick-next { width: 78px; height: 78px; line-height: 78px; background: #DEDEDE; border-radius: 50%; color: #fff; top: 68%; font-size: 50px; }
#banner .slick-prev:hover, #banner .slick-next:hover { background: #085FA3; }
@media screen and (min-width: 1540px) { #banner .slick-prev, #banner .slick-next { width: 98px; height: 98px; line-height: 98px; } }
@media screen and (max-width: 1280px) { #banner .slick-prev, #banner .slick-next { width: 65px; height: 65px; line-height: 65px; font-size: 36px; } }
@media screen and (max-width: 900px) { #banner .slick-prev, #banner .slick-next { width: 0; } }
#banner .slick-next { right: 22.5%; }
#banner .slick-prev { left: 57%; }
#banner .slick-dots li.slick-active button { background: #085FA3; }
#banner .slick-dots { opacity: 0; bottom: 10%; }
@media screen and (max-width: 900px) { #banner .slick-dots { opacity: 1; } }
@media screen and (min-width: 1640px) { #banner { width: 62.89583%; } }
@media screen and (min-width: 1760px) { #banner { width: 59.89583%; } }
@media screen and (max-width: 1168px) { #banner { width: 105%; position: relative; margin-left: -10px; } }
@media screen and (max-width: 900px) { #banner { width: 120%; margin-left: -10%; } }

.indexCenter { position: relative; }
.indexCenter .up { padding-top: 10.29167%; padding-bottom: 10.6875%; background: url("../img/see01.png") no-repeat left top; background-size: 100% 100%; color: #666; margin-top: -10.29167%; }
@media screen and (min-width: 1440px) { .indexCenter .up { margin-top: -8.29167%; background-size: 100%; } }
@media screen and (max-width: 1168px) { .indexCenter .up { margin-top: -3.29167%; } }
@media screen and (max-width: 820px) { .indexCenter .up { padding: 6% 0; background: none; } }
.indexCenter .content { width: 493px; background: #E6E6E6; border-radius: 6px; position: relative; }
.indexCenter .content .title { display: inline-block; padding: 5.07099% 0; padding-right: 7.70791%; background: #fff; font-weight: bold; color: #085FA3; line-height: 1; border-radius: 6px 0 6px 0; overflow: hidden; }
.indexCenter .content .txt { display: block; line-height: 30px; max-height: 60px; overflow: hidden; width: 54.76673%; margin-left: 10.14199%; margin-top: 8.11359%; }
@media screen and (max-width: 513px) { .indexCenter .content .txt { width: 80%; margin-top: 5%; margin-bottom: 5%; } }
.indexCenter .content .needRight { text-align: right; }
.indexCenter .content .lm { width: 100px; height: 55px; line-height: 55px; text-align: center; width: 21.29817%; min-width: 90px; color: #666; margin-top: -10px; display: inline-block; border-radius: 6px; background: #F5F5F5; }
.indexCenter .content .lm:hover { color: #085FA3; }
.indexCenter .content:hover { background: #085FA3; color: #fff; }
.indexCenter .content:after { content: ''; width: 184.98986%; height: 1px; background: #E6E6E6; position: absolute; bottom: 0; left: 0; }
@media screen and (max-width: 1280px) { .indexCenter .content:after { display: none; } }
.indexCenter .content:before { content: ''; width: 9px; height: 9px; background: #616F9C; position: absolute; bottom: -4px; left: 184.98986%; border-radius: 50%; }
@media screen and (max-width: 1280px) { .indexCenter .content:before { display: none; } }
@media screen and (max-width: 820px) { .indexCenter .content { margin-left: auto; margin-right: auto; float: none; } }
@media screen and (max-width: 513px) { .indexCenter .content { width: 100%; } }
.indexCenter .down { padding-top: 4.42708%; padding-bottom: 5.3125%; background: url("../img/see02.png") no-repeat left top; background-size: 100% 100%; color: #666; margin-top: -5%; }
.indexCenter .down .right { width: 790px; float: right; }
@media screen and (max-width: 820px) { .indexCenter .down .right { width: 100%; float: none; } }
.indexCenter .down .content { width: 365px; float: left; position: relative; }
.indexCenter .down .content .title { padding: 6.84932% 0; padding-right: 10.41096%; }
.indexCenter .down .content .smallT { display: block; }
.indexCenter .down .content .txt { width: 73.9726%; max-height: 80px; margin-left: 13.69863%; margin-top: 15.06849%; margin-bottom: 16.43836%; }
@media screen and (max-width: 513px) { .indexCenter .down .content .txt { margin: 9% 0; margin-left: 10.14199%; width: 80%; } }
.indexCenter .down .content .lm { width: 28.76712%; }
.indexCenter .down .content:after { content: ''; width: 179.45205%; left: auto; right: 0; }
.indexCenter .down .content:before { content: ''; left: auto; right: 179.45205%; }
@media screen and (max-width: 820px) { .indexCenter .down .content { margin-right: auto; margin-left: auto; width: 493px; float: none; } }
@media screen and (max-width: 513px) { .indexCenter .down .content { width: 100%; } }
.indexCenter .down .list .item { float: right; cursor: pointer; }
@media screen and (max-width: 450px) { .indexCenter .down .list .item1 { width: 68%; } }
.indexCenter .down .list .item2 { margin-left: 1px; }
@media screen and (max-width: 450px) { .indexCenter .down .list .item2 { width: 31.33333%; } }
.indexCenter .down .list .item3, .indexCenter .down .list .item4 { float: left; }
@media screen and (max-width: 450px) { .indexCenter .down .list .item3, .indexCenter .down .list .item4 { width: 41.44444%; } }
@media screen and (max-width: 450px) { .indexCenter .down .list .item5 { width: 26.22222%; } }
@media screen and (max-width: 820px) { .indexCenter .down .list { margin-right: auto; margin-left: auto; width: 424px; } }
@media screen and (max-width: 450px) { .indexCenter .down .list { width: 100%; } }
@media screen and (min-width: 1440px) { .indexCenter .down { background-size: 100%; } }
@media screen and (max-width: 820px) { .indexCenter .down { background: none; } }
.indexCenter:after { content: ''; width: 100%; max-width: 1200px; left: 0; right: 0; margin: auto; height: 1px; background: #DBDBDB; position: absolute; bottom: 4%; }
@media screen and (max-width: 820px) { .indexCenter:after { bottom: 0; } }

.hotPro { margin-top: 2%; }
.hotPro > .title { text-align: center; color: #085FA3; font-weight: bold; margin-bottom: 0.72917%; }
.hotPro .txt { width: 690px; display: block; margin: auto; line-height: 30px; max-height: 60px; overflow: hidden; color: #888; text-align: center; margin-bottom: 1.82292%; }
@media screen and (max-width: 750px) { .hotPro .txt { width: 100%; } }
.hotPro .hotList .box { width: 30.16105%; text-align: center; }
.hotPro .hotList .box:hover .title { color: #085FA3; }
@media screen and (max-width: 1100px) { .hotPro .hotList .box { width: 32%; } }
@media screen and (max-width: 820px) { .hotPro .hotList .box { width: 48%; margin-bottom: 20px; } }
@media screen and (max-width: 450px){ .hotPro .hotList .box{ width:100%; max-width:375px; margin-left:auto; margin-right:auto; display:block;}}
.hotPro .hotList .content { margin-top: -19.41748%; background: url("../img/hotbg.png") no-repeat left top; background-size: 100%; width: 65.53398%; display: inline-block; position: relative; z-index: 10; }
.hotPro .hotList .content .title { color: #000; display: block; padding-top: 17.77778%; padding-bottom: 3.7037%; }
@media screen and (max-width: 1024px) { .hotPro .hotList .content .title { font-size: 18px; } }
@media screen and (max-width: 400px) { .hotPro .hotList .content .title { font-size: 16px; } }
.hotPro .hotList .content .lm { color: #E56962; }
@media screen and (max-width: 400px) { .hotPro .hotList .content { width: 100%; background: none; margin-top: -38px;} }

.needImg { border-radius: 50%; overflow: hidden; position: relative; z-index: 9; display: block; }
.needImg img { width: 166.66667%; max-width: 166.66667%; margin-left: -33.333%; }

.indexBottom { background: url("../img/indexcbg.png") no-repeat top; background-size: contain; margin-top: 5.20833%; padding-bottom: 19.79167%; position: relative; }
.indexBottom .faCon { position: relative; }
.indexBottom .video { position: relative; width: 47.29167%; overflow: hidden; }
.indexBottom .video .bg { position: absolute; top: 0; left: 0; z-index: 9; }
.indexBottom .video .play { position: relative; z-index: 10; width: 100%; }
.indexBottom .video:hover .bg { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
@media screen and (max-width: 600px) { .indexBottom .video { width: 100%; } }
.indexBottom .whyUs { background: url("../img/indexvbg02.png") no-repeat top; background-size: contain; position: absolute; height: 100%; right: 0; top: 0; width: 52.65625%; padding-left: 4.16667%; }
.indexBottom .whyUs:after { content: ''; height: 30px; width: 100%; background: #085FA3; border-radius: 6px 6px 0 0; position: absolute; bottom: 100%; left: 0; }
.indexBottom .whyUs .content { width: 61.75515%; margin-top: 20.58505%; }
@media screen and (max-width: 1200px) { .indexBottom .whyUs .content { width: 100%; } }
@media screen and (max-width: 800px) { .indexBottom .whyUs .content { margin-top: 12.58505%; } }
.indexBottom .whyUs .title { margin-bottom: 6.49123%; color: #085FA3; font-weight: bold; position: relative; }
.indexBottom .whyUs .title:after { content: ''; width: 44.73684%; height: 1px; background: #E6E6E6; position: absolute; bottom: 50%; right: 100%; margin-right: 3.50877%; z-index: 10; }
.indexBottom .whyUs .title:before { content: ''; width: 9px; height: 9px; background: #616F9C; position: absolute; bottom: 50%; margin-bottom: -4px; right: 100%; margin-right: 48.24561%; border-radius: 50%; z-index: 10; }
@media screen and (max-width: 800px) { .indexBottom .whyUs .title { margin-bottom: 2.49123%; } }
@media screen and (max-width: 600px) { .indexBottom .whyUs .title { padding-top: 2%; } }
.indexBottom .whyUs .txt { line-height: 30px; max-height: 60px; overflow: hidden; }
.indexBottom .whyUs .txt strong{ display:block;}
.indexBottom .whyUs .lm { width: 100px; height: 55px; line-height: 55px; text-align: center; width: 31.57895%; color: #888; margin-top: 8.42105%; background: #EDEDED; border-radius: 6px; display: inline-block; min-width: 90px; }
.indexBottom .whyUs .lm:hover { background: #085FA3; color: #fff; }
@media screen and (max-width: 800px) { .indexBottom .whyUs .lm { height: 45px; line-height: 45px; margin-top: 3.42105%; } }
@media screen and (max-width: 600px) { .indexBottom .whyUs { width: 100%; position: relative; padding-left: 0; } }
@media screen and (max-width: 600px) { .indexBottom { padding-bottom: 7.79167%; } }

#footer { margin-top: -8%; padding-top: 1px; position: relative; letter-spacing: 0; }
#footer .footLeft { width: 29%; padding-right: 5.12445%; padding-top: 7.9063%; padding-bottom: 8.71684%; position: absolute; bottom: 0; left: 10px; z-index: 10; color: #fff; }
#footer .footLeft:after { content: ''; position: absolute; right: 0; top: 0; width: 188%; height: 100%; background: #085FA3; z-index: -1; border-top-left-radius: 100% 66%; }
#footer .footLeft .title { display: block; margin-bottom: 2.22222%; }
#footer .footLeft li { font-size: 14px; line-height: 30px; }
#footer .footLeft li a { color: #fff; /* font-weight: bold; */ }
#footer .footLeft li a:hover{ color:#5180E0; }
@media screen and (min-width: 1440px) { #footer .footLeft { left: 0; width: 27.81845%; } }
@media screen and (max-width: 850px) { #footer .footLeft { width: 100%; position: relative; }
  #footer .footLeft:after { border-top-left-radius: 0; } }
@media screen and (max-width: 850px) { #footer .footLeft { left: 0; } }
#footer .footRight { width: 67.49634%; padding-top: 8.05271%; padding-left: 8.13449%; position: relative; z-index: 9; float: right; }
#footer .footRight:after { content: ''; position: absolute; left: 0; top: 0; width: 156%; height: 100%; background: #DE546B url("../img/footrow01.png") no-repeat 60% bottom; z-index: -1; border-top-right-radius: 100%; }
@media screen and (max-width: 850px) { #footer .footRight { width: 100%; left: -10px; padding-left: 10px; }
  #footer .footRight:after { border-top-right-radius: 0; } }
#footer .footList { margin-bottom: 8.67679%; }
#footer .footList .title { display: inline-block; margin-bottom: 36px; color: #fff; }
@media screen and (max-width: 900px) { #footer .footList .title { margin-bottom: 20px; } }
@media screen and (max-width: 500px) { #footer .footList .title { margin-bottom: 5px; } }
#footer .footList .left { width: 360px; }
#footer .footList .left li { line-height: 30px; font-size: 12px; }
#footer .footList .left a { color: #fff; }
@media screen and (max-width: 500px) { #footer .footList .left { display:none } }
#footer .footList .left, #footer .footList .right { vertical-align: middle; }
@media screen and (max-width: 750px){ #footer .footList .right{width:100%; margin:10px 0;}}
@media screen and (max-width: 850px) { #footer .footList { margin-bottom: 2%; } }
#footer .shareList { position: absolute; margin-left: 8.13449%; top: -24px; left: 24px; }
@media screen and (max-width: 850px) { #footer .shareList { top: auto; bottom: 7.59219%; margin-left: 10px; left: 0; } }
@media screen and (max-width: 600px) { #footer .shareList { position: static; margin-bottom: 8px; } }
#footer .copyRight { padding-bottom: 7.59219%; text-align: right; color: #fff; font-size: 12px; }
.copyRight a {color: #fff;}
@media screen and (max-width: 900px) { #footer { padding-bottom: 36px; } }
@media screen and (max-width: 850px) { #footer { margin-top: 4%; } }

.newTop { margin-top: 1.04167%; margin-bottom: 1.04167%; position: relative; }
@media screen and (max-width: 600px) { .newTop { padding-top: 30px; text-align: center; } }

#newLogo, #newNav { display: inline-block; vertical-align: bottom; }

@media screen and (max-width: 900px) { #newLogo { width: 40%; min-width: 250px; } }
#newNav { margin-bottom: 5px; padding-right: 45px;position: relative;}
#newNav > li { margin-left: 30px; float: left; position: relative;}
#newNav > li:first-child { margin-left: 0; }
#newNav > li > a { color: #000; font-size: 18px; }
#newNav > li:hover a, #newNav > li.active a { color: #085FA3; }
@media screen and (max-width: 900px) { #newNav > li { margin-left: 0; font-size: 16px; } }
@media screen and (max-width: 1150px) { #newNav { display: block; margin-bottom: 0; margin-top: 5px; } }

@media screen and (max-width: 900px) { #nav li, #newNav>li { width: 100%; margin-right: 0; margin-left: 0; padding: 0; text-align: center; border-bottom: 1px solid #3890C2; height: 40px; line-height: 40px; }
  #nav li:last-child, #newNav li:last-child { border-bottom: none; }
  #nav li.active a, #nav li:hover a, #newNav li.active a, #newNav li:hover a { color: #fff; } }
@media screen and (max-width: 900px) { #nav li a, #newNav li a { display: block; font-size: 14px; } }
@media screen and (max-width: 900px) { #nav, #newNav { padding-top: 0; width: 40%; min-width: 240px; position: fixed; top: 130px; right: 32px; z-index: 998; bottom: auto; display: none; max-width: 300px; margin: 0; background: #085FA3; font-size: 16px; border: 1px solid #3890C2; padding: 0;} }
@media screen and (max-width: 400px){#nav, #newNav{top:70px;}}

.shareList { width: 112px; }
.shareList a { width: 48px; height: 48px; border-radius: 50%; display: inline-block; position: relative; z-index: 10; text-align: center; line-height: 48px; font-family: icomoon; font-size: 24px; color: #fff; background: #085FA3; }
.shareList a.shareyt { font-size: 28px; }
.shareList a:hover { background: #DE546B; }

.language { position: absolute; right: 10px; top: 18px; }
.language li { float: left; margin-left: 22px; line-height: 1;}
.language li:first-child { margin-left: 0; }
.language li:nth-child(3) { margin-left: 14px; margin-top: -2px; }
@media screen and (max-width: 520px) { .language li:nth-child(3) { display: none; } }
@media screen and (max-width: 400px) { .language li { margin-left: 10px; } }
.language a { color: #888; font-size: 13px; }
.language a:hover { color: #085FA3; }
@media screen and (min-width: 1440px) { .language { right: 0; } }
@media screen and (max-width: 600px) { .language { top: 5px; } }

.mainPath { background: #085FA3; padding-top: 2.39583%; padding-bottom: 1.66667%; text-align: center; color: #fff; }
.mainPath a { color: #fff; }
@media screen and (max-width: 600px) { .mainPath { padding: 16px; } }

.main { margin-top: 2.08333%; margin-bottom: 2.08333%; }
@media screen and (max-width: 900px) { .main { margin: 25px 0; } }

.aside { float: right; width: 16.83748%; }
@media screen and (max-width: 1200px) { .aside { width: 21.83748%; } }
@media screen and (max-width: 900px) { .aside { float: none; width: 100%; margin-top: 20px; } }
.aside > title { display: none; margin-bottom: 6.95652%; padding-bottom: 5.21739%; line-height: 1; font-weight: bold; }
@media screen and (max-width: 900px) { .aside > .title { background: #085FA3; text-align: center; border: none; cursor: pointer; position: relative; display: block; padding: 10px; color: #fff; margin-bottom: 10px; }
  .aside > title + ul { display: none; }
  .aside > title:after { content: "\e622"; font-family: icomoon; padding-right: 10px; color: #ffffff; right: 0; position: absolute; font-size: 30px; bottom: 0; }
  .aside > title.active:after { content: "\e623"; } }
.aside .list li { margin-bottom: 1px; position: relative;}
.aside .list a { display: block; padding: 9px 5px; color: #888; font-size: 22px; line-height: 1.2;}
.aside .list a:before { content: '\e60f'; font-family: icomoon; font-size: 14px; color: #085FA3; padding-right: 3.35821%; }

@media screen and (max-width: 900px) { .aside .list a { width: 100%; box-sizing: border-box; } }
@media screen and (max-width: 900px) { .aside { width: 100%; float: none; margin-top: 24px; } }

.mainRight { float: left; width: 80.52709%; }
@media screen and (max-width: 1200px) { .mainRight { width: 75.52709%; } }
@media screen and (max-width: 900px) { .mainRight { width: 100%; float: none; } }

.proList .box { width: 44.72727%; text-align: center; }
.proList .box:hover .title { color: #085FA3; }
.proList .box .content { display: inline-block; }
@media screen and (max-width: 1366px) { .proList .box { width: 47.72727%; } }
.proList .content { margin-top: -19.41748%; background: url("../img/hotbg.png") no-repeat left top; background-size: 100%; width: 65.53398%; display: inline-block; position: relative; z-index: 10; }
.proList .content .title { color: #000; display: block; padding-top: 17.77778%; padding-bottom: 3.7037%; }
@media screen and (max-width: 600px) { .proList .content .title { font-size: 16px; } }
.proList .content .lm { color: #E56962; }
@media screen and (max-width: 400px) { .proList .content { width: 100%; background: none; } }

.secList.proList { font-size: 12px; }
.secList.proList .box, .secList.proList .line { width: 18%; }
@media screen and (max-width: 1080px) { .secList.proList .box, .secList.proList .line { width: 32%; } }
@media screen and (max-width: 650px) { .secList.proList .box, .secList.proList .line { width: 48%; } }
.secList.proList .box { margin-bottom: 3.45455%; }
.secList.proList .content .title { font-size: 12px; padding-bottom: 2.96296%; }
.secList.proList .content .lm { font-size: 8.5px; }
.secList.proList .content{ margin-top:0; background:none; display:block; text-align:center;width: 100%;}
.secList.proList .content .title{padding-top:10px; font-size:14px;padding-bottom: 3px;}

#newFooter { margin-top: 5.98958%; padding-top: 3.90625%; padding-bottom: 3.38542%; background: #004B85; color: #fff; letter-spacing: 0;}
@media screen and (max-width:900px){ padding-bottom:55px;}
#newFooter .newNav { background: url("../img/footrow02.png") no-repeat 97% top; background-size: contain; padding-bottom: 4.16667%; }
#newFooter .item { float: left; }
#newFooter .item .title { color: #fff; display: block; }
#newFooter .item li { color: #fff; }
#newFooter .item a { color: #fff; }
#newFooter .item1 { width: 28.4041%; }
#newFooter .item1 .title { margin-bottom: 3.86598%; }
#newFooter .item1 li { margin-bottom: 3px; }
#newFooter .item1 .shareList { margin-top: 9.02062%; }
#newFooter .item1 .shareList a { color: #085FA3; background: #fff; }
@media screen and (max-width: 850px) { #newFooter .item1 { width: 100%; margin-bottom: 20px; }
  #newFooter .item1 li { margin-bottom: 0; }
  #newFooter .item1 .title { margin-bottom: 5px; }
  #newFooter .item1 .shareList { margin-top: 10px; } }
#newFooter .item2 { width: 9.78477%; margin-left: 9.51684%; text-transform:uppercase;}
#newFooter .item2 .title { margin-bottom: 11.66667%; }
#newFooter .item2 li { margin-bottom: 7.5%; }
@media screen and (max-width: 1300px) { #newFooter .item2 { width: 12.78477%; margin-left: 7.51684%; }
  #newFooter .item2 .title { margin-bottom: 10px; } }
@media screen and (max-width: 1024px) { #newFooter .item2 { width: 20%; }
  #newFooter .item2 li { margin-bottom: 5px; } }
@media screen and (max-width: 850px) { #newFooter .item2 { margin-left: 0; width: 40%; } }
#newFooter .item3 { width: 11.61493%; margin-left: 6.58858%; text-transform:uppercase;}
#newFooter .item3 .title { margin-bottom: 9.8%; }
#newFooter .item3 li { margin-bottom: 6.2069%; }
@media screen and (max-width: 1300px) { #newFooter .item3 { width: 15.61493%; margin-left: 6.58858%; }
  #newFooter .item3 .title { margin-bottom: 10px; } }
@media screen and (max-width: 1024px) { #newFooter .item3 { width: 20%; }
  #newFooter .item3 li { margin-bottom: 5px; } }
@media screen and (max-width: 850px) { #newFooter .item3 { width: 50%; } }
#newFooter .item4 { width: 19.76574%; margin-left: 13.17716%; }
@media screen and (max-width: 1300px) { #newFooter .item4 { margin-left: 6.17716%; } }
@media screen and (max-width: 1024px) { #newFooter .item4 { margin-left: 0; width: 100%; margin-top: 20px; } }
#newFooter .copyRight { text-align: right; }
@media screen and (max-width: 900px){ #newFooter .copyRight{ margin-bottom:50px;}}

.detailTop .left { width: 67.09091%; float: left; }
.detailTop .left .title { color: #333; }
@media screen and (max-width: 1200px) { .detailTop .left { width: 72%; } }
@media screen and (max-width: 650px) { .detailTop .left { width: 100%; float: none; } }
.detailTop .rightImg { padding: 0 7.45257%; }
.detailTop .rightImg .slick-prev, .detailTop .rightImg .slick-next { color: #085FA3; }
.detailTop .rightImg .item .needImg { margin: 0 8.91892%; }
.detailTop .rightImg .item { display: none; }
.detailTop .rightImg .item:first-child { display: block; }
.detailTop .rightImg.slick-slider .item { display: block; }
@media screen and (max-width: 750px) { .detailTop .rightImg .item .needImg { margin: 0 4%; } }
.detailTop .intro { float: right; width: 22.54545%; }
.detailTop .intro .deVideo { position: relative; overflow: hidden;border: 1px solid #E0E6EA; }
.detailTop .intro .deVideo img { width: 100%; }
.detailTop .intro .deVideo img:first-child { position: absolute; top: 0; left: 0; z-index: -1; }
@media screen and (max-width: 1200px) { .detailTop .intro { width: 26%; } }
@media screen and (max-width: 650px) { .detailTop .intro { max-width: 300px; float: none; margin-top: 25px;width: 100%;} }
.detailTop .con { margin-top: 10.48387%; }
.detailTop .con > a { display: inline-block; vertical-align: middle; color: #6d6d6d; font-size: 12px; }
.detailTop .con .btn { width: 136px; height: 47px; line-height: 47px; text-align: center; min-width: 120px; max-width: 136px; background: #085FA3; color: #fff; font-size: 16px; position: relative; margin-bottom: 10.48387%; }
.detailTop .con .btn:after { content: '\e63c'; font-family: icomoon; position: absolute; top: 15px; right: -10px; line-height: 1; }
@media screen and (max-width: 600px) { .detailTop .con .btn:after { top: 10px; } }
.detailTop .con .btn:hover:after { right: 10px; }
@media screen and (max-width: 650px) { .detailTop .con .btn { margin-bottom: 8px; } }
@media screen and (max-width: 600px) { .detailTop .con .btn { height: 35px; line-height: 35px; margin-top: 8px; margin-right: 20px; } }
.detailTop .con span { display: block; }
@media screen and (max-width: 650px) { .detailTop .con { margin-top: 8px; } }

.detailTop{ margin-bottom:10px;}
.rightTab { margin-top: 3.24581%; color: #555; }
.rightTab .tab { float: left; width: 33.333%; padding: 10px 0; background: #EAEAEA; text-align: center; cursor: pointer; border-left: 1px solid #fff; font-weight: bold; }
@media screen and (max-width: 650px){ .rightTab .tab{ width:100%;}}
.rightTab .tab:first-child { border-left: none; }
.rightTab .tab:hover, .rightTab .tab.active { color: #fff; background: #085FA3; }
@media screen and (max-width: 600px) { .rightTab .tab { padding: 5px 0; } }
.rightTab .tabContent { border: 1px solid #e5e5e5; display: none; padding: 10px; }

.rightMessage { display: table; margin-top: 2.23464%; font-size: 16px; width: 100%; }
.rightMessage .leaveMessage { width: 21.34831%; border-right: 1px #fff solid; background: #085FA3; text-align: center; display: table-cell; color: #fff; vertical-align: middle; padding: 8px 0; font-weight: bold; }
@media screen and (max-width: 768px) { .rightMessage .leaveMessage { width: 100%; display: block; } }
.rightMessage .rely { padding-left: 25px; display: table-cell; background: #EAEAEA; color: #565656; width: 78.65169%; vertical-align: middle; }
@media screen and (max-width: 768px) { .rightMessage .rely { width: 100%; display: block; padding-top: 5px; padding-bottom: 5px; } }
@media screen and (max-width: 600px) { .rightMessage .rely { padding-left: 10px; line-height: 1.3; } }

.rightForm { border: 1px solid #e5e5e5; padding: 3.37079% 2.02247% 2.69663% 3.37079%; }
@media screen and (max-width: 768px) { .rightForm { padding: 10px; } }
.rightForm .box { width: 48.5%; margin-bottom: 18px; position: relative; }
.rightForm .box input, .rightForm .box textarea { width: 100%; background: transparent; height: 40px; z-index: 2; border: 1px solid #e5e5e5; padding-left: 10px; }
.rightForm .box input:focus, .rightForm .box textarea:focus { border: 1px solid #085FA3; }
.rightForm .box input.focusOn, .rightForm .box textarea.focusOn { background: #fff; position:relative; z-index:10;}
.rightForm .box textarea { padding-top: 10px; min-height: 100px; }
.rightForm .box label { width: 100%; font-size: 14px; position: absolute; color: #9a9a9a; top: 5px; left: 0; padding-left: 10px; text-align: left; z-index: 1; }
.rightForm .box label.focusOn { top: 100%; margin-top: -10px; background: #085FA3; color: #fff; z-index: 99; }
@media screen and (max-width: 768px) { .rightForm .box { width: 49%; } }
@media screen and (max-width: 600px) { .rightForm .box { width: 100%; margin-top: 0; } }
.rightForm .box.textarea { width: 100%; }
.rightForm #codeNum { text-align: center; }
.rightForm .code { width: 80px; padding: 8px; border: 1px solid #e5e5e5; }
.rightForm .codeImg { margin-left: 10px; display: inline-block; vertical-align: middle; cursor: pointer; }
.rightForm .button { text-align: center; margin-top: 15px; }
.rightForm .btn-primary { width: 96px; height: 30px; line-height: 30px; text-align: center; color: #a8a8a8; border: 1px solid #E5E5E5; background: #fff; }
.rightForm .btn-primary:first-child { margin-right: 20px; }
.rightForm .btn-primary:hover, .rightForm .btn-primary.active { background: #085FA3; color: #fff; border-color: #085FA3; }

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

#proDetail, #spec { letter-spacing: 0; }

.searchForm { border: none; overflow: hidden; padding-right: 60px; background: #DFDFDF; }
@media screen and (max-width: 600px){
    .searchForm{ padding-right: 40px;}
}
.searchForm label { position: absolute; left: 0; top: 28px; line-height: 1; padding: 4px 15px; font-size: 18px; color: #fff; }
@media screen and (max-width: 600px) { .searchForm label { top: 13px; } }

.search { height: 70px; line-height: 15px; padding: 3px 10px; position: relative; z-index: 2; color: #222; border: 1px #F5F5F5 solid; font-size: 16px; }
.search:focus, .search.focusOn { background: #fff; border: 1px solid #DFDFDF; }
@media screen and (max-width: 600px) { .search { height: 40px; } }

.searchBtn { width: 60px; height: 70px; line-height: 70px; text-align: center; background: transparent; z-index: 3; font-family: icomoon; font-size: 20px; color: #333; }
.searchBtn:before { content: '\e655'; }
.searchBtn:hover { color: white; background: #085FA3; }
@media screen and (max-width: 600px) { .searchBtn { width: 40px; height: 40px; line-height: 40px; text-align: center; } }

@media screen and (max-width: 900px){
    .spec{ overflow:scroll;}
    .spec table{ width:700px}
}
.spec table th { height: 40px; /* font-weight: normal; */ /* text-align: left; */ /* padding-left: 20px; */ }
@media screen and (max-width: 600px) { .spec table th { padding-left: 0; text-align: center; } }
.spec table thead th { /* border-right: 1px solid #fff; */ /* font-size: 16px; */ color: #fff; background: #085FA3; }
.spec table tbody th { color: #000; border: 1px solid #fff; border-left-color: #F3F3F3; background: #F3F3F3; }
.spec table tbody th a { color: #000; display: block; }
.spec table tbody th a:hover { color: #D80010; }
.spec .col1 { width: 18.36364%; }
.spec .col2 { width: 35.63636%; }
.spec .col3 { width: 46%; }

.mainContact{ margin-bottom: 20px;}
.mainContact .contactInfo { width: 25.83333%; float: left; }
.mainContact .contactInfo > ul { margin-top: 20px; }
@media screen and (max-width: 1080px) { .mainContact .contactInfo > ul { margin-top: 0; } }
.mainContact .contactInfo li { margin-top: 10px; color: #555555; }
.mainContact .contactInfo li a { color: #555555; }
.mainContact .contactInfo li a:hover { color: #085FA3; }
@media screen and (max-width: 768px) { .mainContact .contactInfo { width: 100%; } }
.mainContact .contactForm { width: 59.58333%; float: right; position: relative; }
.mainContact .contactForm .box { width: 47.5%; margin-top: 10px; }
@media screen and (max-width: 768px) { .mainContact .contactForm .box { width: 100%; } }
.mainContact .contactForm #Enquire { min-height: 150px; }
.mainContact .contactForm label { margin-bottom: 6px; display: inline-block; }
.mainContact .contactForm input, .mainContact .contactForm textarea { border: 1px solid #e3e3e3; padding: 10px; width: 100%; }
.mainContact .contactForm .abSubmit { position: absolute; bottom: 5px; left: 0; width: 47.5%; }
.mainContact .contactForm .abSubmit .btn-primary { background: #fff; width: 42.94118%; max-width: 146px; min-width: 110px; text-align: center; height: 40px; line-height: 40px; color: #555; border: 1px solid #e3e3e3; }
.mainContact .contactForm .abSubmit .btn-primary:hover, .mainContact .contactForm .abSubmit .btn-primary.active { background: #085FA3; color: #fff; }
.mainContact .contactForm .abSubmit .btn-primary:first-child { margin-right: 12px; }
@media screen and (max-width: 768px) { .mainContact .contactForm .abSubmit { position: relative; width: 100%; margin-top: 20px; } }
@media screen and (max-width: 1080px) { .mainContact .contactForm { width: 100%; margin-top: 20px; } }
.mainContact .title { font-weight: bold; margin-bottom: 10px; text-transform: uppercase;}
@media screen and (max-width: 1080px) { .mainContact .title { margin-bottom: 0; } }

#contactCode { margin-bottom: 13px; }
#contactCode #code { width: 84px; display: inline-block; padding: 5px; color: #8D8D8D; margin-right: 15px; }
#contactCode .codeImg { display: inline-block; vertical-align: middle; cursor: pointer; }

#map img { margin-top: 20px; min-height: 200px; }
/*# sourceMappingURL=main.css.map */
.newDetail { padding-bottom: 3.33333%; border-bottom: 1px solid #E5E5E5; margin-top: -8px;margin-bottom: 20px;}
@media screen and (max-width: 900px) {.newDetail{margin-top: 0;}}
.newDetail .newDetop { padding-bottom: 1.25%; border-bottom: 1px solid #E5E5E5; position: relative; text-align: center; }
.newDetail .newDetop .back { color: #1072BC; position: absolute; left: 0; bottom: 15px; }
@media screen and (max-width: 580px) { .newDetail .newDetop .back { bottom: 7px; } }
.newDetail .newDetop .title { font-weight: bold; color: #000; }
.newDetail .date { color: #777; margin-top: 5px; margin-bottom: 2.08333%; }
.newDetail .des { color: #777; }

.newList li { padding-bottom: 24px; border-bottom: 1px solid #ccc; color: #555; margin-bottom: 3.93258%; letter-spacing: 0; }
.newList li .title { font-size: 22px;  margin-bottom: 9px; color: #222; line-height: 1.2; font-weight: bold;}
.newList li .title:hover { color: #1072BC; }
.newList li .date { color: #555; font-size: 14px; margin-bottom: 11px; letter-spacing: -0.2px;}
.newList li p { line-height: 24px; max-height: 48px; overflow: hidden; font-size: 14px; }
.ptitle{ margin-bottom:20px}

#newSearch { width: 32px; height: 32px; font-family: icomoon; color: #777; line-height: 32px; text-align: center; font-size: 20px; cursor: pointer; position: absolute; bottom: 3px; right: 0;transition: 0.5s;}
#newSearch.active:after { content: "\e60b"; }
#newSearch.active { background: #085FA3; color: #fff; border: 1px solid #fff;border-radius: 4px;}
#newSearch:after { content: '\e655'; }
#newSearch:hover { color: #999; }
@media screen and (max-width: 1024px) { #newSearch { display: none; } }

.newTop .searchForm { position: absolute; top: 100%; right: 0; background: #C0C0C0; color: #989B9B; z-index: 997; display: none; padding: 1px; padding-right: 32px; }
.newTop .searchForm .search { height: 32px; padding: 3px 5px; font-size: 12px; z-index: 2; width: 100%; border-right: 1px solid #ccc; background-color: transparent; box-sizing: border-box; }
.newTop .searchForm label { position: absolute; left: 0; top: 0; margin-top: 6px;  z-index: 1; color: #fff; font-size: 14px;}
.newTop .searchForm label.focusOn { display: none; }
.newTop .searchForm .searchBtn { border: 0 none; position: absolute; top: 0; right: 0; width: 32px; height: 32px; line-height: 26px; text-align: center; background: transparent; z-index: 3; font-family: icomoon; font-size: 16px; color: #fff; }
.newTop .searchForm .searchBtn:before { content: '\e655'; }
.newTop .searchForm .searchBtn:hover { color: #333; }
.newTop .search:focus,.newTop .search.focusOn { background: #fff; border: none; }
@media screen and (max-width: 1200px) { #newSearch,.newTop .searchForm { margin-right: 10px; } }
@media screen and (max-width: 1024px) { .newTop .searchForm { display: block; position:relative; width:240px; max-width:100%; margin:auto; margin-top:15px;}}

.topLeft .searchForm { position: absolute; top: 100%; right: 0; margin-top: 12px;background: #C0C0C0; color: #989B9B; z-index: 997; display: none; padding: 1px; padding-right: 32px; width: 260px;}
.topLeft .searchForm .search { height: 32px; padding: 3px 5px; font-size: 12px; z-index: 2; width: 100%; border-right: 1px solid #ccc; background-color: transparent; box-sizing: border-box; }
.topLeft .searchForm label { position: absolute; left: 0; top: 0; margin-top: 6px;  z-index: 1; color: #fff; font-size: 14px;}
.topLeft .searchForm label.focusOn { display: none; }
.topLeft .searchForm .searchBtn { border: 0 none; position: absolute; top: 0; right: 0; width: 32px; height: 32px; line-height: 26px; text-align: center; background: transparent; z-index: 3; font-family: icomoon; font-size: 16px; color: #fff; }
.topLeft .searchForm .searchBtn:before { content: '\e655'; }
.topLeft .searchForm .searchBtn:hover { color: #333; }
.topLeft .search:focus,.topLeft .search.focusOn { background: #fff; border: none; }
.topLeft #newSearch{ color:#fff; bottom:-11px;}
@media screen and (max-width: 1200px) { .topLeft .searchForm { margin-right: 10px; } }
@media screen and (max-width: 1168px){ .topLeft #newSearch{ display:none;} .topLeft .searchForm{position:relative;max-width: 100%;margin-top: 15px;display: block;width: 240px;}}
@media screen and (max-width: 1024px) { .topLeft .searchForm { display: block; } }
@media screen and (max-width: 1168px) { .topLeft .searchForm { position: relative; margin-bottom: 0; display: inline-block; filter: alpha(opacity=50); background: #fff; background: rgba(255, 255, 255, 0.5); } }

.newList .lm{ border:1px solid #085FA3; text-align:center; padding:3px 15px; display:inline-block; margin-top:10px; position:relative; color:#085FA3;overflow: hidden;}
.newList .lm:after{ content: '\e624'; font-family: icomoon;  position:absolute;font-size: 20px;top: 0;right: -10px;}
.newList li:hover .lm:after{ right:5px; }

#newNav .navsub5 { position: absolute; width: 100%; padding: 5% 5.33333%; padding-bottom: 4.16667%; top: 100%; left: 0; background: #085FA3; z-index: 999; display: none;  }
#newNav .navsub5 > .box { width: 19%; }
@media screen and (max-width: 900px) { #newNav .navsub5 > .box { text-align: center; } }
#newNav .navsub5 .title { display: block; margin-bottom: 14px; font-size: 16px; color: #fff;  font-weight: bold;}
@media screen and (max-width: 900px) { #newNav .navsub5 .title { border-bottom: 1px solid #EDEDED; padding: 0; margin: 0; height: 35px; line-height: 35px; max-width: 100%; font-size: 14px; } }
@media screen and (max-width: 900px) { #newNav .navsub5 { position: relative; top: 0; z-index: 9999; margin-top: 0; padding: 10px; padding-bottom: 0; }
  #newNav .navsub5 > .box { width: 100%; float: left; margin-left: 0; }
  #newNav .navsub5 > .box > a + ul { display: none; }
  #newNav .navsub5 > .box > a + a { display: none; } }
#newNav .navsub5 .subList a { color: #ccc; border-bottom: 1px solid transparent; font-size: 14px;line-height: 1.2;}
#newNav .navsub5 .subList a:hover { color: #fff; border-color: #fff; }
#newNav .navsub5 .subList > .box {   margin-bottom: 2.45161%; width: 100%;}
#newNav .navsub5 .four { color: #F8CACC; width: 100%; margin-top: 3.33333%; }
@media screen and (max-width: 900px) { #newNav .navsub5 .four { display: none; } }
#newNav .secList{ position:absolute; top:100%; /* left:-35px; */ min-width:100%; z-index: 999; background: #085FA3;}
#newNav .secList li{ white-space:nowrap; font-size:15px; height:0;line-height: 40px; overflow:hidden;}
#newNav .secList li a{  color:#fff;  display:block;padding: 0 15px;}
#newNav .secList li a:hover{ background:#126CB2; }
#newNav>li.hasSub{ position:static;}
#newNav>li:hover .secList li{ height:40px; margin-bottom: 1px;}
#newNav>li:hover .secList{ padding-top: 30px; padding-bottom:20px; }
#newNav>li.hasSub:hover .navsub5{ display:block;;}
@media screen and (max-width: 900px){
    .navsub5{ display:none;}
    #newNav>li.hasSub:hover .navsub5{ display:none;}
    #newNav>li:hover .secList{display:none;}
}

.newsDisplay { width: 1120px; max-width: 100%; margin: 0 auto; padding-top: 3.33333%; }
.newsDisplay .box { padding: 1.78571%; border-radius: 3px; border: 1px solid #efefef; margin-top: 10px; margin-bottom: 1.78571%; }
.newsDisplay .box:hover p a{ color:#085FA3;}
.newsDisplay .box img { width: 100%; }
.newsDisplay .videoWrap .playbtn { background-image: url(../img/video-btn-black.png); }
.newsDisplay .title { padding-bottom: 5px; font-size: 16px; line-height: 1.25; margin-top: 16px; border-bottom: 1px solid #e5e5e5; }
.newsDisplay .title a { color: #333; }
@media screen and (max-width: 400px) { .newsDisplay .title { font-size: 12px; } }
.newsDisplay p { margin-top: 10px; font-size: 12px; line-height: 2; line-height: 24px; overflow: hidden; max-height: 72px; }
.newsDisplay p, .newsDisplay p a { color: #555; }
.newsDisplay .box, .newsDisplay .line { width: 31.25%; }
@media screen and (max-width: 1050px) { .newsDisplay .box, .newsDisplay .line { width: 30%; } }
@media screen and (max-width: 650px) { .newsDisplay .box, .newsDisplay .line { width: 48.5%; }
  .newsDisplay span { font-size: 12px; } }


.aside > .title{ display:none;}
.aside .list>li>a{ padding:0; padding-left: 10px;color: #000;font-weight: bold;}
.aside .list>li>a:before{ display:none;}
.aside .list>li{ margin-bottom: 15px;}
.aside .list .asideNav li:hover>a,.aside .list .asideNav li>a.active{ padding-left:20px}
.aside .list li:hover>a:before,.aside .list li>a.active:before{ color:#fff;}
.asideNav{  padding: 10px 0; }
.aside .list .asideNav a{ color: #555; padding-left: 10px; font-size: 14px;}
.aside .list .asideNav a:before{ content:'\e68e'; font-size:16px; vertical-align:middle;}
.aside .list .asideNav a:hover,.aside .list .asideNav a.active{background:#126CB2; color:#fff; padding-left:10px}
@media screen and (max-width: 900px){
    .aside > .title{ display:block;}
    .aside .list>li>a{ font-size:18px;}
}


/*录入样式开始*/
ul.ent-num li{list-style:outside decimal;margin-left:20px}ul.ent-dot li{list-style:outside disc;margin-left:20px}table.table-left td,table.table-left th{text-align:left}ul[class^=ent-img]{text-align:justify;text-justify:inter-ideograph;letter-spacing:0;font-size:0;padding:8px 0}ul[class^=ent-img]:after{content:'';height:0;width:100%;display:inline-block;overflow:hidden}ul[class^=ent-img] li.line{display:inline-block;height:0;overflow:hidden;padding:0;margin:0}ul[class^=ent-img] li{display:inline-block;vertical-align:top;font-size:14px}ul[class^=ent-img]:first-child{padding-top:0;margin-top:-8px}ul[class^=ent-img] li{text-align:center;line-height:1.5;margin-bottom:1%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:8px 0;line-height:1.5}ul[class^=ent-img] li span{display:block;margin-top:4px;text-transform:capitalize}ul[class^=ent-img] li p{margin-top:4px}ul[class^=ent-img] li img{vertical-align:bottom}ul[class^=ent-img] li dl{text-align:left}ul[class^=ent-img] li dt{font-weight:700;text-transform:capitalize}ul[class^=ent-img] li dd,ul[class^=ent-img] li dt{padding-bottom:2px}.ent-img2 li{width:48%}.ent-img3 li,.ent-img3-more li,.ent-img3-only li{width:31.5%}.ent-img4 li{width:23%}.ent-img5 li{width:19.2%}.ent-img6 li{width:15.6%}.ent-img-fl img,.ent-img-fr img,.ent-img-left img,.ent-img-right img{max-width:48%}.ent-img-fl img{float:left;margin-right:14px}.ent-img-fr img{float:right;margin-left:14px}.ent-img-left img{margin-right:4%;float:left}.ent-img-right img{margin-left:4%;float:right}.ent-img-left,.ent-img-right{padding:8px 0}.ent-img-left,.ent-img-left .ent-text,.ent-img-right,.ent-img-right .ent-text{overflow:hidden;zoom:1}.ent-clearfix:after,.ent-clearfix:before{content:"";display:table}.ent-clearfix:after{clear:both}.ent-video-wrap{position:relative;display:block;height:0;padding:0;overflow:hidden}.ent-video-wrap.ent-16-9{padding-bottom:56.25%}.ent-video-wrap.ent-4-3{padding-bottom:75%}.ent-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.ent-left{float:left;margin-right:15px}.ent-right{float:right;margin-left:15px}.ent-left,.ent-right{margin-bottom:8px;width:47%}@media screen and (max-width:750px){.ent-img5.ent-res li,.ent-img6.ent-res li{width:31.5%}.ent-left,.ent-right{width:53%}.ent-img-fl img,.ent-img-fr img,.ent-img-left img,.ent-img-right img{float:none;margin-right:0;margin-left:0;max-width:100%;margin-bottom:10px;display:block}}@media screen and (max-width:650px){.ent-img3-more.ent-res li,.ent-img3.ent-res li,.ent-img4.ent-res li{width:48%}.ent-left,.ent-right{width:100%;margin-right:0;margin-left:0;float:none}}@media screen and (max-width:520px){.ent-img5.ent-res li,.ent-img6.ent-res li{width:48%}}@media screen and (max-width:460px){.ent-img2.ent-res li,.ent-img3-more.ent-res li,.ent-img3-only.ent-res li,.ent-img3.ent-res li,.ent-img4.ent-res li{width:100%}}.bordered img{border:1px solid #ddd}.rounded img{border-radius:5px}.ent-c strong{text-transform:capitalize}
/*录入样式结束*/


.ent-his2 .ent-year{background:#007fde;} /*年份背景色*/
.ent-his2{margin-left:130px;border-left:1px solid #ddd;padding-bottom:30px;padding-top:20px;}
.ent-his2>li{padding:25px 0;margin-left:25px;border-bottom:1px dotted #ccc;position:relative}
.ent-his2 .ent-year{text-align:center;height:26px;width:124px;line-height:26px;color:#fff;border-radius:13px;overflow:hidden;font-size:1.2em;position:absolute;right:100%;margin-right:13px;top:0}
.ent-his2 .ent-year:before{content:'';width:22px;height:22px;background:#fff;position:absolute;right:2px;top:2px;border-radius:50%;overflow:hidden;transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;-ms-transition:all .6s ease 0s}
.ent-his2>li:hover .ent-year:before{opacity:.3}
@media screen and (max-width:720px){.ent-his2{margin-left:0;border-left:0 none;padding-bottom:10px;padding-top:0;}
.ent-his2 .ent-year{position:static;margin-right:0;margin-bottom:12px}
.ent-his2 .ent-year:before{display:none}
.ent-his2>li{padding:15px 0;margin:0}
.ent-his2>li:first-child{padding-top:0}}

.aside02 { float: right; width: 16.83748%; }
.aside02 > .title{ font-size: 22px;line-height: 1.2; font-weight:bold; padding-left:10px; margin-bottom:10px; }
.aside02 .list li{ margin-bottom: 1px;}
.aside02 .list li  a{  width:100%; display:block; line-height:1.2; color: #555; padding-left: 10px; font-size: 14px;padding-top:9px;padding-bottom:9px;}
.aside02 .list li  a:before{  content:'\e68e'; font-family:icomoon; color:#085FA3; margin-right:5px; font-size:16px; vertical-align:middle;}
.aside02 .list li a:hover,.aside02 .list li a.active{background:#126CB2; color:#fff; padding-left:20px;}
.aside02 .list li  a:hover:before, .aside02 .list li  a.active:before { color:#fff; }