@charset "UTF-8";

 :root {
     --main-color: rgb(219, 0, 37);
 }

 a.dh:link {
     font-size: 12px;
     line-height: 24px;
     color: #333;
     text-decoration: none
 }

 a.dh:visited {
     font-size: 12px;
     line-height: 24px;
     color: #333;
     text-decoration: none
 }

 a.dh:hover {
     font-size: 12px;
     line-height: 24px;
     color: #333;
     text-decoration: underline
 }

 a.dh:active {
     font-size: 12px;
     line-height: 24px;
     color: #333;
     text-decoration: none
 }

 a {
     outline: none;
     text-decoration: none
 }

 body,
 div,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 pre,
 code,
 form,
 fieldset,
 legend,
 input,
 textarea,
 p,
 blockquote,
 th,
 td,
 button {
     margin: 0;
     padding: 0;
     list-style: none
 }

 table {
     border-collapse: collapse;
     border-spacing: 0
 }

 fieldset,
 img {
     border: 0
 }

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

 caption,
 th {
     text-align: left
 }

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

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

 abbr,
 acronym {
     border: 0;
     font-variant: normal
 }

 sup {
     vertical-align: text-top
 }

 sub {
     vertical-align: text-bottom
 }

 input,
 textarea,
 select {
     font-family: inherit;
     font-size: inherit;
     font-weight: inherit
 }

 input,
 textarea,
 select {
     font-size: 100%
 }

 legend {
     color: #000
 }

 .vm {
     vertical-align: middle
 }

 html,
 body,
 div,
 p,
 ul,
 li,
 dl,
 dt,
 dd,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 form,
 input,
 select,
 button,
 textarea,
 iframe,
 th,
 td {
     margin: 0;
     padding: 0;
     -webkit-text-size-adjust: none
 }

 body {
     font: 12px/25px 'HelveticaLT45Light';
     color: #000;
     text-align: center;
     background: #fff;
     font-weight: 400;
     min-width: 1130px
 }

 .w260 {
     width: 260px;
     margin: 0 auto;
     border: 1px #000
 }

 .w960 {
     width: 960px;
     margin: 0 auto
 }

 .w700 {
     width: 700px;
     margin: 0 auto
 }

 .w1000 {
     width: 1000px;
     margin: 0 auto
 }

 .w1100 {
     width: 1100px;
     margin: 0 auto
 }

 .w1101 {
     width: 1100px;
     margin: 0 auto;
     background-color: #ededed;
     padding-top: 90px
 }

 .w1102 {
     width: 1100px;
     margin: 0 auto;
     padding-top: 90px
 }

 .w1130 {
     width: 1130px;
     margin: 0 auto
 }

 .w1200 {
     width: 1200px;
     margin: 0 auto
 }

 .w1440 {
     width: 1440px;
     margin: 0 auto
 }

 .ov {
     overflow: hidden;
     zoom: 1
 }

 .fam {
     font-family: arial !important
 }

 a {
     font-family: helveticalt45light;
     text-decoration: none !important;
     color: #000;
     transition: all .2s;
     -moz-transition: all .2s;
     -webkit-transition: all .2s;
     -ms-transition: all .2s;
     -o-transition: all .2s
 }

 a:hover {
     color: #000
 }

 @font-face {
     font-family: myriadprosemibold;
     src: url(/static/addons/cms/fonts/MyriadProSemibold.eot);
     src: url(/static/addons/cms/fonts/MyriadProSemibold.eot) format('embedded-opentype'),
         url(/static/addons/cms/fonts/MyriadProSemibold.woff2) format('woff2'),
         url(/static/addons/cms/fonts/MyriadProSemibold.woff) format('woff'),
         url(/static/addons/cms/fonts/MyriadProSemibold.ttf) format('truetype'),
         url(/static/addons/cms/fonts/MyriadProSemibold.svg#MyriadProSemibold) format('svg')
 }

 @font-face {
     font-family: helveticalt45light;
     src: url(/static/addons/cms/fonts/HelveticaLT45Light.eot);
     src: url(/static/addons/cms/fonts/HelveticaLT45Light.eot) format('embedded-opentype'),
         url(/static/addons/cms/fonts/HelveticaLT45Light.woff2) format('woff2'),
         url(/static/addons/cms/fonts/HelveticaLT45Light.woff) format('woff'),
         url(/static/addons/cms/fonts/HelveticaLT45Light.ttf) format('truetype'),
         url(/static/addons/cms/fonts/HelveticaLT45Light.svg#HelveticaLT45Light) format('svg')
 }

 @font-face {
     font-family: helvetica narrow;
     src: url(/static/addons/cms/fonts/HelveticaNarrow.ttf)
 }

 @font-face {
     font-family: helveticaneueltstd-roman;
     src: url(/static/addons/cms/fonts/HelveticaNeueLTStd-Roman.otf)
 }

 .time {
     font-family: myriadsetpro-thinthin !important;
     font-size: 45px;
     height: 55px;
     line-height: 55px;
     display: block;
     margin: 10px 0 0
 }

 @font-face {
     font-family: helvetica_neue_ltregular;
     src: url(/static/addons/cms/fonts/helveticaneuelt-roman-webfont.eot);
     src: url(/static/addons/cms/fonts/helveticaneuelt-roman-webfont.eot?#iefix) format('embedded-opentype'),
         url(/static/addons/cms/fonts/helveticaneuelt-roman-webfont.woff2) format('woff2'),
         url(/static/addons/cms/fonts/helveticaneuelt-roman-webfont.woff) format('woff'),
         url(/static/addons/cms/fonts/helveticaneuelt-roman-webfont.ttf) format('truetype'),
         url(/static/addons/cms/fonts/helveticaneuelt-roman-webfont.svg#helvetica_neue_ltregular) format('svg');
     font-weight: 400;
     font-style: normal
 }

 @font-face {
     font-family: myriadsetpro-thinthin;
     src: url(/static/addons/cms/fonts/myriadsetpro-thin-webfont.eot);
     src: url(/static/addons/cms/fonts/myriadsetpro-thin-webfont.eot?#iefix) format('embedded-opentype'),
         url(/static/addons/cms/fonts/myriadsetpro-thin-webfont.woff2) format('woff2'),
         url(/static/addons/cms/fonts/myriadsetpro-thin-webfont.woff) format('woff'),
         url(/static/addons/cms/fonts/myriadsetpro-thin-webfont.ttf) format('truetype'),
         url(/static/addons/cms/fonts/myriadsetpro-thin-webfont.svg#myriadsetpro-thinthin) format('svg');
     font-weight: 400;
     font-style: normal
 }

 .ft35 {
     font-family: helvetica_ce_35_thinregular
 }

 @font-face {
     font-family: helvetica_ce_35_thinregular;
     src: url(/static/addons/cms/fonts/helvetica_neue_ce_35_thin.eot);
     src: url(/static/addons/cms/fonts/helvetica_neue_ce_35_thin.eot?#iefix) format('embedded-opentype'),
         url(/static/addons/cms/fonts/helvetica_neue_ce_35_thin.woff2) format('woff2'),
         url(/static/addons/cms/fonts/helvetica_neue_ce_35_thin.woff) format('woff'),
         url(/static/addons/cms/fonts/helvetica_neue_ce_35_thin.ttf) format('truetype'),
         url(/static/addons/cms/fonts/helvetica_neue_ce_35_thin.svg#helvetica_ce_35_thinregular) format('svg');
     font-weight: 400;
     font-style: normal
 }

 .ftb55 {
     font-family: helvetica_ce_55_romanregular
 }

 @font-face {
     font-family: helvetica_ce_55_romanregular;
     src: url(/static/addons/cms/fonts/helvetica_neue_ce_55_roman-webfont.eot);
     src: url(/static/addons/cms/fonts/helvetica_neue_ce_55_roman-webfont.eot?#iefix) format('embedded-opentype'),
         url(/static/addons/cms/fonts/helvetica_neue_ce_55_roman-webfont.woff2) format('woff2'),
         url(/static/addons/cms/fonts/helvetica_neue_ce_55_roman-webfont.woff) format('woff'),
         url(/static/addons/cms/fonts/helvetica_neue_ce_55_roman-webfont.ttf) format('truetype'),
         url(/static/addons/cms/fonts/helvetica_neue_ce_55_roman-webfont.svg#helvetica_ce_55_romanregular) format('svg');
     font-weight: 700;
     font-style: normal
 }

 .ftb75 {
     font-family: helvetica_ce_55_romanbold
 }

 @font-face {
     font-family: helvetica_ce_55_romanbold;
     src: url(/static/addons/cms/fonts/helvetica_neue_ce_75_bold-webfont.eot);
     src: url(/static/addons/cms/fonts/helvetica_neue_ce_75_bold-webfont.eot?#iefix) format('embedded-opentype'),
         url(/static/addons/cms/fonts/helvetica_neue_ce_75_bold-webfont.woff2) format('woff2'),
         url(/static/addons/cms/fonts/helvetica_neue_ce_75_bold-webfont.woff) format('woff'),
         url(/static/addons/cms/fonts/helvetica_neue_ce_75_bold-webfont.ttf) format('truetype'),
         url(/static/addons/cms/fonts/helvetica_neue_ce_75_bold-webfont.svg#helvetica_ce_55_romanbold) format('svg');
     font-weight: 400;
     font-style: normal
 }

 @font-face {
     font-weight: 400;
     font-style: normal;
     font-family: feathericons;
     src: url(/static/addons/cms/fonts/feathericons.eot?-8is7zf);
     src: url(/static/addons/cms/fonts/feathericons.eot?#iefix-8is7zf) format('embedded-opentype'),
         url(/static/addons/cms/fonts/feathericons.woff?-8is7zf) format('woff'),
         url(/static/addons/cms/fonts/feathericons.ttf?-8is7zf) format('truetype'),
         url(/static/addons/cms/fonts/feathericons.svg?-8is7zf#feathericons) format('svg');
     font-weight: 400;
     font-style: normal
 }

 em,
 i {
     font-style: normal
 }

 #wrap {
     text-align: left
 }

 ul {
     list-style: none
 }

 img {
     border: 0
 }

 .cf {
     zoom: 1
 }

 .cf:after {
     content: '.';
     visibility: hidden;
     clear: both;
     display: block;
     height: 0
 }

 .clearfix {
     zoom: 1
 }

 .clearfix:before,
 .clearfix:after {
     display: table;
     content: "";
     line-height: 0
 }

 .clearfix:after {
     clear: both
 }

 .fl,
 .dl {
     float: left;
     display: inline
 }

 .fr,
 .dr {
     float: right;
     display: inline
 }

 .clear {
     clear: both;
     line-height: 0
 }

 .mt0 {
     margin-top: 0
 }

 .mt2 {
     margin-top: 2px
 }

 .mt5 {
     margin-top: 5px
 }

 .mt10 {
     margin-top: 10px
 }

 .mt15 {
     margin-top: 15px
 }

 .mt20 {
     margin-top: 20px
 }

 .mt25 {
     margin-top: 25px
 }

 .mt30 {
     margin-top: 30px
 }

 .mt35 {
     margin-top: 35px
 }

 .mt40 {
     margin-top: 40px
 }

 .mt45 {
     margin-top: 45px
 }

 .mt50 {
     margin-top: 50px
 }

 .mt55 {
     margin-top: 55px
 }

 .mt60 {
     margin-top: 60px
 }

 .mt65 {
     margin-top: 65px
 }

 .mt70 {
     margin-top: 70px
 }

 .mt75 {
     margin-top: 75px
 }

 .mt80 {
     margin-top: 80px
 }

 .mt85 {
     margin-top: 85px
 }

 .mt90 {
     margin-top: 90px
 }

 .mt100 {
     margin-top: 100px
 }

 .mb0 {
     margin-bottom: 0
 }

 .mb2 {
     margin-bottom: 2px
 }

 .mb5 {
     margin-bottom: 5px
 }

 .mb10 {
     margin-bottom: 10px
 }

 .mb15 {
     margin-bottom: 15px
 }

 .mb20 {
     margin-bottom: 20px
 }

 .mb25 {
     margin-bottom: 25px
 }

 .mb30 {
     margin-bottom: 30px
 }

 .mb35 {
     margin-bottom: 35px
 }

 .mb40 {
     margin-bottom: 40px
 }

 .mb45 {
     margin-bottom: 45px
 }

 .mb50 {
     margin-bottom: 50px
 }

 .mb55 {
     margin-bottom: 55px
 }

 .mb60 {
     margin-bottom: 60px
 }

 .mb65 {
     margin-bottom: 65px
 }

 .mb70 {
     margin-bottom: 70px
 }

 .mb75 {
     margin-bottom: 75px
 }

 .mb80 {
     margin-bottom: 80px
 }

 .mb85 {
     margin-bottom: 85px
 }

 .mb90 {
     margin-bottom: 90px
 }

 .mb100 {
     margin-bottom: 100px
 }

 .pt0 {
     padding-top: 0
 }

 .pt5 {
     padding-top: 5px
 }

 .pt10 {
     padding-top: 10px
 }

 .pt15 {
     padding-top: 15px
 }

 .pt20 {
     padding-top: 20px
 }

 .pt25 {
     padding-top: 25px
 }

 .pt30 {
     padding-top: 30px
 }

 .pt35 {
     padding-top: 35px
 }

 .pt40 {
     padding-top: 40px
 }

 .pt45 {
     padding-top: 45px
 }

 .pt50 {
     padding-top: 50px
 }

 .pt55 {
     padding-top: 55px
 }

 .pt60 {
     padding-top: 60px
 }

 .pt65 {
     padding-top: 65px
 }

 .pt70 {
     padding-top: 70px
 }

 .pt75 {
     padding-top: 75px
 }

 .pt85 {
     padding-top: 85px
 }

 .ml0 {
     margin-left: 0 !important
 }

 .ml5 {
     margin-left: 5px
 }

 .ml10 {
     margin-left: 10px
 }

 .ml15 {
     margin-left: 15px
 }

 .ml20 {
     margin-left: 20px
 }

 .ml25 {
     margin-left: 25px
 }

 .ml30 {
     margin-left: 30px
 }

 .ml35 {
     margin-left: 35px
 }

 .ml40 {
     margin-left: 40px
 }

 .ml45 {
     margin-left: 45px
 }

 .ml50 {
     margin-left: 50px
 }

 .ml55 {
     margin-left: 55px
 }

 .ml60 {
     margin-left: 60px
 }

 .ml65 {
     margin-left: 65px
 }

 .ml70 {
     margin-left: 70px
 }

 .ml75 {
     margin-left: 75px
 }

 .ml100 {
     margin-left: 100px
 }

 .ml110 {
     margin-left: 110px
 }

 .pl0 {
     padding-left: 0
 }

 .pl5 {
     padding-left: 5px
 }

 .pl10 {
     padding-left: 10px
 }

 .pl15 {
     padding-left: 15px
 }

 .pl20 {
     padding-left: 20px
 }

 .pl25 {
     padding-left: 25px
 }

 .pl30 {
     padding-left: 30px
 }

 .pl35 {
     padding-left: 35px
 }

 .pl40 {
     padding-left: 40px
 }

 .pl45 {
     padding-left: 45px
 }

 .pl50 {
     padding-left: 50px
 }

 .pl55 {
     padding-left: 55px
 }

 .pl60 {
     padding-left: 60px
 }

 .pl65 {
     padding-left: 65px
 }

 .pl70 {
     padding-left: 70px
 }

 .pl75 {
     padding-left: 75px
 }

 .pl290 {
     padding-left: 290px;
     min-height: 450px
 }

 .tl {
     text-align: left
 }

 .tc {
     text-align: center
 }

 .tr {
     text-align: right
 }

 .db {
     display: block !important
 }

 .dn {
     display: none !important
 }

 .ft14 {
     font-size: 14px
 }

 .line23 {
     line-height: 23px
 }

 .bordernone {
     border: 0 !important
 }

 .ftw {
     font-weight: 700
 }

 .ft0 {
     font-size: 0 !important
 }

 table {
     border-collapse: collapse
 }

 .newstitle {
     text-align: center;
     height: 40px;
     line-height: 40px;
     font-size: 16px;
     font-weight: 700;
     overflow: hidden
 }

 .news_message {
     height: 30px;
     line-height: 30px;
     text-align: center
 }

 .pager {
     text-align: center !important;
     padding-bottom: 3px;
     margin-top: 40px
 }

 .pager a {
     margin-left: 4px;
     margin-right: 4px;
     font-family: arial;
     text-decoration: none;
     padding: 3px 8px;
     background: #c9c9c9
 }

 .pager a.on,
 .pager a:hover {
     background: #004098;
     color: #fff
 }

 .slideBox {
     width: 100%;
     height: 500px;
     overflow: hidden;
     position: relative;
     margin: 0 auto
 }

 .slideBox .hd {
     overflow: hidden;
     width: 100%;
     position: absolute;
     text-align: center;
     left: 47%;
     bottom: 15px;
     z-index: 1
 }

 .slideBox .hd ul {
     overflow: hidden;
     zoom: 1;
     float: left
 }

 .slideBox .hd ul li {
     float: left;
     display: inline;
     margin-right: 10px;
     background: url(/static/addons/cms/images/point.png) no-repeat center center;
     width: 10px;
     height: 10px;
     cursor: pointer;
     text-indent: -9999px
 }

 .slideBox .hd ul li.on {
     background: url(/static/addons/cms/images/pointh.png) no-repeat
 }

 .slideBox .bd {
     position: relative;
     height: 100%;
     z-index: 0;
     margin: 0 auto !important;
     width: 100% !important;
     min-width: 1920px;
     margin: 0 auto;
     height: 500px;
     left: 50%;
     margin-left: -960px !important
 }

 .slideBox .bd ul {
     width: 100% !important;
     min-width: 1920px
 }

 .slideBox .bd li {
     zoom: 1;
     vertical-align: middle;
     overflow: hidden;
     width: 100% !important;
     height: 500px
 }

 .slideBox .bd img {
     width: 1920px;
     height: 500px;
     display: block;
     position: relative
 }

 .slideBox .prev,
 .slideBox .next {
     position: absolute;
     z-index: 999;
     display: block;
     width: 80px;
     height: 80px
 }

 .slideBox .prev {
     left: 3%;
     top: 50%;
     margin-top: -25px;
     background: url(/static/addons/cms/images/left.png) no-repeat
 }

 .slideBox .next {
     right: 3%;
     top: 50%;
     margin-top: -25px;
     background: url(/static/addons/cms/images/right.png) no-repeat
 }

 .ban_img {
     position: relative;
     width: 100%;
     height: 669px;
     min-width: 1200px;
     overflow: hidden
 }

 .ban_img img {
     position: absolute;
     left: 50%;
     margin-left: -960px
 }

 .ban_img .w1130 {
     position: relative
 }

 .ban_img #title {
     position: absolute;
     left: 0;
     top: 0
 }

 .text_o {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .http {
     font-size: 11px;
     color: #5e5958;
     font-family: arial;
     font-weight: 700
 }

 #header {
     background: url(/static/addons/cms/images/bg2.png) repeat-x;
     height: 40px;
     width: 100%;
     margin: 0 auot;
 }

 #header .language_wrap {
     padding-right: 40px;
     height: 40px;
 }

 .head_text {
     font-size: 13px;
     color: #616161;
     background: #fff;
     width: 97px;
     padding-left: 30px;
     height: 20px;
     line-height: 20px;
     border-bottom: 1px solid #616161;
     border-top: 0;
     border-left: 0;
     border-right: 0;
     font-family: arial
 }

 .submit {
     border: none;
     background: url(/static/addons/cms/images/submit.png) no-repeat;
     width: 23px;
     height: 21px;
     cursor: pointer
 }

 .contact_text {
     font-size: 14px;
     color: #727171;
     width: 140px;
     padding-left: 30px;
     height: 34px;
     line-height: 34px;
     border: 3px solid #707070;
     font-family: arial;
     cursor: pointer
 }

 .contact_text1 {
     font-size: 14px;
     color: #727171;
     width: 140px;
     padding-left: 30px;
     height: 34px;
     line-height: 34px;
     border: 3px solid #707070;
     font-family: arial;
     cursor: pointer
 }

 .contact_submit {
     border: none;
     background: url(/static/addons/cms/images/contact_search.jpg) no-repeat;
     width: 49px;
     height: 40px;
     cursor: pointer
 }

 .contact_boxr em {
     display: block;
     margin: 2px 0 0;
     color: #004098;
     font-family: helvetica_ce_55_romanbold;
     font-size: 12px
 }

 .head_r {
     margin-top: 5px;
     margin-right: 10px
 }

 .header-nav {
     position: relative;
     background: #fff;
     width: 100%
 }

 .header-content {
     width: 1410px;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto
 }

 .header-logo {
     float: left
 }

 .header-logo a {
     display: block;
     padding: 16px 0;
     color: #DB0025;
     text-decoration: none
 }

 .header-logo a img {
     height: 55px;
     display: block;
     border: none
 }

 .header-nav-list {
     float: right;
     margin-right: 45px
 }

 .header-nav-list ul {
     float: left
 }

 .header-nav-list ul li {
     position: relative;
     display: block;
     float: left
 }

 .header-nav-list ul li a {
     font-family: myriadprosemibold;
     color: #272727;
     padding: 20px 25px;
     font-size: 14px;
     line-height: 45px;
     background: 0 0;
     position: relative;
     display: block
 }

 .header-nav-list ul li a:hover {
     color: #DB0025
 }

 .header-nav-list ul li .cur {
     color: #DB0025
 }

 .icon-dow {
     width: 13px;
     height: 13px;
     background-size: 13px;
     font-size: 12px;
     margin-left: 2px;
     position: relative;
     top: 0;
     display: inline-block;
     font-family: glyphicons halflings;
     font-style: normal;
     font-weight: 400;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     background-image: url(/static/addons/cms/images/jticon.png)
 }

 .aui-dow-box {
     position: absolute;
     z-index: 9999;
     top: 200%;
     left: 50%;
     width: 140px;
     padding: 30px 0;
     background-color: #fff;
     visibility: hidden;
     opacity: 0;
     filter: alpha(opacity=0);
     -ms-transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
     -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
     -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
     box-shadow: 0 2px 6px rgba(0, 0, 0, .3)
 }

 .aui-dow-box-list {
     width: 430px;
     left: 180px;
     height: auto;
     padding: 10px 0 10px 20px
 }

 .drop-down:hover .aui-dow-box-list {
     top: 100%;
     visibility: visible;
     opacity: 1;
     filter: alpha(opacity=100)
 }

 .aui-down-menu {
     padding: 0 10px;
     width: auto;
     float: none;
     display: block;
     margin-bottom: 10px
 }

 .aui-down-menu-title {
     font-family: helvetica_ce_55_romanregular;
     margin-top: 15px;
     float: left;
     padding-bottom: 5px;
     color: #616161;
     font-weight: 800;
     font-size: 16px;
     border-bottom: 1px dashed #616161;
     margin-bottom: 0
 }

 .aui-down-menu-title i {
     font-family: helvetica_ce_55_romanregular;
     margin-top: 15px;
     float: left;
     padding-bottom: 5px;
     color: #616161;
     font-size: 18px;
     border-bottom: 1px dashed #616161;
     margin-bottom: 0
 }

 .aui-down-menu-list-title i {
     float: left;
     margin-right: 5px;
     width: 15px;
     height: 15px;
     display: block;
     background-size: 15px;
     background-repeat: no-repeat;
     margin-top: 1px
 }

 .aui-down-menu-list {
     float: left;
     font-size: 0
 }

 .aui-down-menu-list-item {
     display: inline-block;
     margin-bottom: 5px;
     margin-right: 5px;
     width: 125px;
     line-height: 1;
     padding-top: 0
 }

 .aui-top-border {
     margin-top: 10px;
     border-bottom: 1px solid #f5f5f5
 }

 .header-nav-list ul .aui-down-menu-list-item a {
     padding: 0;
     line-height: inherit
 }

 .aui-down-menu-list-title {
     margin-top: 5px;
     margin-bottom: 5px;
     color: #616161;
     font-size: 15px;
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     word-wrap: normal
 }

 .aui-down-menu-list-title_text {
     font-family: helvetica_ce_55_romanregular;
     margin-top: 8px;
     margin-bottom: 8px;
     color: #616161;
     font-size: 14px;
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     word-wrap: normal
 }

 .aui-down-menu-list-title_text:hover {
     color: #DB0025
 }

 .aui-down-menu-list-title_image {
     font-family: helvetica_ce_55_romanregular;
     margin-top: 3px;
     margin-bottom: 3px;
     color: #616161;
     font-size: 14px;
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     word-wrap: normal
 }

 .aui-down-menu-list-title_image:hover {
     color: #DB0025
 }

 .aui-down-menu-list-text {
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     word-wrap: normal;
     color: #919191;
     font-size: 14px;
     letter-spacing: 1px
 }

 .aui-down-menu-list-title:hover {
     color: #DB0025
 }

 .header-nav-list ul li a:hover .icon-dow {
     background-image: url(/static/addons/cms/images/jticon_lv.png)
 }

 .aui-about-dow {
     opacity: 0;
     visibility: hidden;
     position: absolute;
     left: 0;
     top: 110%;
     min-width: 170px;
     padding: 8px 10px;
     background: #fff;
     border-radius: 2px;
     z-index: 99;
     box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
     transition: all .25s ease-in-out;
     -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out
 }

 .drop-down:hover .aui-about-dow {
     top: 100%;
     opacity: 1;
     visibility: visible;
     transition: all .25s ease-in-out;
     -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
     filter: alpha(opacity=100)
 }

 .header-nav-list .aui-about-dow li a {
     padding: 0;
     line-height: inherit;
     display: block;
     padding: 8px 0 8px 15px;
     color: #313131;
     font-size: 16px;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
     font-size: 14px;
     color: #616161
 }

 .header-nav-list .aui-about-dow li a:hover {
     color: #DB0025
 }

 .header-nav-list .aui-about-dow li {
     width: 145px
 }

 .header-nav-right {
     float: right !important
 }

 .header-nav-right-en {
     position: relative;
     margin-top: 21px;
     float: right !important;
     top: -6px
 }

 .header-nav-right-en a {
     -webkit-transition: border .3s ease;
     -moz-transition: border .3s ease;
     -ms-transition: border .3s ease;
     -o-transition: border .3s ease;
     transition: border .3s ease;
     padding: 6px;
     border-radius: 0;
     display: inline-block;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.428571429;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     cursor: pointer;
     background-image: none;
     border: 1px solid transparent;
     outline: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none
 }

 .header-nav-right-en a:hover {
     border: 1px solid #DB0025;
     color: #DB0025
 }

 .navbar-contact-shadowr,
 .navbar-contact .navbar-contact-shadowl {
     visibility: hidden
 }

 .navbar-contact-shadowl,
 .navbar-contact .navbar-contact-shadowr {
     width: 1px;
     height: 10px;
     position: absolute;
     bottom: -16px;
     opacity: 0;
     filter: alpha(opacity=0);
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }

 .navbar-contact-shadowl {
     left: 46%;
     transform: rotate(40deg)
 }

 .navbar-contact-shadowr {
     right: 46%;
     transform: rotate(-40deg)
 }

 .navbar-contact-hover {
     position: absolute;
     left: -23px;
     margin-top: 15px;
     z-index: 999;
     visibility: hidden;
     width: 98px;
     height: 98px;
     background: #fff;
     opacity: 0;
     filter: alpha(opacity=0);
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }

 .navbar-contact-hover:before {
     display: block;
     content: "";
     border-width: 9px;
     border-style: solid;
     border-color: transparent transparent #fff transparent;
     position: absolute;
     left: 40%;
     bottom: 100%
 }

 .navbar-contact-hover img {
     width: 98px;
     height: 98px;
     padding: 7px
 }

 .header-nav-weChat:hover .navbar-contact-hover,
 .header-nav-weChat:hover .navbar-contact-shadowl,
 .header-nav-weChat:hover .navbar-contact-shadowr {
     visibility: visible;
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
     -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
     box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
     transition: all .3s ease;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }

 .header-nav-tel {
     margin-top: 21px;
     margin-right: 7px;
     position: relative;
     float: right !important
 }

 .header-nav-tel a {
     display: inline-block;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.428571429;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     cursor: pointer;
     background-image: none;
     border: 1px solid transparent;
     border-radius: 4px;
     outline: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
     padding: 0 !important;
     color: #313131
 }

 .header-nav-tel a:hover {
     color: #DB0025
 }

 .aui-header-nav.solid {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 9999;
     shadow: 0 5px 5px rgba(0, 0, 0, .1);
     -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
     transition: all .25s ease-in-out;
     -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out
 }

 .best-con {
     padding: 80px 0
 }

 .best-con .title {
     font-weight: 400;
     text-align: center;
     font-size: 38px;
     height: 155px;
     line-height: 150px;
     color: #353535
 }

 .best-con .layout-wrap {
     width: 1200px;
     position: relative;
     margin: 0 auto
 }

 .layout-wrap .layout-3-1 {
     float: left;
     vertical-align: top;
     width: 33.3333%
 }

 .feature-list {
     margin-top: 50px
 }

 .feature-list .item {
     position: relative;
     text-align: center
 }

 .feature-list .item:not(:last-child):after {
     content: "";
     position: absolute;
     right: 0;
     top: 10px;
     width: 1px;
     height: 100px;
     background: #ff6d01
 }

 .feature-list .item h3 {
     font-family: myriadsetpro-thinthin;
     margin-top: 30px;
     font-size: 24px;
     font-weight: 400;
     color: #353535;
     height: 32px;
     line-height: 32px
 }

 .feature-list .item p {
     width: 400px;
     margin-top: 15px;
     font-size: 14px;
     color: #888
 }

 .pattern-box {
     background: #eee;
     padding: 80px 0;
     box-sizing: border-box
 }

 .pattern-head h2 {
     position: relative;
     font-weight: 400;
     text-align: center;
     font-size: 38px;
     color: #353535;
     z-index: 50
 }

 .pattern-wrap {
     width: 1200px;
     position: relative;
     margin: 0 auto
 }

 .pattern-list {
     position: relative;
     width: 100%;
     height: 400px
 }

 .pattern-wrap .pattern-list .pattern-item {
     opacity: 0;
     position: absolute;
     top: 40px;
     left: 50%;
     width: 264px;
     height: 360px;
     text-align: center;
     background: #fff;
     border-radius: 8px;
     box-shadow: 0 12px 36px 0 rgba(0, 0, 0, .3)
 }

 .pattern-wrap .pattern-list .item-1 {
     margin-left: -132px;
     z-index: 50
 }

 .pattern-wrap .pattern-list .item-2 {
     margin-left: -363.8px;
     -webkit-transform: translateX(220px);
     -moz-transform: translateX(220px);
     transform: translateX(220px);
     width: 237.6px;
     height: 324px;
     top: 60px;
     z-index: 40
 }

 .pattern-wrap .pattern-list .item-3 {
     margin-left: 126.2px;
     -webkit-transform: translateX(-220px);
     -moz-transform: translateX(-220px);
     transform: translateX(-220px);
     width: 237.6px;
     height: 324px;
     top: 60px;
     z-index: 40
 }

 .pattern-wrap .pattern-list .item-4 {
     margin-left: -568.92px;
     -webkit-transform: translateX(280px);
     -moz-transform: translateX(280px);
     transform: translateX(280px);
     width: 213.84px;
     height: 291.6px;
     top: 75px;
     z-index: 30
 }

 .pattern-wrap .pattern-list .item-5 {
     margin-left: 355.08px;
     -webkit-transform: translateX(-280px);
     -moz-transform: translateX(-280px);
     transform: translateX(-280px);
     width: 213.84px;
     height: 291.6px;
     top: 75px;
     z-index: 30
 }

 .show .pattern-list .pattern-item {
     opacity: 1;
     -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition: all .9s;
     -moz-transition: all .9s;
     transition: all .9s
 }

 .pattern-item-title {
     width: 100%;
     height: 240px;
     padding-top: 30px;
     margin-bottom: 30px;
     border-radius: 8px 8px 0 0;
     background-color: #CF152D;
 }

 .pattern-item-title img {
     vertical-align: top;
     display: inline-block;
     background-color: transparent
 }

 .pattern-item-title h3 {
     color: #fff;
     padding-top: 10px;
     font-size: 18px;
     font-weight: 400
 }

 .pattern-item p {
     line-height: 1;
     color: #353535;
     font-weight: 600;
     font-size: 16px
 }

 .item-2 .pattern-item-title {
     padding-top: 27px;
     height: 216px
 }

 .item-3 .pattern-item-title {
     padding-top: 27px;
     height: 216px
 }

 .item-4 .pattern-item-title {
     padding-top: 24.3px;
     height: 194.4px
 }

 .item-5 .pattern-item-title {
     padding-top: 24.3px;
     height: 194.4px
 }

 #menu {
     position: relative;
     z-index: 2
 }

 .nav {
     background: url(/static/addons/cms/images/nav.jpg) repeat-x center top;
     width: 100%;
     position: absolute;
     left: 0 top 0;
     height: 45px;
     line-height: 45px
 }

 .nav .nav_ul>li>a {
     font-family: myriadsetpro-thinthin;
     font-size: 17px;
     color: #fff;
     width: 143px;
     height: 45px;
     display: block;
     text-align: center;
     margin: 0 0 0 -2px
 }

 .nav li i,
 .nav li b,
 .nav li em {
     float: left;
 }

 .nav li i {
     background: url(/static/addons/cms/images/nav_aleft.png) no-repeat left center;
     width: 10px;
     height: 60px
 }

 .nav li b {
     background: url(/static/addons/cms/images/nav_aright.png) no-repeat left center;
     width: 10px;
     height: 60px
 }

 .nav_ul li a:hover {
     background: url(/static/addons/cms/images/nav_url.png) no-repeat
 }

 .nav li {
     position: relative;
     z-index: 2
 }

 .nav_repeat {
     position: absolute;
     top: 45px;
     background: #ececec;
     z-index: 3;
     padding: 25px 0
 }

 .nav_repeat .dd a {
     color: #000;
     font-size: 16px
 }

 .nav_repeat .dd a:hover {
     color: #e60012;
     font-size: 16px
 }

 .ding04 {
     left: 0;
     width: 688px;
     height: 344px
 }

 .child_bg_ul {
     background: #ececec url(/static/addons/cms/images/pro_cbg.jpg) repeat-y left top;
     color: #000;
     padding: 25px 0;
     height: 560px
 }

 .child_bg {
     position: absolute;
     z-index: 99;
     left: 0;
     top: 0
 }

 .nav_repeat dt {
     font-weight: 400
 }

 .child_bg .child_bg_ul dd>a,
 .nav_repeat dt>a {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-family: arial;
     display: block;
     width: 247px;
     padding-left: 28px;
     height: 41px;
     line-height: 41px;
     color: #000;
     font-size: 15px;
     text-align: left
 }

 .child_bg .child_bg_ul dd>a:hover,
 .child_cur,
 .nav_repeat dt>a:hover {
     background: url(/static/addons/cms/images/pro_bg.png) no-repeat;
     color: #e60012 !important;
     font-size: 15px
 }

 .nav_repeat,
 .child_bg,
 .child_cbg {
     display: none
 }

 .child_cbg {
     position: absolute;
     left: 275px;
     top: 0;
     background: #ececec url(/static/addons/cms/images/pro_cbg.jpg) repeat-y left top;
     z-index: 999;
     padding-left: 8px;
     height: 610px
 }

 .child_cbg .ul_first {
     height: 88px;
     width: 560px;
     position: absolute;
     left: 55px;
     top: 15px
 }

 .child_cbg .ul_first li {
     width: 150px;
     height: 30px;
     line-height: 30px;
     margin-top: 15px;
     text-align: left
 }

 .child_cbg li a {
     color: #000
 }

 .child_cbg li a:hover {
     text-decoration: underline !important;
     color: #e60012;
     background: #ececec
 }

 .ul_cur {
     position: absolute;
     left: 55px;
     top: 15px
 }

 .ul_san {
     position: absolute;
     right: 55px;
     top: 15px
 }

 .child_cbg .ul_ul li {
     height: 45px !important
 }

 .index_ttile {
     text-align: center;
     font-size: 22px;
     font-weight: 700
 }

 h1.index_ttile {
     padding: 36px 0 13px
 }

 h2.index_ttile {
     padding: 50px 0 13px
 }

 .picScroll-left {
     width: 1130px;
     position: relative
 }

 .picScroll-left .hd {
     overflow: hidden
 }

 .picScroll-left .hd .next {
     position: absolute;
     left: 0;
     top: 60px;
     display: block;
     width: 23px;
     height: 31px;
     float: right;
     margin-right: 0;
     margin-top: 10px;
     overflow: hidden;
     cursor: pointer;
     background: url(/static/addons/cms/images/left_index.png) no-repeat
 }

 .picScroll-left .hd .next:hover {
     left: -5px
 }

 .picScroll-left .hd .prev {
     position: absolute;
     right: 0;
     top: 60px;
     display: block;
     width: 23px;
     height: 31px;
     float: right;
     margin-right: 0;
     margin-top: 10px;
     overflow: hidden;
     cursor: pointer;
     background: url(/static/addons/cms/images/right_index.png) no-repeat
 }

 .picScroll-left .hd .prev:hover {
     right: -5px
 }

 .picScroll-left .hd ul {
     float: right;
     overflow: hidden;
     zoom: 1;
     margin-top: 10px;
     zoom: 1
 }

 .picScroll-left .hd ul li {
     float: left;
     width: 9px;
     height: 9px;
     overflow: hidden;
     margin-right: 5px;
     text-indent: -999px;
     cursor: pointer;
     background: url(images/icoCircle.gif) 0 -9px no-repeat
 }

 .picScroll-left .hd ul li.on {
     background-position: 0 0
 }

 .picScroll-left .bd {
     margin-left: 55px;
     width: 1030px;
     overflow: hidden
 }

 .picScroll-left .bd ul {
     overflow: hidden;
     zoom: 1
 }

 .picScroll-left .bd ul li {
     margin: 0 0 0 44px;
     float: left;
     _display: inline;
     overflow: hidden;
     text-align: center;
     background: url(/static/addons/cms/images/index_bg.png) no-repeat;
     width: 222px;
     height: 187px
 }


 .picScroll-left .bd ul li .pic img {
     margin: 5px 0 0 4px;
     display: block
 }

 .picScroll-left .bd ul li .pic a:hover img {
     border-color: #999
 }

 .picScroll-left .bd ul li .title {
     line-height: 24px
 }

 .main {
     margin-top: 60px
 }

 .m_c,
 .m_l {
     border-right: 1px solid #717070
 }

 .m_l a {
     padding: 0 17px 0 29px
 }

 .m_c {
     padding: 0 0 0 0
 }

 .box {
     height: 214px;
     position: relative;
     overflow: hidden;
     display: block
 }

 .box1 {
     height: 214px
 }

 .box2 {
     height: 214px
 }

 .index_img {
     position: absolute;
     right: 5px;
     bottom: 3px
 }

 .box3 {
     font-size: 16px;
     width: 335px
 }

 .box3 h1 {
     font-size: 15px;
     font-weight: 700;
     line-height: 25px
 }

 .box em {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 100%;
     background: #000;
     opacity: .5;
     filter: alpha(opacity=50);
     display: block
 }

 #link {
     padding: 40px 0 25px;
     border-top: 1px dashed #717070;
     margin: 0 auto
 }

 .clsl h1 {
     float: left;
     margin-right: 10px;
     font-family: helvetica_ce_55_romanregular;
     font-size: 12px;
     color: #221815
 }

 .link_l a {
     font-family: helvetica_ce_55_romanregular;
     font-size: 15px;
     line-height: 18px;
     height: 18px;
     display: inline-block;
     margin-right: 5px;
     color: #221815;
     border-right: 1px solid #221815;
     padding-right: 5px
 }

 link_tp link_tp {
     font-family: helvetica_ce_55_romanregular;
     font-size: 15px;
     line-height: 18px;
     height: 18px;
     display: inline-block;
     margin-right: 5px;
     color: #221815;
     border-right: 1px solid #221815;
     padding-right: 5px
 }

 .link_clsl a {
     padding-left: 15px;
     font-family: helvetica_ce_55_romanregular;
     font-size: 15px;
     line-height: 18px;
     height: 18px;
     display: inline-block;
     margin-right: 5px;
     color: #221815;
     border-right: 1px solid #221815;
     padding-right: 5px
 }

 .form_f {
     margin-top: 35px;
     padding-left: 5px
 }

 .form_f h1 {
     font-size: 17px;
     line-height: 38px;
     margin-right: 10px
 }

 .form_f form {
     background: url(/static/addons/cms/images/form.png) no-repeat;
     width: 397px;
     height: 38px
 }

 .form_f .text {
     padding-left: 15px;
     width: 240px;
     height: 38px;
     line-height: 38px;
     font-size: 14px;
     color: #999;
     background: 0 0;
     border: none
 }

 .form_f .submit_f {
     background: url(/static/addons/cms/images/submit_f.png) no-repeat;
     width: 132px;
     height: 38px;
     border: none;
     cursor: pointer;
     font-size: 18px;
     color: #fff;
     text-align: center
 }

 .tel {
     background: url(/static/addons/cms/images/tel.png) no-repeat left 0;
     padding-left: 15px;
     font-size: 14px;
     line-height: 29px;
     height: 29px;
     margin-right: 9px;
     border-right: 1px solid #000;
     padding-right: 7px
 }

 .tel p {
     padding-left: 10px
 }

 .erwei {
     text-align: right;
     margin: 14px 0 0
 }

 .bor {
     border-right: 1px solid #221815;
     height: 32px;
     padding: 0 15px 0 0;
     line-height: 12px
 }

 .bor02 {
     background: url(/static/addons/cms/images/tel.png) no-repeat left 0;
     padding-left: 15px;
     font-size: 14px;
     line-height: 29px;
     height: 29px;
     margin-right: 9px;
     border-right: 1px solid #000;
     padding-right: 7px
 }

 .footer {
     background: url(/static/addons/cms/images/footer-bg.png);
     width: 100%;
     margin: 0 auto;
     height: 350px;
     margin-top: 100px
 }

 .footer_1 {
     width: 1200px;
     margin: 0 auto;
     position: relative;
     text-align: center
 }

 .footer_2 {
     width: 960px;
     font-family: helvetica_neue_ltregular;
     position: absolute;
     font-size: 35px;
     left: 125px;
     top: -28px;
     height: 58px;
     color: #fff;
     background: #DB0025;
     line-height: 58px;
     text-align: center;
     border-radius: 15px;
     text-transform: uppercase;
 }

 .footer_2 a {
     color: #c6c4c4
 }

 .footer_3 {
     padding-top: 75px;
     width: 1200px;
     float: left;
     margin: 0 auto;
     margin-left: 50px
 }

 .footer-contact {
     width: 500px;
     margin-right: 5px;
     float: left;
     height: 190px;
     color: #c6c4c4;
     text-align: left;
     margin-left: 20px;
     padding-left: 160px;
 }

 .footer-contact h4 {
     color: #c6c4c4;
     font-size: 18px;
     text-shadow: 0 1px 0 #181a1e;
     background: url(/static/addons/cms/images/btm-heading.png) repeat-x bottom;
     line-height: 25px;
     padding-bottom: 10px;
     margin-bottom: 17px
 }

 .addressicon {
     height: 20px;
     line-height: 20px;
     padding-left: 20px;
     color: #c6c4c4;
     padding-bottom: 25px;
     background: url(/static/addons/cms/images/address.png) no-repeat;
     font-size: 14px;
     font-family: arial, "sans-serif"
 }

 .addressicon img {
     float: left;
     padding-right: 7px
 }

 .addressicon strong {
     font-weight: 700;
     color: #c6c4c4;
     display: block;
     float: left;
     padding-bottom: 8px;
     padding-right: 4px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 16px
 }

 .addresstele {
     height: 20px;
     line-height: 20px;
     padding-left: 20px;
     color: #c6c4c4;
     padding-bottom: 25px;
     background: url(/static/addons/cms/images/phone.png) no-repeat;
     font-size: 14px;
     font-family: arial, "sans-serif"
 }

 .addresstele img {
     float: left;
     padding-right: 7px
 }

 .addresstele strong {
     font-weight: 700;
     color: #c6c4c4;
     display: block;
     float: left;
     padding-bottom: 8px;
     padding-right: 4px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 16px
 }

 .addressmail {
     height: 20px;
     line-height: 20px;
     padding-left: 20px;
     color: #c6c4c4;
     padding-bottom: 25px;
     background: url(/static/addons/cms/images/mail.png) no-repeat;
     font-size: 16px;
     font-family: arial, "sans-serif"
 }

 .addressmail img {
     float: left;
     padding-right: 7px
 }

 .addressmail strong {
     font-weight: 700;
     color: #c6c4c4;
     display: block;
     float: left;
     padding-bottom: 8px;
     padding-right: 4px;
     font-family: arial, helvetica, "sans-serif";
     font-size: 16px
 }

 .addressmail a {
     color: #c6c4c4;
     font-size: 16px
 }

 .addressmail a:hover {
     color: #fff;
     font-size: 16px
 }

 .footer-details {
     width: 260px;
     margin-right: 30px;
     float: left;
     color: #fff;
     text-align: left;
     font-size: 14px;
     margin-left: 50px
 }

 .footer-details h4 {
     color: #fff;
     font-size: 18px;
     text-shadow: 0 1px 0 #181a1e;
     background: url(/static/addons/cms/images/btm-heading.png) repeat-x bottom;
     line-height: 25px;
     padding-bottom: 10px;
     margin-bottom: 17px
 }

 .social {
     float: left;
     width: 260px;
     height: 100%;
     padding-top: 0
 }

 .social li {
     float: left;
     margin-right: 15px
 }

 #footer-inner {
     width: 100%;
     margin: 0 auto;
     float: left
 }

 .logo-btm,
 .logo-btm p {
     float: left;
     padding-top: 35px;
     color: #fff;
     font-size: 14px
 }

 #banquan {
     width: 950px;
     margin: 0 auto;
     font-size: 14px;
     color: #fff;
     height: 30px;
     line-height: 30px
 }

 .logo-tuv {
     float: left;
     width: 70px;
     height: 100%;
     margin-top: 50px;
     margin-left: 20px
 }

 .facebook {
     background: url(/static/addons/cms/images/sns/facebook.png) no-repeat;
     width: 31px;
     height: 31px
 }

 .facebook a:hover {
     background: url(/static/addons/cms/images/sns/facebooks.png) no-repeat;
     width: 31px;
     height: 31px
 }

 .twitter {
     background: url(/static/addons/cms/images/sns/twitter.png) no-repeat;
     width: 31px;
     height: 31px
 }

 .linkedin {
     background: url(/static/addons/cms/images/sns/linkedin.png) no-repeat;
     width: 31px;
     height: 31px
 }

 .pinterest {
     background: url(/static/addons/cms/images/sns/pinterest.png) no-repeat;
     width: 31px;
     height: 31px
 }

 .copyright {
     padding-left: 15px;
     padding-right: 15px;
     margin: 28px 0 0;
     font-family: helvetica_ce_55_romanregular;
     font-size: 15px;
     text-align: center
 }

 .email {
     background: url(/static/addons/cms/images/email.jpg) no-repeat left center;
     padding-left: 74px;
     margin: 27px 0 0
 }

 .email h1 {
     font-size: 27px
 }

 .email h2 {
     font-size: 16px
 }

 #contact {
     position: absolute;
     right: 0%;
     bottom: -385px;
     height: 44px;
     text-align: left;
     overflow: hidden;
     z-index: 99999999;
     padding-right: 10px
 }

 #contact h1 {
     background: url(/static/addons/cms/images/contact_footer.png) no-repeat;
     width: 282px;
     height: 44px
 }

 #contact h1 a {
     background: url(/static/addons/cms/images/selh.png) no-repeat 250px center;
     display: block;
     padding-left: 20px;
     font-size: 15px;
     color: #fff;
     line-height: 44px;
     font-weight: 700
 }

 #contact_noin {
     position: absolute;
     right: 0%;
     bottom: 1px;
     height: 44px;
     text-align: left;
     overflow: hidden;
     z-index: 99999999;
     padding-right: 40px
 }

 #contact_noin h1 {
     background: url(/static/addons/cms/images/contact_footer.png) no-repeat;
     width: 282px;
     height: 44px
 }

 #contact_noin h1 a {
     background: url(/static/addons/cms/images/selh.png) no-repeat 250px center;
     display: block;
     padding-left: 20px;
     font-size: 15px;
     color: #fff;
     line-height: 44px;
     font-weight: 700
 }

 #contact_seach {
     position: absolute;
     right: 0%;
     bottom: -760px;
     height: 44px;
     text-align: left;
     overflow: hidden;
     z-index: 99999999;
     padding-right: 40px
 }

 #contact_seach h1 {
     background: url(/static/addons/cms/images/contact_footer.png) no-repeat;
     width: 282px;
     height: 44px
 }

 #contact_seach h1 a {
     background: url(/static/addons/cms/images/selh.png) no-repeat 250px center;
     display: block;
     padding-left: 20px;
     font-size: 15px;
     color: #fff;
     line-height: 44px;
     font-weight: 700
 }

 #contact_cate {
     position: absolute;
     right: 0%;
     bottom: 20px;
     height: 44px;
     text-align: left;
     overflow: hidden;
     z-index: 99999999;
     padding-right: 40px
 }

 #contact_cate h1 {
     background: url(/static/addons/cms/images/contact_footer.png) no-repeat;
     width: 282px;
     height: 44px
 }

 #contact_cate h1 a {
     background: url(/static/addons/cms/images/selh.png) no-repeat 250px center;
     display: block;
     padding-left: 20px;
     font-size: 15px;
     color: #fff;
     line-height: 44px;
     font-weight: 700
 }

 .contact_a {
     background: url(/static/addons/cms/images/sel.gif) no-repeat 250px center !important
 }

 .contact_f {
     border-left: 1px solid #d1d1d1;
     background: #fff;
     border-right: 1px solid #d1d1d1;
     width: 242px;
     padding: 0 19px;
     color: #999;
     font-size: 14px
 }

 .contact_f h2 {
     font-size: 16px;
     line-height: 25px;
     padding: 14px 0 12px;
     color: #000
 }

 .contact_f .text {
     width: 230px;
     padding-left: 10px;
     border: 1px solid #d1d1d1;
     border-radius: 5px;
     height: 34px;
     line-height: 34px;
     margin-bottom: 8px
 }

 .contact_f textarea {
     border: 1px solid #d1d1d1;
     border-radius: 5px;
     width: 220px;
     padding: 10px;
     height: 110px;
     line-height: 25px
 }

 .contact_f .submit,
 .tan_box .submit {
     width: 75px;
     height: 34px;
     line-height: 34px;
     text-align: center;
     color: #fff;
     border-radius: 5px;
     background: red;
     font-size: 18px
 }

 .contact_f .submit {
     margin: 17px 0 14px
 }

 .tan_box .submit {
     margin: 16px 0 0
 }

 .wrap_body,
 .wrap_in {
     border: none !important;
     border-radius: 6px !important
 }

 .wrap_out,
 .wrap_in {
     background: 0 0 !important
 }

 .wrap_out {
     box-shadow: none !important
 }

 .index_tan {
     width: 676px;
     text-align: left;
     margin: 0 auto;
     display: none
 }

 .tan_box {
     width: 610px;
     margin: 0 auto;
     background: #fff;
     padding-bottom: 22px;
     font-size: 18px
 }

 .tan_title {
     background: #004098 url(/static/addons/cms/images/tan_icon.png) no-repeat 17px bottom;
     border-radius: 5px 5px 0 0;
     height: 50px
 }

 .tan_title img {
     margin: 19px 19px 0 0
 }

 .tan_box h1 {
     font-size: 40px;
     line-height: 40px;
     margin-bottom: 25px;
     color: #004098;
     padding: 35px 0 13px;
     border-bottom: 1px solid #d1d1d1
 }

 .tan_box label {
     font-weight: 400
 }

 .tan_box label em {
     color: #e60000
 }

 .tan_box .text {
     width: 284px;
     margin-bottom: 13px;
     border-radius: 5px;
     border: 1px solid #d1d1d1;
     padding: 0 5px;
     height: 35px;
     line-height: 35px;
     display: block
 }

 .ml12 {
     margin-left: 12px
 }

 .tan_box textarea {
     display: block;
     border-radius: 5px;
     border: 1px solid #d1d1d1;
     padding: 5px;
     width: 590px;
     height: 200px;
     resize: none
 }

 .contact {
     margin: 40px auto 90px
 }

 .contact_box h1 {
     font-size: 25px;
     height: 42px;
     line-height: 42px;
     font-family: myriadsetpro-thinthin
 }

 .title_bor {
     border-left: 6px solid #004098;
     padding-left: 15px
 }

 .contact_box h2 {
     font-size: 18px;
     line-height: 35px;
     margin: 19px 0 13px
 }

 .contact_box .phone {
     display: block;
     height: 60px;
     line-height: 60px;
     font-size: 33px;
     font-weight: 700;
     font-family: arial !important
 }

 .contact_box .addres {
     display: block;
     height: 40px;
     line-height: 40px;
     font-size: 18px;
     background: url(/static/addons/cms/images/con_titbg_03.jpg) no-repeat left center;
     padding-left: 22px;
     font-family: arial !important
 }

 .addres a {
     font-size: 18px;
     font-family: arial !important
 }

 .contact_box,
 .contact_boxd {
     padding-bottom: 15px
 }

 .contact_boxd h1 {
     background: url(/static/addons/cms/images/con_titbg_02.jpg) no-repeat left center;
     padding-left: 15px;
     font-size: 19px;
     height: 45px;
     line-height: 45px;
     font-family: myriadsetpro-thinthin
 }

 .contact_boxd .phone {
     display: block;
     height: 35px;
     line-height: 35px;
     font-size: 23px;
     font-weight: 700;
     font-family: arial !important
 }

 .contact_boxd .addres {
     display: block;
     height: 28px;
     line-height: 28px;
     font-size: 12px;
     background: url(/static/addons/cms/images/con_titbg_04.jpg) no-repeat left center;
     padding-left: 22px;
     font-size: 13px;
     font-family: arial !important
 }

 .contact_bor {
     border-top: 1px solid #000;
     padding-top: 35px
 }

 .contact_bor h1 {
     font-size: 20px;
     border-left: 5px solid #004098;
     height: 30px;
     line-height: 30px;
     padding-left: 10px
 }

 .contact_bor h3 {
     font-size: 13px;
     margin: 10px 0 0
 }

 .contact_bor h3 a {
     font-size: 15px
 }

 .contact_left {
     width: 620px
 }

 .contact_right {
     width: 510px
 }

 #title {
     background: url(/static/addons/cms/images/home.png) no-repeat left center;
     font-size: 13px;
     padding-left: 25px;
     float: left
 }

 #about #title {
     margin: 35px 0 10px
 }

 .about_top h1 {
     font-weight: 700
 }

 #about {
     font-family: arial;
     color: "#888a8b"
 }

 .about_top_text {
     font-family: myriadsetpro-thinthin;
     border-bottom: 1px solid #000;
     font-size: 45px;
     width: 670px;
     display: block;
     margin-bottom: 10px;
     height: 60px;
     line-height: 60px
 }

 .about_top {
     background: url(/static/addons/cms/images/about_banner.png) no-repeat center bottom;
     height: 450px
 }

 .wid856 {
     width: 960px;
     text-align: left;
     font-size: 18px;
     height: 40px;
     line-height: 40px;
     font-family: arial;
     color: "#888a8b"
 }

 .wid857 {
     font-size: 45px;
     font-weight: 700;
     font-weight: 700;
     height: 45px;
     line-height: 45px
 }

 .wid857 {
     display: block
 }

 .about_bg {
     background: url(/static/addons/cms/images/about/about_time.jpg) center 80px no-repeat;
     margin-bottom: -80px;
     padding: 22px 0 0
 }

 .mile_bg {
     background: url(/static/addons/cms/images/mile_bg.jpg) center -4px no-repeat;
     margin-bottom: -30px;
     padding: 0
 }

 .mt285 {
     margin-top: 285px
 }

 .mt190 {
     margin-top: 190px
 }

 .about_pic_mt {
     margin: 153px auto 0
 }

 .about_box_img {
     position: absolute;
     left: 0;
     top: 100%
 }

 .about_box_ding {
     position: relative;
     width: 513px;
     height: 242px;
     overflow: hidden
 }

 .about_plant {
     padding-bottom: 78px
 }

 .about_plant h5 {
     font-size: 35px;
     text-align: center;
     font-weight: 700;
     line-height: 40px;
     padding: 85px 0 33px
 }

 .abou_box {
     height: 545px;
     width: 515px;
     padding: 20px 0 0 20px
 }

 .abou_boxlf {
     height: 545px;
     width: 515px;
     padding: 20px 0 0
 }

 .about_con {
     padding: 60px 20px 0
 }

 .mt300 {
     margin-top: 300px
 }

 .about_bancur {
     background: url(/static/addons/cms/images/about/team_tec.jpg) no-repeat center top;
     height: 750px
 }

 .about_bancur_text {
     width: 600px;
     padding-top: 420px;
     float: left;
     text-align: left
 }

 .about_zhuang_wai {
     padding-top: 100px;
     padding-bottom: 50px
 }

 .about_zhuang {
     background: url(/static/addons/cms/images/about/team_zhuang.jpg) no-repeat center top;
     height: 750px
 }

 .about_zhuang_text {
     width: 600px;
     padding-top: 420px;
     float: left;
     text-align: left
 }

 .about_text_r {
     width: 480px
 }

 .team_ban_text {
     position: absolute;
     width: 100%;
     z-index: 1
 }

 .team_ban_text .w1130>.div {
     width: 455px;
     text-align: right;
     padding-top: 115px
 }

 .mile_bg .abou_box .abou_boxlf {
     width: 520px;
     height: 525px;
     padding: 20px 10px 0
 }

 .cor {
     padding: 75px 0 35px;
     font-size: 22px;
     line-height: 40px;
     text-align: left
 }

 .cor em {
     font-weight: 700
 }

 .about_img {
     padding: 80px 0 95px
 }

 .about_img img {
     margin: 80px 0 0 -20px
 }

 .about_ding {
     position: relative;
     padding-top: 150px
 }

 .about_text_ding {
     width: 600px;
     position: absolute;
     padding-top: 100px;
     top: -100px
 }

 .about_left img {
     padding: 9px;
     border: 1px solid #bfbfc0
 }

 .about_right {
     width: 390px;
     height: 162px;
     padding: 70px 0 0 85px;
     background: #eeeeef
 }

 .about_right em,
 .about_right i {
     display: block
 }

 .about_right i {
     line-height: 20px
 }

 .about_right em {
     font-size: 30px;
     font-weight: 700;
     height: 30px;
     line-height: 30px;
     margin-bottom: 10px
 }

 .about_link {
     background: #eeeeef;
     padding: 15px 0 20px;
     margin-top: 25px;
     text-align: center
 }

 .about_ban {
     margin-top: 52px
 }

 .about_banb {
     background: url(/static/addons/cms/images/about_banb.jpg) no-repeat left center;
     height: 444px
 }

 .about_banr {
     width: 490px;
     margin-right: 20px
 }

 .about_text em {
     font-size: 45px;
     font-weight: 700;
     font-weight: 700;
     height: 85px;
     line-height: 85px;
     margin-top: 135px;
     display: block
 }

 .about_footbg {
     background: url(/static/addons/cms/images/about_foot.jpg) no-repeat center top;
     height: 519px;
     margin-top: 53px
 }

 .about_ftext {
     margin: 0 0 0 45px;
     line-height: 20px
 }

 .about_ftext em {
     font-size: 45px;
     font-weight: 700;
     font-weight: 700;
     height: 85px;
     line-height: 85px;
     padding-top: 45px;
     display: block
 }

 .about_ftext i {
     width: 470px;
     display: block
 }

 .about_foottop {
     background: #efefef;
     padding: 65px 0 80px;
     margin-bottom: 150px;
     position: relative
 }

 .about_em {
     position: absolute;
     left: 60px;
     top: 70px
 }

 .about_r {
     width: 420px
 }

 .about_r em {
     font-size: 45px;
     font-weight: 700;
     font-weight: 700;
     height: 85px;
     line-height: 85px;
     padding-top: 35px;
     display: block
 }

 .news_box {
     width: 545px;
     background: url(/static/addons/cms/images/news_box.png) no-repeat;
     height: 581px;
     margin: 45px 0 0 40px
 }

 .box_shadow {
     -moz-box-shadow: 5px 5px 15px #888;
     -webkit-box-shadow: 5px 5px 15px #888;
     box-shadow: 5px 5px 15px #888
 }

 #news_title {
     position: relative;
     z-index: 1
 }

 #news_title a {
     display: block;
     background: url(/static/addons/cms/images/news_title.png) repeat-x;
     height: 71px;
     line-height: 71px;
     text-align: center;
     width: 375px;
     color: #fff;
     font-size: 18px;
     margin-right: 1px
 }

 #news_title a:hover,
 .title_cur a {
     background: #004098 !important
 }

 #news_title ul {
     position: absolute;
     left: 0;
     bottom: 0
 }

 .news_main {
     margin: 0 0 0 -40px
 }

 .news_text {
     margin: 45px 0 0 37px
 }

 .news_box h1 a {
     font-size: 30px;
     font-family: myriadsetpro-thinthin
 }

 .news_a {
     color: #15499a
 }

 .news_box em,
 .news_box i {
     display: block
 }

 .news_box em {
     height: 107px;
     width: 464px;
     overflow: hidden;
     font-size: 15px;
     margin-top: 15px;
     line-height: 25px
 }

 .news_box i {
     height: 42px;
     line-height: 42px;
     font-size: 15px;
     color: #000;
     font-family: arial !important;
     font-weight: 700
 }

 .news_b {
     margin-bottom: 80px
 }

 .ding_news {
     position: relative
 }

 .icon_news {
     position: absolute;
     left: 38px;
     top: 0
 }

 .news01 {
     margin-bottom: 93px
 }

 .service_l {
     width: 430px
 }

 .wid857 {
     font-size: 45px;
     font-weight: 700;
     font-weight: 700;
     display: block;
     height: 45px;
     line-height: 45px
 }

 .wid858 {
     display: block;
     margin-top: 15px;
     line-height: 20px
 }

 .service_r {
     margin-top: 70px
 }

 .service {
     margin-bottom: 90px;
     margin-top: 50px
 }

 .brandcon {
     width: 490px;
     font-size: 18px;
     line-height: 30px;
     height: 30px;
     padding-left: 10px;
     padding-right: 40px;
     padding-top: 20px
 }

 .panamastore {
     width: 430px;
     font-size: 18px;
     line-height: 30px;
     height: 30px;
     padding-left: 20px;
     padding-top: 0
 }

 .net {
     padding-bottom: 90px;
     position: relative
 }

 .net_text {
     width: 965px
 }

 .net_text em {
     font-size: 45px;
     height: 60px;
     line-height: 60px;
     display: block;
     width: 925px;
     border-bottom: 1px solid #0d0509
 }

 .net_text i {
     line-height: 25px;
     margin-top: 5px;
     font-size: 17px;
     display: block
 }

 .pro_left {
     width: 485px;
     height: 162px;
     line-height: 162px;
     font-size: 3.5em;
     font-weight: 500;
     border-right: 1px solid #000
 }

 .pro_left i {
     font-family: helvetica_ce_35_thinregular;
     margin-top: 60px
 }

 .pro_left em {
     font-family: myriadsetpro-thinthin
 }

 .pro_right {
     width: 595px;
     padding: 38px 0 0;
     font-size: 16px;
     line-height: 25px;
     text-align: left
 }

 .font-right {
     width: 590px;
     padding: 0 0 0 50px
 }

 .font-left {
     /* width: 489px; */
     /* height: 195px; */
     /* line-height: 195px */
 }

 .pro_title {
     margin-top: -90px;
     position: relative;
     z-index: 1
 }

 .brush_l {
     width: 615px;
     line-height: 190px;
     height: 190px;
     border-right: 2px solid #000
 }

 .brush_l i {
     margin: 72px 0 0 20px
 }

 .products_ul {
     margin: 0 0 0 -45px
 }

 .products_ul li {
     background: url(/static/addons/cms/images/pro_libg.png) no-repeat;
     width: 345px;
     height: 277px;
     float: left;
     display: inline;
     margin: 70px 0 0 45px;
     line-height: 18px
 }

 .products_ul li .pic {
     padding: 10px 0 0 8px
 }

 .product_ul {
     margin: -30px 0 0 -17px
 }

 .product_ul li {
     float: left;
     display: inline;
     background: 0 0;
     margin: 30px 0 0 17px;
     line-height: 50px
 }

 .product_ul figcaption {
     border-radius: 5px
 }

 .product_ul li .pic {
     text-align: center;
     border: 1px solid #e1e1e1;
     border-radius: 5px;
     overflow: hidden;
     width: 363px;
     height: 207px;
     background: url(/static/addons/cms/images/pro_li.jpg) repeat-x
 }

 .product_ul li h5 {
     text-align: center;
     width: 363px;
     font-size: 15px;
     color: #004098;
     font-family: myriadprosemibold !important
 }

 .pic_l {
     padding: 0 10px 0 0;
     height: 37px;
     margin: 0 0 0 10px;
     border-right: 1px solid #000
 }

 .pic_c {
     height: 37px;
     padding: 0 6px 0 8px;
     border-right: 1px solid #000
 }

 .pic_m {
     height: 37px;
     padding: 0 0 0 8px
 }

 .products_ul li i {
     font-size: 18px;
     font-weight: 700
 }

 .icon_icon {
     width: 19px !important;
     height: 19px !important;
     margin: 15px 0 0 0
 }

 .pro_last {
     margin: 70px 0 0 105px
 }

 .pro_mt {
     margin-top: 6px
 }

 .pic_cur,
 .pic_cur i,
 .prod_ft i,
 .prod_bar i,
 .prod_em {
     font-family: myriadprosemibold !important
 }

 .prod_ft {
     font-size: 20px;
     padding: 0 16px 0 0;
     height: 47px;
     margin: 25px 0 0 15px;
     font-family: helveticalt45light
 }

 .prod_ft i {
     font-size: 23px
 }

 .prod_bar {
     font-size: 12px;
     padding: 0 16px 0 0;
     height: 47px;
     margin: 25px 0 0 15px;
     font-family: helveticalt45light
 }

 .prod_bar i {
     font-size: 12px
 }

 .prod_em {
     font-size: 40px;
     height: 35px;
     line-height: 35px
 }

 .pro_left span {
     display: inline-block;
     padding: 0 26px;
     height: 52px;
     line-height: 52px;
     margin-left: 35px;
     text-align: center;
     color: #fff;
     background: #004098;
     font-size: 25px
 }

 .list_img>img {
     display: none
 }

 .brand_top {
     background: #efefef;
     padding: 50px 25px 60px 45px;
     margin-top: 43px
 }

 .brand_left {
     width: 515px
 }

 .brand_right {
     width: 505px
 }

 .brand_left em {
     font-weight: 700;
     font-size: 45px;
     line-height: 45px;
     display: block;
     margin-bottom: 15px
 }

 .brand_left i {
     display: block
 }

 .brand_text_r {
     width: 535px;
     padding-top: 50px
 }

 .brand_text_r em {
     height: 80px;
     line-height: 80px;
     float: left
 }

 .brand_text_r i {
     display: block;
     margin-top: 19px;
     float: left;
     text-align: left
 }

 .brand_bg {
     background: #eeeeef;
     padding: 0 0 100px
 }

 .bor_b {
     padding-bottom: 90px;
     border-bottom: 1px solid #000
 }

 .brand_cen {
     background: #efefef;
     padding: 20px 10px 25px 17px;
     margin-top: 55px
 }

 .brand_r {
     width: 560px
 }

 .brand_r em {
     font-weight: 700;
     font-size: 45px;
     line-height: 45px;
     display: block;
     margin-bottom: 15px
 }

 .brand_bot {
     background: #efefef;
     margin: 135px auto 90px;
     position: relative
 }

 .brand_l {
     width: 480px
 }

 .brand_l em {
     font-weight: 700;
     font-size: 45px;
     line-height: 45px;
     display: block;
     margin-bottom: 15px
 }

 .brand_mt {
     position: absolute;
     z-index: 99;
     top: -80px
 }

 .brand_text {
     padding: 350px 25px 60px 45px
 }

 #tec {
     background: url(/static/addons/cms/images/technology/tec.jpg) no-repeat center 320px;
     height: 1200px
 }

 .tec_text {
     width: 780px
 }

 .tec_text em {
     margin: 105px 0 0;
     width: 735px;
     text-align: left
 }

 .tec_foot {
     background: url(/static/addons/cms/images/tec_foot.jpg) no-repeat center top;
     height: 1215px;
     margin: 20px auto 0
 }

 .tec_foot_text {
     padding-bottom: 150px
 }

 .tec_foot_text i {
     display: block;
     margin-top: 15px;
     text-align: left
 }

 .tec_foot_text em {
     height: 80px;
     line-height: 80px;
     margin: 15px 0 0;
     text-align: left
 }

 .bac {
     background: #efefef;
     padding: 0 0 115px
 }

 .prod_left {
     width: 650px
 }

 .prod_left #title {
     margin: 15px 0 30px
 }

 .prod_right {
     width: 400px;
     margin: 55px 11px 0 0;
     line-height: 30px;
     font-size: 16px;
     padding: 13px 5px 13px 18px;
     border: 1px solid #000;
     text-align: left
 }

 .contact_right {
     width: 400px;
     margin: 55px 11px 0 0;
     line-height: 30px;
     font-size: 16px;
     padding: 13px 5px 13px 18px;
     border: 0 solid #000;
     text-align: left
 }

 .prod_title {
     font-family: myriadsetpro-thinthin;
     font-size: 45px;
     height: 60px;
     line-height: 60px;
     display: block;
     /* float: left; */
     margin: 0 auto;
     margin-bottom: 30px;
     border-bottom: 1px dashed #000
 }

 .prod_contactus {
     width: 580px;
     font-family: myriadsetpro-thinthin;
     font-size: 25px;
     height: 50px;
     line-height: 50px;
     display: block;
     float: left;
     margin: 0 auto;
     margin-left: 380px;
     margin-top: 10px
 }

 .prod_ul li {
     height: 58px;
     font-family: helveticalt45light;
     line-height: 58px;
     font-size: 18px;
     border-bottom: 1px solid #000
 }

 .prod_ul li em {
     width: 705px
 }

 .prod_ul {
     margin: 10px 0 110px
 }

 .contact-form-pro {
     width: 500px;
     overflow: hidden;
     margin: 30px auto
 }

 .formname {
     line-height: 40px
 }

 .fornameinputu {
     width: 250px;
     padding-left: 10px;
     height: 30px;
     line-height: 30px;
     color: #c6c6c6;
     font-size: 14px;
     border: 1px solid #c6c6c6;
     outline: none;
     padding-bottom: 20px;
     margin-bottom: 10px;
     display: inline-block
 }

 .font {
     line-height: 25px;
     margin-top: 10px;
     font-size: 17px;
     display: block
 }

 .font_b {
     font-size: 45px;
     font-family: myriadsetpro-thinthin;
     height: 70px;
     line-height: 70px;
     display: block;
     border-bottom: 1px solid #0d0509
 }

 .font_bb {
     font-size: 45px;
     font-family: myriadsetpro-thinthin;
     font-weight: 700;
     height: 70px;
     line-height: 70px;
     display: block
 }

 .pro_cur em {
     font-family: helveticalt45light !important
 }

 .pro_cur i {
     font-family: myriadprosemibold !important
 }

 .mt156 {
     margin: 156px 0 0
 }

 .index_icon a {
     margin: 0 0 0 6px;
     display: block
 }

 .contact_boxr {
     width: 350px;
     margin: 60px 0 0
 }

 .customer_ul li {
     padding: 35px 0 25px;
     border-bottom: 1px dashed #000
 }

 .customer_ul {
     margin: 35px auto 195px
 }

 .customer_right {
     width: 915px
 }

 .customer_right h1 {
     font-size: 17px;
     color: #004098;
     height: 65px;
     line-height: 65px;
     font-family: myriadprosemibold !important;
     font-weight: 700
 }

 .customer_right em {
     display: block;
     height: 72px;
     overflow: hidden;
     font-size: 17px;
     line-height: 25px;
     font-family: helveticalt45light !important
 }

 .customer_right i {
     display: block;
     text-align: right;
     font-size: 17px;
     font-family: helveticalt45light !important
 }

 .contact {
     position: relative
 }

 .tan {
     font-family: arial !important;
     width: 1130px;
     background: #b5b7b7;
     padding-bottom: 40px;
     display: none
 }

 .tan_l {
     width: 565px;
     margin: 0 0 0 60px
 }

 .tan_l h1 {
     font-size: 44px;
     color: #fff;
     height: 46px;
     line-height: 46px;
     margin: 50px 0 0;
     font-weight: 700
 }

 .tan_ul li em {
     width: 105px
 }

 .tan_ul li em,
 .tan_ul li i {
     display: inline-block;
     color: #fff;
     font-size: 17px;
     height: 37px;
     line-height: 37px;
     font-weight: 700
 }

 .tan_text {
     background: url(/static/addons/cms/images/contact_text.jpg) no-repeat;
     width: 429px;
     padding: 0 10px;
     height: 37px;
     line-height: 37px;
     font-size: 17px;
     border: none
 }

 .tan_ul li {
     margin: 38px 0 0;
     text-align: left
 }

 .tan_area {
     width: 531px;
     height: 242px;
     border: none;
     font-size: 17px;
     resize: none
 }

 .tan_w {
     background: url(/static/addons/cms/images/contact_area.jpg) no-repeat;
     width: 536px;
     height: 242px;
     padding: 10px 5px 10px 10px;
     margin: 30px 0 0
 }

 .tan_submit {
     background: url(/static/addons/cms/images/contact_submit.png) no-repeat;
     border: none;
     text-align: right;
     width: 87px;
     height: 23px;
     margin: 28px 10px 0 0;
     cursor: pointer
 }

 .close_content00 {
     cursor: pointer
 }

 .wrap_out {
     padding: 0 !important
 }

 .img_ml {
     margin: 0 0 0 5px
 }

 .about_picbg {
     background: #757575;
     padding: 90px 0 86px;
     color: #fff
 }

 .about_picbg .font_b {
     border-bottom: 1px solid #fff
 }

 .about_picul_top {
     padding: 105px 0 92px;
     background: #dcdddd
 }

 .ul_one li {
     width: 265px;
     height: 210px;
     padding: 10px 0 15px;
     border: 2px solid #aaa;
     text-align: center;
     font-size: 15px;
     line-height: 18px;
     font-family: helveticalt45light !important;
     overflow: hidden;
     margin: 0 0 0 16px
 }

 .ul_one {
     margin: 0 0 0 -16px
 }

 .about_plant li {
     background: #dcdddd
 }

 .about_plant li h1,
 .about_picul_top li h1 {
     height: 36px;
     margin-bottom: 14px;
     overflow: hidden
 }

 .ul_two li {
     width: 355px;
     height: 260px;
     padding: 10px 0 15px;
     border: 2px solid #aaa;
     text-align: center;
     font-size: 14px;
     font-family: helveticalt45light !important;
     overflow: hidden;
     margin: 0 0 0 23px
 }

 .ul_two {
     margin: 17px 0 0 -23px
 }

 .chain_typeul li {
     height: 71px;
     line-height: 71px;
     border-bottom: 1px solid #000
 }

 .chain_typeul li em {
     display: inline-block;
     width: 155px
 }

 .chain_typeul li em a {
     color: #004098;
     font-weight: 700
 }

 .chain_typeul {
     padding-bottom: 95px
 }

 #resour ul {
     margin: 0 0 0 -19px;
     padding: 30px 0 93px
 }

 #resour li {
     margin: 0 0 0 19px;
     font-size: 15px;
     width: 268px;
     border-bottom: 4px solid #004098;
     background: #eeeeef;
     height: 325px
 }

 #resour li a {
     display: block
 }

 #resour li h1,
 #resour li h2 {
     padding-left: 18px
 }

 #resour li h1 {
     font-size: 30px;
     line-height: 38px;
     padding-top: 15px
 }

 #video {
     padding-bottom: 80px
 }

 .type {
     line-height: 60px;
     padding-top: 25px;
     font-size: 30px;
     margin-bottom: 28px;
     border-bottom: 1px solid #000
 }

 .type a:hover,
 .type_sel {
     color: #004098 !important
 }

 .type a {
     margin-right: 60px
 }

 .video_ul li {
     width: 268px;
     font-size: 15px;
     text-align: center;
     line-height: 50px;
     margin: 35px 0 0 19px
 }

 .video_ul {
     margin: -35px 0 0 -19px
 }

 .video_ul li h1 {
     width: 268px
 }

 .video_ul li a {
     display: block
 }

 .video_ul li dl {
     width: 268px;
     height: 174px;
     overflow: hidden;
     position: relative
 }

 .video_ul li h2 {
     position: absolute;
     left: 0;
     top: 174px
 }

 #video_tan {
     width: 700px;
     height: 500px;
     display: none
 }

 .close_btn {
     padding: 3px
 }

 .tan_video {
     width: 550px;
     height: 450px;
     margin: 0 auto
 }

 .wid515 {
     width: 515px
 }

 .pt190 {
     padding-top: 185px
 }

 .pt190 img {
     display: block
 }

 #ftp_login {
     background: url(/static/addons/cms/images/ftp_bg.jpg) no-repeat;
     width: 1133px;
     height: 549px;
     padding-bottom: 50px;
     font-size: 18px;
     color: #fff;
     line-height: 30px
 }

 #ftp_login form {
     padding: 145px 0 0 54px
 }

 #ftp_login .text {
     margin-bottom: 13px;
     border-radius: 5px;
     border: none;
     width: 284px;
     height: 37px;
     line-height: 37px;
     padding: 0 5px
 }

 #ftp_login .submit {
     margin-top: 15px;
     width: 76px;
     height: 34px;
     line-height: 34px;
     text-align: center;
     color: #fff;
     background: red;
     border-radius: 5px
 }

 #ftp {
     padding-bottom: 50px
 }

 .tit {
     line-height: 60px;
     font-size: 30px;
     color: #004098;
     border-bottom: 1px solid #000
 }

 #ftp .tit {
     margin-bottom: 33px
 }

 #faq .tit {
     margin-bottom: 20px
 }

 #ftp li a {
     display: block
 }

 #ftp ul {
     margin: -20px 0 0 -17px
 }

 #ftp li {
     margin: 20px 0 0 17px;
     font-size: 15px;
     width: 318px;
     background: #f0f0f0;
     padding: 46px 27px 46px 20px
 }

 #ftp li h2 {
     width: 225px
 }

 #faq {
     font-size: 15px;
     padding-bottom: 87px
 }

 .faq_li a {
     display: block;
     height: 46px;
     line-height: 46px;
     padding-left: 14px;
     background: #f0f0f0 url(/static/addons/cms/images/faq_icon.png) no-repeat 1082px center;
     margin-top: 5px
 }

 .faq_li>div {
     padding: 22px 0 25px 15px;
     display: none
 }

 .faq_cur {
     background: #004098 url(/static/addons/cms/images/faq_icon.png) no-repeat 1082px center !important;
     color: #fff !important
 }

 .pro_top h1 {
     font-size: 26px;
     font-family: myriadprosemibold !important;
     line-height: 44px;
     text-align: center
 }

 .pro_top_mt {
     margin: -15px auto 15px
 }

 .pro_top h5 {
     height: 72px;
     line-height: 72px;
     background: #7f7f7f;
     padding-left: 20px;
     color: #fff;
     font-size: 18px;
     margin: 36px 0 40px
 }

 .pro_top_padding h1 {
     padding: 42px 0 16px
 }

 .pro_top_padding h5 {
     background: #7f7f7f url(/static/addons/cms/images/hot_icon.png) no-repeat 260px center;
     font-family: myriadprosemibold !important
 }

 .pb50 {
     padding-bottom: 50px
 }

 .pro_left_ploe {
     border-right: 2px solid #000;
     width: 435px;
     padding: 35px 55px 0 0;
     height: 125px;
     line-height: 45px
 }

 .pro_right_pole {
     width: 567px;
     padding: 0 0 0 50px
 }

 .pro_left_lawn {
     border-right: 2px solid #000;
     height: 180px;
     width: 385px;
     line-height: 180px
 }

 .pro_right_lawn {
     width: 690px;
     padding: 0 0 0 50px
 }

 .pro_left_knap {
     width: 425px;
     padding: 25px 30px 0 0;
     height: 120px;
     line-height: 45px
 }

 .pro_right_knap {
     width: 560px;
     padding: 0 0 0 45px
 }

 .img_cont {
     position: relative;
     overflow: hidden
 }

 .img_cont img {
     position: absolute;
     left: 50%;
     margin-left: -960px
 }

 #sitemap {
     padding-bottom: 110px;
     font-size: 14px
 }

 #sitemap li {
     border-bottom: 1px solid #000
 }

 #sitemap h1 {
     font-size: 36px;
     margin: 115px 0 25px
 }

 #sitemap h2 a {
     font-size: 17px;
     font-weight: 700;
     line-height: 57px;
     color: #004098
 }

 #sitemap h2 {
     width: 130px
 }

 #sitemap h3 {
     margin: 10px 32px 0 0
 }

 #sitemap h3 a {
     border: 1px solid #fff;
     display: inline-block;
     padding: 0 13px;
     line-height: 35px
 }

 #sitemap li dl {
     border-top: 1px dotted #000;
     width: 1000px;
     margin-bottom: 28px
 }

 #sitemap li dd {
     margin: 15px 0 0
 }

 #sitemap li dd a {
     line-height: 28px;
     border: 1px solid #fff;
     padding: 0 13px;
     display: inline-block
 }

 #sitemap h3 a:hover,
 #sitemap li dd a:hover {
     border: 1px solid #000
 }

 #sitemap li dl h3 {
     margin: 10px 0 0;
     width: 255px
 }

 .banner {
     width: 100%;
     height: 750px;
     overflow: hidden;
     position: relative;
     font-size: 0
 }

 .b-img {
     height: 500px;
     position: absolute;
     left: 0;
     top: 0
 }

 .b-img a {
     display: block;
     height: 750px;
     float: left;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     background-image: url(/static/addons/cms/images/banner_01.jpg);
 }

 .b-list {
     height: 50px;
     padding-top: 700px;
     position: relative;
     margin: 0 auto;
     z-index: 1
 }

 .b-list span {
     display: block;
     cursor: pointer;
     width: 14px;
     height: 14px;
     border-radius: 50%;
     border: 3px solid #fff;
     float: left;
     margin: 0 5px;
     _margin: 0 3px
 }

 .b-list .spcss {
     border: 3px solid #e60012
 }

 .bar-left {
     position: absolute;
     z-index: 1;
     display: block;
     width: 100px;
     height: 100%;
     left: 0;
     background: 0 0;
     top: 0
 }

 .bar-right {
     position: absolute;
     z-index: 1;
     display: block;
     width: 100px;
     height: 100%;
     right: 0;
     background: 0 0;
     top: 0
 }

 .bar-left em {
     display: block;
     width: 50px;
     height: 100px;
     background: url(/static/addons/cms/images/arrow.png) 0 0 no-repeat;
     margin: 0 auto;
     margin-top: 325px
 }

 .bar-right em {
     display: block;
     width: 50px;
     height: 100px;
     background: url(/static/addons/cms/images/arrow.png) -50px 0 no-repeat;
     margin: 0 auto;
     margin-top: 325px
 }

 .bar-left .emcss {
     background-position: 0 -100px
 }

 .bar-right .emcss {
     background-position: -50px -100px
 }

 .product-number-info {
     margin-top: 50px;
     background: url(/static/addons/cms/images/station-bg.jpg) no-repeat;
     position: relative
 }

 .product-number-info .product-number-inner {
     width: 1200px;
     margin: 0 auto
 }

 .product-number-info ul {
     padding: 85px 0
 }

 .q {
     zoom: 1
 }

 .product-number-info li {
     float: left;
     width: 230px;
     height: 90px;
     border-left: 1px solid #66c7fd;
     color: #fff;
     padding-top: 1px
 }

 .product-number-info li:first-child {
     border: none
 }

 .product-number-info li b {
     font-weight: 400;
     font-size: 36px;
     line-height: 1;
     display: inline-block;
     position: relative;
     margin: 15px 0 10px
 }

 .product-number-info li p {
     font-size: 14px
 }

 .product-number-info li b i {
     font-style: normal
 }

 .product-number-info li b sup {
     position: absolute;
     font-size: 20px;
     right: -15px;
     top: -3px
 }

 .product-number-info li.li-2 b,
 .product-number-info li.li-2 p {
     padding-left: 70px
 }

 .product-number-info li b em {
     font-style: normal;
     font-size: 28px;
     font-weight: 100;
     padding-left: 2px;
     position: relative;
     top: -4px
 }

 .product-number-info li.li-3 b,
 .product-number-info li.li-3 p {
     padding-left: 70px
 }

 .product-number-info li.li-4 b,
 .product-number-info li.li-4 p {
     padding-left: 78px
 }

 .product-number-info li.li-5 {
     text-align: right
 }

 .indexabout {
     margin: 0 auto;
     float: left;
     padding-top: 100px
 }

 .inabout .inptit {
     margin-bottom: 40px
 }

 .inabout a {
     width: 250px;
     height: 30px;
     font-size: 16px;
     font-family: arial;
     display: block;
     border: 2px solid #bbb;
     text-align: center;
     line-height: 30px;
     margin: 60px auto 0;
     color: #9d9d9d;
     background: url(/static/addons/cms/images/more.jpg) no-repeat 98% center;
     border-radius: 5px;
     transition: .5s
 }

 .inabout a:hover {
     background: #DB0025;
     color: #fff;
     border: 2px solid #DB0025
 }

 .inabout .inptit {
     margin-bottom: 20px
 }

 .pro_container .inptit {
     margin-bottom: 30px
 }

 .about .abcontainer {
     margin: 0 auto;
     padding: 0
 }

 .abcontainer {
     margin: 0 auto
 }

 .about .abcontainer .aboutimg {
     margin-bottom: 30px
 }

 .about .abontainer p {
     font-size: 12px;
     color: #4e4e4e;
     margin-bottom: 30px;
     line-height: 25px;
     text-align: left;
     text-indent: 2em
 }

 .inabcon {
     width: 50%;
     overflow: hidden;
     text-align: center;
     font-size: 12px
 }

 .inabcon p {
     font-size: 16px;
     font-family: myriadsetpro-thinthin;
     font-weight: 700;
     color: #9d9d9d;
     margin-bottom: 0;
     line-height: 50px
 }

 .inptit p {
     width: 100%;
     padding: 0 15px
 }

 .inptit {
     text-align: center;
     margin: 60px 0 85px
 }

 .inptit span {
     font-size: 26px;
     color: #101011;
     display: block;
     background: url(/static/addons/cms/images/inpline.jpg) repeat-x center;
     max-width: 1600px;
     margin: 0 auto
 }

 .inptit span em {
     font-style: normal;
     display: inline-block;
     padding: 0 20px;
     background: #fff
 }

 .inptit p {
     font-size: 12px;
     width: 33%;
     margin: 25px auto;
     line-height: 20px;
     max-height: 118px;
     overflow: hidden
 }

 .inptit a {
     width: 180px;
     height: 35px;
     text-align: center;
     line-height: 35px;
     font-size: 13px;
     overflow: hidden;
     background: #e60012;
     color: #fff;
     display: inline-block
 }

 .aboutpic {
     margin: 0 auto;
     padding-left: 45px;
     float: left;
     margin-top: 30px
 }

 .aboutcontent {
     position: relative;
     margin: 0 auto;
     float: left;
     padding-left: 5px;
     margin-top: 30px;
     width: 460px;
     padding-left: 45px;
     font-size: 18px;
     word-spacing: -.1em;
     font-weight: 300;
     text-align: left;
     text-indent: 2ex;
     font-family: helveticalt45light !important
 }

 .pro_container {
     width: 100%;
     margin: 0;
     margin-top: 90px
 }

 .grid {
     overflow: hidden;
     margin: 0;
     width: 100%;
     list-style: none;
     text-align: center
 }

 .solution-box {
     background: #193a03
 }

 .solution-bj {
     background: url(/static/addons/cms/images/bg.jpg);
     background-size: cover
 }

 .solution-header {
     max-width: 1200px;
     padding: 20px 15px;
     margin-left: auto;
     margin-right: auto;
     text-align: center
 }

 .solution-content {
     max-width: 1172px;
     margin: 0 auto
 }

 .solution-list {
     width: 300px;
     float: left
 }

 .solution-list ul li {
     width: 240px;
     height: 40px;
     background: rgba(255, 255, 255, .15);
     padding-left: 20px;
     margin: 0 10px;
     position: relative
 }

 .solution-list ul li h2 {
     font-size: 14px;
     padding-right: 20px;
     color: #fff;
     line-height: 40px;
     font-weight: inherit
 }

 .solution-list ul .on {
     width: 260px;
     margin: 0;
     padding-left: 20px;
     background-image: linear-gradient(-180deg, #132d02 0%, #132d02 43%);
     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#132d02, endColorstr=#132d02);
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#132d02, endColorstr=#132d02)"
 }

 .solution-item {
     margin-left: 300px;
     display: block;
     padding: 5px 10px 0;
     overflow: hidden
 }

 .solution-item ul li {
     padding: 20px 0
 }

 .solution-item ul li h2 {
     font-size: 22px;
     line-height: 28px;
     color: #fff;
     margin: 0 0 15px;
     font-weight: inherit
 }

 .solution-item ul li p {
     opacity: .8;
     font-size: 16px;
     color: #fff;
     line-height: 22px
 }

 .s-btn {
     display: inline-block;
     color: #36383c;
     font-size: 18px;
     line-height: 20px;
     padding: 4px 20px;
     cursor: pointer;
     border: 1px solid #d4d5d7;
     position: relative;
     letter-spacing: normal
 }

 .solution-more {
     border: 1px solid #fafbfe;
     border-radius: 4px;
     height: 40px;
     width: 140px;
     margin: 40px 0 0;
     line-height: 30px;
     font-size: 14px;
     color: #fafbfe;
     padding-left: 30px
 }

 .solution-more em {
     width: 13px;
     height: 8px;
     margin-left: 10px;
     display: inline-block;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAAXNSR0IArs4c6QAAAGRJREFUGBm1jkEKgDAMBKtYf+JJ3yM+UrS+RlD8inEivVr2YmAgbWeThvBHmVmCBRp5PnILF5zee7BS0lnecW/o3xCXB4dOGYCT1E0ReQbfNEK5+EWEDVbvy3Z+RZxggFoKfEkPa309oQKxul4AAAAASUVORK5CYII=) no-repeat;
     background-size: cover;
     transition: margin-left .3s ease-out
 }

 .solution-more:hover {
     color: #fa6f66;
     border: 1px solid #fa6f66
 }

 .solution-more:hover em {
     margin-left: 15px;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAAXNSR0IArs4c6QAAAI1JREFUGBljYCADMBLS87sgfQPDf4Z/LIKSYYwNDX9A6pkIaWIRkAz7z8ig//vDs+v/GxrYQOoJ2gRSBFL8+8Pz60DWP1YBKW2wpl/56beAAqogBYQAIyPDBuJsmpnG+uc6wxqggf9YNBnCCGr6j64hfdZvFkLO+XuDKZiFhaGagUfiGmN6wz9C6nHKAwAcay6AxWqjRQAAAABJRU5ErkJggg==) no-repeat
 }

 .solution-title {
     position: relative
 }

 .solution-title h3 {
     font-size: 18px;
     color: #fff;
     width: 135px;
     font-weight: inherit
 }

 .solution-title span {
     border-top: 1px solid #fff;
     opacity: .2;
     display: inline-block;
     width: 100%;
     position: absolute;
     margin-left: 135px;
     top: 12px
 }

 .solution-brand {
     width: 100%;
     position: relative
 }

 .solution-brand-item {
     padding: 15px 20px 10px 0;
     width: 213px;
     float: left
 }

 .solution-brand-item a {
     border: 1px solid rgba(255, 255, 255, .2);
     border-radius: 2px;
     height: 40px;
     padding-left: 50px;
     display: block;
     position: relative
 }

 .solution-brand-item a i {
     position: absolute;
     width: 24px;
     height: 24px;
     left: 20px;
     top: 8px;
     color: #fff;
     font-size: 24px
 }

 .solution-item .solution-brand-item a p {
     font-size: 14px;
     color: #fff;
     line-height: 40px
 }

 .solution-brand-item .solution-more {
     width: auto;
     margin-top: 0
 }

 .solution-brand-item a:hover {
     background: rgba(255, 255, 255, .1)
 }

 .solution-more-wrap {
     padding-top: 50px;
     padding-bottom: 50px;
     text-align: center;
     display: block
 }

 .solution-more-wrap .solution-more {
     width: auto;
     margin-top: 0;
     color: #999;
     font-size: 18px;
     border: none
 }

 .solution-more-wrap .solution-more:hover {
     color: #f56f69
 }

 .solution-brand-item a i img {
     width: 22px;
     height: 22px;
     display: block;
     border: none
 }

 .clear a {
     border: none;
     padding-left: 20px
 }

 .clear a:hover {
     background: 0 0
 }

 .clear a img {
     width: 130px
 }

 .clear {
     padding-top: 32px
 }

 .solution-item ul {
     display: none
 }

 .grid figure {
     position: relative;
     z-index: 1;
     display: inline-block;
     overflow: hidden;
     margin: 0;
     margin-bottom: -.4em;
     width: 600px;
     height: 800px;
     background: #000;
     text-align: center;
     cursor: pointer
 }

 .grid figure img {
     position: relative;
     display: block;
     min-height: 100%;
     opacity: .8
 }

 .grid figure figcaption {
     padding-left: 1em;
     color: #fff;
     text-transform: uppercase;
     font-size: 1.25em;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
 }

 .grid figure figcaption::before,
 .grid figure figcaption::after {
     pointer-events: none
 }

 .grid figure figcaption,
 .grid figure a {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }

 .grid figure a {
     z-index: 1000;
     text-indent: 200%;
     white-space: nowrap;
     font-size: 0;
     opacity: 0
 }

 .grid figure h2 {
     font-size: 18px;
     font-family: feathericons;
     word-spacing: -.15em;
     font-weight: 300
 }

 .grid figure h2 span {
     font-weight: 800
 }

 .grid figure h2,
 .grid figure p {
     margin: 0
 }

 .grid figure p {
     letter-spacing: 1px;
     font-size: 68.5%
 }

 figure.effect-sarah img {
     width: -webkit-calc(100% + 50px);
     width: calc(100% + 50px);
     opacity: .7;
     -webkit-transition: opacity .35s, -webkit-transform .35s;
     transition: opacity .35s, transform .35s;
     -webkit-transform: translate3d(-40px, 0, 0);
     transform: translate3d(-40px, 0, 0)
 }

 figure.effect-sarah:hover img {
     /* opacity: 1; */
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }

 figure.effect-sarah figcaption {
     top: auto;
     bottom: 0;
     height: 95%;
     text-align: left
 }

 figure.effect-sarah h2 {
     position: relative;
     overflow: hidden;
     font-size: 3em;
     padding: .5em 0;
     padding-top: 280px;
     line-height: 1.5em;
     text-align: center;
 }

 figure.effect-sarah h2::after {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0;
     height: 3px;
     background: #fff;
     content: '';
     -webkit-transition: -webkit-transform .35s;
     transition: transform .35s;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
 }

 figure.effect-sarah:hover h2::after {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     width: 100%;
 }

 figure.effect-sarah p {
     color: #fff;
     opacity: 0;
     font-size: 1em;
     padding-top: 10px;
     text-align: center;
     -webkit-transition: opacity .2s, -webkit-transform .35s;
     transition: opacity .2s, transform .35s
 }

 figure.effect-lily:hover img,
 figure.effect-sarah:hover p {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }

 .innews {
     width: 90%;
     margin: 0 auto;
     padding-top: 5px
 }

 .ranklist {
     width: 50%;
     padding: -40px 10px 0;
     float: left;
     display: inline;
     background-color: #fff
 }

 .ranklist li {
     height: 50px;
     line-height: 50px;
     overflow: hidden;
     position: relative;
     padding-left: 10px;
     padding: 0 70px 0 30px;
     margin: 0 0 10px
 }

 .ranklist li p {
     font-size: 20px;
     font-family: feathericons;
     word-spacing: -.15em;
     font-weight: 2em;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     overflow: hidden;
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     text-align: center;
     font-style: normal;
     color: #333
 }

 .ranklist li em {
     background-position: 0 -16px
 }

 .ranklist li.top em {
     background-position: 0 0;
     color: #fff
 }

 .ranklist li .num {
     position: absolute;
     right: 0;
     top: 0;
     color: #999;
     padding-right: 30px
 }

 .main_parallax {
     margin-top: 40px;
     background-color: #f3f3f3
 }

 .main_content {
     position: relative;
     z-index: 1;
     padding-top: 40px;
     bottom: 40px
 }

 .fixed_bg {
     background-attachment: fixed
 }

 .fixed_bg {
     width: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 100%;
     position: relative;
     z-index: 1
 }

 .fixed_bg p {
     height: 150px;
     line-height: 80px;
     padding: 1.5em;
     color: #000;
     text-transform: uppercase;
     font-size: 38px;
     font-family: feathericons;
     word-spacing: -.15em;
     font-weight: 5em;
     font-size: 5em;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
 }

 .bg_1 {
     background-image: url(/static/addons/cms/images/parallax.jpg)
 }

 .scroll_bg {
     min-height: 100%;
     position: relative;
     z-index: 2
 }

 #fenlei {
     width: 1440px;
     height: auto;
     border-top: 2px solid #DB0025;
     margin: 0 auto;
     background: #fff;
     padding-bottom: 20px;
     margin-top: 18px
 }

 .cataimg {
     width: 100%;
     height: 1000px;
     overflow: hidden;
     position: relative;
     font-size: 0
 }

 .b-cataimg {
     position: absolute;
     left: 0;
     top: 0;
     height: 1000px
 }

 #weizhi {
     width: 100%;
     border-bottom: 1px solid #eae8e8;
     background: #f9f8f8
 }

 #weizhi .conent {
     width: 1440px;
     height: 40px;
     line-height: 40px;
     margin: 0 auto;
     background: url(/static/addons/cms/images/wei.jpg) no-repeat 0 #f9f8f8;
     padding-left: 15px;
     text-align: left
 }

 #weizhi a {
     color: #8e8d8d;
     padding-left: 10px;
     padding-right: 10px
 }

 #weizhi span {
     color: #8e8d8d
 }

 #box1 {
     width: 100%;
     marign: 0 auto
 }

 #box1 .box2 {
     width: 1185px;
     height: auto;
     margin: 0 auto;
     padding-left: 15px;
     text-align: left
 }

 .box3 {
     float: left;
     font-family: arial, "sans-serif";
     font-size: 16px;
     font-weight: 600;
     height: 30px;
     line-height: 30px;
     border: solid 1px;
     margin-top: 50px
 }

 .box4 {
     float: left;
     font-size: 16px;
     font-family: arial, "sans-serif";
     text-align: left
 }

 .box5,
 .box6,
 .box7,
 .box8 {
     font-size: 14px;
     font-family: arial, "sans-serif";
     text-align: left;
     padding-top: 10px
 }

 #main3 {
     width: 1440px;
     height: auto;
     margin: 0 auto;
     overflow: hidden;
 }

 #main3 .tittle_pp {
     width: 1185px;
     height: 35px;
     line-height: 35px;
     border-bottom: 3px solid #002622;
     background: url(/static/addons/cms/images/list_b.jpg) no-repeat 0;
     margin-top: 15px;
     font-size: 18px;
     font-family: microsoft yahei;
     padding-left: 15px
 }

 #main3 .tittle_pp a {
     float: right;
     margin-top: 5px
 }

 #main3 .wrap {
     width: calc(100% + 18px);
 }

 #main3 .conent_warp {
     width: calc((100% / 4) - 20px);
     /* width: calc((100% / 4)); */
     float: left;
     margin: 0 auto;
     margin-right: 20px;
     margin-top: 20px;
 }

 #main3 .conent_nei {
     width: 100%;
     height: 447px;
     overflow: hidden;
     background: #fff;
     position: relative;
     border: 1px solid #eee;

 }

 #main3 .conent_nei .tm {
     position: absolute;
     right: 0;
     top: 0;
     padding: 5px 10px;
     background: rgba(219, 0, 37);
     color: #fff;
     font-size: 14px;
     border-radius: 0 0 0 6px;
 }

 #main3 .conent_nei .tupian {
     width: 100%;
     height: 350px;
     overflow: hidden;
     position: relative;
 }

 #main3 .conent_nei .tupian img {
     width: 100%;
     height: 100%;
     transition: all 0.3s ease-in-out;
 }

 #main3 .conent_nei:hover .tupian img {
     transform: scale(1.06);
 }

 #main3 .conent_nei .text {
     height: calc(450px - 350px);
     text-align: center;
     background-color: #eee;
 }

 #main3 .conent_nei .text p {
     font-size: 16px;
     color: #000;
 }

 #main3 .conent_nei .text span {
     display: inline-block;
     padding: 5px 20px;
     color: var(--main-color);
     font-size: 18px;
     font-weight: bold;
     
 }

 #main3 .conent_nei:hover .text {
     background-color: var(--main-color);
 }

 #main3 .conent_nei:hover .text span {
     color: #fff;
 }

 #main3 .conent_nei:hover .text p {
     color: #fff;
 }

 #main3 .conent_wenzi {
     width: 370px;
     background: #efeeee;
     height: 180px;
     padding-top: 8px
 }

 #main3 .conent_wenzi p {
     font-family: feathericons;
     font-size: 13px;
     font-weight: 200;
     color: #555454;
     height: 30px;
     line-height: 30px;
     width: 350px;
     margin: 0 auto
 }

 #main3 .conent_wenzi p a {
     font-family: myriadprosemibold;
     font-weight: 400;
     font-size: 24px;
     color: #272727;
     height: 30px;
     line-height: 30px;
     width: 350px;
     margin: 0 auto
 }

 #main3 .conent_wenzi .cate_proname a {
     font-family: helveticalt45light !important;
     font-weight: 300;
     font-size: 20px;
     color: #272727;
     height: 30px;
     line-height: 30px;
     width: 350px;
     margin: 0 auto
 }

 #main3 .conent_wenzi .wenzilian .wenziimg a {
     float: right;
     font-size: 18px;
     color: #272727;
     line-height: 35px;
     width: 150px
 }

 #fenye_war {
     width: 1175px;
     margin: 0 auto;
     height: 68px;
     margin: 20px auto;
     background: #fff;
     border: 1px solid #ddd;
     padding-top: 5px
 }

 .fenye {
     width: 330px;
     height: 20px;
     float: right;
     margin-top: 20px;
     margin-right: 10px
 }

 .fenye tt {
     display: block;
     line-height: 26px;
     height: 26px;
     font-size: 12px;
     float: left;
     margin-left: 5px;
     color: #8b8989
 }

 .fenye a {
     display: block;
     float: left;
     height: 26px;
     border: 1px solid #ccc;
     font-size: 12px;
     min-width: 28px;
     text-align: center;
     margin-left: 5px;
     _width: 28px;
     line-height: 26px;
     color: #8b8989
 }

 .fenye a:hover {
     background: #DB0025;
     color: #fff
 }

 .fenye .gotxt {
     float: left;
     height: 22px;
     width: 40px;
     margin-left: 5px
 }

 .fenye .gobtn {
     float: left;
     height: 26px;
     width: 40px;
     background: #d32b2b;
     color: #fff;
     border: 0;
     line-height: 20px;
     margin-left: 5px
 }

 .fenye a.pageon {
     background: #d62c2c;
     color: #fff
 }

 .fenyeGeneral {
     display: block;
     float: left;
     height: 26px;
     border: 1px solid #ccc;
     font-size: 12px;
     min-width: 28px;
     text-align: center;
     margin-left: 5px;
     _width: 28px;
     line-height: 26px;
     color: #8b8989
 }

 .fenyename {
     display: block;
     float: right;
     height: 50px;
     font-size: 13px;
     min-width: 50px;
     text-align: center;
     margin-right: 25px;
     margin-top: 10px;
     _width: 50px;
     line-height: 50px;
     color: #8b8989
 }

 .fenyeGeneral:hover {
     background: #fff;
     color: #8b8989
 }

 .main4 {
     margin: 0 auto;
     background: #fff;
     padding-top: 10px
 }

 #preview {
     text-align: center;
     width: 400px;
     height: 283px;
     margin-top: 20px;
     margin-bottom: 20px;
     margin-left: 15px;
     float: left;
     border: 1px solid #e9e7e8
 }

 #showbox {
     background: #eee
 }

 #showbox span {
     background: url(/static/addons/cms/images/whitebg.png) repeat
 }

 #showsum {
     left: 25px;
     margin-top: 10px
 }

 #showsum span {
     border: 1px solid #ddd
 }

 #showsum span.sel {
     border: 1px solid #f60
 }

 .showpage {
     width: 400px;
     position: relative
 }

 .showpage a {
     display: block;
     width: 15px;
     border: 1px solid #ddd;
     height: 60px;
     line-height: 60px;
     background: #eee;
     text-align: center;
     font-size: 18px;
     position: absolute;
     left: 0;
     top: -62px;
     text-decoration: none;
     color: #999
 }

 .showpage a#shownext {
     left: auto;
     right: 0
 }

 .showpage a:hover {
     background: #ccc;
     color: #777
 }

 .propic {
     position: relative;
     overflow: auto;
     width: 1100px;
     margin: 0 auto
 }

 .propic ul li {
     float: left
 }

 .propic .arrows {
     display: none
 }

 .propic:hover .arrows,
 .propic.hover .arrows {
     display: block
 }

 .propic .arrows {
     position: absolute;
     z-index: 20
 }

 .propic .arrows .prev,
 .propic .arrows .next {
     position: absolute;
     width: 76px;
     height: 77px;
     font: 0/0 a;
     color: transparent;
     cursor: pointer
 }

 .propic .arrows .prev {
     left: 20px;
     background: url(/static/addons/cms/images/slide_arrow_left.png) no-repeat
 }

 .propic .arrows .next {
     left: 1000px;
     background: url(/static/addons/cms/images/slide_arrow_right.png) no-repeat
 }

 .propic ul li {
     height: 660px
 }

 .propic .arrows {
     top: 270px
 }

 .inquiry {
     background-color: #f6f6f6;
     border: solid 1px #c5c7c2
 }

 .inquiry .title {
     color: #333;
     font-family: myriadprosemibold;
     font-size: 18px;
     padding: 10px;
     font-weight: 600
 }

 .inquiry li {
     margin-top: 20px;
     position: relative
 }

 .inquiry li input,
 .inquiry li textarea {
     width: 100%;
     font-size: 16px;
     padding: 6px 10px;
     border-radius: 3px;
     border: solid 1px #e2e2e2
 }

 .inquiry li input:focus,
 .inquiry li textarea:focus {
     color: #333;
     border-color: #0078b6
 }

 .inquiry li input[type=button] {
     width: 80%;
     color: #999;
     font-size: 14px;
     cursor: pointer;
     text-transform: uppercase;
     background-color: #f6f6f6
 }

 .inquiry li input[type=button]:hover {
     color: #0078b6;
     background-color: #fff;
     border-color: #0078b6
 }

 .inquiry li em {
     font-style: normal;
     position: absolute;
     right: 11px;
     top: 8px
 }

 .inquiry .rred {
     border: solid 1px red
 }

 .inquiry .tt {
     font-size: 14px;
     line-height: 20px;
     margin-top: 13px;
     color: #888
 }

 #contact-form {
     position: relative;
     vertical-align: top;
     width: 90%;
     z-index: 1;
     padding-left: 20px
 }

 #contact-form fieldset {
     border: none;
     padding: 0
 }

 #contact-form label {
     display: block;
     height: 50px;
     float: left
 }

 #contact-form label em {
     padding: 12px 20px;
     margin: 0;
     font-family: helveticalt45light;
     font-size: 14px;
     line-height: 1.214em;
     color: #018604
 }

 #contact-form input {
     width: 180px;
     padding: 12px 20px;
     margin: 0;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     line-height: 1.214em;
     color: gray;
     border: 1px solid #e6e6e6;
     background: #fff;
     outline: none
 }

 #contact-form .checktxt {
     width: 40px;
     padding: 12px;
     margin: 0;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     line-height: 1.214em;
     color: gray;
     border: 1px solid #e6e6e6;
     background: #fff;
     outline: none;
     margin-left: 10px
 }

 #contact-form textarea {
     overflow: auto;
     height: 130px;
     width: 180px;
     padding: 12px 20px;
     margin: 0;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     line-height: 1.214em;
     color: gray;
     border: 1px solid #e6e6e6;
     background: #fff;
     outline: none
 }

 .buttons-wrapper {
     padding: 18px 0 0;
     text-align: right
 }

 .buttons-wrapper-book {
     padding: 18px 0 10px;
     text-align: left
 }

 .buttons-wrapper a {
     margin-left: 15px
 }

 .contactbotton {
     display: inline-block;
     padding: 0 24px;
     margin-left: 2px;
     margin-bottom: 2px;
     font-size: 14px;
     line-height: 38px;
     color: #000;
     border: 1px solid #fff;
     background: url(/static/addons/cms/images/button-tail.gif) 0 0 repeat-x #f2f2f2;
     box-shadow: 0 0 2px #bbb;
     cursor: pointer
 }

 .contactbotton:hover {
     background: #60b001;
     color: #fff;
     text-decoration: none
 }

 #contact-form1 {
     position: relative;
     vertical-align: top;
     width: 90%;
     z-index: 1;
     padding-left: 20px
 }

 #contact-form1 fieldset {
     border: none;
     padding: 0
 }

 #contact-form1 label {
     display: block;
     height: 50px;
     float: left
 }

 #contact-form1 label em {
     padding: 12px 20px;
     margin: 0;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     line-height: 1.214em;
     color: red
 }

 #contact-form1 input {
     width: 323px;
     padding: 12px 20px;
     margin: 0;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     line-height: 1.214em;
     color: gray;
     border: 1px solid #e6e6e6;
     background: #fff;
     outline: none
 }

 #contact-form1 .checktxt {
     width: 40px;
     padding: 12px;
     margin: 0;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     line-height: 1.214em;
     color: gray;
     border: 1px solid #e6e6e6;
     background: #fff;
     outline: none;
     margin-left: 10px
 }

 #contact-form1 legend {
     width: auto;
     padding-top: 15px;
     padding-bottom: 15px;
     margin: 0;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     line-height: 1.214em;
     color: gray;
     border: 0 solid #e6e6e6;
     background: #fff;
     outline: none
 }

 #contact-form1 textarea {
     overflow: auto;
     height: 130px;
     width: 500px;
     padding: 12px 20px;
     margin: 0;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     line-height: 1.214em;
     color: gray;
     border: 1px solid #e6e6e6;
     background: #fff;
     outline: none
 }

 .shareweb {
     padding-bottom: 30px;
     padding-top: 0;
     padding-left: 15px;
     line-height: 20px;
     height: 20px;
     font-size: 14px;
     font-family: arial, "sans-serif";
     text-align: right;
     padding-right: 15px
 }

 .statement {
     margin-bottom: 20px;
     padding-bottom: 30px;
     padding-top: 30px;
     padding-left: 15px;
     line-height: 10px;
     height: 10px;
     font-size: 6px;
     font-family: arial, "sans-serif";
     text-align: right;
     float: right;
     padding-right: 15px
 }

 .main_usecontent {
     position: relative;
     z-index: 1;
     top: 20px;
     bottom: 40px
 }

 .fixeduse_bg {
     background-attachment: fixed;
     padding-top: 50px
 }

 .fixeduse_bg {
     width: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 100px;
     position: relative;
     z-index: 1
 }

 .fixeduse_bg p {
     height: 100px;
     line-height: 100px;
     padding: 1em;
     color: #e60012;
     font-family: helveticalt45light;
     font-weight: 5em;
     font-size: 5em;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
 }

 .fixeduse_bg p i {
     height: 30px;
     line-height: 30px;
     color: #000;
     font-family: helveticalt45light;
     word-spacing: 0;
     font-weight: 5em;
     font-size: 20px
 }

 .bguse_1 {
     background-image: url(/static/addons/cms/images/newsbanner.jpg)
 }

 .bguse_faq {
     background-image: url(/static/addons/cms/images/faq_banner.jpg)
 }

 .bguse_contact {
     height: 400px;
     background-image: url(/static/addons/cms/images/map.jpg)
 }


 .bguse_services {
     background-image: url(/static/addons/cms/images/service-banner.jpg)
 }


 .bguse_tec {
     background-image: url(/static/addons/cms/images/technology.jpg)
 }


 .bguse_about {
     height: 400px;
     background-image: url(/static/addons/cms/images/about/culture.jpg)
 }


 .bguse_dealers {
     background-image: url(/static/addons/cms/images/takewp-contact.jpg)
 }


 .bguse_search {
     background-image: url(/static/addons/cms/images/search.jpg)
 }


 .scroll_bg {
     min-height: 100%;
     position: relative;
     z-index: 2
 }

 .nqbig {
     background-color: #ededed;
     padding-bottom: 30px
 }

 .nqBody {
     width: 1000px;
     margin: 38px auto 0;
     padding: 20px 0 40px 90px
 }

 .nqType {
     position: relative;
     overflow: hidden;
     height: 54px;
     margin: 0 0 28px;
     padding: 0 0 0 20px;
     background: #fff;
     float: left
 }

 .nqtWrap {
     float: right;
     overflow: hidden
 }

 .nqtWrap li {
     float: left
 }

 .nqtWrap li a {
     display: block;
     height: 51px;
     padding: 0 23px;
     border-bottom: 3px solid #fff;
     line-height: 54px;
     color: #505050;
     text-decoration: none
 }

 .nqtWrap li a:hover {
     color: #058bbc
 }

 .nqlWrap {
     padding: 0 0 17px
 }

 .nqpNameEn {
     margin: 0 0 0 4px;
     line-height: 54px;
     color: #c6c6c6;
     font-size: 20px
 }

 .nqli {
     position: relative;
     margin: 0 0 25px;
     padding: 20px 34px 26px 42px;
     background: #fff
 }

 .nqlDate {
     position: absolute;
     top: 0;
     left: -78px;
     width: 78px;
     height: 114px;
     background: #787878
 }

 .nqldDay {
     display: block;
     font-size: 36px;
     color: #fff;
     text-align: center;
     line-height: 50px
 }

 .nqldMy {
     display: block;
     font-size: 13px;
     color: #bababa;
     text-align: center;
     line-height: 24px
 }

 .nqlTitle {
     font-size: 18px;
     color: #000;
     line-height: 40px;
     height: 40px;
     text-decoration: none;
     font-family: helveticalt45light;
     font-weight: 5em;
     margin: 0 auto
 }

 .newstitle {
     width: 100%;
     font-size: 44px;
     color: #000;
     line-height: 40px;
     height: 40px;
     text-decoration: none;
     font-family: myriadprosemibold !important;
     text-align: left;
     margin: 5px;
     text-transform: uppercase
 }

 .nqli:hover .nqlTitle {
     color: #e60012
 }

 .nqlSum {
     width: 98%;
     padding: 12px 0 16px;
     line-height: 24px;
     color: #616161;
     text-align: left;
     font-size: 14px
 }

 .nqlDetDate {
     line-height: 24px;
     color: #616161;
     text-align: left
 }

 #fenye_news {
     width: 1100px;
     margin: 0 auto;
     height: 68px;
     margin: 20px auto;
     background: #fff;
     border: 0 solid #ddd;
     padding-top: 5px
 }

 .ndContent {
     position: relative;
     padding: 42px 26px 48px;
     background: #fff
 }

 .ndTitle {
     margin: 40px;
     text-align: center;
     font-size: 26px;
     color: #212121;
     line-height: 40px;
     height: 40px
 }

 .ndInfo {
     padding: 0 0 28px;
     border-bottom: 1px dotted #848484;
     text-align: center;
     line-height: 24px
 }

 .ndili {
     margin: 0 14px
 }

 .ndIntro {
     width: 90%;
     margin: 0 0 42px;
     padding: 34px 50px 40px;
     color: #000;
     text-align: left;
     display: block;
     font-size: 20px;
     line-height: 45px;
     font-family: myriadsetpro-thinthin;
     padding-bottom: 10px
 }

 .ndBottom {
     overflow: hidden
 }

 .ndShare {
     height: 50px;
     line-height: 50px;
     padding: 10px 0 0
 }

 .ndShareLabel {
     vertical-align: middle
 }

 .serBody {
     width: 1000px;
     margin: 0 auto
 }

 .serlist {
     padding: 90px 0 0
 }

 .serli {
     overflow: hidden;
     margin: 0 0 26px;
     border: 1px solid #cecece;
     padding: 28px 0 24px;
     background: #fff
 }

 .serLi {
     position: relative;
     float: left;
     width: 229px;
     height: 346px;
     margin: 0 14px
 }

 .serLeft {
     float: left;
     width: 174px;
     padding: 38px 20px 0 40px
 }

 .serlIco {
     width: 103px;
     height: 103px;
     margin: 24px auto 0;
     background: #666;
     font-size: 0;
     line-height: 0;
     text-align: center
 }

 .serlTitle {
     margin: 14px 0 0;
     line-height: 36px;
     text-align: center;
     font-size: 18px;
     color: #000
 }

 .serRight {
     overflow: hidden;
     float: left;
     width: 678px;
     border-left: 1px dotted #8d8d8d;
     padding: 18px 0 16px 48px
 }

 .serLabel {
     line-height: 32px;
     text-align: left;
     font-size: 22px;
     color: #000;
     text-decoration: none;
     font-family: helveticalt45light;
     margin: 0 auto
 }

 .serLabel span {
     margin: 0 20px 0 0
 }

 .serLabel span a:hover {
     background: #fff;
     color: #e60012
 }

 .serSum {
     padding: 15px 0 40px;
     line-height: 24px;
     color: #3f3f3f;
     text-align: left
 }

 .serCon {
     display: none
 }

 .serdLink,
 .serdHover {
     position: absolute;
     top: 0;
     left: 0;
     width: 120px;
     height: 37px;
     background: url(/static/addons/cms/images/service_button.png) no-repeat center top
 }

 .serdLink {
     z-index: 1;
     background-position: center top;
     color: #3f3f3f;
     font-size: 15px
 }

 .serDet {
     float: right;
     display: block;
     position: relative;
     width: 120px;
     height: 37px;
     overflow: hidden;
     margin: 0 auto;
     line-height: 36px;
     text-align: center;
     text-decoration: none
 }

 .nqbig_faq {
     padding-bottom: 30px
 }

 .catBody {
     width: 1100px;
     margin: 0 auto;
     padding: 100px 0 0
 }

 .catTab {
     overflow: hidden;
     padding: 0 0 20px
 }

 .catTab img {
     padding-top: 10px
 }

 .catLabel {
     float: left;
     width: 250px;
     height: 72px;
     margin: 0 18px 20px 0;
     border: 1px solid #dadada;
     background: #fff;
     line-height: 72px;
     color: #828282;
     text-align: center;
     text-decoration: none;
     font-size: 15px
 }

 .catLabel.curr,
 .catLabel:hover {
     border: 1px solid #fff;
     background: #8d8d8d;
     color: #fff;
     font-size: 15px
 }

 .catQuery {
     padding: 0 0 23px
 }

 .catCon {
     border: 1px solid #d7d7d7;
     overflow: hidden
 }

 .catConTop {
     overflow: hidden;
     padding: 0 0 48px;
     border-bottom: 0 dotted #9f9f9f
 }

 .catContl {
     float: left;
     width: 680px;
     padding: 50px 0 0 60px;
     text-align: left
 }

 .catctlTitle {
     font-size: 24px;
     color: #484848
 }

 .catctlCon {
     line-height: 60px;
     color: #484848;
     font-size: 20px
 }

 .catctlCon span {
     color: #484848;
     line-height: 50px;
     background-color: #fff;
     font-size: 20px
 }

 .catContr {
     position: relative;
     float: right;
     margin: 54px 58px 0 0;
     width: 192px;
     height: 77px;
     border: 1px solid #d9d9d9;
     border-right: none
 }

 .catConBottom {
     overflow: hidden;
     padding: 68px 0 60px
 }

 .catBuss {
     float: left;
     width: 240px;
     padding: 20px 40px 50px;
     border-right: 0 dotted #8f8f8f
 }

 .catBuss:last-child,
 .catBussLast {
     border-right: none
 }

 .catbCon {
     padding: 20px 0;
     color: #555;
     font-family: myriadsetpro-thinthin;
     font-size: 15px
 }

 .catbTitle {
     color: #787878;
     line-height: 35px;
     font-family: myriadprosemibold !important;
     font-size: 40px
 }

 .catWork {
     padding: 40px 0 64px 20px
 }

 .catwHead {
     padding: 0 0 58px;
     color: #787878;
     font-size: 14px;
     line-height: 32px
 }

 .catwTitle {
     font-size: 18px;
     color: #555
 }

 .catwTip {
     color: #cf0000
 }

 .catWork input.focus,
 input,
 textarea {
     font-family: microsoft yahei
 }

 .catwInput {
     padding: 0 0 32px
 }

 .catwInput input {
     width: 399px;
     height: 24px;
     margin: 0 30px 0 0;
     border: 1px solid #c6c6c6;
     padding: 11px 12px 10px;
     font-size: 14px;
     line-height: 24px;
     color: #9f9f9f
 }

 .catwText {
     padding: 0 0 32px;
     padding-right: 25px
 }

 .catwText textarea {
     width: 860px;
     height: 118px;
     border: 1px solid #c6c6c6;
     padding: 4px 12px;
     line-height: 24px;
     font-size: 14px;
     color: #9f9f9f
 }

 .catwBtn {
     padding: 34px 0 0
 }

 .contactbotton {
     display: inline-block;
     padding: 0 24px;
     margin-left: 20px;
     margin-bottom: 2px;
     font-size: 15px;
     line-height: 40px;
     height: 40px;
     color: #9f9f9f;
     border: 1px solid #9f9f9f;
     background: url(/static/addons/cms/images/button-tail.gif) 0 0 repeat-x #f2f2f2;
     box-shadow: 0 0 2px #bbb;
     cursor: pointer
 }

 .contactbotton:hover {
     background: #e60012;
     color: #fff;
     text-decoration: none
 }

 .catwInput1 {
     padding: 0 0 32px
 }

 .catwInput1 input {
     width: 399px;
     height: 24px;
     margin: 0 30px 0 0;
     border: 1px solid #c6c6c6;
     padding: 11px 12px 10px;
     font-size: 14px;
     line-height: 24px;
     color: #9f9f9f
 }

 .catwText1 {
     padding: 0 0 32px;
     padding-right: 25px
 }

 .catwText1 textarea {
     width: 900px;
     height: 118px;
     border: 1px solid #c6c6c6;
     padding: 4px 12px;
     line-height: 24px;
     font-size: 14px;
     color: #9f9f9f
 }

 .catwText2 {
     padding: 0 0 32px;
     padding-right: 25px
 }

 .catwText2 textarea {
     width: 300px;
     height: 118px;
     border: 1px solid #c6c6c6;
     padding: 4px 12px;
     line-height: 24px;
     font-size: 14px;
     color: #9f9f9f;
     margin-left: 130px
 }

 .catwBtn1 {
     padding: 34px 0 0
 }

 .contactbotton1 {
     display: inline-block;
     padding: 0 24px;
     margin-left: 20px;
     margin-bottom: 2px;
     font-size: 15px;
     line-height: 40px;
     height: 40px;
     color: #9f9f9f;
     border: 1px solid #9f9f9f;
     background: url(/static/addons/cms/images/button-tail.gif) 0 0 repeat-x #f2f2f2;
     box-shadow: 0 0 2px #bbb;
     cursor: pointer
 }

 .contactbotton1:hover {
     background: #e60012;
     color: #fff;
     text-decoration: none
 }

 .connect {
     background: url(/static/addons/cms/images/contact/cn01.jpg) no-repeat center;
     min-height: 500px
 }

 .connect_column {
     padding-left: 0;
     margin-top: 40px;
     width: 1050px;
     margin: 0 auto
 }

 .connect_column li {
     font-family: myriadprosemibold;
     margin: 0 auto;
     list-style: none;
     float: left;
     text-align: center;
     width: 320px;
     height: 218px;
     position: relative;
     padding-top: 42px;
     font-size: 16px;
     color: #333;
     line-height: 32px
 }

 .connect_column li:first-child {
     margin-left: 0
 }

 .connect_column h2 {
     font-size: 18px;
     color: #333;
     font-weight: 400;
     margin-top: 10px;
     margin-bottom: 10px
 }

 .connect_column .info {
     position: relative;
     z-index: 2
 }

 .connect_column .text {
     margin: 0 20px
 }

 .connect_column .s1 {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #de6764;
     opacity: .2;
     filter: alpha(opacity=20)
 }

 .connect_column .s2 {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #58bec8;
     opacity: .2;
     filter: alpha(opacity=20)
 }

 .connect_column .s3 {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #9ac047;
     opacity: .2;
     filter: alpha(opacity=20)
 }

 .connect_column .s4 {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #31a0e1;
     opacity: .2;
     filter: alpha(opacity=20)
 }

 .connect_column .i1 {
     display: inline-block;
     width: 36px;
     height: 46px;
     background: url(/static/addons/cms/images/contact/sprite2.png) no-repeat 0 0
 }

 .connect_column .i2 {
     display: inline-block;
     width: 42px;
     height: 46px;
     background: url(/static/addons/cms/images/contact/sprite2.png) no-repeat -38px 0
 }

 .connect_column .i3 {
     display: inline-block;
     width: 40px;
     height: 46px;
     background: url(/static/addons/cms/images/contact/sprite2.png) no-repeat -83px 0
 }

 .connect_column .i4 {
     display: inline-block;
     width: 40px;
     height: 46px;
     background: url(/static/addons/cms/images/contact/sprite2.png) no-repeat -125px 0
 }

 .connect_column .i7 {
     display: inline-block;
     width: 32px;
     height: 32px;
     background: url(/static/addons/cms/images/contact/sprite2.png) 0 -90px;
     vertical-align: middle
 }

 .connect_column .i8 {
     display: inline-block;
     width: 32px;
     height: 34px;
     background: url(/static/addons/cms/images/contact/sprite2.png) -34px -90px;
     vertical-align: middle;
     margin-right: 18px
 }

 .connect_column .i9 {
     display: inline-block;
     width: 34px;
     height: 34px;
     background: url(/static/addons/cms/images/contact/sprite2.png) -66px -90px;
     vertical-align: middle;
     margin-right: 16px
 }

 .connect_column a {
     color: #333
 }

 .connect_share {
     border-top: 2px solid #43bcc7;
     width: 120px;
     margin: 46px auto 0;
     text-align: center;
     padding-top: 46px
 }

 .connect_share .sh1 {
     display: inline-block;
     width: 40px;
     height: 40px;
     background: url(/static/addons/cms/images/contact/sprite2.png) 0 -48px;
     margin-right: 9px
 }

 .connect_share .sh2 {
     display: inline-block;
     width: 40px;
     height: 40px;
     background: url(/static/addons/cms/images/contact/sprite2.png) -41px -48px
 }

 .fix {
     zoom: 1
 }

 .fix:after {
     clear: both;
     content: "";
     display: table
 }

 .home_title {
     text-align: center;
     padding-top: 50px;
     padding-bottom: 20px;
     margin: 0 auto
 }

 .connect_column li {
     margin-left: 40px
 }

 .connect_column li:first-child {
     margin-left: 10px
 }

 .arrive {
     background: #f7f7f7;
     padding-bottom: 40px;
     margin-bottom: -40px
 }

 .arrive_column_con {
     width: 1050px;
     margin: 0 auto;
     border: 1px solid #666
 }

 .arrive_column {
     margin-left: 10px;
     width: 1050px;
     margin: 0 auto
 }

 .arrive_column dl {
     width: 260px;
     margin: 30px 15px
 }

 .arrive_column dd {
     font-size: 15px;
     color: #333;
     line-height: 32px
 }

 .connect_column li:last-child {
     display: none
 }

 .bus {
     width: 360px;
     padding-left: -30px;
     font-family: myriadsetpro-thinthin
 }

 .bus {
     font-size: 18px;
     color: #31a0e1
 }

 .bus dt {
     margin-left: 40px
 }

 .bus .busname {
     color: #666;
     font-size: 16px;
     margin-left: 30px;
     text-align: left;
     line-height: 32px
 }

 .bus .icon {
     display: inline-block;
     width: 32px;
     height: 32px;
     background: url(/static/addons/cms/images/contact/sprite2.png) 0 -90px;
     vertical-align: middle;
     margin-right: 18px
 }

 .taxi {
     width: 360px;
     padding-right: 30px;
     font-family: myriadsetpro-thinthin
 }

 .taxi dt {
     margin-left: 40px;
     width: 350px
 }

 .taxi .taxiname {
     color: #666;
     font-size: 16px;
     margin-left: 90px;
     text-align: left;
     line-height: 32px
 }

 .taxi .icon {
     display: inline-block;
     width: 32px;
     height: 34px;
     background: url(/static/addons/cms/images/contact/sprite2.png) -34px -90px;
     vertical-align: middle;
     margin-right: 18px
 }

 .metro {
     width: 360px;
     padding-right: 30px;
     font-family: myriadsetpro-thinthin
 }

 .metro dt {
     margin-left: 40px
 }

 .metro .metroname {
     color: #666;
     font-size: 16px;
     margin-left: 90px;
     text-align: left;
     line-height: 32px
 }

 .metro .icon {
     display: inline-block;
     width: 34px;
     height: 34px;
     background: url(/static/addons/cms/images/contact/sprite2.png) -66px -90px;
     vertical-align: middle;
     margin-right: 16px
 }

 .nqbig_services {
     padding-top: 50px;
     padding-bottom: 30px
 }

 #goodsbox {
     border-bottom: 1px dashed #000;
     height: auto;
     color: #333;
     font-size: 16px;
     width: 100%;
     font-family: myriadsetpro-thinthin;
     padding-bottom: 20px
 }

 #goodsbox i {
     height: auto;
     color: #e60012;
     font-size: 16px;
     width: 710px;
     font-family: myriadprosemibold !important
 }

 .lan-top {
     padding-top: 5px
 }

 .language {
     /* padding-left: 34px; */
     margin-top: 20px;
     padding-right: 20px;
     background: url(/static/addons/cms/images/world.png) no-repeat left center;
     position: relative;
     display: table-cell;
     margin-left: 15px
 }

 .select {
     display: none
 }

 .select_box {
     font-size: 12px;
     color: #999;
     line-height: 20px;
     margin: 50px auto
 }

 .select_showbox {
     border: 1px solid #b0a296;
     height: 20px;
     padding-left: 5px;
     background: url(icon.png) no-repeat 156px 0
 }

 .select_option {
     border: 1px solid #b0a296;
     border-top: none;
     display: none
 }

 .select_option li {
     padding-left: 5px
 }

 .select_option li.selected {
     background-color: #f3f3f3;
     color: #999
 }

 .select_option li.hover {
     background: #7b6959;
     color: #fff
 }

 .btnimg {
     cursor: pointer;
     border: 0;
     margin: 0;
     padding: 0
 }

 #ScrollToTop {
     position: fixed;
     _position: absolute;
     z-index: 4;
     right: 100px;
     bottom: -10px;
     width: 70px;
     padding: 15px 10px 20px;
     display: block;
     font-size: 15px;
     font-weight: 800;
     text-align: center;
     border-width: 1px 1px 0;
     border-style: solid;
     box-shadow: 0 0 #fff, 0 1px 3px rgba(34, 25, 25, .5);
     -moz-box-shadow: 0 0 #fff, 0 1px 3px rgba(34, 25, 25, .5);
     -webkit-box-shadow: 0 0 #fff, 0 1px 3px rgba(34, 25, 25, .5);
     -webkit-box-shadow: 0 0 #fff, 0 1px 3px rgba(34, 25, 25, .5);
     transition: bottom 250ms ease-in-out;
     -moz-transition: bottom 250ms ease-in-out;
     -webkit-transition: bottom 250ms ease-in-out
 }

 #ScrollToTop.Offscreen {
     bottom: -100px;
     transition-duration: 250ms;
     -moz-transition-duration: 250ms;
     -webkit-transition-duration: 250ms
 }

 .Button2.WhiteButton {
     background-color: #f0eded;
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfafb), to(#f0eded), color-stop(.5, #f9f7f7), color-stop(.5, #f6f3f4));
     background-image: -moz-linear-gradient(top, #fdfafb, #f9f7f7 50%, #f6f3f4 50%, #f0eded);
     background-image: -o-linear-gradient(top, #fdfafb, #f9f7f7 50%, #f6f3f4 50%, #f0eded);
     background-image: -webkit-linear-gradient(top, #fdfafb, #f9f7f7 50%, #f6f3f4 50%, #f0eded);
     border-color: #bbb;
     color: #524d4d;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfafb', endColorstr='#f0eded');
     text-shadow: 0 1px rgba(255, 255, 255, .9)
 }

 .Button2.WhiteButton:hover {
     background-color: #f2f0f0;
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfcfc), to(#f2f0f0), color-stop(.5, #fbf9f9), color-stop(.5, #f7f5f6));
     background-image: -moz-linear-gradient(top, #fdfcfc, #fbf9f9 50%, #f7f5f6 50%, #f2f0f0);
     background-image: -o-linear-gradient(top, #fdfcfc, #fbf9f9 50%, #f7f5f6 50%, #f2f0f0);
     background-image: -webkit-linear-gradient(top, #fdfcfc, #fbf9f9 50%, #f7f5f6 50%, #f2f0f0);
     border-color: #c3c3c3;
     color: #666060;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfcfc', endColorstr='#f2f0f0');
     text-shadow: 0 1px #fff
 }

 .Button2.WhiteButton:active {
     background-color: #ebe8e8;
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f4f5), to(#ebe8e8), color-stop(.5, #f3f0f0), color-stop(.5, #f1eeef));
     background-image: -moz-linear-gradient(top, #f8f4f5, #f3f0f0 50%, #f1eeef 50%, #ebe8e8);
     background-image: -o-linear-gradient(top, #f8f4f5, #f3f0f0 50%, #f1eeef 50%, #ebe8e8);
     background-image: -webkit-linear-gradient(top, #f8f4f5, #f3f0f0 50%, #f1eeef 50%, #ebe8e8);
     border-color: #b7b7b7;
     color: #454141;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f4f5', endColorstr='#ebe8e8');
     text-shadow: 0 1px rgba(255, 255, 255, .8)
 }

 h4.alt-title {
     position: relative;
     height: 30px;
     background: url(/static/addons/cms/images/title-bg.png) 100% 0 no-repeat;
     font-size: 16px;
     line-height: 30px;
     padding: 0 190px 0 16px;
     margin: 0 0 0 14px;
     color: #4a5f03;
     text-transform: uppercase;
     text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
     max-width: 480px
 }

 #sidebar .widget h4:before,
 h4.alt-title:before {
     content: "";
     display: block;
     position: absolute;
     left: -14px;
     top: -4px;
     width: 14px;
     height: 34px;
     background: url(/static/addons/cms/images/title-left.png) 0 0 no-repeat
 }

 .bookcatlist {
     border: 1px;
     margin-right: auto;
     margin-left: auto;
     height: 40px;
     vertical-align: left;
     line-height: 40px;
     color: #666;
     width: 1100px
 }

 .pro_show {
     color: #666;
     float: left;
     text-align: left;
     font-family: helveticalt45light;
     font-size: 14px;
     padding-left: 0
 }

 .pro_show a:link,
 a:visited {
     color: #666;
     text-decoration: underline
 }

 .pro_show a:active {
     color: #666;
     text-decoration: underline
 }

 .pro_show a:hover {
     color: #c10b0b;
     text-decoration: underline
 }

 .col-sm-4 {
     float: left;
     padding-top: 20px
 }

 .AGrid-row {
     clear: both
 }

 .AGrid-row:before,
 .AGrid-row:after {
     content: " ";
     display: table;
     line-height: 0
 }

 .AGrid-row:after {
     clear: both
 }

 .bg-grey {
     margin: 0 auto;
     width: 1080px;
     padding-left: 100px
 }

 .developer-community-block {
     width: 1080px;
     padding: 20px 0;
     margin: 0 auto
 }

 .developer-community-block .tile img {
     padding-left: 20px;
     width: 250px;
     height: 250px
 }

 .developer-community-block .tile {
     position: relative;
     font-size: 0
 }

 .developer-community-block .tile:hover .title {
     cursor: pointer;
     color: #f5f5f5
 }

 .developer-community-block .tile .title {
     padding: 16px 30px;
     font-size: 14px;
     color: #252b3a;
     text-align: left;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 /* 内页banner */
 .inbanner {
     height: 300px;
     width: 100%;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }

 .clearfix::after {
     content: "";
     display: block;
     height: 0;
     clear: both;
 }

 .in_top {
     padding: 50px 0;
 }

 .in_title {
     width: 100%;
     border: none;
     height: auto !important;
     line-height: 100% !important;
 }

 .in_description {
     width: 100%;
     text-align: center;
     font-size: 20px;
 }

 .catTitle {
     font-size: 40px;
     text-align: center;
     line-height: 1.5;
     margin-bottom: 50px;
 }

 /* 分页 */
 #pages {
     padding: 10px 0;
 }

 #pages ul {
     text-align: right;
 }

 #pages li {
     display: inline-block;
     padding: 6px 10px;
     background-color: #ddd;
     color: #111;
     margin-right: 6px;
     font-size: 20px;
 }

 #pages li.active {
     background-color: var(--main-color);
     color: #fff;
 }

 #pages li.active a {
     background-color: var(--main-color);
     color: #fff;
     font-size: 20px;
 }

 #google_translate_element {
     overflow: hidden;
     border-width: 1px;
     border-radius: 0.25rem;
     background: white;
 }

 .goog-te-gadget {
     font-size: 0 !important;
 }

 .goog-te-combo {
     margin-top: 0 !important;
     padding-top: 0 !important;
     font-size: 0.75rem !important;
     line-height: 1rem !important;
     outline: 2px solid transparent !important;
     outline-offset: 2px !important;
 }

 .goog-logo-link {
     display: none !important;
 }

 .goog-te-banner-frame {
     display: none !important;
     position: fixed !important;
 }

 .goog-te-gadget .goog-te-combo {
     font-size: .75rem !important;
     line-height: 1rem !important;
     margin: 0 !important;
     outline: .125rem solid #0000 !important;
     outline-offset: .125rem !important;
     padding: .25rem !important;
 }

 .pro_red {
     color: var(--main-color);
 }

 .product_title {
     text-align: center;
 }

 .prod_details{
    font-size: 18px;
    line-height: 2;
 }