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



.placeH { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 875px) { .placeH { position: static; height: auto; } }



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

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



body { font-family: 'Microsoft YaHei', Arial, Helvetica, 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; outline: none;}



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



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



small { font-size: 80%; }



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



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



input { line-height: normal; }



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



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



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



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



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



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



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



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

html { font-size: 16px; }



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



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



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



input[type="text"], input[type="password"], textarea { text-align: left; background: transparent; }

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



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



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



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



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



.center { width: 92%; max-width: 1200px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 1366px) { .center { width: 88%; } }

@media screen and (max-width: 1300px) { .center { width: 90%; } }

@media screen and (max-width: 1000px) { .center { width: 100%; padding-left: 10px; padding-right: 10px; } }



i { font-style: normal; }



img { vertical-align: bottom; }



a[href^="mailto:"], a[href^="tel:"] { display: inline-block; }



table { line-height: 1.5; width: 100%; }



table.table-left td, table.table-left th { text-align: left; }



.addthis_sharing_toolbox { white-space: nowrap; }



hr { height: 1px; width: 100%; overflow: hidden; border: 0px none; box-shadow: none; background: #ccc; }



#menuBtn { width: 42px; height: 42px; line-height: 42px; text-align: center; top: 0; cursor: pointer; z-index: 999; border: 1px solid rgba(255, 255, 255, 0.7); display: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); border-radius: 3px; }

#menuBtn:before { font-family: icomoon; color: #fff; }

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



#menuBtn { position: fixed; right: 10px; top: 28px; background: rgba(0, 0, 0, 0.75); }

#menuBtn:before { content: '\e637'; font-size: 28px; }



.fb:before { content: '\e62c'; }



.tt:before { content: '\e62b'; }



.in:before { content: '\e630'; }



.gg:before { content: '\e62d'; }



.yt:before { content: '\e631'; }



.wx:before { content: "\649"; }



.wb:before { content: "\647"; }



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

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

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



#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: #CE400A; border: 1px solid #CE400A; }



#goTop { position: fixed; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 20px; background: #FF4A00; filter: alpha(opacity=60); opacity: 0.6; bottom: 6%; right: 3%; border-radius: 5px; overflow: hidden; display: none; cursor: pointer; z-index: 999; }

#goTop:before { content: '\e627'; font-family: 'icomoon'; text-align: inherit; }

#goTop:hover { filter: alpha(opacity=90); opacity: 0.9; }

@media screen and (max-width: 900px) { #goTop { margin-bottom: 50px; } }



.pubImgCont { display: block; padding-top: 66.59708%; overflow: hidden; position: relative; }

.pubImgCont img { width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }



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 { overflow: hidden; width: 100%; max-width: 1920px; margin: 0 auto; }



.title { line-height: 1.2; }



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



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



#header { padding: 0 2.08333%; }

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



#logo {display: inline-block;/* margin-right: 65px; */vertical-align: middle;}



#nav { font-size: 0; line-height: 1; display: inline-block; vertical-align: middle; }
#nav > li { display: inline-block; vertical-align: middle; padding: 42px 20px; position: relative; }
#nav > li:last-child { margin-right: 0; }
#nav > li > a { display: block; font-size: 16px; color: #222; position: relative; }
#nav > li.hasUl > a:before { content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent; border-top-color: #D3D3D3; position: absolute; top: 50%; left: 100%; margin-left: 10px; margin-top: -2px; }
#nav > li:hover > a, #nav > li.active > a { color: #FF4A00; }
#nav > li:hover > a:before, #nav > li.active > a:before { border-top-color: #FF4A00; }
#nav > li > ul { width: 210px; padding: 0 28px; background: #fff; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 100%; left: -20px; z-index: 1; display: none; }
#nav > li > ul > li { font-size: 14px; margin-bottom: 10px; }
#nav > li > ul > li:first-child { margin-top: 15px; }
#nav > li > ul > li:last-child { margin-bottom: 30px; }
#nav > li > ul > li > a { display: block; color: #555; padding: 5px 0 5px 12px; position: relative; }
#nav > li > ul > li > a:before { content: ""; border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-left-color: #FF4A00; filter: alpha(opacity=0); opacity: 0; position: absolute; top: 7px; left: 0; }
#nav > li > ul > li:hover > a, #nav > li > ul > li.active > a { color: #FF4A00; transform: translateX(12px); -ms-transform: translateX(12px); -moz-transform: translateX(12px); -webkit-transform: translateX(12px); -o-transform: translateX(12px); }
#nav > li > ul > li:hover > a:before, #nav > li > ul > li.active > a:before { filter: alpha(opacity=100); opacity: 1; }



.headerRight { font-size: 0; }

.headerRight a { display: inline-block; font-size: 14px; height: 100px; line-height: 100px; color: #000; padding: 0 25px; }

.headerRight a.selected { background: #FF4A00; color: #fff; }



@media screen and (max-width: 1400px) { #logo {/* margin-right: 30px; */}

  #nav > li { padding: 42px 15px;} }

@media screen and (max-width: 1200px) { #header .box { width: 100%; }

.headerRight a.selected { background: none; }

  #logo { margin-top: 50px; }

   #nav > li{padding: 20px 0;margin-right: 40px;}

   #nav > li > ul{left:-40px;}

  #nav { width: 100%; margin-top: 20px; }

  .headerRight { position: absolute; top: 0; left: 0; background: #0E69A0; text-align: right; }

  .headerRight a { height: auto; padding: 0 10px; line-height: 30px; }

  #header { padding-bottom: 15px; } }

@media screen and (max-width: 875px) { #main { margin-top: 0; }

#logo {margin-right:0;}

.headerLeft{text-align:center;}

  #menuBtn { display: block; position: absolute; top: 3px; right: 50px; width: 26px; height: 26px; line-height: 26px; border: 0; }

  #menuBtn:before { font-size: 28px; }

  #menuBtn.active:before { font-size: 24px; }

  #header { position: static; }

  #header #nav { width: 100%; position: fixed; float: none; top: 30px; right: 0; z-index: 100; margin: 0; display: none; background: #FF4A00; padding: 10px 0; border-top: 1px solid #fff; box-shadow: 0 5px 20px rgba(255, 255, 255, 0.2); }

  #header #nav > li { margin: 0; display: block; text-align: center; margin-bottom: 1px; line-height: 1; padding: 0; font-size: 14px; }

  #header #nav > li > a { padding: 12px 0; display: block; color: white; font-size: 14px; }

  #header #nav > li > a:before { display: none; }

  #header #nav > li:hover, #header #nav > li.active { background: #CE400A; }

  #header #nav > li:hover a, #header #nav > li.active a { color: white; background: none; }

  #header #nav > li:hover:before, #header #nav > li.active:before { display: none; }

  #header #nav > li:last-child { margin-bottom: 0; }

  #header #nav > li:hover ul { display: none; }

  #header #nav > li:hover > a:before { display: none; }

  #header #nav > li:before { display: none; } }

#banner .slick-prev:before { content: "\e625"; color: #fff; }

#banner .slick-next:before { content: "\e628"; color: #fff; }

#banner .slick-prev, #banner .slick-next { filter: alpha(opacity=100); opacity: 1; }

#banner .slick-prev:hover, #banner .slick-next:hover { filter: alpha(opacity=70); opacity: 0.7; }

#banner .slick-prev { left: 3.125%; }

#banner .slick-next { right: 3.125%; }

#banner .slick-dots li button { background: #333; filter: alpha(opacity=100); opacity: 1; }

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

#banner .item { position: relative; }

#banner .playBtn { width: 7.5%; height: 0; padding-top: 7.5%; background: rgba(255, 255, 255, 0.4); top: 5%; }

#banner .playBtn:before { width: 73.61111%; height: 73.61111%; }

.bannerWrap{position:relative;overflow:hidden;}


@media screen and (max-width: 875px) { .slick-prev:before, .slick-next:before { font-size: 30px; }
#banner{width:130%;position:relative;left:-15%;}
}

.showNews {margin-top: 2.08333%;/* text-align: center; */}

.showNews .cont { display: inline-block; overflow: hidden; vertical-align: middle; position: relative; width: 500px; }

.showNews .cont ul { width: 100%; position: absolute; top: 0; left: 0; }

.showNews .cont ul li { overflow: hidden; white-space: nowrap; height:24px;}

.showNews .title, .showNews .date, .showNews .tit, .showNews .box { display: inline-block; vertical-align: middle; }

.showNews .title { font-size: 20px; font-weight: bold; color: #FF4A00; padding-left: 33px; position: relative; margin-right: 12px; }

.showNews .title:before { content: ""; width: 23px; height: 20px; position: absolute; left: 0; top: 50%; margin-top: -10px; background: url(../img/toutiao.png) no-repeat center center; }

.showNews .date { color: #555; font-weight: bold; margin-right: 20px; }

.showNews .tit { color: #555c60; text-decoration: underline; }

.showNews .tit:hover { color: #FF4A00; }

.showNews .more { color: #FF4A00; }



@media screen and (max-width: 875px) {
.showNews{margin-top:30px;text-align:center;}
.showNews .left { width: 100%; }

.showNews .box{text-align:center;}

  .showNews .cont { width: 100%; display: block; margin-top: 10px; }

  .showNews .more { display: inline-block; margin-top: 20px; padding:5px 10px;border:1px solid #FF4A00;border-radius:5px;} }





.showValue { margin-top: 5.98958%; padding: 0 3.125%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.showValue .leftWrap { line-height: 1; width: 55.55556%; padding-top: 5.55556%; }

.showValue .leftWrap .titTop { font-size: 40px; color: #222; }

.showValue .leftWrap .titBot { font-size: 90px; color: #FF4A00; margin-top: 15px; margin-left: -8px; }

.showValue .leftWrap .more { display: inline-block; padding: 15px 30px; border-radius: 5px; border: 1px solid #FF4A00; color: #FF4A00; font-size: 16px; margin-top: 11.00917%; }

.showValue .leftWrap .more:hover { background: #FF4A00; color: #fff; }

.showValue .rightWrap { width: 32.40741%; }

.showValue .rightWrap .wrap { margin-bottom: 21.875%; position: relative; }

.showValue .rightWrap .wrap:before { content: ""; width: 40px; height: 40px; border-radius: 50%; position: absolute; right: 100%; top: 0; margin-right: 15px; }

.showValue .rightWrap .wrap:last-child { margin-bottom: 0; }

.showValue .rightWrap .wrap:nth-child(1):before { background: #778AA3 url(../img/value_01.png) no-repeat center center; }

.showValue .rightWrap .wrap:nth-child(2):before { background: #778AA3 url(../img/value_02.png) no-repeat center center; }

.showValue .rightWrap .wrap:nth-child(3):before { background: #778AA3 url(../img/value_03.png) no-repeat center center; }

.showValue .rightWrap .wrap:nth-child(4):before { background: #778AA3 url(../img/value_04.png) no-repeat center center; }

.showValue .rightWrap .tit { color: #333; font-size: 26px; }

.showValue .rightWrap .tit span { color: #FF4A00; }

.showValue .rightWrap .des { color: #555c60; }



@media screen and (max-width: 1400px) { .showValue .leftWrap .titBot { font-size: 70px; }

  .showValue .leftWrap .titTop { font-size: 30px; }

  .showValue .rightWrap .tit { font-size: 24px; } }

@media screen and (max-width: 1000px) { .showValue .leftWrap .titBot { font-size: 50px; }

  .showValue .leftWrap .titTop { font-size: 24px; }

  .showValue .rightWrap .tit { font-size: 20px; }

  .showValue .leftWrap .more { padding: 10px 20px; font-size: 14px; } }

@media screen and (max-width: 700px) { .showValue .box { width: 100%; }

  .showValue { padding: 0 10px; }

  .showValue .leftWrap .titBot {font-size: 24px;}

  .showValue .leftWrap .titTop {font-size: 16px;}

  .showValue .rightWrap .tit { font-size: 18px; }

  .showValue .leftWrap { padding-top: 0; }

  .showValue .leftWrap .more {margin-top: 30px;}

  .showValue .rightWrap { margin-top: 40px; }

  .showValue .rightWrap .wrap { margin-bottom: 20px; }

  .showValue { margin-top: 50px; }
  .showValue .box{text-align:center;}
  }

.showSolution { margin-top: 7.55208%; padding-bottom: 4.42708%; }
.showSolution .TopWrap { padding-top: 6.25%; padding-left: 13.28125%; background: #ECECEC; text-align: center; }
.showSolution .titTop { font-size: 40px; color: #222; line-height: 1; }
.showSolution .titBot { font-size: 70px; color: #FF4A00; line-height: 1; margin-top: 20px; }
.showSolution .problem { font-size: 0; color: #333; text-align: left; margin-top: 4.5045%; position: relative; }
.showSolution .problem:before { content: ""; height: 1px; background: #fff; position: absolute; top: 0; left: -50%; right: -50%; }
.showSolution .problem .title { display: inline-block; font-size: 30px; width: 15.31532%; vertical-align: middle; }
.showSolution .problem .title:before { display: inline-block; content: "?"; width: 50px; height: 50px; border-radius: 50%; background: #778AA3; font-size: 30px; color: #fff; text-align: center; line-height: 50px; margin-right: 10.98039%; }
.showSolution .problem ul { display: inline-block; vertical-align: middle; width: 73.27327%; }
.showSolution .problem ul li { display: inline-block; width: 24.59016%; padding: 2.04918% 2.86885%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #fff; font-size: 20px; line-height: 30px; vertical-align: top; cursor: pointer; }
.showSolution .problem ul li.selected { background: #fff; }
.showSolution .botWrap { padding-top: 3.90625%; padding-left: 13.28125%; font-size: 0; }
.showSolution .botWrap .titWrap { width: 15.31532%; display: inline-block; vertical-align: top; }
.showSolution .botWrap .title { font-size: 30px; }
.showSolution .botWrap .title:before { display: inline-block; content: "?"; width: 50px; height: 50px; border-radius: 50%; background: #778AA3; font-size: 30px; color: #fff; text-align: center; line-height: 50px; margin-right: 10.98039%; }
.showSolution .botWrap .more { display: inline-block; padding: 15px 50px; border-radius: 5px; border: 1px solid #778aa3; color: #778aa3; font-size: 16px; margin-top: 15.68627%; line-height: 1; margin-left: 3.92157%; }
.showSolution .botWrap .more:hover { background: #778aa3; color: #fff; }
.showSolution .botWrap .tabWrap { display: inline-block; vertical-align: top; width: 73.27327%; padding-left: 1.8018%; padding-right: 4.2042%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.showSolution .botWrap .tabWrap li { font-size: 16px; }
.showSolution .dialogue .tit { font-size: 24px; color: #FF4A00; line-height: 30px; text-align: center; padding: 0 12.60504%; height: 60px; }
.showSolution .dialogue .imgWrap { margin-top: 15px; position: relative; padding: 1.8018% 0; }
.showSolution .dialogue .imgWrap:before { content: ""; width: 1px; background: #E5E5E5; position: absolute; top: 0; bottom: 0; left: 50%; }
.showSolution .dialogue .box { width: 45.58559%; }
.showSolution .dialogue .videoWrap { display: block; width: 56.03604%; margin: 15px auto 0; position: relative; }
.showSolution .dialogue .videoWrap img { width: 100%; }
.showSolution .dialogue .videoWrap .playBtn { width: 15.43408%; height: 0; padding-top: 15.43408%; }
.showSolution .dialogue .videoWrap .playBtn:before { width: 75%; height: 75%; }
.showSolution .dialogue .videoWrap .playBtn:after { font-size: 36px; }

@media screen and (max-width: 1400px) { .showSolution .titTop { font-size: 30px; }
  .showSolution .titBot { font-size: 55px; }
  .showSolution .problem .title, .showSolution .botWrap .title { font-size: 26px; }
  .showSolution .problem ul li { font-size: 16px; }
  .showSolution .TopWrap, .showSolution .botWrap { padding-left: 6%; }
  .showSolution .botWrap .more { padding: 10px 30px; }
  .showSolution .botWrap .tabWrap { padding-left: 4%; } }
@media screen and (max-width: 1200px) { .showSolution .titTop { font-size: 24px; }
  .showSolution .titBot { font-size: 45px; }
  .showSolution .problem .title, .showSolution .botWrap .title { font-size: 22px; }
  .showSolution .problem ul li { font-size: 14px; }
  .showSolution .TopWrap, .showSolution .botWrap { padding-left: 10px; padding-right: 10px; }
  .showSolution .botWrap .more { padding: 10px 30px; }
  .showSolution .botWrap .tabWrap { padding-left: 10px; }
  .showSolution .problem .title, .showSolution .botWrap .titWrap { width: 20%; } }
@media screen and (max-width: 875px) { .showSolution { margin-top: 50px; }
  .showSolution .titTop {font-size: 16px;}
  .showSolution .titBot {font-size: 30px;}
  .showSolution .problem .title, .showSolution .botWrap .title {font-size: 16px;}
  .showSolution .problem ul li { font-size: 14px; }
  .showSolution .problem ul li { line-height: 20px; }
  .showSolution .problem .title, .showSolution .botWrap .titWrap { width: 100%; }
  .showSolution .problem .title:before, .showSolution .botWrap .titWrap:before { margin-right: 15px; }
  .showSolution .problem:before { display: none; }
  .showSolution .problem ul { width: 100%; border-top: 1px solid #fff; margin-top: 15px; }
  .showSolution .botWrap .titWrap { display: none; }
  .showSolution .botWrap .tabWrap { width: 100%; padding-left: 0; }
  .showSolution .dialogue .tit { font-size: 18px; }
  .showSolution .dialogue .tit { height: auto; }
  .showSolution .dialogue .videoWrap { width: 100%; }
  .showSolution .botWrap .tabWrap { padding-right: 0; } }
@media screen and (max-width: 450px) { .showSolution .dialogue .box { width: 100%; }
  .showSolution .dialogue .imgWrap:before { display: none; } }

.showSafety { padding-top: 7.03125%; padding-bottom: 5.98958%; background: #ECECEC; text-align: center; }
.showSafety .title { color: #222; font-size: 40px; }
.showSafety .title span {font-weight: bold;display: block;}
.showSafety .certification { color: #555; margin-top: 20px; }
.showSafety .wrap { margin-top: 8.33333%; width: 110%; }
.showSafety .cont { width: 22.72727%; float: left; background: #fff; margin-right: 1px; padding-bottom: 2.91667%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; }
.showSafety .cont.selected { z-index: 1; }
.showSafety .cont.selected .more{color: #FF4A00;}
.showSafety .cont.selected .bg { transform: scale(1.3, 1.1); -ms-transform: scale(1.3, 1.1); -moz-transform: scale(1.3, 1.1); -webkit-transform: scale(1.3, 1.1); -o-transform: scale(1.3, 1.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); transition: 0.4s all ease; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; -ms-transition: 0.4s all ease; }
.showSafety .cont.selected .bg:before { background: #778AA3; }
.showSafety .cont.selected .bg:after { border-color: #778AA3; }
.showSafety .cont.selected .tit { color: #fff; }
.showSafety .cont.selected .imgWrap img:first-child { filter: alpha(opacity=0); opacity: 0; }
.showSafety .cont.selected .imgWrap img:last-child { filter: alpha(opacity=100); opacity: 1; }
.showSafety .cont:last-child { margin-right: 0; }
.showSafety .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; }
.showSafety .bg:before { content: ""; width: 100%; padding-top: 60%; position: absolute; top: 0; left: 0; }
.showSafety .bg:after { content: ""; width: 130%; height: 110.0%; border: 1px solid transparent; transform: translate3d(-50%, -50%, 0) scale(0.769, 0.909); -ms-transform: translate3d(-50%, -50%, 0) scale(0.769, 0.909); -moz-transform: translate3d(-50%, -50%, 0) scale(0.769, 0.909); -webkit-transform: translate3d(-50%, -50%, 0) scale(0.769, 0.909); -o-transform: translate3d(-50%, -50%, 0) scale(0.769, 0.909); position: absolute; top: 50%; left: 50%; }
.showSafety .pr { position: relative; }
.showSafety .top { padding-top: 10.03344%; padding-bottom: 5.01672%; transition: 0.4s all ease; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; -ms-transition: 0.4s all ease; }
.showSafety .imgWrap { display: inline-block; width: 21.73913%; position: relative; }
.showSafety .imgWrap img:last-child { position: absolute; top: 0; left: 0; filter: alpha(opacity=0); opacity: 0; }
.showSafety .tit { font-size: 24px; color: #222; margin-top: 10px; transition: 0.5s all ease; -moz-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transition: 0.5s all ease; }
.showSafety .des { padding: 17.24138% 10.03344% 15.05017%; color: #555c60; line-height: 30px; height: 150px; }
.showSafety .more { display: inline-block; text-decoration: underline; color: #555c60; }
.showSafety .moreMsg { display: inline-block; padding: 15px 35px; border-radius: 5px; border: 1px solid #FF4A00; color: #FF4A00; font-size: 16px; margin-top: 6.66667%; line-height: 1; margin-left: 3.92157%; }
.showSafety .moreMsg:hover { background: #FF4A00; color: #fff; }

@media screen and (max-width: 875px) { .showSafety { padding-top: 40px; padding-bottom: 40px; }
  .showSafety .title { font-size: 30px; }
  .showSafety .tit{font-size:18px;}
  .showSafety .des{padding-top:10px;padding-bottom:10px;}
  .showSafety .cont { width: 45.45455%; margin-bottom: 10px; }
  .showSafety .cont.selected { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); }
  .showSafety .moreMsg{padding:8px 16px;} }
@media screen and (max-width: 500px) { .showSafety .title {font-size: 20px;line-height: 1.4;} }
.showClient { position: relative; border-bottom: 1px solid #E5E5E5; }

.showClient .wrap { width: 42.70833%; position: absolute; top: 0; margin-top: 10.41667%; right: 0; }

.showClient .title { font-size: 90px; color: #FF4A00; }

.showClient .des {display: none; color: #555; margin-top: 10px; }

.showClient .more { display: inline-block; padding: 15px 35px; border-radius: 5px; border: 1px solid #FF4A00; color: #FF4A00; font-size: 16px; margin-top: 10.97561%; line-height: 1; margin-left: 29.26829%; }

.showClient .more:hover { background: #FF4A00; color: #fff; }

.showClient .bg { width: 76.09375%; }

.showClient .clients{display: none;}

.showClient .clients li { width: 9.63542%; position: absolute; top: 0; }

.showClient .clients li:nth-child(1) { margin-top: 8.75%; left: 28.90625%; }

.showClient .clients li:nth-child(2) { margin-top: 15.625%; left: 22.5%; }

.showClient .clients li:nth-child(3) { margin-top: 15.625%; left: 35.52083%; }

.showClient .clients li:nth-child(4) { margin-top: 21.875%; left: 15.10417%; }

.showClient .clients li:nth-child(5) { margin-top: 21.875%; left: 29.32292%; }

.showClient .clients li:nth-child(6) { margin-top: 21.875%; left: 42.03125%; }

.showClient .clients li:nth-child(7) { margin-top: 28.85417%; left: 23.07292%; }

.showClient .clients li:nth-child(8) { margin-top: 28.85417%; left: 35.72917%; }

.showClient .clients li:nth-child(9) { margin-top: 28.85417%; left: 49.47917%; }

.showClient .clients li:nth-child(10) { margin-top: 35.20833%; left: 28.64583%; }

.showClient .clients li:nth-child(11) { margin-top: 35.20833%; left: 42.5%; }

.showClient .clients li:nth-child(12) { margin-top: 35.20833%; left: 56.25%; }



@media screen and (max-width: 1400px) { .showClient .title { font-size: 70px; }

  .showClient .wrap { width: 35%; } }

@media screen and (max-width: 1200px) { .showClient .title { font-size: 50px; }

  .showClient .wrap { width: 35%; } }

@media screen and (max-width: 875px) { .showClient .title {font-size: 30px;margin-top: 15px;}

  .showClient {padding: 40px 10px;text-align: center;}

  .showClient .clients { margin-top: 30px; }

  .showClient .more { margin-top: 20px; margin-left: 0; }

  .showClient .clients li { display: inline-block; position: static; margin-top: 0 !important; width: 21%; margin-bottom: 10px; }

  .showClient .more { padding: 10px 20px; } }
@media screen and (max-width: 600px){
  .showClient .wrap { width: 100%; position: static; margin-top: 0; }
  .showClient .bg{width:100%;}
}

.showGlory { padding: 7.55208% 0 8.33333% 0; }

.showGlory .textWrap { width: 50%; vertical-align: middle; }

.showGlory .title { font-size: 90px; color: #222; line-height: 1; }

.showGlory ul { margin-top: 10.90909%; }

.showGlory ul li { margin-bottom: 5.45455%; }

.showGlory ul li:last-child { margin-bottom: 0; }

.showGlory .date { display: inline-block; color: #555; margin-right: 20px; float: left;font-size: 16px;}

.showGlory .tit { display: block; color: #222; font-size: 16px; overflow: auto;margin-top: -2px;}

.showGlory .tit:hover { color: #FF4A00; }

.showGlory .more { display: inline-block; padding: 15px 35px; border-radius: 5px; border: 1px solid #FF4A00; color: #FF4A00; font-size: 16px; margin-top: 14.54545%; line-height: 1; }

.showGlory .more:hover { background: #FF4A00; color: #fff; }

.showGlory .imgWrap { width: 44.54545%; vertical-align: middle; margin-right: 4.54545%; }



@media screen and (max-width: 1400px) { .showGlory .title { font-size: 70px; } }

@media screen and (max-width: 875px) { .showGlory .title {font-size: 30px;color: #FF4A00;}

  .showGlory .more { padding: 10px 20px; }

  .showGlory .textWrap {text-align: center;width: 100%;}

  .showGlory .imgWrap { display: none; }

  .showGlory { padding: 40px 10px; }

  .showGlory ul li {margin-bottom: 15px;text-align: left;}

  .showGlory ul { margin-top: 25px; }

  .showGlory .more { margin-top: 30px; }
  .showGlory .date,.showGlory .tit{font-size: 14px;} }
@media screen and (max-width: 500px){
  .showGlory .date{float: none;margin-right: 0;}
}

#footer { background: #2E3033; }



.freeRegistration { padding-top: 2.08333%; padding-bottom: 1.5625%; background: #626262; text-align: center; }

.freeRegistration .btn { display: inline-block; padding: 15px 30px; border-radius: 5px; border: 1px solid #FF4A00; color: #fff; background: #FF4A00; font-size: 36px; line-height: 1; }

.freeRegistration .btn:hover { background: none; color: #FF4A00; }

.freeRegistration .des {font-size: 16px;color: #fff;margin-top: 10px;}



.showService { padding: 1.5625% 0; border-bottom: 1px solid #58595C; }

.showService .box a { display: inline-block; color: #fff; padding-left: 45px; position: relative; }

.showService .box a:hover { color: #FF4A00; }

.showService .box a:before { content: ""; width: 34px; height: 32px; position: absolute; top: 50%; left: 0; margin-top: -16px; }

.showService .box:nth-child(1) a:before { background: url(../img/footer_icon01.png) no-repeat center center; }

.showService .box:nth-child(2) a:before { background: url(../img/footer_icon02.png) no-repeat center center; }

.showService .box:nth-child(3) a:before { background: url(../img/footer_icon03.png) no-repeat center center; }

.showService .box:nth-child(4) a:before { background: url(../img/footer_icon04.png) no-repeat center center; }

.showService .box:nth-child(5) a:before { background: url(../img/footer_icon05.png) no-repeat center center; }



.footerTop { padding-top: 1.5625%; position: relative; padding-bottom: 8.59375%; }

.footerTop .title { font-size: 14px; color: #fff; }

.footerTop .top .box { position: relative; }

.footerTop .top .box ul { margin-top: 20px; }

.footerTop .top .box ul > li { margin-bottom: 15px; font-size: 12px; }

.footerTop .top .box ul > li > a { color: #ccc; }

.footerTop .top .box ul > li > a:hover { color: #FF4A00; }



.footerPro { width: 20%; }



.footerServ { width: 18.33333%; }



.footerPK { width: 19.58333%; }



.footerAbout { width: 20%; }



.footerContact { width: 15%; }



.footerBot { padding-top: 2.08333%; padding-bottom: 1.04167%; color: #fff; border-top: 1px solid #58595C; }

.footerBot > div { margin-bottom: 1.66667%; font-size: 12px; }

.footerBot > div:last-child { margin-bottom: 0; }

.footerBot > div a { color: #fff; }

.footerBot > div a:hover { text-decoration: underline; }

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

.footerBot .copyRight span { display: inline-block; vertical-align: middle; }

.footerBot .rightText .ICP { display: inline-block; margin-right: 20px; }

.footerBot .rightText .police { display: inline-block; vertical-align: middle; }

.footerBot .rightText .police img { vertical-align: middle; margin-right: 8px; }

.footerBot .rightText .police span { display: inline-block; vertical-align: middle; }



@media screen and (max-width: 875px) { .freeRegistration .btn {font-size: 16px;padding: 10px 20px;}

#footer .footerBot > div{text-align:center;width: 100%;}

  .freeRegistration { padding-top: 20px; padding-bottom: 20px; }

  .showService { display: none; }

  .footerTop .footerAbout, .footerTop .footerPro, .footerTop .footerApp, .footerTop .footerServ, .footerTop .footerPK { display: none; }

  .footerTop .top .footerShare { margin-top: 20px; }

  .footerTop { padding-top: 30px; padding-bottom: 20px; }

  .footerBot {padding-top: 20px;padding-bottom: 20px;/* text-align: center; */}

  .footerTop .bot { padding: 20px 0 10px; }

  .footerTop .footerContact .msg > li { margin-bottom: 10px; }

  .footerShareWrap { width: 100%; }

  .footerShare a { background: #FF4A00; }

  .footerShare a:before { color: #fff; }

  .footerBot .center > div { font-size: 14px; }

  .footerContact {width: 100%;text-align: center;} }

@media screen and (max-width: 500px) { .footerBot .center > div { width: 100%; }

  .footerBot .copyRight span {margin-top: 15px;} }

.introductionBanner { position: relative; padding-top: 7.55208%; text-align: center; color: #fff; }

.introductionBanner .bg { height: 100%; width: auto; max-width: none; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: -1; }

.introductionBanner .title { font-size: 80px; line-height: 1; }

.introductionBanner .des { line-height: 30px; padding: 0 16.66667%; margin-top: 2.5%; }

.introductionBanner ul { padding: 0 16.41667%; margin-top: 10%; }

.introductionBanner ul .box { width: 17.36973%; padding: 5.58313% 0; background: rgba(255, 255, 255, 0.2); text-align: center; font-size: 50px; line-height: 1; }



@media screen and (max-width: 1400px) { .introductionBanner .title { font-size: 60px; }

  .introductionBanner ul .box { font-size: 40px; } }

@media screen and (max-width: 875px) { .introductionBanner .title { font-size: 40px; }

  .introductionBanner ul .box { font-size: 24px; }

  .introductionBanner .des { padding: 0; } }

.paddingStyle { padding-top: 5.20833%; padding-bottom: 5.20833%; }



@media screen and (max-width: 875px) { .paddingStyle { padding-top: 40px; padding-bottom: 40px; } }

.introduction .introductionTop .textWrap { width: 46.66667%; vertical-align: middle; }

.introduction .introductionTop .textWrap p { font-size: 16px; color: #555; line-height: 30px; margin-bottom: 5.71429%; }

.introduction .introductionTop .textWrap p:last-child { margin-bottom: 0; }

.introduction .introductionTop .imgWrap { width: 47%; vertical-align: middle; }

.introduction .introductionMid { margin-top: 8.33333%; }

.introduction .introductionMid .box { width: 47%;}

.introduction .introductionMid .tit { font-size: 24px; color: #FF4A00; margin-top: 12px; }

.introduction .introductionMid .des { color: #555; line-height: 24px; margin-top: 10px; }

.introduction .introductionMid .des p { margin-bottom: 10px; }

.introduction .introductionBot { margin-top: 8.33333%; }

.introduction .introductionBot .imgWrap { width: 50%; }

.introduction .introductionBot .textWrap { width: 47.08333%; }

.introduction .introductionBot .tit { font-size: 24px; color: #FF4A00; line-height: 1; }

.introduction .introductionBot .des {color: #555;line-height: 24px;margin-top: 20px;/* text-align: center; */}

.introduction .introductionBot .des p { margin-bottom: 10px; }



@media screen and (max-width: 875px) { .introduction .introductionTop .textWrap {width: 100%;text-align: center;}

  .introduction .introductionTop .textWrap p { margin-bottom: 10px; }

  .introduction .introductionTop .imgWrap { margin-top: 20px; }

  .introduction .introductionMid .tit { font-size: 18px; }

  .introduction .introductionMid { margin-top: 40px; }

  .introduction .introductionBot .textWrap { width: 100%; margin-top: 20px; }

  .introduction .introductionBot { margin-top: 20px; }}

@media screen and (max-width: 500px) { .introduction .introductionMid .box {width: 100%;text-align: center;margin-bottom: 30px;}
.introduction .introductionBot .imgWrap,.introduction .introductionTop .imgWrap{width:100%;}
.introduction .introductionBot .tit,.introduction .introductionBot .des{text-align:center;} }

.insideBanner { padding-top: 5.46875%; padding-bottom: 8.59375%; position: relative; text-align: center; }
.insideBanner.newsInsideBanner { padding-top: 6.46875%; padding-bottom: 6.59375%; }
.insideBanner .bg { height: 100%; width: auto; max-width: none; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: -1; }
.insideBanner .title { font-size: 40px; color: #fff; }
.insideBanner .desc { color: #fff; max-width: 670px; margin: 25px auto 0; }
.insideBanner .wrap { position: relative; }
.insideBanner .btn { padding: 11px 40px; border: 2px solid #FF4A00; background: #FF4A00; color: #fff; font-size: 18px; position: absolute; left: 50%; top: 100%; margin-top: 30px; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); border-radius: 5px; }
.insideBanner .btn:hover { background: none; }
.insideBanner .menu li { display: inline-block; margin-right: 15px; }
.insideBanner .menu li a { display: block; padding: 19px 60px; line-height: 1; font-size: 30px; color: #555; background: #fff; border-radius: 5px; }
.insideBanner .menu li:hover a, .insideBanner .menu li.active a { background: #FF4A00; color: #fff; }

@media screen and (max-width: 1000px) { .insideBanner .btn { display: none; }
  .insideBanner .menu li a { padding: 15px 40px; font-size: 24px; } }
@media screen and (max-width: 875px) { .insideBanner .title { font-size: 24px; }
  .insideBanner .menu li a { padding: 10px 24px; font-size: 16px; } }

.overseasPartner { text-align: center; }

.overseasPartner .title { font-size: 24px; color: #222; }

.overseasPartner .wrap { margin-top: 3.75%; padding: 0 5.83333%; }

.overseasPartner .box { text-align: center; }

.overseasPartner .box a { display: block; width: 99px; height: 99px; }

.overseasPartner .box:nth-child(1) a { background: url(../img/linkedin.jpg) no-repeat center center; }

.overseasPartner .box:nth-child(2) a { background: url(../img/gg.jpg) no-repeat center center; }

.overseasPartner .box:nth-child(3) a { background: url(../img/twitter.jpg) no-repeat center center; }

.overseasPartner .box:nth-child(4) a { background: url(../img/facebook.jpg) no-repeat center center; }

.overseasPartner .box:nth-child(5) a { background: url(../img/youtube.jpg) no-repeat center center; }

.overseasPartner .box:nth-child(6) a { background: url(../img/bing.jpg) no-repeat center center; }

.overseasPartner .box:nth-child(7) a { background: url(../img/yandex.jpg) no-repeat center center; }

.overseasPartner .box .tit { font-size: 18px; color: #555; margin-top: 15px; }

.overseasPartner .line { width: 100%; }



.domesticPartner { text-align: center; margin-top: 8.33333%; }

.domesticPartner .title { font-size: 24px; color: #222; }

.domesticPartner .wrap { margin-top: 3.75%; padding: 0 5.83333%; }

.domesticPartner .box { text-align: center; width: 32.26415%; }

.domesticPartner .tit { font-size: 18px; color: #555; margin-top: 15px; }



@media screen and (max-width: 875px) { .overseasPartner .box, .overseasPartner .line { width: 22%; }

  .overseasPartner .box { margin-bottom: 20px; }

  .overseasPartner .box .tit { text-align: left; font-size: 14px; margin-top: 10px; }

  .domesticPartner .tit { font-size: 14px; margin-top: 10px; } }

@media screen and (max-width: 500px) { .overseasPartner .box, .overseasPartner .line { width: 31%; } }

.newsLeft { width: 39.58333%; float: left; }

.newsLeft .wrap { padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 6.31579%; }

.newsLeft .wrap:hover .tit { color: #FF4A00; }

.newsLeft .imgWrap { display: block; position: relative; }

.newsLeft .playBtn { width: 16%; height: 0; padding-top: 15.78947%; }

.newsLeft .playBtn:before { width: 69.33333%; height: 69.33333%; }

.newsLeft .playBtn:after { font-size: 30px; }

.newsLeft .tit { display: block; color: #555; font-size: 16px; margin-top: 15px; }

.newsLeft .date { text-align: right; font-size: 16px; color: #999; margin-top: 5px; }



.newsRight { width: 50.41667%; float: right; }

.newsRight .box { width: 46.28099%; padding-bottom: 1.65289%; border-bottom: 1px solid #ccc; margin-bottom: 4.13223%; }

.newsRight .box:hover .tit { color: #FF4A00; }

.newsRight .tit { font-size: 16px; color: #555; line-height: 24px; }

.newsRight .date { font-size: 16px; color: #999; margin-top: 5px; }



@media screen and (max-width: 875px) { .newsLeft { width: 100%; }

  .newsLeft .wrap { display: inline-block; width: 47%; }

  .newsRight { width: 100%; } }

@media screen and (max-width: 500px) { .newsLeft .tit, .newsRight .tit { font-size: 14px; }

  .newsLeft .wrap { width: 100%; }

  .newsRight .box { width: 100%; } }

.news_02 .wrap { padding: 0 11.66667%; }
.news_02 .wrap .box { width: 44.56522%; padding-bottom: 4.34783%; border-bottom: 1px solid #ccc; margin-bottom: 2.71739%; }
.news_02 .wrap .box:hover .tit { color: #FF4A00; }
.news_02 .wrap .tit { font-size: 16px; color: #333; line-height: 24px; }
.news_02 .wrap .date { font-size: 16px; color: #555; margin-top: 5px; }
.news_02 .pageNum { text-align: center; margin-top: 3.33333%; }

@media screen and (max-width: 875px) { .news_02 .wrap { padding: 0; } }
@media screen and (max-width: 600px) { .news_02 .wrap .box { width: 100%; }
  .news_02 .wrap .tit, .news_02 .wrap .date { font-size: 14px; } }
.news_03 .line { width: 29.75%; }
.news_03 .box { width: 29.75%; margin-bottom: 3.33333%; }
.news_03 .box:hover .tit { color: #FF4A00; }
.news_03 .tit { display: inline-block; font-size: 16px; color: #333; margin-top: 15px; }
.news_03 .date { font-size: 16px; color: #B3B3B3; margin-top: 5px; }
.news_03 .pageNum { text-align: center; margin-top: 10px; }

@media screen and (max-width: 700px) { .news_03 .box { width: 47%; }
  .news_03 .tit, .news_03 .date { font-size: 14px; } }
@media screen and (max-width: 400px) { .news_03 .box { width: 100%; } }

.contact { padding-top: 5.72917%; }

.contact .shanghai { text-align: center; }

.contact .shanghai .com { font-size: 24px; color: #FF4A00; }

.contact .shanghai .add { color: #555; margin-top: 5px; }

.contact .shanghai .wrap { margin-top: 3.33333%; }

.contact .shanghai .box { width: 13.33333%; text-align: center; }

.contact .shanghai .imgWrap { display: inline-block; width: 28.125%; }

.contact .shanghai .tit { font-size: 18px; color: #222; margin-top: 15px; }

.contact .shanghai a { display: inline-block; color: #999; margin-top: 5px; }

.contact .shanghai a:hover { color: #FF4A00; }

.contact .wuxi { margin-top: 7.08333%; }



@media screen and (max-width: 875px) { .contact .shanghai .box { width: 100%; }

  .contact .shanghai .imgWrap { display: none; }

  .contact .shanghai .tit { display: inline-block; font-size: 16px; }

  .contact .shanghai .com { font-size: 20px; }

  .contact { padding-top: 40px; } }

.contactFormWrap { padding: 3.90625% 0; margin-top: 5.72917%; position: relative; }



.contactFormWrap figure { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: url("../img/contact_bg.jpg") center -500px no-repeat; }



.contactForm { padding: 3.125% 10.15625% 3.90625% 13.02083%; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }

.contactForm .tit { text-align: center; font-size: 30px; color: #222; }

.contactForm .bot { margin-top: 30px; }

.contactForm .box { width: 31%; position: relative; margin-bottom: 30px; padding: 2px 0; }

.contactForm .box:nth-child(1) { width: 42.10526%; }

.contactForm .box:nth-child(2) { width: 21.05263%; }

.contactForm .box:nth-child(3) { width: 21.05263%; }

.contactForm input { border: 0; resize: none; color: #555; font-size: 16px; border-bottom: 1px solid #555;}

.contactForm input.focusOn, .contactForm input:focus { background: none; }

.contactForm input.focusOn + label, .contactForm input:focus + label { top: -25px; color:#FF4A00;}

.contactForm input { display: block; width: 100%; padding-bottom: 3px; }

.contactForm label { position: absolute; top: 2px; left: 0; color: #555; font-size: 16px; }

.contactForm .text { width: 100%; }

.contactForm .codeWrap { width: 100%; border-bottom: 0; }

.contactForm .code { position: relative; }

.contactForm .code input { width: 135px; display: inline-block; vertical-align: middle; margin-right: 20px; border-bottom: 1px solid #555; }

.contactForm .code img { vertical-align: middle; }

.contactForm .submit { text-align: center; margin-top: 40px; }

.contactForm .submit input { display: inline-block; width: auto; padding: 13px 55px; font-size: 16px; color: #FF4A00; border: 2px solid #FF4A00; }

.contactForm .submit input:hover { background: #FF4A00; color: #fff; }



@media screen and (max-width: 875px) { .contactFormWrap figure { display: none; }

  .contactForm { box-shadow: none; padding: 30px 10px 0; border-top: 1px solid #ccc; } }

@media screen and (max-width: 600px) { .contactForm .tit { font-size: 24px; }

  .contactForm .box { width: 100% !important; }

  .contactForm .submit input { padding: 5px 30px; } }

.honor { padding-top: 5.72917%; }

.honor li { width: 58.33333%; padding: 5.83333% 0; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; }

.honor li:before { content: ""; height: 2px; background: #E9E9E9; width: 28.28571%; position: absolute; bottom: 0; }

.honor li i { width: 15.42857%; padding-top: 15.42857%; background: #E9E9E9; border-radius: 50%; position: absolute; top: 50%; }

.honor li i:hover { background: #FF4A00; }

.honor li i:hover:before { transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); box-shadow: none; }

.honor li i:before { content: ""; width: 72.22222%; height: 72.22222%; border-radius: 50%; background: #fff; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transform: translate3d(-7px, -7px, 0); -ms-transform: translate3d(-7px, -7px, 0); -moz-transform: translate3d(-7px, -7px, 0); -webkit-transform: translate3d(-7px, -7px, 0); -o-transform: translate3d(-7px, -7px, 0); transition: 0.5s all ease; -moz-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transition: 0.5s all ease; }

.honor li:nth-child(2n+1) { border-left: 2px solid #E9E9E9; margin-left: auto; padding-left: 9.58333%; }

.honor li:nth-child(2n+1) i { transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); left: 0; }

.honor li:nth-child(2n+1):before { left: 0; }

.honor li:nth-child(2n) { border-right: 2px solid #E9E9E9; margin-right: auto; text-align: right; padding-right: 9.58333%; }

.honor li:nth-child(2n):before { right: 0; }

.honor li:nth-child(2n) i { transform: translate3d(50%, -50%, 0); -ms-transform: translate3d(50%, -50%, 0); -moz-transform: translate3d(50%, -50%, 0); -webkit-transform: translate3d(50%, -50%, 0); -o-transform: translate3d(50%, -50%, 0); right: 0; }

.honor .date { font-size: 18px; color: #FF4A00; }

.honor .des { font-size: 18px; color: #555; margin-top: 5px; }



@media screen and (max-width: 875px) { .honor { padding-top: 40px; }

  .honor .date, .honor .des { font-size: 14px; }

  .honor li i:before { transform: translate3d(-3px, -3px, 0); -ms-transform: translate3d(-3px, -3px, 0); -moz-transform: translate3d(-3px, -3px, 0); -webkit-transform: translate3d(-3px, -3px, 0); -o-transform: translate3d(-3px, -3px, 0); } }

.newsDetail .titWrap { padding: 3.125% 0; background: #ECECEC; text-align: center; }

.newsDetail .titWrap .title { line-height: 1; font-size: 40px; color: #FF4A00; }

.newsDetail .newsDetailMid { padding-bottom: 5.20833%; margin: 0 auto;}

.newsDetail.newsDetail02 .newsDetailMid{width:650px;}

.newsDetail .date { color: #555; font-size: 16px; margin-top: 10px; }

.newsDetail .textWrap { color: #555; margin-top: 30px; }

.newsDetail .newsDetailBot { padding: 1.5625% 0; border-top: 1px solid #ddd; }



@media screen and (max-width: 1400px) { .newsDetail .titWrap .title { font-size: 30px; } }

@media screen and (max-width: 875px) { .newsDetail .titWrap .title { font-size: 20px; }

  .newsDetail { padding-bottom: 30px; } }

@media screen and (max-width: 650px){.newsDetail .newsDetailMid{padding-left:10px;padding-right: 10px;box-sizing: border-box;}
  .newsDetail.newsDetail02 .newsDetailMid{width:100%;}
}

.recruitment .advertising { padding-bottom: 5.41667%; padding-left: 13.33333%; padding-right: 7.8125%; border-bottom: 2px solid #E5E5E5; }

.recruitment .advertising .box { vertical-align: middle; }

.recruitment .advertising .imgWrap { width: 33.93258%; }

.recruitment .advertising .textWrap { width: 65.16854%; font-size: 24px; color: #555; }

.recruitment .advertising .textWrap span { color: #FF4A00; }

.recruitment .HRReadme { padding: 5.83333% 0; border-bottom: 2px solid #E5E5E5; text-align: center; }

.recruitment .HRReadme .avatar { display: inline-block; width: 8.75%; padding-top: 8.75%; border-radius: 50%; overflow: hidden; position: relative; }

.recruitment .HRReadme .avatar img { width: auto; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.recruitment .HRReadme .tit { font-size: 20px; color: #222; margin-top: 12px; }

.recruitment .HRReadme .des { color: #555; font-size: 18px; line-height: 40px; padding: 0 14.16667%; text-align: left; margin-top: 2.5%; }

.recruitment .yourDuty { padding: 3.75% 2.5% 5.41667%; border-bottom: 2px solid #E5E5E5; }

.recruitment .yourDuty .title { font-size: 40px; color: #222; font-style: italic; text-align: center; }

.recruitment .yourDuty .des { margin-top: 3.07018%; }

.recruitment .yourDuty .box { font-size: 18px; color: #555; padding-left: 35px; position: relative; }

.recruitment .yourDuty .box:before { content: ""; width: 18px; height: 16px; position: absolute; top: 50%; left: 0; margin-top: -8px; background: url(../img/heart.png) no-repeat center center; }

.recruitment .demand { padding-top: 8.33333%; padding-bottom: 4.16667%; }

.recruitment .demand .title { font-size: 40px; color: #FF4A00; text-align: center; }

.recruitment .demand .des { color: #555; line-height: 40px; margin-top: 3.75%; }

.recruitment .demand .des span { color: #FF4A00; font-size: 24px; }

.recruitment .demand .last {  color: #555; line-height: 30px; margin-top: 3.75%; }

.recruitment .demand .btn { text-align: center; margin-top: 7.08333%; }

.recruitment .demand .btn a { display: inline-block; font-size: 24px; color: #fff; background: #FF4A00; border-radius: 5px; padding: 30px 65px; line-height: 1; border: 2px solid #FF4A00; }

.recruitment .demand .btn a:hover { background: none; color: #FF4A00; }

.recruitment .demand .btn a span { transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; -ms-transition: 0s; }



@media screen and (max-width: 875px) { .recruitment .advertising .textWrap { font-size: 18px; }
.recruitment .demand .des span{font-size:20px;}

  .recruitment .HRReadme .des { font-size: 16px; line-height: 30px; padding: 0; }

  .recruitment .yourDuty .title, .recruitment .demand .title { font-size: 30px; }

  .recruitment .yourDuty .box { font-size: 16px; }

  .recruitment .demand .des { line-height: 30px; }

  .recruitment .demand .btn a { padding: 15px 30px; font-size: 20px; } }

@media screen and (max-width: 500px) { .recruitment .advertising { padding-right: 0; padding-left: 0; } }

.proInsiderBanner { position: relative; padding-top: 4.16667%; }
.proInsiderBanner .bg { height: 100%; width: auto; max-width: none; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: -1; }
.proInsiderBanner .wrap { text-align: center; }
.proInsiderBanner .title { font-size: 40px; color: #fff; }
.proInsiderBanner .btnWrap { font-size: 0; margin-top: 6.25%; }
.proInsiderBanner .btnWrap li { display: inline-block; font-size: 20px; margin-right: 1px; }
.proInsiderBanner .btnWrap li:last-child { margin-right: 0; }
.proInsiderBanner .btnWrap li a { width: 270px; display: block; color: #fff; line-height: 1; padding: 50px 0; background: rgba(255, 255, 255, 0.3); border: 1px solid #fff; border-bottom: 0; }
.proInsiderBanner .btnWrap li.active a, .proInsiderBanner .btnWrap li:hover a { background: #fff; color: #FF4A00; }
.proInsiderBanner .slogan { margin-top: 2.08333%; }
.proInsiderBanner .slogan span { display: inline-block; vertical-align: middle; font-size: 20px; color: #fff; background: #FF4A00; border-radius: 5px; padding: 1px 8px; margin-right: 25px; }
.proInsiderBanner .slogan img { vertical-align: middle; }

@media screen and (max-width: 1400px) { .proInsiderBanner .btnWrap li { font-size: 18px; }
  .proInsiderBanner .btnWrap li a { width: 200px; padding: 15px 0; }
  .proInsiderBanner .slogan span { font-size: 18px; }
  .proInsiderBanner .title { font-size: 30px; } }
@media screen and (max-width: 875px) { .proInsiderBanner .title { font-size: 24px; }
.proInsiderBanner{padding-top:30px;padding-bottom:20px;}
  .proInsiderBanner .btnWrap li { font-size: 14px; margin-right: 10px; }
  .proInsiderBanner .btnWrap li a {width: 100px;padding: 5px 0;}
  .proInsiderBanner .slogan span { font-size: 16px; }
  .proInsiderBanner .wrap { text-align: left; }
  .proInsiderBanner .btnWrap li { text-align: center; } }
@media screen and (max-width: 600px) { .proInsiderBanner .slogan span { display: none; }
  .proInsiderBanner .btnWrap li { margin-bottom: 10px; }
  .proInsiderBanner .btnWrap li a { border-bottom: 1px solid #fff; } }

.proData { padding: 2.5% 15.41667% 5.83333%; }
.proData.proDataOther { padding: 2.5% 0 5.83333%; }
.proData.proDataOther .box { width: 13.58333%; }
.proData.proDataOther .line { width: 100%; }
.proData .box { width: 19.63855%; text-align: center; }
.proData .water { width: 100%; padding-top: 100%; position: relative; background: url(../img/water.png) no-repeat; background-size: cover; }
.proData .num { width: 100%; height: 100%; position: absolute; top: 0; left: 0; white-space: nowrap; font-size: 0; }
.proData .num:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.proData .num .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }
.proData .num .textMidSon { font-size: 50px; font-weight: bold; color: #FF4A00; }
.proData .bfb { font-size: 20px; font-weight: bold; position: absolute; top: 0; right: 17.17791%; margin-top: 17.17791%; color: #FF4A00; line-height: 1; }
.proData .tit { font-size: 19px; color: #444; margin-top: 10px; }

@media screen and (max-width: 1400px) { .proData .num .textMidSon { font-size: 40px; } }
@media screen and (max-width: 875px) { .proData .num .textMidSon { font-size: 30px; }
  .proData .tit { font-size: 14px; } }
@media screen and (max-width: 700px) { .proData {padding: 0 0 10px;}
  .proData.proDataOther .box { width: 19.63855%; } }
@media screen and (max-width: 600px) { .proData .num .textMidSon { font-size: 20px; }
  .proData .bfb { font-size: 12px; }
  .proData .box, .proData.proDataOther .box, .proData.proDataOther .line { width: 90px; margin-bottom: 20px; } }
.proFeatures { padding-top: 5.83333%; padding-bottom: 7.91667%; }
.proFeatures .title { color: #222; font-size: 36px; text-align: center; }
.proFeatures .featuresList { margin-top: 2.5%; padding-top: 4.16667%; border-top: 1px solid #E3E3E3; }
.proFeatures .box { width: 16.66667%; margin-bottom: 2.91667%; margin-right: 4.16667%; }
.proFeatures .box:nth-child(5n) { margin-right: 0; }
.proFeatures .box.lastBox .topTit { filter: alpha(opacity=0); opacity: 0; }
.proFeatures .box.noSupport .topTit { color: #ccc; }
.proFeatures .box.noSupport .tit { color: #ccc; }
.proFeatures .box.noSupport .tit:before { background: #ccc; }
.proFeatures .line { width: 16.66667%; margin-right: 4.16667%; }
.proFeatures .line:nth-child(4n) { margin-right: 0; }
.proFeatures .tit { padding-left: 30px; position: relative; }
.proFeatures .tit:before { content: "\e68e"; width: 18px; height: 18px; line-height: 20px; text-align: center; color: #fff; border-radius: 50%; background: #0E69A0; position: absolute; left: 0; top: 2px; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 12px; }
.proFeatures .topTit { padding-left: 30px; position: relative; color: #0E69A0; font-size: 19px; }
.proFeatures .topTit:before { content: "\e68c"; width: 18px; height: 18px; line-height: 20px; text-align: center; position: absolute; left: 0; top: 4px; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 18px; }
.proFeatures .topTit.noSupport:before { color: #0E69A0; }
.proFeatures ul { margin-top: 15%; }
.proFeatures ul li { margin-bottom: 12.5%; }

@media screen and (max-width: 1400px) { .proFeatures .title { font-size: 30px; } }
@media screen and (max-width: 875px) { .proFeatures .box, .proFeatures .line { width: 26%; margin-right: 0; }
  .proFeatures .title { font-size: 24px; } }
@media screen and (max-width: 600px) { .proFeatures .box, .proFeatures .line { width: 45%; margin-bottom: 15px; }
  .proFeatures .tit { font-size: 12px; } }

.product_01 .title { color: #222; font-size: 36px; text-align: center; }
.product_01 .smTit { text-align: center; color: #555; margin-top: 15px; }
.product_01 .one .wrap { margin-top: 2.08333%; padding: 6.25% 10%; border: 1px solid #EBEBEB; }
.product_01 .one .wrap .box { vertical-align: middle; }
.product_01 .one .textWrap { width: 36.45833%; }
.product_01 .one .textWrap .tit { font-size: 24px; color: #FF4A00; }
.product_01 .one .textWrap .des { color: #444; line-height: 30px; margin-top: 2.08333%; font-size: 15px; }
.product_01 .one .textWrap .des p { position: relative; padding-left: 60px; margin-bottom: 10%; }
.product_01 .one .textWrap .des p:before { content: ""; width: 38px; height: 33px; background-size: contain; position: absolute; top: 0; left: 0; }
.product_01 .one .textWrap .des p:nth-child(1):before { background: url(../img/platform01.png); }
.product_01 .one .textWrap .des p:nth-child(2):before { background: url(../img/platform02.png); }
.product_01 .one .textWrap .des p:nth-child(3):before { background: url(../img/platform03.png); }
.product_01 .one .imgWrap { width: 55.10417%; position: relative; }
.product_01 .one .img { position: absolute; width: 91.11531%; padding-top: 51.41777%; overflow: hidden; top: 4.15879%; left: 3.96975%; }
.product_01 .one .img img { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.product_01 .one .menu { margin-top: 4.16667%; }
.product_01 .one .menu li { width: 23.33333%; padding: 3.75% 2.91667%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #EBEBEB; text-align: center; cursor: pointer; }
.product_01 .one .menu .tit { color: #FF4A00; font-size: 20px; }
.product_01 .one .menu .des { margin-top: 10px; color: #555; line-height: 24px; max-height: 72px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: left; }
.product_01 .one .menu .more { display: inline-block; margin-top: 26.19048%; color: #FF4A00; }
.product_01 .one .menu .more:hover { text-decoration: underline; }
.product_01 .two { padding: 8.33333% 0; }
.product_01 .two .wrap { margin-top: 5%; }
.product_01 .two .box { width: 27%; }
.product_01 .two .imgWrap { position: relative; }
.product_01 .two .imgWrap > img { width: 100%; }
.product_01 .two .img { width: 92.28395%; padding-top: 51.85185%; position: absolute; overflow: hidden; top: 0; margin-top: 3.7037%; left: 3.7037%; }
.product_01 .two .img img { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.product_01 .two .tit { color: #222; font-size: 20px; text-align: center; margin-top: 6.17284%; }
.product_01 .three { padding: 7.08333% 0 12.5%; position: relative; }
.product_01 .three:before { content: ""; height: 100%; background: #EDEDED; position: absolute; left: -50%; right: -50%; top: 0; z-index: -1; }
.product_01 .three .wrap { width: 125%; margin-top: 10%; margin-left: -12.5%; }
.product_01 .three .box { width: 16%; text-align: center; }
.product_01 .three .imgWrap { display: inline-block; width: 41.66667%; padding-top: 41.66667%; border-radius: 50%; border: 2px solid #FF4A00; position: relative; }
.product_01 .three .imgWrap img { width: 45%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.product_01 .three .tit { font-size: 20px; color: #555; margin-top: 14.58333%; }
.product_01 .four { padding-top: 10%; position: relative; }
.product_01 .four:before { content: ""; height: 100%; position: absolute; left: -50%; right: -50%; top: 0; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); z-index: -1; margin-top: -6.66667%; }
.product_01 .four .wrap { margin-top: 7.08333%; padding-left: 11.25%; }
.product_01 .four .imgWrap { width: 54.79821%; position: relative; }
.product_01 .four .imgWrap > img { width: 100%; }
.product_01 .four .imgWrap .img { width: 91.65303%; padding-top: 51.88216%; position: absolute; top: 0; left: 3.60065%; margin-top: 3.92799%; }
.product_01 .four .imgWrap .img img { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.product_01 .four .textWrap { width: 34.79821%; padding-top: 6.72646%; }
.product_01 .four .textWrap li { padding-left: 40px; font-size: 20px; color: #cbcbcb; margin-bottom: 5.15464%; position: relative; cursor: pointer; }
.product_01 .four .textWrap li:last-child { margin-bottom: 0; }
.product_01 .four .textWrap li:before { content: ""; width: 22px; height: 21px; position: absolute; top: 50%; left: 0; margin-top: -10.5px; background: url(../img/pro1_icon06.png) no-repeat left center; }
.product_01 .four .textWrap li.selected { color: #FF4A00; }
.product_01 .five { padding-top: 15.83333%; }
.product_01 .five .des { margin: 6.66667% auto 0; width: 87.58333%; }

@media screen and (max-width: 1500px) { .product_01 .three .wrap { width: 100%; margin-left: 0; } }
@media screen and (max-width: 1400px) { .product_01 .title { font-size: 30px; }
  .product_01 .three .tit { font-size: 18px; } }
@media screen and (max-width: 875px) { .product_01 .title { font-size: 24px; }
  .product_01 .one .wrap { padding: 30px 10px; }
  .product_01 .one .textWrap .tit { font-size: 20px; }
  .product_01 .one .menu .tit { font-size: 18px; }
  .product_01 .one .menu { margin-top: 30px; }
  .product_01 .two .tit, .product_01 .three .tit { font-size: 16px; }
  .product_01 .four .textWrap li { font-size: 16px; }
  .product_01 .four .wrap { padding-left: 0; }
  .product_01 .one .textWrap .des { font-size: 13px; }
  .product_01 .one .wrap { margin-top: 20px; } }
@media screen and (max-width: 600px) { .product_01 .one .textWrap { width: 100%; }
  .product_01 .one .imgWrap {margin-top: 20px;width: 100%;}
  .product_01 .one .menu li { width: 47%; margin-bottom: 10px; }
  .product_01 .two .tit { font-size: 14px; }
  .product_01 .three .box { width: 31%; margin-bottom: 20px; }
  .product_01 .three .tit { font-size: 14px; margin-top: 10px; }
  .product_01 .four .textWrap { width: 40%; padding-top: 0; }
  .product_01 .four .textWrap li { font-size: 14px; padding-left: 30px; }
  .product_01 .one .textWrap .des p { margin-bottom: 20px; } }
@media screen and (max-width: 450px) { .product_01 .two .box { width: 47%; margin-bottom: 20px; } }

.product_02 .one { padding-top: 7.91667%; padding-bottom: 6.66667%; }

.product_02 .one .wrap { padding-left: 12.5%; padding-right: 15.83333%; }

.product_02 .one .wrap .box { vertical-align: middle; }

.product_02 .one .textWrap { width: 34.88372%; color: #222; margin-top: -4.65116%; }

.product_02 .one .tit { font-size: 36px; }

.product_02 .one .des { margin-top: 10%; }

.product_02 .one .des li { margin-bottom: 3.33333%; font-size: 18px; padding-left: 30px; position: relative; }

.product_02 .one .des li:before { content: ""; width: 15px; height: 10px; position: absolute; top: 50%; left: 0; margin-top: -5px; background: url(../img/pro2_one_icon.png) no-repeat left center; }

.product_02 .one .imgWrap { width: 61.62791%; position: relative; }

.product_02 .one .imgWrap > img { width: 100%; }

.product_02 .one .imgWrap .img { width: 91.25472%; padding-top: 51.52075%; position: absolute; top: 0; left: 3.96226%; margin-top: 3.96226%; overflow: hidden;}

.product_02 .one .imgWrap .img img { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.product_02 .three { padding: 13.33333% 5% 15.83333%; position: relative; }

.product_02 .three:before { content: ""; height: 100%; background: #ECECEC; position: absolute; top: 0; left: -50%; right: -50%; z-index: -1; }

.product_02 .three .wrap .box { vertical-align: middle; }

.product_02 .three .textWrap { width: 46.2963%; }

.product_02 .three .tit { font-size: 60px; color: #FF4A00; line-height: 70px; }

.product_02 .three .des { color: #555; margin-top: 10px; margin-left: 5px; }

.product_02 .three .imgWrap { width: 41.85185%; }

.product_02 .four { padding-top: 11.66667%; padding-bottom: 12.5%; position: relative; }

.product_02 .four:before { content: ""; height: 100%; position: absolute; top: 0; left: -50%; right: -50%; z-index: -1; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }

.product_02 .four .box { width: 30%; text-align: center; }

.product_02 .four .tit { color: #222; font-size: 20px; }

.product_02 .four .des { color: #555; line-height: 24px; margin-top: 8.33333%; }

.product_02 .five { padding-top: 11.66667%; padding-bottom: 8.75%; }

.product_02 .five .wrap .box { vertical-align: middle; }

.product_02 .five .imgWrap { width: 41.16667%; }

.product_02 .five .textWrap { width: 51.66667%; margin-top: -7.5%; }

.product_02 .five .tit { font-size: 36px; color: #222; line-height: 50px; }

.product_02 .five .tit span { color: #FF4A00; }

.product_02 .five .des { color: #555; line-height: 24px; margin-top: 4.03226%; }

.product_02 .six { padding-top: 10%; padding-bottom: 12.5%; position: relative; }

.product_02 .six:before { content: ""; height: 100%; background: #ECECEC; position: absolute; top: 0; left: -50%; right: -50%; z-index: -1; }

.product_02 .six .smTit { text-align: center; font-size: 20px; color: #222; }

.product_02 .six .title { font-size: 60px; color: #222; text-align: center; margin-top: 10px; }

.product_02 .six .wrap { width: 116.66667%; margin: 5.83333% -8.33333% 0; }

.product_02 .six .box { width: 23.92857%; }

.product_02 .seven { padding-top: 11.66667%; padding-bottom: 4.16667%; }

.product_02 .seven .box { vertical-align: middle; }

.product_02 .seven .imgWrap { width: 49.41667%; }

.product_02 .seven .textWrap { width: 38.33333%; }

.product_02 .seven .textWrap img { width: 113.47826%; max-width: none; margin-top: 4.34783%; }

.product_02 .seven .smText { font-size: 20px; color: #222; }

.product_02 .seven .bigText { font-size: 60px; line-height: 70px; color: #FF4A00; letter-spacing: 5px; }



@media screen and (max-width: 1500px) { .product_02 .six .wrap { width: 100%; margin-left: 0; } }

@media screen and (max-width: 1400px) { .product_02 .one .tit { font-size: 32px; }

  .product_02 .three .tit, .product_02 .seven .bigText { font-size: 50px; line-height: 60px; }

  .product_02 .five .tit { font-size: 30px; }

  .product_02 .six .title { font-size: 50px; } }

@media screen and (max-width: 875px) { .product_02 .one .tit { font-size: 24px; }

  #myChart { height: 600px !important; }

  .product_02 .three .tit, .product_02 .seven .bigText { font-size: 30px; line-height: 40px; }

  .product_02 .four .box { width: 100%; margin-bottom: 30px; }

  .product_02 .four .des { margin-top: 10px; }

  .product_02 .four { padding-top: 40px; padding-bottom: 20px; }

  .product_02 .five .tit { font-size: 20px; line-height: 1.2; }

  .product_02 .six .title { font-size: 30px; }

  .product_02 .six .smTit { font-size: 16px; } }

@media screen and (max-width: 600px) { .product_02 .one .wrap { padding: 0; }

  .product_02 .one .des li { font-size: 14px; }

  #myChart { height: 500px !important; }

  .product_02 .three .tit, .product_02 .seven .bigText { font-size: 20px; line-height: 24px; }

  .product_02 .three { padding: 30px 0; }

  .product_02 .five { padding: 40px 0; }

  .product_02 .five .wrap .box { width: 100%; }

  .product_02 .five .textWrap { margin-top: 20px; }

  .product_02 .seven .smText { font-size: 16px; }

  .product_02 .seven .textWrap { width: 45%; } }


.product_03{padding-top: 5.20833%;}
.product_03 .title { font-size: 40px; color: #222; line-height: 70px; }
.product_03 .title span { color: #FF4A00; }
.product_03 .des { color: #555; line-height: 24px; margin-top: 10px; }
.product_03 .oneWrap { padding-bottom: 4.6875%; text-align: center; }
.product_03 .oneWrap .imgWrap { display: inline-block; width: 43.75%; position: relative; margin-top: 3.5%; }
.product_03 .oneWrap .imgWrap > img { width: 100%; }
.product_03 .oneWrap .imgWrap .img { width: 91.25472%; padding-top: 51.52075%; position: absolute; top: 0; left: 3.96226%; margin-top: 3.96226%; overflow: hidden;}
.product_03 .oneWrap .imgWrap .img img { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.product_03 .twoWrap { background: #ECECEC; }
.product_03 .twoWrap .box { vertical-align: middle; }
.product_03 .twoWrap .imgWrap { width: 45.45455%; }
.product_03 .twoWrap .textWrap { width: 41.66667%; }
.product_03 .threeWrap { padding-top: 4.6875%; padding-bottom: 5.20833%; background: #ECECEC; }
.product_03 .threeWrap .box { width: 47%; text-align: center; }
.product_03 .threeWrap .tit { font-size: 24px; color: #222; margin-top: 6.66667%; }
.product_03 .threeWrap .des { padding: 0 10%; }
.product_03 .fourWrap { padding-top: 7.8125%; padding-bottom: 9.375%; background: #F4F4F4; }
.product_03 .fourWrap .imgWrap { width: 45%; }
.product_03 .fourWrap .textWrap { width: 45%; }
.product_03 .fourWrap.whiteBg .textWrap{text-align: right;}
.product_03 .fourWrap .box { vertical-align: middle; }
.product_03 .fiveWrap { padding-top: 6.51042%; padding-bottom: 7.8125%;}
.product_03 .fiveWrap .imgWrap { display: inline-block; width: 43.75%; position: relative; margin-top: 3.5%; margin-right: 11.5%; }
.product_03 .fiveWrap .imgWrap > img { width: 100%; }
.product_03 .fiveWrap .imgWrap .img { width: 91.25472%; padding-top: 51.52075%; position: absolute; top: 0; left: 3.96226%; margin-top: 3.96226%; overflow: hidden;}
.product_03 .fiveWrap .imgWrap .img img { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.product_03 .fiveWrap .textWrap { width: 34.58333%; }
.product_03 .fiveWrap .box { vertical-align: middle; }
.product_03 .fourWrap.grayBg { background: #ECECEC; }
.product_03 .fourWrap.whiteBg { background: #fff; }

@media screen and (max-width: 1400px) { .product_03 .title { font-size: 34px; line-height: 50px; } }
@media screen and (max-width: 875px) { .product_03 .title { font-size: 26px; line-height: 40px; }
.product_03{padding-top: 40px;}
.product_03 .fourWrap.whiteBg .textWrap{text-align:center;}}
@media screen and (max-width: 700px) { .product_03 .twoWrap .textWrap { width: 100%; margin-top: 20px; }
  .product_03 .twoWrap { padding: 30px 10px; }
  .product_03 .threeWrap .box { width: 100%; margin-bottom: 30px; }
  .product_03 .fourWrap .textWrap, .product_03 .fourWrap .textWrap { width: 100%; }
  .product_03 .fourWrap .textWrap { margin-top: 20px; }
  .product_03 .fiveWrap .textWrap, .product_03 .twoWrap .imgWrap, .product_03 .fourWrap .imgWrap { width: 100%; }
  .product_03 .fourWrap .textWrap, .product_03 .fiveWrap .textWrap, .fiveWrap .justify, .product_03 .twoWrap .textWrap { text-align: center; } }


.service .menu { padding-top: 7.5%; padding-bottom: 6.66667%; }

.service .menu .title { font-size: 40px; color: #222; }

.service .menu ul { margin-top: 2.5%; }

.service .menu li { display: inline-block; margin-right: 5%; color: #FF4A00; line-height: 1; cursor: pointer; margin-bottom: 10px; }

.service .menu p:first-child { font-size: 24px; margin-bottom: 5px; }

.service .menu p:last-child { font-family: Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif; }

.service .cont .title { font-size: 24px; color: #222; }

.service .cont .title span { color: #FF4A00; }

.service .cont .textOne { margin-top: 30px; }

.service .cont .textOne li { color: #555; padding-left: 30px; position: relative; line-height: 30px; }

.service .cont .textOne li:before { content: ""; width: 8px; height: 8px; background: #BDBDBD; position: absolute; top: 11px; left: 3px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }

.service .cont .textOne li span { color: #FF4A00; }

.service .cont .textTwo li { color: #999; padding-left: 30px; position: relative; line-height: 30px; }

.service .business { padding-top: 6.66667%; padding-bottom: 11.25%; position: relative; }

.service .business:before { content: ""; height: 100%; background: #ECECEC; position: absolute; top: 0; left: -50%; right: -50%; z-index: -1; }

.service .business .bg { width: 76.83333%; position: absolute; left: 0; bottom: 0; }

.service .operating { padding-top: 9.16667%; padding-bottom: 13.33333%; }

.service .operating .box { vertical-align: middle; }

.service .operating .textWrap { width: 50%; }

.service .operating .imgWrap { width: 41.66667%; margin-top: -5%; }

.service .google { padding-top: 9.16667%; padding-bottom: 13.33333%; position: relative; }

.service .google:before { content: ""; height: 1px; background: #ccc; position: absolute; left: -50%; right: -50%; top: 0; }

.service .google .textWrap { width: 50%; }

.service .google .imgWrap { width: 41.66667%; margin-top: -2.5%; }

.service .social { padding-top: 6.66667%; padding-bottom: 0.83333%; position: relative; }

.service .social:before { content: ""; height: 100%; background: #ECECEC; position: absolute; top: 0; left: -50%; right: -50%; z-index: -1; }

.service .social .wrap { margin-top: 5%; }

.service .social .box { width: 24.16667%; text-align: center; margin-bottom: 5%; }

.service .social .imgWrap { display: inline-block; width: 17.58621%; }

.service .social .tit { color: #555; margin-top: 6.89655%; }

.service .customerService { padding-top: 11.66667%; padding-bottom: 13.33333%; }

.service .reservation { padding-top: 8.33333%; padding-bottom: 8.33333%; position: relative; }

.service .reservation:before { content: ""; height: 1px; background: #ccc; position: absolute; left: -50%; right: -50%; top: 0; }

.service .reservation .title { font-size: 40px; color: #000; text-align: center; }

.service .reservation ul { margin-top: 6.66667%; padding: 0 9.16667%; position: relative; }

.service .reservation ul:before { content: ""; width: 78%; padding-top: 4.41667%; background: #ECECEC; position: absolute; top: 0; margin-top: 4.58333%; left: 10.83333%; }

.service .reservation .box { width: 15.71429%; text-align: center; position: relative; }

.service .reservation .box:hover .imgWrap { background: #FF4A00; }

.service .reservation .box:hover .imgWrap img:first-child { filter: alpha(opacity=0); opacity: 0; }

.service .reservation .box:hover .imgWrap img:last-child { filter: alpha(opacity=100); opacity: 1; }

.service .reservation .box:hover .tit { color: #FF4A00; }

.service .reservation .imgWrap { display: block; padding-top: 100%; border-radius: 50%; background: #ECECEC; position: relative; }

.service .reservation .imgWrap img { width: 38.96104%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.service .reservation .imgWrap img:last-child { filter: alpha(opacity=0); opacity: 0; }

.service .reservation .tit { display: block; color: #222; font-size: 20px; margin-top: 16.23377%; }

.service .singooExport { padding-top: 8.33333%; padding-bottom: 12.5%; }

.service .singooExport .title { font-size: 40px; color: #000; text-align: center; }

.service .singooExport .wrap { margin-top: 4.16667%; }

.service .singooExport .line { width: 23.83333%; }

.service .singooExport .box { width: 23.83333%; margin-bottom: 1.66667%; }



@media screen and (max-width: 875px) { .service .menu .title { font-size: 30px;text-align:center; }
.service .menu ul{margin-top:20px;}

.service .menu li{width:150px;margin-bottom:20px;}

  .service .menu p:first-child { font-size: 16px; }

  .service .menu, .service .operating, .service .google, .service .reservation { padding-top: 30px; padding-bottom: 30px; }

  .service .business { padding-top: 40px; }

  .service .cont .title { font-size: 20px; text-align:center;}

  .service .reservation .title, .service .singooExport .title { font-size: 30px; }

  .service .reservation .tit { font-size: 14px; white-space: nowrap; }

  .service .singooExport { padding-top: 50px; padding-bottom: 40px; } }

@media screen and (max-width: 600px) { .service .operating .textWrap, .service .google .textWrap { width: 100%; }

  .service .operating .imgWrap {margin-top: 20px;width: 100%;}
  .service .google .imgWrap{width:100%;margin-top:20px;}

  .service .social { padding-top: 30px; padding-bottom: 20px; }

  .service .social .box { width: 47%; }

  .service .reservation .tit { position: absolute; top: 100%; left: 50%; margin-top: 20px; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); }

  .service .singooExport .box { width: 47%; } }

.case .line { width: 30.83333%; }

.case .box { width: 30.83333%; border: 1px solid #DEDEDE; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 15.41667% 2.5% 5.83333%; position: relative; margin-bottom: 4.16667%; border-radius: 5px; }

.case .box span { display: block; }

.case .imgWrap { width: 83.78378%; padding-top: 50%; position: absolute; top: 0; left: 8.10811%; }

.case .imgWrap img { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.case .tit { font-size: 24px; color: #222; line-height: 30px;height:60px;overflow: hidden;}

.case .des { color: #555; line-height: 24px; max-height: 72px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 5px; }

.case .date { color: #222; margin-top: 9.67742%; }



@media screen and (max-width: 875px) { .case .tit { font-size: 20px; } }

@media screen and (max-width: 550px) { .case .box { width: 47%; }

  .case .box { padding-top: 22%; } }

.caseDetail .titWrap { padding: 3.125% 0; background: #ECECEC; text-align: center; }
.caseDetail .titWrap .title { line-height: 1; font-size: 40px; color: #FF4A00; }
.caseDetail .textWrap { padding-top: 2.60417%; padding-bottom: 4.16667%; width: 62.5%; margin: 0 auto; position: relative; }
.caseDetail .textWrap:before { content: ""; height: 1px; background: #ccc; position: absolute; top: 100%; left: -100%; right: -100%; }
.caseDetail .textWrap .topWrap { padding: 5% 6.66667%; border: 1px solid #ECECEC; }
.caseDetail .textWrap .topWrap .leftWrap { width: 28.84615%; }
.caseDetail .textWrap .topWrap .leftWrap img { width: 100%; }
.caseDetail .textWrap .topWrap .rightWrap { width: 64.42308%; }
.caseDetail .textWrap .topWrap .tit { font-size: 20px; color: #222; }
.caseDetail .textWrap .topWrap .des { color: #222; line-height: 30px; margin-top: 5px; }
.caseDetail .textWrap .midWrap { margin-top: 5.28846%; text-align: center; padding-bottom: 5%; border-bottom: 1px solid #ECECEC; }
.caseDetail .textWrap .midWrap .des { color: #333; line-height: 30px; margin-top: 20px; }
.caseDetail .textWrap .botWrap { padding-top: 4.16667%; }
.caseDetail .relatedCase { padding-bottom: 2.60417%; }
.caseDetail .relatedCase .title { padding-top: 6.25%; font-size: 40px; color: #000; text-align: center; }
.caseDetail .relatedCase .wrap { margin-top: 2.91667%; }
.caseDetail .relatedCase .line { width: 30.83333%; }
.caseDetail .relatedCase .box { width: 30.83333%; border: 1px solid #DEDEDE; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 15.41667% 2.5% 5.83333%; position: relative; margin-bottom: 4.16667%; border-radius: 5px; }
.caseDetail .relatedCase .box span { display: block; }
.caseDetail .relatedCase .imgWrap { width: 83.78378%; padding-top: 50%; position: absolute; top: 0; left: 8.10811%; }
.caseDetail .relatedCase .imgWrap img { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.caseDetail .relatedCase .tit { font-size: 24px; color: #222; }
.caseDetail .relatedCase .des { color: #555; line-height: 24px; max-height: 72px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 5px; }
.caseDetail .relatedCase .date { color: #222; margin-top: 9.67742%; }

@media screen and (max-width: 1400px) { .caseDetail .titWrap .title, .caseDetail .relatedCase .title { font-size: 30px; }
  .caseDetail .textWrap { width: 80%; } }
@media screen and (max-width: 875px) { .caseDetail .titWrap .title, .caseDetail .relatedCase .title { font-size: 20px; }
  .caseDetail { padding-bottom: 30px; }
  .caseDetail .textWrap { width: 100%; padding: 30px 10px 40px; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .caseDetail .relatedCase .tit { font-size: 18px; } }
@media screen and (max-width: 600px) { .caseDetail .textWrap .topWrap .rightWrap { width: 100%; margin-top: 20px; } }

.development { padding-left: 3.64583%; padding-right: 3.64583%; }

.development .cont { position: relative; }

.development .cont:before { content: ""; width: 1.89655%; position: absolute; top: 0; bottom: 0; left: 20.68966%; background: #EAEAEA; border-radius: 0 0 20px 20px; }

.development .cont:after { content: ""; width: 0.51724%; position: absolute; top: 0; bottom: 16px; left: 21.2931%; border-left: 1px solid #fff; border-right: 1px solid #fff; }

.development .wrap { padding: 1.37931% 0; border-top: 1px solid #E5E5E5; min-height: 220px; }

.development .date, .development .features, .development .optimization { float: left; }

.development .date { width: 17.67241%; text-align: right; margin-right: 11.2069%; line-height: 24px; font-size: 18px; }

.development .features { width: 21.55172%; margin-right: 1.72414%; }

.development .features .tit { display: inline-block; line-height: 24px; font-size: 18px; border-radius: 12px; background: #FF4A00; color: #fff; padding: 0 10px; }

.development .features .des { margin-top: 20px; color: #555; line-height: 30px; font-size: 16px; }

.development .optimization { width: 43.10345%; }

.development .optimization .tit { display: inline-block; line-height: 24px; font-size: 18px; border-radius: 12px; background: #E9E9E9; color: #FF4A00; padding: 0 10px; }

.development .optimization .des { margin-top: 20px; color: #555; line-height: 30px; font-size: 16px; }



@media screen and (max-width: 875px) { .development .cont:before, .development .cont:after { display: none; }

  .development .date, .development .features, .development .optimization { width: 100%; text-align: left; margin-right: 0; }

  .development .features, .development .optimization { margin-top: 20px; }

  .development .features .des, .development .optimization .des { margin-top: 0; }

  .development .features .tit, .development .features .des, .development .optimization .tit, .development .optimization .des, .development .date { font-size: 14px; } }

.development_02 .history {background: url(../img/line04.gif) repeat-y 187px 0;overflow: hidden;position: relative;margin-left: 15%;}
.development_02 .history-date { overflow: hidden; position: relative; }
.development_02 .history-date h2 { display: block; background: #fff url(../img/icon06.gif) no-repeat 158px 0; height: 59px; font-size: 25px; font-family: 微软雅黑; font-weight: normal; padding-left: 45px; margin-bottom: 74px; }
.development_02 .history-date h2.first { position: absolute; left: 0; top: 0; width: 935px; z-index: 99; }
.development_02 .history-date h2 a { color: #0E69A0; display: inline-block; *display: inline; zoom: 1; background: url(../img/icon08.gif) no-repeat right 50%; padding-right: 17px; margin: 21px 97px 0 0; }
.development_02 .history-date h2 a:hover { text-decoration: none; }
.development_02 .history-date h2 img { vertical-align: -5px; }
.development_02 .history-date h2.date02 { background: none; }
.development_02 .history-date ul li { background: url(../img/icon07.gif) no-repeat 180px 0; padding-bottom: 50px; zoom: 1; transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; -ms-transition: 0s; }
.development_02 .history-date ul li.last { padding-bottom: 0; }
.development_02 .history-date ul li:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.development_02 .history-date ul li h3 {float: left;width: 168px;text-align: right;padding-right: 19px;color: #c3c3c3;margin-top: 7px;font: normal 18px/16px Arial;}
.development_02 .history-date ul li h3 span { display: block; color: #d0d0d0; font-size: 12px; transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; -ms-transition: 0s; }
.development_02 .history-date ul li .dl {/* float: left; */padding-left: 41px;/* margin-top: -5px; */font-family: 微软雅黑;overflow: auto;}
.development_02 .history-date ul li .dl .dt {/* font: 20px/22px 微软雅黑; */color: #737373;font-size: 20px;}
.development_02 .history-date ul li .dl .dt span { display: block; color: #787878; font-size: 12px; }
.development_02 .history-date ul li.green h3 { color: #FF4A00; margin-top: 12px;}
.development_02 .history-date ul li.green h3 span { color: #FF4A00; }
.development_02 .history-date ul li.green .dl { margin-top: -8px; }
.development_02 .history-date ul li.green .dl .dt {font-size: 30px;}
.development_02 .history-date ul li.green .dl .dt a { display: inline-block; *display: inline; zoom: 1; overflow: hidden; vertical-align: middle; margin-left: 12px; }
.development_02 .history-date ul li.green .dl dd { padding-top: 20px; display: none; }
.development_02 .history-date ul li.green .dl dd img { float: left; }
.development_02 .history-date ul li.green .dl dd p { overflow: hidden; zoom: 1; line-height: 21px; color: #787878; }
.development_02 .history-date h2.first .more-history { font-size: 16px; background: transparent; margin-left: 30px; }
.development_02 .history-date h2.first .more-history:hover { text-decoration: underline; }
@media screen and (max-width: 875px) { .development_02 .history-date h2 { padding-left: 0; font-size: 18px; background: #fff url(../img/icon06.gif) no-repeat 108px 0; }
.development_02 .history{margin-left: 0;}
  .development_02 .history-date ul li h3 { width: 98px; }
  .development_02 .history { background: url(../img/line04.gif) repeat-y 137px 0; }
  .development_02 .history-date ul li { background: url(../img/icon07.gif) no-repeat 130px 0; }
  .development_02 .history-date ul li.green .dl .dt { font-size: 18px; margin-top: -5px; }
  .development_02 .history-date ul li .dl .dt { font-size: 14px; margin-top: -5px; }
  .development_02 .history-date ul li .dl { float: none; overflow: auto; } }

  .pkSignUp .signUpForm { width: 32.91667%; }
.pkSignUp .signUpForm .tit { font-size: 24px; color: #333; }
.pkSignUp .signUpForm .des { line-height: 24px; color: #333; margin-top: 8.86076%; }
.pkSignUp .signUpForm .bot { margin-top: 10px; }
.pkSignUp .signUpForm li { width: 100%; margin-bottom: 15px; position: relative; }
.pkSignUp .signUpForm input, .pkSignUp .signUpForm textarea { border: 1px solid #DEDEDE; width: 100%; padding: 12px 10px; }
.pkSignUp .signUpForm input.focusOn, .pkSignUp .signUpForm input:focus, .pkSignUp .signUpForm textarea.focusOn, .pkSignUp .signUpForm textarea:focus { border-color: #000; }
.pkSignUp .signUpForm input.focusOn + label, .pkSignUp .signUpForm input:focus + label, .pkSignUp .signUpForm textarea.focusOn + label, .pkSignUp .signUpForm textarea:focus + label { display: none; }
.pkSignUp .signUpForm label { color: #BFBFBF; position: absolute; top: 12px; left: 10px; }
.pkSignUp .signUpForm .submit input { padding: 12px 48px; width: auto; background: #FF4A00; color: #fff; border: 0; }
.pkSignUp .signUpForm .submit input:hover { background: #CE400A; }
.pkSignUp .signUpText { width: 62.25%; }
.pkSignUp .signUpText .title { font-size: 24px; color: #333; line-height: 1.4; }
.pkSignUp .signUpText .wrap { margin-top: 4.68541%; }
.pkSignUp .signUpText .cont { margin-bottom: 4.01606%; }
.pkSignUp .signUpText .tit { font-size: 16px; color: #FF4A00; }
.pkSignUp .signUpText ul { color: #555; line-height: 30px; padding-left: 35px; margin-top: 8px; }
.pkSignUp .signUpForm .codeWrap .box{width:100%;margin-bottom: 15px;}
.pkSignUp .signUpForm .code input{width:120px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.pkSignUp .signUpForm .verify{vertical-align: middle;}

@media screen and (max-width: 875px) { .pkSignUp .signUpForm { width: 80%; }
  .pkSignUp .signUpText { width: 100%; margin-top: 20px; }
  .pkSignUp .signUpForm .des, .pkSignUp .signUpText .wrap { margin-top: 20px; }
  .pkSignUp .signUpText .cont { margin-bottom: 15px; } }
@media screen and (max-width: 600px) { .pkSignUp .signUpForm { width: 100%; } }
.insideBanner.pkBanner { padding-top: 9.11458%; padding-bottom: 11.97917%; }
.insideBanner.pkBanner .title { font-size: 80px; }

.pkReview .topWrap { line-height: 1; position: relative;}
.pkReview .topWrap .toCase { display: inline-block; font-size: 24px; color: #FF4A00; padding-right: 30px; position: absolute; top:50%;right:0;transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);}
.pkReview .topWrap .toCase:before, .pkReview .topWrap .toCase:after { content: ""; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; border-left-color: #FF4A00; position: absolute; top: 2px; }
.pkReview .topWrap .toCase:before { right: -10px; }
.pkReview .topWrap .toCase:after { right: 0; }
.pkReview .topWrap .tit { display: inline-block; font-size: 24px; color: #FF4A00; padding-left: 30px; position: relative; vertical-align: middle; margin-right: 3.75%; }
.pkReview .topWrap .tit:before, .pkReview .topWrap .tit:after { content: ""; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; border-right-color: #FF4A00; position: absolute; top: 2px; }
.pkReview .topWrap .tit:before { left: -10px; }
.pkReview .topWrap .tit:after { left: 0; }
.pkReview .topWrap ul { display: inline-block; vertical-align: middle; }
.pkReview .topWrap ul li { display: inline-block; vertical-align: middle; margin-right: 5px; }
.pkReview .topWrap ul li:hover a, .pkReview .topWrap ul li.active a { color: #fff; background: #FF4A00; }
.pkReview .topWrap ul a { display: block; padding: 18px 40px; background: #F2F2F2; border-radius: 5px; font-size: 16px; color: #333; }
.pkReview .midWrap { margin-top: 5%; }
.pkReview .midWrap .box { width: 48.75%; margin-bottom: 2.91667%; }
.pkReview .midWrap .box:hover .tit { color: #FF4A00; }
.pkReview .midWrap .tit { display: inline-block; font-size: 24px; color: #222; margin-top: 10px; }
.pkReview .midWrap .des { color: #555; line-height: 24px; max-height: 48px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; }
.pkReview .botWrap { margin-top: 3.33333%; }
.pkReview .botWrap .title { font-size: 24px; color: #FF4A00; padding-left: 32px; position: relative; }
.pkReview .botWrap .title:before { content: ""; width: 24px; height: 20px; background: url(../img/pk_icon.png) no-repeat center center; position: absolute; top: 5px; left: 0; }
.pkReview .botWrap .wrap { margin-top: 4.16667%; }
.pkReview .botWrap .line { width: 29.58333%; }
.pkReview .botWrap .box { width: 29.58333%; margin-bottom: 4.16667%; }
.pkReview .botWrap .imgWrap { width: 52px; height: 52px; border-radius: 50%; overflow: hidden; float: left; margin-right: 20px; }
.pkReview .botWrap .textWrap { margin-left: 70px; }
.pkReview .botWrap .name { font-size: 16px; color: #555; }
.pkReview .botWrap .des { font-size: 16px; color: #000; line-height: 24px; padding: 15px 23px; background: #EEEEEE; border-radius: 20px; position: relative; margin-top: 10px; }
.pkReview .botWrap .des:before { content: ""; width: 17px; height: 13px; background: url(../img/sj.jpg) no-repeat center center; position: absolute; top: 20px; right: 100%; }

@media screen and (max-width: 1400px) { .insideBanner.pkBanner .title { font-size: 60px; } }
@media screen and (max-width: 1200px) { .insideBanner.pkBanner .title { font-size: 45px; } }
@media screen and (max-width: 875px) { .insideBanner.pkBanner .title { font-size: 30px; }
  .pkReview .topWrap ul { display: block; margin-top: 20px; }
  .pkReview .topWrap ul a { padding: 10px 20px; font-size: 14px; margin-bottom: 10px; }
  .pkReview .botWrap .box { width: 47%; }
  .pkReview .midWrap .tit { font-size: 18px; }
  .pkReview .botWrap .des, .pkReview .botWrap .name { font-size: 14px; } }
@media screen and (max-width: 600px) { .pkReview .midWrap .box { width: 100%; }
  .pkReview .botWrap .box { width: 100%; } }

.safety { padding: 0 5.20833%; }
.safety .menu { text-align: center; }
.safety .menu .des { font-size: 16px; color: #555; line-height: 30px; }
.safety .menu ul { width: 69.5%; margin: 5% auto 0; }
.safety .menu ul li { width: 24.46043%; padding-top: 24.46043%; position: relative; cursor: pointer; border-radius: 50%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.safety .menu ul li:after { content: ""; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(57, 101, 154, 0.1); opacity: 0; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }
.safety .menu ul li:hover { transform: scale(0.93); -ms-transform: scale(0.93); -moz-transform: scale(0.93); -webkit-transform: scale(0.93); -o-transform: scale(0.93); }
.safety .menu ul li:hover:after { -webkit-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; }
.safety .menu ul .wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; white-space: nowrap; font-size: 0; }
.safety .menu ul .wrap:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.safety .menu ul .wrap .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }
.safety .menu ul .textMidSon { text-align: center; }
.safety .menu ul .imgWrap { width: 35.29412%; display: inline-block; }
.safety .menu ul .tit { font-size: 20px; color: #FF4A00; margin-top: 5px; }
.safety .safetyContent { margin-top: 9%; }
.safety .safetyContent .wrap { margin-bottom: 2%; }
.safety .safetyContent li { padding: 4% 10%; border-bottom: 1px solid #E5E5E5; }
.safety .safetyContent .leftCont { float: left; margin-right: 66px; width: 102px; text-align: center; }
.safety .safetyContent .rightCont { overflow: auto; }
.safety .safetyContent .num { font-size: 70px; font-weight: bold; font-family: Arial, 'Microsoft YaHei', SimSun, Sans-serif; color: #FF4A00; line-height: 1; }
.safety .safetyContent .tit { font-size: 20px; color: #222; line-height: 30px; }
.safety .safetyContent .des { color: #555; line-height: 30px; margin-top: 15px; }
.safety .safetyContent .firstLi .tit { font-size: 30px; }
.safety .safetyContent .firstLi .tit, .safety .safetyContent .firstLi .des { color: #FF4A00; }

@-webkit-keyframes sonarEffect { 0% { opacity: 0.3; }
  40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(57, 101, 154, 0.1), 0 0 10px 10px #E3E9EF, 0 0 0 10px rgba(57, 101, 154, 0.3); }
  100% { box-shadow: 0 0 0 2px rgba(57, 101, 154, 0.1), 0 0 10px 10px #E3E9EF, 0 0 0 10px rgba(57, 101, 154, 0.3); -webkit-transform: scale(1.4); opacity: 0; } }
@keyframes sonarEffect { 0% { opacity: 0.3; }
  40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(57, 101, 154, 0.1), 0 0 10px 10px #E3E9EF, 0 0 0 10px rgba(57, 101, 154, 0.3); }
  100% { box-shadow: 0 0 0 2px rgba(57, 101, 154, 0.1), 0 0 10px 10px #E3E9EF, 0 0 0 10px rgba(57, 101, 154, 0.3); -webkit-transform: scale(1.4); transform: scale(1.2); opacity: 0; } }
@media screen and (max-width: 875px) { .safety .safetyContent li { padding: 4% 0; }
  .safety { padding: 0 10px; }
  .safety .safetyContent .num { font-size: 50px; }
  .safety .safetyContent .leftCont { width: 80px; margin-right: 20px; }
  .safety .safetyContent .firstLi .tit { font-size: 24px; }
  .safety .safetyContent .tit { font-size: 18px; }
  .safety .safetyContent .des { line-height: 24px; }
  .safety .menu ul .tit { font-size: 14px; } }
@media screen and (max-width: 500px) { .safety .menu ul { width: 100%; margin: 20px 0 0; }
  .safety .safetyContent .num { font-size: 30px; }
  .safety .safetyContent .leftCont { width: 50px; margin-right: 10px; }
  .safety .menu .des { font-size: 14px; line-height: 24px; } }

.pageNum { max-width: 100%; }

.pageNum a, .pageNum span { display: inline-block; vertical-align: top; margin-bottom: 5px; margin-right: 6px; line-height: 20px; padding: 5px 12px; background: none; color: #000; border: 1px solid #D7D7D5; }

.pageNum span.current, .pageNum a:hover { background: #FF4A00; color: #fff; }



.prenext { text-transform: capitalize; margin-top: 10px; color: #FF4A00; font-size: 14px; line-height: 1.5; }

.prenext:first-child { margin-top: 0; }



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



.prenext a { color: #FF4A00; }



.shareBox { margin-top: 30px; }



#menuBtn { background: none; }



#footerToolBar { background: #0E69A0; }



.iniBanner .item { display: none; }



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



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



#chatToolBox #chatToolMail { background: #FF4A00; }



@media screen and (max-width: 875px) { #footer { margin-bottom: 47px; } }

/*facebook*/
.facebookWrap { background: url(../img/footer_bg.jpg); background-size: cover; }

.fbForm { padding: 30px 40px 20px; }
.fbForm .tit { text-align: center; font-size: 40px; color: #fff; text-shadow: 2px 2px 2px #000; font-weight: bold; }
.fbForm .enTit { text-align: center; font-size: 12px; color: #fff; width: 58px; height: 12px; border-radius: 5px; background: -webkit-linear-gradient(#00007C, #0611C3); background: linear-gradient(#00007C, #0611C3); margin: 15px auto 0; }
.fbForm .enTit span { display: block; transform: translateY(-8px); -ms-transform: translateY(-8px); -moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); -o-transform: translateY(-8px); }
.fbForm .bot { margin-top: 20px; }
.fbForm .box { width: 31%; border-bottom: 1px solid rgba(255, 255, 255, 0.4); position: relative; margin-bottom: 20px; padding: 2px 0; }
.fbForm .box:nth-child(1) { width: 42.10526%; }
.fbForm .box:nth-child(2) { width: 21.05263%; }
.fbForm .box:nth-child(3) { width: 21.05263%; }
.fbForm input { border: 0; resize: none; color: #fff; font-size: 14px; }
.fbForm input.focusOn, .fbForm input:focus { background: none; }
.fbForm input { display: block; width: 100%; padding-left: 50px; font-size: 14px; line-height: 1;}
.fbForm label { position: absolute; bottom: 2px; left: 0; color: #fff; font-size: 14px; line-height: 1;}
.fbForm .text { width: 100%; }
.fbForm .codeWrap { width: 100%; border-bottom: 0; }
.fbForm .code { position: relative; }
.fbForm .code input { width: 135px; display: inline-block; vertical-align: middle; margin-right: 20px; border-bottom: 1px solid #555; padding-bottom: 5px; }
.fbForm .code img { vertical-align: middle; }
.fbForm .submit { text-align: center; margin-top: 20px; }
.fbForm .submit input { display: inline-block; width: 94px; height: 32px; font-size: 14px; color: #fff; background: #616BFA; border-radius: 5px; }

@media screen and (max-width: 875px) { .fbForm figure { display: none; } }
@media screen and (max-width: 600px) { .fbForm .tit { font-size: 24px; }
  .fbForm .box { width: 100% !important; }
  .fbForm .submit input { padding: 5px 30px; } }
.fbForm span.help-block-error{position: absolute;top:100%;right:0;}

.appDownload { max-width: 1135px; margin: 0 auto; }
.appDownload > .box { width: 47.13656%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.appDownload .icon { display: inline-block; width: 80px; height: 80px; border: 1px solid #ccc; border-radius: 50%; position: relative; }
.appDownload .icon img { width: 42.5%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.appDownload .tit { color: #222; margin-top: 5px; }
.appDownload .cont { border-radius: 5px; border: 1px solid #ccc; margin-top: 22px; padding: 7.47664% 5.60748% 4.6729% 8.41121%; }
.appDownload .leftWrap { width: 26.95652%; text-align: center; }
.appDownload .rightWrap { width: 70.65217%; font-size: 12px; color: #555; }
.appDownload .botWrap { text-align: right; margin-top: 10.76923%; }
.appDownload .txt { background: #E3E3E3; display: inline-block; color: #222; padding: 5px 10px; border-radius: 3px; font-size: 12px; line-height: 1; margin-top: 5px; }
.appDownload .btn { font-size: 18px; color: #fff; display: inline-block; background: #78C259; padding: 2.24299% 4.6729%; border-radius: 5px; line-height: 1; margin-top: 6.54206%; display: none;}
.appDownload .btn:hover { filter: alpha(opacity=70); opacity: 0.7; }
.appDownload .or { background: #606060; }
@media screen and (max-width: 450px){
  .appDownload .btn{display: inline-block;}
}
@media screen and (max-width: 600px) { .appDownload .icon { width: 60px; height: 60px; }
  .appDownload > .box { width: 100%; margin-bottom: 50px; }
  .appDownload .btn { font-size: 14px; } }


.product_04 .title { color: #222; font-size: 36px; text-align: center; }

.product_04 .smTit { text-align: center; color: #555; margin-top: 15px; }

.product_04 .wrapOne { padding-bottom: 5.83333%; max-width: 890px; margin: 0 auto; }

.product_04 .wrapOne .imgWrap { position: relative; text-align: right; }

.product_04 .wrapOne .textWrap { position: absolute; top: 0; right: 67.41573%; padding-right: 3.37079%; padding-bottom: 2.24719%; }

.product_04 .wrapOne .textWrap:before { content: ""; width: 6px; height: 110px; background: #E5E5E5; position: absolute; bottom: 0; right: 0; }

.product_04 .wrapOne .textWrap:after { content: ""; width: 110px; height: 6px; background: #E5E5E5; position: absolute; bottom: 0; right: 0; }

.product_04 .wrapOne .blackText { font-size: 36px; color: #222; }

.product_04 .wrapOne .orangeText { color: #FF4A00; font-size: 43px; font-weight: bold; }

.product_04 .wrapTwo { padding-bottom: 5%; padding-top: 11.66667%; max-width: 890px; margin: 0 auto; background: #F3F3F3; position: relative; }

.product_04 .wrapTwo:before { content: ""; height: 100%; background: #F3F3F3; position: absolute; left: -100%; right: -100%; top: 0; z-index: -1; }

.product_04 .wrapTwo .imgWrap { position: relative; text-align: left; }

.product_04 .wrapTwo .textWrap { position: absolute; top: 0; left: 68.53933%; padding-left: 3.37079%; padding-bottom: 2.24719%; margin-top: -90px; white-space: nowrap; line-height: 1.3; }

.product_04 .wrapTwo .textWrap:before { content: ""; width: 6px; height: 110px; background: #E5E5E5; position: absolute; bottom: 0; left: 0; }

.product_04 .wrapTwo .textWrap:after { content: ""; width: 110px; height: 6px; background: #E5E5E5; position: absolute; bottom: 0; left: 0; }

.product_04 .wrapTwo .blackText { font-size: 36px; color: #222; }

.product_04 .wrapTwo .orangeText { color: #FF4A00; font-size: 43px; font-weight: bold; }

.product_04 .wrapThree { padding-top: 2.5%; padding-bottom: 3.33333%; }

.product_04 .wrapThree .box { width: 31.66667%; text-align: center; margin-top: 8.33333%; }

.product_04 .wrapThree .imgWrap { display: inline-block; width: 26.31579%; padding-top: 26.31579%; border-radius: 50%; border: 2px solid #FF4A00; position: relative; margin-bottom: 10.52632%; }

.product_04 .wrapThree .imgWrap img { width: 53%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.product_04 .wrapThree .smT { font-size: 20px; color: #999; }

.product_04 .wrapThree .bigT { font-size: 30px; color: #222; }

@media screen and (max-width: 875px) { .product_04 .wrapOne .textWrap { position: static; text-align: left; padding: 0; margin-bottom: 20px; }
  .product_04 .wrapOne .blackText { font-size: 24px; }
  .product_04 .wrapOne .orangeText { font-size: 30px; }
  .product_04 .wrapTwo .textWrap { position: static; text-align: right; margin-top: 0; margin-bottom: 20px; padding: 0; }
  .product_04 .wrapTwo .blackText { font-size: 24px; }
  .product_04 .wrapTwo .orangeText { font-size: 30px; }
  .product_04 .wrapTwo { padding-top: 35px; padding-bottom: 35px; }
  .product_04 .wrapOne .textWrap:after, .product_04 .wrapOne .textWrap:before, .product_04 .wrapTwo .textWrap:before, .product_04 .wrapTwo .textWrap:after { display: none; }
  .product_04 .wrapThree .smT { font-size: 14px; }
  .product_04 .wrapThree .bigT { font-size: 18px; } }

@media screen and (max-width: 600px) { .product_04 .wrapThree .box { width: 48%; } }

/*双推活动页 2019-7-3*/
.STWrap .ST_block1 { text-align: center; padding-top: 3.64583%; padding-bottom: 4.6875%; background: #F2F2F2; position: relative; }
.STWrap .ST_block1:before, .STWrap .ST_block1:after { content: ""; width: 100%; height: 100%; background: #F2F2F2; position: absolute; top: 0; }
.STWrap .ST_block1:before { right: 100%; }
.STWrap .ST_block1:after { left: 100%; }
.STWrap .ST_block1 .title { font-size: 55px; color: #000; font-weight: bold; }
.STWrap .ST_block1 .blue { color: #1669a0; }
.STWrap .ST_block1 .desc { font-size: 24px; color: #000; margin-top: 10px; }
.STWrap .ST_block1 .wrap { margin-top: 5%; }
.STWrap .ST_block1 .box { width: 30.83333%; }
.STWrap .ST_block1 .imgWrap { width: 100%; padding-top: 70.27027%; position: relative; background: #fff; }
.STWrap .ST_block1 .imgWrap img { width: 41.35135%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.STWrap .ST_block1 .tit { height: 60px; line-height: 60px; text-align: center; padding: 0 10px; background: #FB8A13; font-size: 36px; color: #fff; }
.STWrap .ST_block2 { padding-top: 6.25%; padding-bottom: 2.08333%; }
.STWrap .ST_block2 .box { width: 49.16667%; margin-bottom: 1.66667%; }
.STWrap .ST_block2 .wrap { position: relative; }
.STWrap .ST_block2 .title { font-size: 50px; font-weight: bold; color: #fff; background: rgba(255, 255, 255, 0.5); position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); text-align: center; padding: 15px; }
.STWrap .ST_block2 .bg { background: #FB8A13; padding: 20px; }
.STWrap .ST_block3 { padding-top: 4.42708%; padding-bottom: 3.38542%; background: #363636; text-align: center; }
.STWrap .ST_block3 .title { font-size: 30px; color: #fff; max-width: 1120px; margin: 0 auto; }
.STWrap .ST_block3 .hotLine { font-size: 45px; font-weight: bold; color: #fb8a13; font-style: italic; margin-top: 10px; }
.STWrap .ST_block4 { padding: 30px 10.41667% 4.6875%; background: #F2F2F2; text-align: center; }
.STWrap .ST_block4 .title { font-size: 55px; color: #000; font-weight: bold; }
.STWrap .ST_block4 .en { font-size: 14px; color: #535353; text-transform: uppercase; margin-top: 5px; }
.STWrap .ST_block4 .wrap { margin-top: 3.28947%; }
.STWrap .ST_block4 .box { width: 46.05263%; text-align: center; }
.STWrap .ST_block4 .name { font-size: 40px; font-weight: bold; color: #000; }
.STWrap .ST_block4 .des { color: #535353; margin-top: 10px; font-size: 20px; line-height: 30px; }
.STWrap .ST_block4 .data { margin-top: 30px; }
.STWrap .ST_block4 .data .box { width: 15%; text-align: center; }
.STWrap .ST_block4 .data .line { width: 100%; }
.STWrap .ST_block4 .data .water { width: 100%; padding-top: 100%; position: relative; background: url(../img/water.png) no-repeat; background-size: cover; }
.STWrap .ST_block4 .data .num { width: 100%; height: 100%; position: absolute; top: 0; left: 0; white-space: nowrap; font-size: 0; }
.STWrap .ST_block4 .data .num:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.STWrap .ST_block4 .data .num .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }
.STWrap .ST_block4 .data .num .textMidSon { font-size: 26px; font-weight: bold; color: #FF4A00; }
.STWrap .ST_block4 .data .bfb { font-size: 14px; font-weight: bold; position: absolute; top: 0; right: 17.17791%; margin-top: 17.17791%; color: #FF4A00; line-height: 1; }
.STWrap .ST_block4 .data .tit { font-size: 13px; color: #444; margin-top: 10px; }
.STWrap .ST_block5 { text-align: center; padding-top: 3.64583%; padding-bottom: 2.86458%; background: #fff; position: relative; }
.STWrap .ST_block5 .title { font-size: 55px; color: #000; font-weight: bold; }
.STWrap .ST_block5 .imgWrap { margin-top: 3.33333%; }
.STWrap .ST_block6 { padding: 2.60417% 0; background: #F2F2F2; text-align: center; font-size: 0; }
.STWrap .ST_block6 .text { width: 100px; height: 322px; color: #fff; background: #FB8A13; display: inline-block; font-weight: bold; white-space: nowrap; font-size: 0; padding: 10px; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.STWrap .ST_block6 .text:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.STWrap .ST_block6 .text .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }
.STWrap .ST_block6 .text .textMidSon { font-size: 60px; line-height: 80px; }
.STWrap .ST_block6 img { height: 322px; }

@media screen and (max-width: 1400px) { .STWrap .ST_block1 .title { font-size: 40px; }
    .STWrap .ST_block1 .desc { font-size: 20px; }
    .STWrap .ST_block1 .tit { height: 50px; line-height: 50px; font-size: 28px; }
    .STWrap .ST_block2 .title { font-size: 40px; }
    .STWrap .ST_block4 .title { font-size: 40px; }
    .STWrap .ST_block4 .name { font-size: 30px; }
    .STWrap .ST_block4 .des { font-size: 18px; }
    .STWrap .ST_block4 .data .num .textMidSon { font-size: 20px; }
    .STWrap .ST_block5 .title { font-size: 40px; }
    .STWrap .ST_block6 .text { height: 200px; width: 80px; }
    .STWrap .ST_block6 img { height: 200px; }
    .STWrap .ST_block6 .text .textMidSon { font-size: 40px; line-height: 60px; } }
@media screen and (max-width: 875px) { .STWrap .ST_block1 { padding-top: 30px; padding-bottom: 30px; }
    .STWrap .ST_block1 .title { font-size: 30px; }
    .STWrap .ST_block1 .desc { font-size: 18px; }
    .STWrap .ST_block1 .tit { height: 40px; line-height: 40px; font-size: 20px; }
    .STWrap .ST_block2 { padding-top: 30px; padding-bottom: 30px; }
    .STWrap .ST_block2 .title { font-size: 30px; }
    .STWrap .ST_block2 .bg { padding: 10px; }
    .STWrap .ST_block2 .title { padding: 7px; }
    .STWrap .ST_block3 .title { font-size: 18px; }
    .STWrap .ST_block3 .hotLine { font-size: 28px; }
    .STWrap .ST_block4 { padding: 30px 10px 0; }
    .STWrap .ST_block4 .title { font-size: 30px; }
    .STWrap .ST_block4 .name { font-size: 20px; }
    .STWrap .ST_block4 .des { font-size: 14px; }
    .STWrap .ST_block4 > .wrap > .box { width: 100%; margin-bottom: 30px; }
    .STWrap .ST_block5 { padding: 30px 0; }
    .STWrap .ST_block5 .title { font-size: 28px; }
    .STWrap .ST_block6 { padding: 30px 0; }
    .STWrap .ST_block6 .text { height: 120px; width: 50px; }
    .STWrap .ST_block6 img { height: 120px; }
    .STWrap .ST_block6 .text .textMidSon { font-size: 26px; line-height: 30px; } }
@media screen and (max-width: 450px) { .STWrap .ST_block1 .title { font-size: 30px; }
    .STWrap .ST_block1 .desc { font-size: 18px; }
    .STWrap .ST_block1 .tit { height: 30px; line-height: 30px; font-size: 16px; }
    .STWrap .ST_block2 .title { font-size: 20px; }
    .STWrap .ST_block4 .data .box { width: 18%; }
    .STWrap .ST_block4 .data .num .textMidSon { font-size: 16px; } }