@charset "UTF-8";
/*个性化公共样式*/
body { font-family: 'robotoregular', Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

/*个性化公共样式 end----------------------------*/
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; }

.playBtn { content: ""; width: 140px; height: 140px; border-radius: 50%; background: rgba(255, 255, 255, 0.6); position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 2; }
.playBtn:before { content: ""; width: 78.57143%; height: 78.57143%; border-radius: 50%; background: #000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.playBtn:after { width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; content: "\e620"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 50px; color: #fff; text-align: center; padding-left: 4px; }
.playBtn:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
@media screen and (max-width: 1400px) { .playBtn:after { font-size: 40px; } }
@media screen and (max-width: 875px) { .playBtn:after { font-size: 20px; } }
@media screen and (max-width: 500px) { .playBtn:after { font-size: 16px; } }

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

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

a, a:before, a:after, .proPic, .ad, .pic, .play, .hotPro .list .left, .mask, #goTop:before, .mainPath .aside .title:hover:after, .mainPath .aside .list li, span ,#nav .navList li,.indexBottom .maskH,.navList:after,.navList,.navList li,.mainPath .aside .list,.lm{ 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,.why_txt, .index .center, .inCenter, .center, .searchForm, .formStyle li, .ad, .bannerVideo, #banner .video .pic, #banner .bannerVideo, .hotPro .list .left, .one, .two, .three, .listTop .content, .rightImg .slick-dots li button, .tab, .hotPro .list .box ,.whyTab #tags li, .newMask,.mask,.footBottom .con{ -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,.rightMessage .leaveMessage,.rightMessage .rely { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

#banner .intro .title, .hotPro > .title, .hotPro > .lm, .hotPro .list .lm, .hotPro .list .left .title, .indexCenter .lm, .indexCenter .solution .title, .indexBottom .lm, .indexBottom .title, .mainPath .bigTitle, .listCenter .con .up .title, .detailTop .con .title { text-transform: uppercase; }

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
a:hover{ color:#FCAF17;}

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

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

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

.ad, .indexCenter .threeBox .title, .indexBottom .needImg .mask, .indexBottom .about .title, .mainPath .aside .title, .listCenter .proList > .title { font-family: Lato-bold, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

.bd, #banner .intro .title, .indexBottom .about .new .title, .hotPro > .title, .indexCenter .solution .solVideo, .mainPath .bigTitle, .indexCenter .solution .title , .lanTitle{ font-family: Lato-Black, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

.mainPath .aside .title, .listCenter .con .up .title, .detailTop .con .title, .des .title ,.indexBottom .about .needImg .mask, .indexBottom .about .new .title{ font-size: 20px; line-height: 1.2; }
@media screen and (max-width: 880px) { .indexBottom .about .needImg .mask, .indexBottom .about .new .title,.mainPath .aside .title, .listCenter .con .up .title, .detailTop .con .title, .des .title { font-size: 18px; } }

.indexBottom .title, .listCenter .proList > .title, .product .item .justify:first-child > .title { font-size: 22px; line-height: 1.2; }
@media screen and (min-width: 1440px) { .indexBottom .title, .listCenter .proList > .title, .product .item .justify:first-child > .title { font-size: 24px; } }
@media screen and (max-width: 1250px) { .indexBottom .title, .listCenter .proList > .title, .product .item .justify:first-child > .title { font-size: 20px; } }
@media screen and (max-width: 650px) { .indexBottom .title, .listCenter .proList > .title, .product .item .justify:first-child > .title { font-size: 20px; } }

.indexCenter .threeBox .title,.newDetail .newDetop .title { font-size: 30px; line-height: 1.2; }
@media screen and (max-width: 1200px) { .indexCenter .threeBox .title,.newDetail .newDetop .title { font-size: 26px; } }
@media screen and (max-width: 880px) { .indexCenter .threeBox .title ,.newDetail .newDetop .title{ font-size: 24px; } }
@media screen and (max-width: 650px) { .indexCenter .threeBox .title ,.newDetail .newDetop .title{ font-size: 22px; } }
@media screen and (max-width: 580px) { .indexCenter .threeBox .title ,.newDetail .newDetop .title{ font-size: 20px; } }

.hotPro > .title, .indexCenter .solution .title { font-size: 40px; line-height: 1.2; }
@media screen and (max-width: 1200px) { .hotPro > .title, .indexCenter .solution .title { font-size: 36px; } }
@media screen and (max-width: 950px) { .hotPro > .title, .indexCenter .solution .title { font-size: 32px; } }
@media screen and (max-width: 750px) { .hotPro > .title, .indexCenter .solution .title { font-size: 30px; } }

#banner .intro .title, .mainPath .bigTitle { font-size: 44px; line-height: 1.2; }
@media screen and (min-width: 1440px) { #banner .intro .title, .mainPath .bigTitle { font-size: 50px; } }
@media screen and (max-width: 1100px) { #banner .intro .title, .mainPath .bigTitle { font-size: 42px; } }
@media screen and (max-width: 950px) { #banner .intro .title, .mainPath .bigTitle { font-size: 40px; } }
@media screen and (max-width: 750px) { #banner .intro .title, .mainPath .bigTitle { font-size: 38px; } }
@media screen and (max-width: 650px) { #banner .intro .title, .mainPath .bigTitle { font-size: 36px; } }


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

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

@font-face { font-family: 'Lato'; src: url("../font/Lato-Regular.eot"); src: url("../font/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Lato-Regular.woff") format("woff"), url("../font/Lato-Regular.woff2") format("woff2"), url("../font/Lato-Regular.ttf") format("truetype"), url("../font/Lato-Regular.svg#Lato") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lato-Black'; src: url("../font/Lato-Black.eot"); src: url("../font/Lato-Black.eot?#iefix") format("embedded-opentype"), url("../font/Lato-Black.woff") format("woff"), url("../font/Lato-Black.ttf") format("truetype"), url("../font/Lato-Black.svg#Lato-Black") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lato-Bold'; src: url("../font/Lato-Bold.eot"); src: url("../font/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Lato-Bold.woff") format("woff"), url("../font/Lato-Bold.ttf") format("truetype"), url("../font/Lato-Bold.svg#Lato-Bold") 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; }

.index .center, .inCenter { width: 100%; max-width: 1260px; margin-left: auto; margin-right: auto; }
@media screen and (min-width: 1440px) { .index .center, .inCenter { max-width: 1400px; } }
@media screen and (min-width: 1600px) { .index .center, .inCenter { max-width: 1560px; } }
@media screen and (min-width: 1725px) { .index .center, .inCenter { max-width: 1725px; } }
@media screen and (max-width: 1280px) { .index .center, .inCenter { padding-left: 10px; padding-right: 10px; } }

.center { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1200px) { .center,.why_txt { 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; }

.share a { display: inline-block; vertical-align: middle; }
.share a:before { font-family: icomoon; }
.share .sharefb:before { content: '\e62c'; }
.share .sharetw:before { content: '\e62b'; }
.share .sharein:before { content: '\e630'; }
.share .sharegl:before { content: '\e62d'; }
.share .shareyt:before { content: '\e633'; }

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

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

.colorA { color: #FCAF17; }

.container { width: 100%; margin: 0 auto; overflow: hidden; }

#menuBtn { height: 45px; width: 45px; background: #FCAF17; position: fixed; top: 25px; right: 10px; display: none; text-align: center; cursor: pointer; z-index: 999; border: 1px solid #e0e0e0; }
@media screen and (max-width: 900px) { #menuBtn { display: block; } }
@media screen and (max-width: 550px) { #menuBtn { top: 20px; } }

#menuBtn:before { content: "\e637"; font-size: 30px; color: #ffffff; font-family: icomoon; position: absolute; top: 0; right: 0; line-height: 20px; margin-top: 13px; margin-right: 7px; }

#menuBtn.active:before { content: "\e60b"; font-size: 30px; color: #ffffff; font-family: icomoon; position: absolute; top: 0; right: 0; line-height: 20px; margin-top: 13px; margin-right: 10px; }

#head {  background: #fff; transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;}
#head.move {width:100%; position: fixed; top: 0; left: 0; z-index: 9999; box-shadow: 0 0 15px rgba(0,0,0,.2);}
#head .center > .box { vertical-align: middle; }

.topRight { width: 1000px; text-align: right;}
.topRight .shareList { display: inline-block; vertical-align: middle; width: 11.60215%; margin-left: 3.08602%; min-width: 100px;}
.topRight .shareList li { display: inherit; width: 29px;}
@media screen and (max-width: 900px) { .topRight .shareList { /* width: 72px; */ /* margin-left: 0; */ } }
@media screen and (max-width: 1134px) { .topRight { width: 100%; text-align: center; }
    #head{padding: 15px 0;}
}

@media screen and (max-width: 1134px) { #logo { width: 100%; text-align: center; margin-bottom: 10px; } }

.language { display: inline-block; vertical-align: middle; font-size: 12px; /* width: 23.58065%; */ margin-left: 1.51613%; }
.language li { /* margin-left: 7.61905%; */ display: inherit; }
.language li:first-child { margin-left: 0; }
@media screen and (max-width: 1000px) { .language li { margin-left: 4.6%; } }
.language a { color: #333; }
.language a:hover{ color: #FCAF17;}
.language a.colorA{ color: #FCAF17;}
@media screen and (max-width: 900px) { .language { /* width: 190px; */ } }

#nav{display:inline-block;vertical-align:middle;font-size:0;line-height:1;width: 65.13978%;text-align: left;}
#nav>li{position:relative;z-index:1;display:inline-block;margin-left:5%;vertical-align:middle;}
#nav>li:first-child{margin-left:0;}
#nav>li>a{position:relative;z-index:1;display:block;padding:40px 0;color:#333;text-transform:capitalize;font-size:16px;}
#nav>li.active>a,#nav>li:hover>a{color:#FCAF17;}
#nav>li>ul{position:absolute;top:100%;left:-20px;z-index:99;display:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:15px 20px 20px;min-width:250px;border-top:6px solid #FCAF17;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.3);text-align:left;-o-box-sizing:border-box;-ms-box-sizing:border-box;    transition: 0s all;-moz-transition: 0s all;-webkit-transition: 0s all;-o-transition: 0s all;-ms-transition: 0s all;}
#nav>li>ul li{font-size:16px;line-height:1;-webkit-transition:0s;-moz-transition:0s;-o-transition:0s;transition:0s;-ms-transition:0s;position: relative;}
#nav > li > ul > li>ul{width:300px;position:absolute;top:0;left:100%;background:#fff;padding:15px 10px;margin-left:20px;border-top:4px solid #FCAF17;display:none;box-shadow: 0 0 10px #ccc;transition: 0s all;-moz-transition: 0s all;-webkit-transition: 0s all;-o-transition: 0s all;-ms-transition: 0s all;}
#nav > li > ul > li>ul>li>a{font-size:14px;padding:7px 10px;}
#nav > li > ul > li>ul>li:hover a,#nav > li > ul > li>ul>li.active a{color:#FCAF17;}
#nav>li>ul>li a{position:relative;display:block;padding:10px 0 10px 18px;color:#555;}
#nav>li>ul>li>a:before{position:absolute;top:8px;left:0;width:18px;height:18px;color:#555;content:"\e63c";font-size:12px;font-family:icomoon,Arial,Helvetica,'Microsoft YaHei',SimSun,Sans-serif;line-height:18px;}
#nav>li>ul>li.active>a,#nav>li>ul>li:hover>a{color:#FCAF17;}
#nav>li>ul>li.active>a:before,#nav>li>ul>li:hover>a:before{color:#FCAF17;}

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

    #nav { width: 240px; position: fixed; float: none; top: 72px; right: 10px; z-index: 100; margin: 0; display: none; background: #FCAF17; padding: 10px 0; box-shadow: 0 0 15px white; }
    #nav > li { margin: 0; display: block; text-align: center; line-height: 1; padding: 0; font-size: 14px; margin-bottom: 1px; }
    #nav > li > a { padding: 12px 0; display: block; color: white; font-size: 14px; }
    #nav > li:hover, #nav > li.active { background: #B4811F; }
    #nav > li:hover a, #nav > li.active a { color: white; background: none; }
    #nav > li:hover:before, #nav > li.active:before { display: none; }
    #nav > li:last-child { border-bottom: 0; }
    #nav > li:hover ul { display: none; }
    #nav > li:hover > a:before { display: none; }
    #nav > li:before { display: none; }
    }

#banner { /* text-align: center; */ /* background: url("../img/banner.jpg") no-repeat left center; */ /* background-size: cover; */ /* padding: 4.6875% 0; */ }
#banner .bannerVideo { width: 39%; display: inline-block; vertical-align: middle; filter: alpha(opacity=40); background: #fff; background: rgba(255, 255, 255, 0.4); padding: 10px; overflow: hidden; cursor: pointer; position: relative; }
#banner .bannerVideo .play { width: 100%; position: relative;  }
#banner .bannerVideo .pic { position: absolute; z-index: 1; top: 0; left: 0; padding: 10px; }
#banner .bannerVideo:hover .pic { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.bannerVideo .indexVideo{ padding:10px; box-sizing:border-box;}
@media screen and (max-width: 1280px) { #banner .bannerVideo { width: 45%; } }
@media screen and (max-width: 1024px) { #banner .bannerVideo { width: 55%; } }
@media screen and (max-width: 900px) { #banner .bannerVideo { /* width: 60%; */ } }
@media screen and (max-width: 550px) { #banner .bannerVideo { /* width: 100%; */ } }
#banner .intro { width: 31%; color: #fff; display: inline-block; text-align: left; vertical-align: middle; margin-top: -1%; margin-left: 2.44792%; }
@media screen and (min-width: 1650px) { #banner .intro { width: 26.71875%; margin-top: -5.20833%; } }
#banner .intro .title { font-weight: bold; }
#banner .intro .title i { color: #FCAF17; }
@media screen and (max-width: 450px) { #banner .intro .title { font-size: 32px; } }
@media screen and (max-width: 370px) { #banner .intro .title { font-size: 29px; } }
#banner .intro p { line-height: 24px; font-size: 16px; }
@media screen and (min-width: 1650px) { #banner .intro p { line-height: 30px; } }
@media screen and (max-width: 850px) { #banner .intro p { display: none; } }
@media screen and (max-width: 900px) { #banner .intro { width: 34%; } }
@media screen and (max-width: 550px) { #banner .intro { width: 100%; position: absolute; top: 13px; left: 0; right: 0; text-align: center; margin-left: 0; } }
@media screen and (max-width: 550px) { #banner { position: relative; /* padding-top: 60px; */ } }

.videoSrc { display: none; }

.playEm { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.indexVideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99;}
.indexVideo.moviePlay { width: 400px; height: 225px; position: fixed; top: auto; bottom: 50px; left: auto; right: 200px; z-index: 888; }
.indexVideo .video_wrap , .indexVideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.indexVideo .close { width: 25px; height: 25px; position: absolute; top: 0; right: 0; background: #414141; font-weight: bold; text-align: center; line-height: 25px; z-index: 888; cursor: pointer; display: none; color: #fff; font-size: 16px; }

.hotPro { margin-top: 4.6875%; }
.hotPro > .title { display: block; padding-left: 20.20833%; font-weight: bold;}
.hotPro > .title:first-letter{ color: #FCAF17; }
.hotPro > .lm { display: inline-block; padding-right: 45px; background: url("../img/more.png") no-repeat right center; color: #333; margin-left: 29.16667%; margin-top: 0.26042%; margin-bottom: 1.30208%; }
.hotPro > .lm:hover{ background: url("../img/more02-2.png") no-repeat right center;}
.hotPro .list .box { width: 33.33333%; position: relative; text-align: right; }
.hotPro .list{ background: url("../img/indexpath.jpg") no-repeat left top; background-size: cover;}
.hotPro .list .box:first-child { border-left: none; }

.hotPro .list .box:hover .left{ filter: alpha(opacity=70); background: #000; background: rgba(0, 0, 0, 0.7);}
.hotPro .list .box:hover .left .play { background: url("../img/play02-2.png") no-repeat; background-size: contain;}
.hotPro .list .lm { display: inline-block; padding-right: 45px; background: url("../img/more02.png") no-repeat right center; color: #fff; margin-top: 40px; }
.hotPro .list .lm:hover { color: #FCAF17;background: url("../img/more02-2.png") no-repeat right center; }
@media screen and (min-width: 1650px) { .hotPro .list .lm { margin-top: 70px; } }
@media screen and (max-width: 1200px) { .hotPro .list .lm { margin-top: 20px; } }
@media screen and (max-width: 560px) { .hotPro .list .lm { margin-top: 5%; } }
.hotPro .list .left { position: absolute; top: 0; left: 0; width: 40%; height: 100%; text-align: left; filter: alpha(opacity=50); background: #000; background: rgba(0, 0, 0, 0.5); padding: 0 4.375%; }
.hotPro .list .left .content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 70.77626%; height: 210px; }
.hotPro .list .left:hover{ filter: alpha(opacity=70); background: #000; background: rgba(0, 0, 0, 0.7);}
@media screen and (max-width: 900px) { .hotPro .list .box.slick-current .left{ filter: alpha(opacity=70); background: #000; background: rgba(0, 0, 0, 0.7); }}
@media screen and (min-width: 1650px) { .hotPro .list .left .content { height: 260px; } }
@media screen and (max-width: 1200px) { .hotPro .list .left .content { width: 80%; height: auto; } }
@media screen and (max-width: 500px) { .hotPro .list .left .content { height: 160px; } }
.hotPro .list .left .title { color: #fff; line-height: 24px; display: block; margin-bottom: 6.45161%; }
@media screen and (min-width: 1650px) { .hotPro .list .left .title { line-height: 30px; } }
@media screen and (max-width: 1200px) { .hotPro .list .left .title { margin-top: 10px; } }
@media screen and (max-width: 600px) { .hotPro .list .left .title { margin-bottom: 3%; line-height: 20px; } }
.hotPro .list .left .play { cursor: pointer; background: url("../img/play02.png") no-repeat; width: 100%; max-width: 138px; height: 68px; display: block; background-size: contain; }
.hotPro .list .left .play:hover { background: url("../img/play02-2.png") no-repeat; background-size: contain; }
@media screen and (max-width: 1200px) { .hotPro .list .left .play { width: 110px; height: 50px; } }
@media screen and (min-width: 1650px) { .hotPro .list .left { width: 34.21875%; } }
@media screen and (max-width: 1280px) { .hotPro .list .left { width: 50%; } }
@media screen and (max-width: 950px) { .hotPro .list .left { width: 100%; } }
@media screen and (max-width: 900px) { .hotPro .list .left .play { background: url("../img/play02-2.png") no-repeat; background-size: contain; }}
.hotPro .list .right img { width: 100%; border-left: 1px solid #999; }
.hotPro .slick-dots li.slick-active button { background: #FCAF17; }

.indexCenter { margin-top: 4.6875%; position: relative; }
.indexCenter .lm { display: inline-block; padding-right: 45px; background: url("../img/more.png") no-repeat right center; color: #333; margin-top: 0.26042%; }
.indexCenter .lm:hover{ background: url("../img/more02-2.png") no-repeat right center;}
@media screen and (max-width: 1000px) { .indexCenter .lm { margin-bottom: 5px; } }
.indexCenter .solution { width: 32.46377%; }
.indexCenter .solution .solVideo { position: relative; cursor: pointer; }
.indexCenter .solution .title { font-weight: bold; margin-bottom: 8.21429%; display: block; }
@media screen and (max-width: 650px) { .indexCenter .solution .title { margin-bottom: 2.2%; } }
.indexCenter .solution .play { width: 100%; position: relative; z-index: -889; }
.indexCenter .solution .pic { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; }
.indexCenter .solution .p { color: #777; line-height: 24px; max-height: 48px; overflow: hidden; margin: 3.57143% 0; margin-bottom: 5.71429%; }
@media screen and (max-width: 650px) { .indexCenter .solution .p { margin-top: 1.5%; margin-bottom: 1.5%; } }
.indexCenter .solution img { width: 100%; }
@media screen and (max-width: 1000px) { .indexCenter .solution { width: 46%; } }
@media screen and (max-width: 650px) { .indexCenter .solution { width: 100%; } }
.indexCenter .threeBox { position: absolute; top: 0; right: 0; width: 59.375%; height: 100%; }
.indexCenter .threeBox .one { width: 79.29825%; height: 60.32907%; background: #E9E9E9; position: absolute; top: 0; left: 0; z-index: 97; padding-top: 3.07018%; padding-left: 3.50877%; }

.indexCenter .threeBox .one .content { width: 64.71239%; }
@media screen and (max-width: 1000px) { .indexCenter .threeBox .one .content { width: 100%; } }
.indexCenter .threeBox .one .title { margin-bottom: 2.76549%; }
@media screen and (max-width: 1000px) { .indexCenter .threeBox .one .title { margin-bottom: 0; } }
.indexCenter .threeBox .one .p { margin-bottom: 3.87168%; }
@media screen and (max-width: 1000px) { .indexCenter .threeBox .one .p { margin-bottom: 1%; } }
@media screen and (max-width: 850px) { .indexCenter .threeBox .one .p { max-height: 48px; } }
@media screen and (max-width: 1000px) { .indexCenter .threeBox .one { height: auto; width: 100%; position: static; padding-top: 2%; padding-left: 2%; padding-bottom: 3%;} }
.indexCenter .threeBox .two { width: 65.26316%; height: 56.67276%; background: #F1F1F1; position: absolute; bottom: 0; right: 16.66667%; z-index: 98; padding-top: 3.07018%; padding-left: 3.50877%; }

.indexCenter .threeBox .two .content { width: 47.04301%; }
@media screen and (max-width: 1000px) { .indexCenter .threeBox .two .content { width: 100%; } }
.indexCenter .threeBox .two .title { margin-bottom: 3.36022%;color: #333; }
@media screen and (max-width: 1000px) { .indexCenter .threeBox .two .title { margin-bottom: 0; } }
.indexCenter .threeBox .two .p { margin-bottom: 4.7043%; }
@media screen and (max-width: 1000px) { .indexCenter .threeBox .two .p { margin-bottom: 1%; } }
@media screen and (max-width: 850px) { .indexCenter .threeBox .two .p { max-height: 48px; } }
@media screen and (max-width: 1000px) { .indexCenter .threeBox .two { height: auto; width: 100%; position: static; padding-top: 2%; padding-left: 2%; padding-bottom: 3%;} }
.indexCenter .threeBox .three { width: 38.15789%; height: 45.70384%; background: #fff; position: absolute; bottom: 32.8%; right: 0; z-index: 99; padding-top: 3.07018%; padding-left: 3.50877%; }
.indexCenter .threeBox .three .content { width: 77.01149%; }
@media screen and (max-width: 1000px) { .indexCenter .threeBox .three .content { width: 100%; } }
.indexCenter .threeBox .three .title { margin-bottom: 5.74713%; }
@media screen and (max-width: 1000px) { .indexCenter .threeBox .three .title { margin-bottom: 0; } }
.indexCenter .threeBox .three .p { margin-bottom: 8.04598%; }
@media screen and (max-width: 1000px) { .indexCenter .threeBox .three .p { margin-bottom: 1%; } }
@media screen and (max-width: 850px) { .indexCenter .threeBox .three .p { max-height: 48px; } }
@media screen and (max-width: 1200px) { .indexCenter .threeBox .three { height: 50%; bottom: 27%; } }
@media screen and (max-width: 1000px) { .indexCenter .threeBox .three { height: auto; width: 100%; position: static; padding-top: 2%; padding-left: 2%; padding-bottom: 3%;} }
.indexCenter .threeBox .title { font-weight: bold; display: block;color:#333; }
.indexCenter .threeBox .p { line-height: 24px; max-height: 72px; overflow: hidden; color: #777; }
@media screen and (max-width: 1200px) { .indexCenter .threeBox { width: 62%; } }
@media screen and (max-width: 1000px) { .indexCenter .threeBox { width: 50%; padding-right: 10px; } }
@media screen and (max-width: 650px) { .indexCenter .threeBox { width: 100%; position: relative; margin-top: 20px; } }

#footer {padding-top: 6.77083%;background: #222;text-align: center;position: relative;padding-bottom: 3%;margin-top: 3.5%;}
#footer .footNav { width: 1024px; display: inline-block; border-top: 1px solid #393939; }
#footer .footNav li { display: inline-block; border-left: 1px solid #393939; }
#footer .footNav li:first-child { border-left: none; }
@media screen and (max-width: 580px) { #footer .footNav li { border-left: none; } }
@media screen and (max-width: 580px) { #footer .footNav { border-left: none; } }
#footer .footNav a { padding: 22px 30px; color: #fff; display: inline-block; }
#footer .footNav a:hover{ color:#FCAF17;}
@media screen and (max-width: 900px) { #footer .footNav a { padding: 15px 18px; } }
@media screen and (max-width: 700px) { #footer .footNav a { padding: 7px 10px; } }
@media screen and (max-width: 1340px) { #footer .footNav { width: 725px; } }
@media screen and (max-width: 900px) { #footer .footNav { width: auto; } }
@media screen and (max-width: 580px) { #footer .footNav { border-top: none; } }
@media screen and (max-width: 700px) { #footer { padding-top: 46px; margin-top: 20px;} }

#goTop { background: url("../img/gotop.png") no-repeat; background-size: contain; text-align: center; line-height: 53px; cursor: pointer; width: 148px; height: 53px; position: absolute; left: 50%; margin-left: -74px; top: 0; font-family: icomoon; color: #222; }
#goTop:before { content: ''; width: 36px; height: 16px; background: url("../img/gotop02.png") no-repeat; position: absolute; top: 5px; left: 50%; margin-left: -18px; background-size: contain; }
@media screen and (max-width: 1134px) { #goTop:before { width: 26px; margin-left: -13px; } }
@media screen and (max-width: 600px) { #goTop:before { width: 20px; margin-left: -10px; } }
#goTop:hover:before { top: -5px; }
@media screen and (max-width: 1134px) { #goTop { width: 114px; height: 42px; margin-left: -57px; } }
@media screen and (max-width: 600px) { #goTop { width: 80px; height: 29px; margin-left: -40px; } }

.footBottom { margin-top: 3%; text-align: center; color: #757575; width: 974px; margin-left: 3.38542%; display: inline-block; }
@media screen and (max-width: 1100px){
    .footBottom{ width:100%; margin-left:0}
}
.footBottom a { color: #fff; }
.footBottom a:hover{ color:#FCAF17}
.footBottom .shareList { display: inline-block; vertical-align: middle; /* width: 170px; */ }
.footBottom .shareList .box:nth-child(2) img{ height: 47px;}
.footBottom .shareList img{ width: 46px;/* height: 53px; */;transition:0.5s;}
.footBottom .shareList img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.footBottom .con { display: inline-block; vertical-align: middle; width: 515px; margin-left: 10.81081%; }
.footBottom .con .box { width: 40%; margin-bottom: 3px;}
.footBottom .con .box:nth-child(2n){
    width: 55%;
}
.footBottom .con .box:last-child { width: 100%; }
@media screen and (max-width: 800px) { .footBottom .con { width: 100%; padding: 0 10px; margin-left: 0;margin-top: 16px;} }
@media screen and (max-width: 650px) { .footBottom .con { width: 100%; margin-top: 15px; margin-left: 0;} }
@media screen and (max-width: 750px) { .footBottom { margin-left: 0; width: auto; } }
@media screen and (max-width: 550px){
    .footBottom .con .box,.footBottom .con .box:nth-child(2n){ width:100%;}
}
.copyRight { text-align: center; border-top: 1px solid #393939; padding: 2.60417%; background: #222; color: #fefefe; }
.copyRight .our { float: right; }
.copyRight a { color: #fefefe; }
.copyRight a:hover{ color:#FCAF17;}
@media screen and (max-width: 900px) { .copyRight { margin-bottom: 50px; } }
@media screen and (max-width: 700px) { .copyRight .mpmc { float: left; } }

.mainPath { background: #333; padding-bottom: 1.3%; }
@media screen and (max-width: 800px){ .mainPath{padding-bottom:12px;}}
.mainPath .path { text-align: right; padding-top: 2.08333%; color: #fff; }
.mainPath .path a { color: #fff; }
.mainPath .bigTitle { margin-top: 5.7%; margin-bottom: 1.25%; color: #FCAF17; font-weight: bold; display: block; }
@media screen and (max-width: 550px) { .mainPath .bigTitle { font-size: 30px; } }
@media screen and (max-width: 450px) { .mainPath .bigTitle { line-height: 1; font-size: 28px; } }
@media screen and (max-width: 380px) { .mainPath .bigTitle { line-height: 1; font-size: 26px; } }
.mainPath .aside { position: relative; display: inline-block; }
.mainPath .aside .title { font-weight: bold; color: #FCAF17; cursor: pointer;}
.mainPath .aside .title:after { content: '\e64e'; font-size: 16px; color: inherit; padding-left: 20px; font-family: icomoon; vertical-align: middle; }

.mainPath .aside .list { position: absolute; top: 100%; left: -30px; width: 150%; min-width: 250px; background: #fff; z-index: 900;  background:#333;}
.mainPath .aside .list li { width: 100%; height: 0; overflow: hidden; }
.mainPath .aside .list a { display: block; background: #333333; color: #fff; height:40px; line-height:40px; padding-left:30px; margin-top: 1px;}
.mainPath .aside .list a:hover { background: #FCAF17; color:#fff; }
.mainPath .aside .list a.active{ background: #FCAF17; color:#fff; }
.mainPath .aside:hover .list li { height: 40px;}
.mainPath .aside:hover .list { padding-top: 30px; padding-bottom:20px;}
@media screen and (max-width: 900px){
    .mainPath .aside .list a{height: 33px; line-height: 33px;}
    .mainPath .aside:hover .list li { height: 33px;}
    .mainPath .aside:hover .list { padding-top: 15px; padding-bottom:10px;}
}


.listTop { /* padding-bottom: 2.5%; */ }
.listTop .txt{ color: #777; padding-top: 2.5%;}
.listTop .addthis_sharing_toolbox{ /* margin-bottom:3.75%; */ margin-top: 10px;}
.listTop .videoBg { width: 62.91667%; float: left; padding-right: 2.5%; padding-top: 2.5%; padding-bottom: 3.33333%; margin-bottom: 2.75%; margin-right: 3.16667%; position: relative; }
.listTop .videoBg:after { content: ''; position: absolute; z-index: -10; top: 0; bottom: 0; width: 151.52318%; background: #7F7F7F; right: 0; }
@media screen and (max-width: 650px) { .listTop .videoBg { width: 100%;float: none; } .listTop .txt{margin-top: -20px;}}
.listTop .content { padding: 1.3245%; background: url("../img/listbg.png") no-repeat left top; background-size: contain; }
.listTop .content .video { position: relative; cursor: pointer; overflow: hidden; padding-top: 59.345%;}
.listTop .content .video:hover .pic { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.listTop .content .play { width: 100%; position: relative; z-index: 889; }
.listTop .content .pic { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; }

.listCenter { margin-bottom: 3.64583%; }
.listCenter .proList { width: 61.66667%; float: left; }
.listCenter .proList > .title { font-weight: bold; display: block; margin-bottom: 3.37838%; }
.listCenter .proList .list .box { width: 29.72973%; margin-bottom: 3.37838%; }
.listCenter .proList .list .box:hover span { color: #FCAF17; }
@media screen and (max-width: 1200px) { .listCenter .proList .list .box { width: 32%; } }
@media screen and (max-width: 600px) { .listCenter .proList .list .box { width: 48%; } }
.listCenter .proList .list .line { width: 29.72973%; }
.listCenter .proList .list img { width: 100%; border: 1px solid #E6E6E6; }
.listCenter .proList .list span { color: #333; margin-top: 6.81818%; }
@media screen and (max-width: 900px) { .listCenter .proList { width: 100%; float: none; } }
.listCenter .con { width: 34.38333%; float: right; min-width: 300px; }
.listCenter .con .up { padding: 0 8.6747%; padding-top: 10.12048%; padding-bottom: 3.61446%; background: url("../img/phone01.png") no-repeat left top; background-size: cover; position: relative; }
.listCenter .con .up .title { font-weight: bold; display: block; color: #fff; }
.listCenter .con .up > .lm { display: inline-block; padding-right: 60px; background: url("../img/more03.png") no-repeat right center; color: #fff; margin-top: 0.26042%; margin-bottom: 1.30208%; }
.listCenter .con .down { padding: 0 8.6747%; padding-top: 8.43373%; padding-bottom: 32.53012%; background: url("../img/phone02.png") no-repeat left top; color: #777; background-size: cover; }
.listCenter .con .down ul:first-child { margin-bottom: 8.95522%; }
.listCenter .con .down a { color: #777; }
.listCenter .con .down a:hover { color: #FCAF17; }
.listCenter .con:hover .up > .lm { padding-right: 70px; }
@media screen and (max-width: 900px) { .listCenter .con { float: none; } }
@media screen and (max-width: 480px) { .listCenter .con { width: 100%; min-width: auto; } }

.main { position: relative; padding-bottom: 4.16667%; }
.main:after { content: ''; position: absolute; right: 0; top: 0; z-index: -1; width: 29.16667%; padding-bottom: 13.75%; background: #EBEBEB; }

.detailTop { padding-top: 5%; padding-bottom: 4%; }
.detailTop .rightImg { float: left; width: 37.33333%; position: relative;}
.detailTop .rightImg .item { display: none; }
.detailTop .rightImg .divShow .item:first-child , .detailTop .rightImg .divShow.slick-slider .item { display: block; }
.detailTop .rightImg .slick-dots { bottom: -27px; }
.detailTop .rightImg .slick-dots li { width: 25%; margin: 0; }
.detailTop .rightImg .slick-dots li.slick-active button { background: #FCAF17; }
.detailTop .rightImg .slick-dots li:first-child button { border-left: 0; }
.detailTop .rightImg .slick-dots li button { width: 100%; border-radius: 0; border-left: 1px solid #fff; background: #B3B3B3; }
@media screen and (max-width: 1000px) { .detailTop .rightImg { width: 39%; } }
@media screen and (max-width: 850px) { .detailTop .rightImg { width: 49%; } }
@media screen and (max-width: 500px) { .detailTop .rightImg { width: 100%; } }
.detailTop .deVideo { width: 37.33333%; float: left; margin-left: 4.5%; position: relative; }
.detailTop .deVideo:hover .play { left: 50%; margin-left: -44px; }
@media screen and (max-width: 1134px) { .detailTop .deVideo:hover .play { left: 50%; margin-left: -32px; } }
.detailTop .deVideo .pic { width: 100%; }
.detailTop .deVideo .play { position: absolute; left: 0; top: 50%; margin-top: -44px; cursor: pointer; }
@media screen and (max-width: 1134px) { .detailTop .deVideo .play { width: 64px; margin-top: -32px; left: 50%; margin-left: -32px; } }
@media screen and (max-width: 1000px) { .detailTop .deVideo { width: 39%; margin-left: 1.5%; } }
@media screen and (max-width: 850px) { .detailTop .deVideo { width: 49%; margin-left: 2%; } }
@media screen and (max-width: 500px) { .detailTop .deVideo { width: 100%; margin-left: 0; margin-top: 35px; } }
.detailTop .con { width: 18.16667%; color: #777; float: right; }
.detailTop .con .title { color: #333; display: block; margin-top: 32.94495%; margin-bottom: 2.29358%;font-weight: bold; }
@media screen and (max-width: 850px) { .detailTop .con .title { margin-top: 10px; margin-bottom: 4px; } }
@media screen and (max-width: 500px) { .detailTop .con .title { margin-top: 8px; } }
.detailTop .con a { color: #777; }
.detailTop .con a:hover { color: #FCAF17; }
.detailTop .con span { display: block; }
.detailTop .con .at_flat_counter{ display:inline-block; background:#fff}
.detailTop .con .at_flat_counter:after{ border-color: transparent #fff transparent transparent;}
.detailTop .con > .lm { display: inline-block; padding-right: 60px; background: url("../img/more04.png") no-repeat right center; color: #777; margin-top: 13.76147%; }

.detailTop .proPDF{margin-top: 20px;}
.detailTop .proPDF a,.detailTop .proPDF span{display: inline-block;vertical-align: middle;}
.detailTop .proPDF span{font-weight: bold;color:#333;margin-left: 10px;}
@media screen and (max-width: 850px) { .detailTop .con > .lm { margin-top: 10px; } }
.detailTop .con:hover .lm { padding-right: 70px; background: url("../img/more04.png") no-repeat right center; }
@media screen and (max-width: 850px) { .detailTop .con { width: 100%; margin-bottom: 15px;} }
@media screen and (max-width: 850px) { .detailTop { padding-bottom: 0; } }

.des { margin: 3.75% 0; margin-top: 1.6%;}
.des .title { color: #333; }

.rightTab .tabList { float: left; width: 22.66667%; }
.rightTab .tabList .tab { width: 100%; background: #ECECEC; color: #333; font-size: 16px; padding: 9.19118%; margin-bottom: 1px; cursor: pointer; line-height: 1.2; }
.rightTab .tabList .tab:hover, .rightTab .tabList .tab.active { background: #333; color: #FCAF17; }
@media screen and (max-width: 900px) { .rightTab .tabList .tab { width: 25%; float: left; padding: 2%; text-align: center; border-left: 1px solid #fff; }
    .rightTab .tabList .tab:first-child { border-left: none; } }
@media screen and (max-width: 500px) { .rightTab .tabList .tab { font-size: 14px; } }
@media screen and (max-width: 600px) { .rightTab .tabList .tab { width: 50%; }
    .rightTab .tabList .tab:nth-child(2n+1) { border-left: none; } }
@media screen and (max-width: 900px) { .rightTab .tabList { float: none; width: 100%; } }
.rightTab .content { float: left; width: 77.33333%; }
@media screen and (max-width: 900px) { .rightTab .content { float: none; width: 100%; } }
.rightTab .tabContent { border: 1px solid #e5e5e5; display: none; padding: 5.17241%; }
@media screen and (max-width: 900px) { .rightTab .tabContent { padding: 2%; } }

.product { margin-top: 3.75%; }
.product .item { margin-bottom: 3.33333%; }
.product .item:last-child{ margin-bottom:0;}
.product .item .justify:first-child { border-bottom: 1px solid #D8D8D8; margin-bottom: 2.33333%; padding-bottom: 0.58333%; }
.product .item .justify:first-child .box { vertical-align: bottom; }
.product .item .justify:first-child > .title { color: #FCAF17; }
.product .item .justify:first-child .lm { color: #333; position: relative; }
.product .item .justify:first-child .lm:after { content: '\e650'; font-size: 16px; color: #FCAF17; font-family: icomoon; position: absolute; bottom: -2.2px; left: 100%; margin-left: 10px; font-weight: bold; filter: alpha(opacity=0); opacity: 0; }
.product .item .justify:first-child .lm:hover { color: #FCAF17;}
.product .item .justify:first-child .lm:hover:after { margin-left: 5px; filter: alpha(opacity=100); opacity: 1; }
@media screen and (max-width: 1200px) { .product .item .justify:first-child .lm { margin-right: 10px; } }
@media screen and (max-width: 365px) { .product .item .justify:first-child .lm { display: block; text-align: right; line-height: 1; } }
@media screen and (max-width: 800px) { .product .item .justify:first-child { margin-bottom: 20px; padding-bottom: 5px; } }
.product .list .box, .product .list .line { width: 18.33333%; }
.product .list .box { margin-bottom: 2.08333%; }
.product .list .box img { border: 1px solid #EEEEEE; width: 100%; }
.product .list .box .title { color: #333; display: block; margin-top: 5.45455%; }
.product .list .box:hover .title { color: #FCAF17; }
@media screen and (max-width: 1080px) { .product .list .box, .product .list .line { width: 23%; } }
@media screen and (max-width: 750px) { .product .list .box, .product .list .line { width: 32%; } }
@media screen and (max-width: 550px) { .product .list .box, .product .list .line { width: 48%; } }

.lm:hover { color: #FCAF17; }

.gobot { height: 80px; width: 80px; line-height: 45px; text-align: center; filter: alpha(opacity=0); background: #F1F1F1; background: rgba(241, 241, 241, 0); position: absolute; bottom: 0; left: -10px; border-radius: 4px; }
.gobot:hover { filter: alpha(opacity=100); background: #F1F1F1; }
.gobot:after { content: ''; display: inline-block; vertical-align: middle; overflow: hidden; height: 100%; width: 0;}
.gobot i { background: url("../img/gobot.png") no-repeat center; height: 35px; width: 35px; display: inline-block; vertical-align: middle; }
@media screen and (max-width: 1000px) { .gobot { left: auto; right: 10px; } }
@media screen and (max-width: 850px) { .gobot { display: none; } }

.rightMessage { display: table; font-size: 16px; width: 100%; }
.rightMessage .leaveMessage { width: 22.27433%; border-right: 1px #fff solid; background: #FCAF17; text-align: center; display: table-cell; color: #fff; vertical-align: middle; padding: 8px 0; }
@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: 82.06331%; vertical-align: middle; text-align: center; font-size: 14px; }
@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.517% 2.1102% 2.8136% 3.517%; }
@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 #FCAF17; }
.rightForm .box input.focusOn, .rightForm .box textarea.focusOn { background: #fff; }
.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: -99; }
.rightForm .box label.focusOn { top: 100%; margin-top: -5px; background: #FCAF17; 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; }
.rightForm .btn-primary:first-child { margin-right: 20px; }
.rightForm .btn-primary:hover, .rightForm .btn-primary.active { background: #FCAF17; color: #fff; border-color: #FCAF17; }

.pageNum{ margin-top: 22px; max-width: 100%; margin-right: 32px;}
.pageNum a ,.pageNum span{ display: inline-block; vertical-align: top; margin-bottom: 5px; margin-right: 6px;  line-height: 20px; padding:5px 12px; /* background: #ccc; */ color: #222;border: 1px solid #888;border-radius: 4px;}
.pageNum span.current,.pageNum a:hover{ background: #FCAF17; color:#fff;}
.newsList{ padding-top: 3%;}
.newsList>.box{
    width: 48%;
    margin-bottom: 2%;
}
@media screen and (max-width: 400px){
    .newsList>.box{ width:100%;}
}
.newsList>.line{
    width: 48%;
}
.newsList>.box img{ width:100%;}
.newsList .left{ width: 52%;}
.newsList .right{ width: 45%;}
@media screen and (max-width: 800px){
    .newsList .left,.newsList .right{ width:100%}
    .newsList .right{ margin-top:15px}
    .newsList{ padding-top:25px;}
}
.newsList .box:hover .title{ color: #FCAF17;}
.newsList .left,.newsList .right{ display:inline-block; vertical-align:middle;}
.newsList span{
    display: block;
    font-size: 16px;
    /* margin-top: 20px; */
    color: #020202;
}
@media screen and (max-width: 960px){
    .newsList span{ font-size:14px;}
}
.newsList .date{
    display: block;
    color: #676767;
    font-size: 15px;
    margin-top: 5px;
}
.newsList img{
    width: 100%;
}


.secList{ display:none;}

.newCon{ margin-top: 3%;}
.newDetail { padding-bottom: 3.33333%; border-bottom: 1px solid #E5E5E5; margin-top: -8px}
@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: #FCAF17; 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; }
strong { color: #F47A2D; }
.prenext b { font-size: 14px; color: #F47A2D; font-weight: normal; padding-right: 3px; text-transform: capitalize; }
.prenext a { font-size: 14px; color: #F47A2D; font-weight: normal; }
.newBody{margin: 20px 0;}

.con .share{ margin-top:20.24%; }

@media screen and (max-width: 850px){
    .con .share{ margin-top: 35px;}
}
@media screen and (max-width: 500px){.con .share{ margin-top: 15px;}}

.whyTab { padding-top: 10px; margin-top: 0.83333%; }
.whyTab #tags li { float: left; width: 33.333%; border-left: 1px solid #fff; text-align: center; }
.whyTab #tags li:first-child { border-left: 0px none; }
.whyTab #tags li { height: 46px; cursor: pointer; background: #eaeaea; margin-top: 1px; font-size: 16px; color: #555; padding-left: 5px; padding-right: 5px;line-height: 46px; }
.whyTab #tags li.selectTag { background: #FCAF17; color: #fff; }
@media screen and (max-width: 850px) {
    .whyTab #tags li { font-size: 14px; }
}
@media screen and (max-width: 500px) {
    .whyTab #tags li { width: 50%; }
    .whyTab #tags li:nth-child(3) { border-left: 0px none; }
}
@media screen and (max-width: 360px) {
    .whyTab #tags li { width: 100%; border-left: 0px none; }
}
.whyTab .tagContent { padding: 12px 0; background: #fff; display: none;}
.indexPage{ margin-top:3%;}
@media screen and (max-width: 600px){.indexPage{margin-top:20px;}}


.indexVideo .video-js-wrap .video-js{ padding-bottom: 59.3197%; }
.listTop .content .video .indexVideo.moviePlay{ width: 400px; height: 225px; position: fixed; top: auto; bottom: 50px; left: auto; right: 200px; z-index: 888; }

.indexVideo .vjs-icon-play:before, .indexVideo .video-js .vjs-big-play-button:before
{ content: ''; position: absolute;top:0;left:0; width: 100%; height: 100%; background: url("../img/play01.png") no-repeat; background-size: cover;}
.indexVideo .vjs-big-play-centered .vjs-big-play-button{ top: auto; left: auto; margin-top: 0; margin-left: 0;}
.indexVideo .video-js .vjs-big-play-button{  height: 100%; width: 100%; top: auto; left: 0; background: none; font-size:0;-webkit-border-radius: 0;
    -moz-border-radius:0; border-radius: 0;}
.indexVideo .video-js:hover .vjs-big-play-button, .indexVideo .video-js .vjs-big-play-button:focus{ background: none;}

.deVideo .video-js-wrap .video-js , .deVideo .video-yt-wrap{ padding-bottom: 66.2946%; }

.has-error input.help-block-error, .has-error textarea.help-block-error { border-color: #ebccd1; }
span.help-block-error { color: #a94442; }
.contactList li{ line-height: 1.3; margin-bottom: 5px; }
.contactList li span{ color:#FCAF17; }
.contactList li.title{ font-size: 26px; color:#444; line-height: 1.2; text-transform: uppercase; font-weight: bold; padding-bottom: 5px;}
.contactText{ margin:18px 0; text-align: center;}
.contactList{ text-align:center;}
.solution-video{ display: none; }


.lanTitle { color: #333333; text-transform: uppercase; display: block;}
.lanTitle:first-letter { color: #FCAF17; }
@media screen and (max-width: 750px) { .lanTitle { font-size: 24px; } }
.lanTitle{ font-size: 40px; line-height: 1.2; }
@media screen and (max-width: 1200px) { .lanTitle { font-size: 36px; } }
@media screen and (max-width: 950px) { .lanTitle { font-size: 32px; } }
@media screen and (max-width: 750px) { .lanTitle { font-size: 30px; } }

.indexBottom { margin-top: 3.38542%; position: relative;}
@media screen and (max-width: 450px){ .indexBottom{ margin-top: 15px;}}
.indexBottom:after{ content: ''; position: absolute; width: 1px; height: 120%; top:-20%; left: 53.85%; background: #eee; z-index: -1; display: none;}
@media screen and (min-width: 1440px){ .indexBottom:after{display: block;}}
.indexBottom .lm { display: inline-block; padding-right: 45px; background: url("../img/more.png") no-repeat right center; color: #333; margin-top: 4.8%; }
.indexBottom .lm:hover { color: #FCAF17; background: url("../img/more02-2.png") no-repeat right center; }
.indexBottom .about { width: 52%; float: left; margin-left: 1.15942%; }
.indexBottom .about .lanTitle { margin-bottom: 4.87805%; }
@media screen and (max-width: 1200px) { .indexBottom .about .lanTitle { margin-bottom: 15px; } }
@media screen and (max-width: 750px) { .indexBottom .about .lanTitle { margin-bottom: 8px; } }
.indexBottom .about .box { width: 45.36585%; margin-bottom: 3.41463%; }
.indexBottom .about .box a { display: block; }
.indexBottom .about .box .lm { margin-left: 7.46667%; }
.indexBottom .about .box:hover .lm { color: #FCAF17; background: url("../img/more02-2.png") no-repeat right center; }
@media screen and (max-width: 1200px) { .indexBottom .about .box { width: 48.36585%; } }
@media screen and (max-width: 560px) { .indexBottom .about .box { width: 100%; } }
.indexBottom .about .needImg { border-radius: 10px; position: relative; overflow: hidden; display: block; }
.indexBottom .about .needImg img { width: 100%; }
.indexBottom .about .needImg .mask { display: block; position: absolute; bottom: 0; left: 0; width: 100%; filter: alpha(opacity=50); background: #000; background: rgba(0, 0, 0, 0.5); line-height: 1; padding: 3.49462% 0; padding-left: 7.52688%; color: #fff; font-weight: bold; border-radius: 0 0 10px 10px; text-transform: uppercase;}
@media screen and (max-width: 1400px){ .indexBottom .about .needImg .mask{ font-size: 18px;}}
@media screen and (max-width: 1200px) { .indexBottom .about .needImg .mask { font-size: 18px; } }
@media screen and (max-width: 750px) { .indexBottom .about .needImg .mask { font-size: 16px; } }
.indexBottom .about .needImg:hover .mask { filter: alpha(opacity=80); background: #000; background: rgba(0, 0, 0, 0.8); }
.indexBottom .about .new .newMask { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; filter: alpha(opacity=50); background: #000; background: rgba(0, 0, 0, 0.5); line-height: 1; padding: 0 7.52688%; color: #fff; border-radius: 10px; }
.indexBottom .about .new .newMask:hover { filter: alpha(opacity=80); background: #000; background: rgba(0, 0, 0, 0.8); }
.indexBottom .about .new .title { display: block; margin-top: 8%; margin-bottom: 2%; }
@media screen and (min-width: 1440px) { .indexBottom .about .new .title { margin-bottom: 4.03226%; margin-top: 10.75269%; } }
.indexBottom .about .new .txt { line-height: 24px; max-height: 48px; overflow: hidden; display: block; margin-bottom: 4.03226%; color: #fff; }
.indexBottom .about .new .txt:hover { color: #FCAF17; }
@media screen and (min-width: 1440px) { .indexBottom .about { width: 47.53623%; } }
@media screen and (max-width: 1200px) { .indexBottom .about { width: 58%; margin-left: 0; } }
@media screen and (max-width: 1000px) { .indexBottom .about { width: 100%; float: none; } }
.indexBottom .solution { width: 41%; float: right; margin-right: 1.15942%; }
.indexBottom .solution .lanTitle { margin-bottom: 5.92593%; }
@media screen and (max-width: 1200px) { .indexBottom .solution .lanTitle { margin-bottom: 15px; } }
@media screen and (max-width: 750px) { .indexBottom .solution .lanTitle { margin-bottom: 8px; } }
.indexBottom .solution .solVideo { position: relative; }
.indexBottom .solution .solVideo .play { width: 100%; position: relative; z-index: 2; }
.indexBottom .solution .solLeft { width: 82.96296%; float: left; }
.indexBottom .solution .solLeft .p { line-height: 24px; max-height: 48px; overflow: hidden; margin-top: 2.67857%; color: #777; }
.indexBottom .solution .solLeft .lm { margin-top: 7.14286%; }
@media screen and (max-width: 1200px) { .indexBottom .solution .solLeft .lm { margin-top: 2.14286%; } }
@media screen and (max-width: 1200px) { .indexBottom .solution .solLeft { float: none; width: 100%; } }
.indexBottom .solution .solRight { width: 100%; max-width: 82px; float: right; margin-right: -4px; }
.indexBottom .solution .solRight li { text-align: center; margin-bottom: 45.45455%; width: 100%;}
.indexBottom .solution .solRight li:last-child { margin-bottom: 0; }
@media screen and (max-width: 1200px) { .indexBottom .solution .solRight li { margin-bottom: 0; width: 77px; } }
.indexBottom .solution .solRight a { color: #333; font-size: 12px;}
.indexBottom .solution .solRight a:hover { color: #FCAF17; }
.indexBottom .solution .solRight span { display: block; width: 72.72727%; padding-bottom: 72.72727%; margin: auto; border-radius: 50%; margin-bottom: 19.48052%; }
@media screen and (max-width: 1200px) { .indexBottom .solution .solRight span { margin-bottom: 9.48052%; } }
.indexBottom .solution .solRight .ac { background: #D8A761 url("../img/sol01.png") no-repeat center; }
.indexBottom .solution .solRight .a8 { background: #6E94B5 url("../img/sol02.png") no-repeat center; }
.indexBottom .solution .solRight .af { background: #7DC387 url("../img/sol03.png") no-repeat center; }
@media screen and (max-width: 1200px) { .indexBottom .solution .solRight { float: none; width: 100%; max-width: 100%; margin-top: 10px; } }
@media screen and (min-width: 1440px) { .indexBottom .solution { width: 39.13043%; } }
@media screen and (max-width: 1200px) { .indexBottom .solution { width: 36%; margin-left: 0; } }
@media screen and (max-width: 1000px) { .indexBottom .solution { width: 50%; float: none; } }
@media screen and (max-width: 560px) { .indexBottom .solution { width: 100%; margin-top: 10px;} }
#footerToolBar{ background-color:#FCAF17;}

/*???*/
.ent-his2 .ent-year{background:#FCAF17;!important;}
.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}}

.language .current{
    position:relative;
    font-size:18px;
    text-align:center;
    border:1px solid  #bbb;
    padding:4px 20px;
    border-radius:4px 4px 0 0;
    text-transform:capitalize;
    cursor: default;
}
.language .current:after{ content:'\e636'; font-family: icomoon;color: #000; }
.language .current.active ul{ display:block;}
.language .current.active:after{ content:'\e656'}
.language .current ul{ display:none; position:absolute; font-size:14px; top:100%; left:-1px; margin-top:-1px; width:100%; border: 1px solid #bbb; background:#fff; border-radius:0 0 4px 4px;box-shadow: 0 1px 8px -1px #fff; z-index: 99;}
.language .current ul li{ border-top: 1px solid #ddd;}
.language .current ul li:first-child{ border-top:none;}
.language .current ul a{ padding:4px 0; display:block;}

.bContent{ position: absolute; left: 0; top: 0; text-align: center; width: 100%; height: 100%; ; white-space: nowrap;}
.bContent:after{ content:''; display:inline-block; height:100%; -left: -400px;  vertical-align: middle;}
.conMask{ display:inline-block; vertical-align:middle; white-space: normal; width: 100%;}
#banner .slick-slide{position: relative;}
#banner .item { display: none; position: relative; }
#banner .item:first-child { display: block; }
#banner.slick-slider .item { display: block; }
@media screen and (max-width:720px){
    #banner .intro{ display:none;}
    #banner{ width:140%; margin-left:-20%;}
}
@media screen and (max-width:550px){ #head{ margin-bottom:10px;}}
.listTop .txt img{ width: 100%;}
.listTop .txt ul[class^=ent-img]{ width: 31.4%;float: right; margin-top: 5px;}
@media screen and (max-width: 650px){.listTop .txt ul[class^=ent-img]{ float:none; width:100%}}

.myHistory{ position:relative;}
.myHistory:after{content:'';position:absolute;width:100%;height: 1px;background:#ddd;left:0;top:50%;}
.myHistory .conBox { width: 75.8427%; display: inline-block; }
.myHistory .conBox .box {width: 38.22222%;height: 200px;border: 1px solid #FCAF17;padding:0 10px;border-radius: 50%;white-space: nowrap;position: relative; text-align: center;}
.myHistory .conBox .box:after{ content:''; display:inline-block; vertical-align:middle; height:100%; width:0;}
.myHistory .conBox .box p{display:inline-block;vertical-align:middle;white-space: normal;}
@media screen and (max-width: 650px) { .myHistory .conBox .box { width: 48%; } }
@media screen and (max-width: 650px) { .myHistory .conBox { width: 100%; } }
.myHistory .up {text-align: left;padding-bottom: 40px;}
@media screen and (max-width: 650px) { .myHistory .up .conBox { border-bottom: 1px solid #E2E2E2; padding-bottom: 8px; } }
.myHistory .down {text-align: right;padding-top: 40px;}
.myHistory .down .box { position: relative; z-index: 2; }
@media screen and (max-width: 650px) { .myHistory .down { margin-top: 0; padding-top: 8px; } }
.indexPage{ margin-top: 3%;}
.myHistory .date{ position:absolute;text-align:center;height:26px;width:124px;line-height:26px;color:#fff;border-radius:13px;font-size:1.2em;position:absolute;right: 50%;top: 100%;background: #FCAF17;margin-right: -62px;margin-top: 34px;z-index: 99;}
.myHistory .date:before{ transition:0.5s;
    content: '';
    width: 9px;
    height: 32px;
    background: url("../img/up1-1.png") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
}
.myHistory .date:after{ 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}
.myHistory .box:hover .date:after{opacity: .3;}
.myHistory .up .box:hover .date:before{ background: url("../img/up1-2.png") no-repeat;}
.myHistory .down .date{
    top: auto;
    bottom: 100%;
    margin-bottom: 28px;
    margin-top: 0;
}
.myHistory .down .date:before{background: url("../img/down2-1.png") no-repeat;bottom:auto;top:100%;}
.myHistory .down .box:hover .date:before{ background: url("../img/down2-2.png") no-repeat;}
.why_txt{
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3%;
}

.spec-list .box,.spec-list .line{ box-sizing:border-box; width:24%;}
.detailTop .rightImg .slick-dots{ width:0; overflow:hidden;}
.spec-list .box a{ padding:5px; cursor:pointer; cursor:pointer; position:relative; display:block;}
.spec-list .box a:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:transparent;}
.spec-list .box.slick-current a:after,.spec-list .box.active a:after{ background:#FCAF17;}
.detailTop .rightImg.conChange{ width: 77%;}
.rightImg.conChange .divShow { width: 60%;float: left;}
.rightImg.conChange .spec-list{ width: 13%; float: left;margin-left: 10%;}
.rightImg.conChange .spec-list .box{ width: 100%;margin-bottom: 15px;}
@media screen and (max-width: 850px) { .detailTop .rightImg.conChange{ width: 100%;}}
@media screen and (max-width: 650px){
    .rightImg.conChange .divShow{ width:100%;}
    .rightImg.conChange .spec-list{ width:100%; margin-left:0;}
    .rightImg.conChange .spec-list .box{ width:48%;}
}
#Iframe1{margin: auto;margin:15px 0;}
.put_to{ display:inline-block; vertical-align:bottom;}
.put_to .shareList{ display:block;}
.put_to .shareList li{ padding: 0 5px;}

.listUp{ padding:8px 0;margin: 2.5% 0;}
.listUp .box{ width:12%; vertical-align:middle; padding: 5px; box-sizing:border-box;}
.listDown{ padding:8px 0;}
.listDown .box{ width: 12%; vertical-align:middle; padding: 5px; box-sizing:border-box;}
.listUp .call,.listDown .call{ font-size: 15px; color:#FCB221; text-transform:uppercase;line-height: 1.2;font-weight: bold;}
.listUp .line,.listDown .line{ width:12%;}
.listUp .box:nth-child(9),.listDown .box:nth-child(9){ margin-left: 12.6%;}
.listLink{text-align:left;margin-top:20px;}
.listLink li{display:inline-block;margin-right:30px;font-size:18px;}
.listLink li a{color:#FCB221;}
@media screen and (max-width: 900px){
    .footBottom .listUp .call,.footBottom .listDown .call{ display:block;width: 100%;}
    .listUp .box:nth-child(9),.listDown .box:nth-child(9){ margin-left:0;}
    .listUp .box,.listDown .box,.listUp .line,.listDown .line{ width:16%;}
}
@media screen and (max-width: 500px){
    .listUp .box,.listDown .box,.listUp .line,.listDown .line{ width:19%;}
}
@media screen and (max-width: 400px){
    .listUp .box,.listDown .box,.listUp .line,.listDown .line{ width:23%;}
}

#map{margin-top: 40px;}

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

.tableStyle tr:nth-child(1) td, .tableStyle tr:nth-child(2) td { background: #ddd; font-weight: 700; }
.tableStyle strong{color:inherit;}