﻿@charset "UTF-8";
/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }

body, form, img, ul, li, dl,dd,dt,p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: 'ALiPuHui','思源黑体','Hiragino Sans GB', sans-serif; }

ul, li { list-style: none; }

img { border: 0px; vertical-align: middle; }


table { border-collapse: collapse; border-spacing: 0; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 15px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 1024px) { .commonweb { padding: 0px 40px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { .commonweb { margin: 0 auto; max-width: 1180px; padding: 0; } }

/* layout start*/

.title { font-size: 16px; }

@charset "UTF-8";
@media (min-width: 520px) { .col-xss-6, .col-xss-9, .col-xss-3 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-xss-6 { width: 50%; }
  .col-xss-9 { width: 75%; }
  .col-xss-3 { width: 25%; } }

/*浏览器弹窗*/
.CWhint { width: 580px; position: fixed; top: 50%; left: 50%; margin-top: -149px; margin-left: -290px; background: #fff; z-index: 9999; display: none; }

.CWhinttit { height: 47px; background: #af251b; font-size: 18px; color: #fff; line-height: 47px; padding-left: 20px; position: relative; }

.CWhintbox { margin: 0 48px; padding: 35px 0; position: relative; padding-left: 81px; }

.CWhintleft { float: left; position: absolute; left: 0; top: 35px; }

.CWbrowser { padding-top: 10px; }

.CWbrowser a { display: inline-block; width: 19%; font-size: 12px; text-align: center; }

.CWbrowser a img { display: block; max-width: 100%; margin: 0 auto; }

.CWbrowser a em { display: block; color: #b80007; }

.CWbrowser a span { display: block; line-height: 16px; }

.CWhintright h3 { font-size: 18px; }

.CWhintrighthref { color: #af251b; border-bottom: 1px solid #af251b; margin: 5px 0; display: inline-block; }

.CWhintgran { color: #666; margin: 10px 0; }

.CWclsoe { display: block; position: absolute; height: 47px; width: 52px; text-align: center; top: 2px; right: 0; }

.masker02 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9998; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#8F000000,endcolorstr=#8F000000); display: none; }

.mozbox { display: box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }

.boxflex { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; -moz-box-flex: 1; flex: 1; }

.row1 { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }

.row2 { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }

.row3 { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; }

/*.textO { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }*/
.textO1 { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }

.textO2 { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }

.textO3 { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; }

.textO4 { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; }

.textR { text-align: right; }

input::-webkit-input-placeholder { color: #959595; }

input:-moz-placeholder { color: #959595; }

input::-moz-placeholder { color: #959595; }

input:-ms-input-placeholder { color: #959595; }

/*headerT*/
.headerWrap { position: relative; height: 61px; }

.headerT { border-bottom: 1px solid #ccc; padding-bottom: 8px; }

.headerT .search { float: right; position: relative; border: 1px #bfbfbf solid; -webkit-border-radius: 3px; border-radius: 3px; height: 40px; margin-top: 8px; width: 63%; }

.headerT .search label { position: relative; width: 85%; height: 38px; display: block; padding: 5px; }

.headerT .search label input { display: block; height: 28px; line-height: 28px; width: 90%; }

.headerT .search .searchsub { cursor: pointer; position: absolute; right: 3px; top: 0; background: url(../images/searchbtn.png) no-repeat center center; width: 26px; height: 38px; }

.languagebox { float: left; height: 36px; line-height: 36px; position: relative; margin-top: 3px; }

.languagebox .btn1 { display: block; height: 36px; line-height: 36px; padding-left: 24px; background: url(../images/icon_03.png) no-repeat left center; font-size: 14px; color: #959595; padding-right: 11px; position: relative; }

.languagebox .btn1::after { content: ""; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 7px solid #959595; position: absolute; right: 0; top: 50%; margin-top: -3px; }

.languagelist { position: absolute; top: 100%; left: 0px; right: 0px; background-color: #fff; border: 1px solid #e5e5e5; display: none; }

.languagelist a { display: block; height: 33px; line-height: 33px; text-align: center; font-size: 14px; color: #666; }

.languagelist a:hover { color: #fff; background-color: #0068b7; }

.languagebox:hover .languagelist { display: block; }

/*header*/
.zheadercont { width: 100%; background: #fff; padding: 18px 0; position: fixed; top: 0; left: 0; z-index: 1000; }

.zheadercont .logo { width: 25%; float: left; display: block; }

.zheadercont .logo img { display: block; height: 25px; }

/*search*/
.searchwrap01 { top: 60px; background: #f2f2f2; position: absolute; left: 0px; right: 0px; z-index: 99999; display: none; padding: 10px; }

.searchwrap01 dl { margin: 0px; position: relative; }

.searchwrap01 dl input { padding: 0px 10px; height: 35px; font-family: Arial; }

.searchwrap01 dl input.textinput { background-color: #fff; background-position: 10px center; -o-background-size: 18px 18px; background-size: 18px 18px; -webkit-border-radius: 0; border-radius: 0; width: 80%; color: #999999; }

.searchwrap01 dl input.subinput { font-size: 16px; color: #1a1c26; right: 0; top: 0; position: absolute; width: 20%; display: block; text-align: center; cursor: pointer; background: #d0142c; color: #fff; }

/**/
/*banner*/
.indexbanner { width: 100%; position: relative; overflow: hidden; }

.indexbanner li { width: 100%; position: relative; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; }

.indexbanner ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.indexbannerbtn { width: 100%; text-align: center; position: absolute; left: 0; z-index: 1; bottom: 12px; }

.indexbannerbtn span { display: inline-block; width: 10px; height: 10px; background: #ccc; overflow: hidden; margin: 0 5px; cursor: pointer; opacity: 1; }

.indexbannerbtn span.swiper-pagination-bullet-active { background: #245e8e; }

.indexbanner img { display: block; width: 100%; position: relative; }

.bannertextcont { padding: 20px 15px 40px; text-align: center; color: #333; }

.bannertitle { font-size: 20px; color: #333; font-weight: bold; }

.bannertext { font-size: 16px; margin: 15px 0 20px; }

.bannerlink { display: inline-block; width: 140px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #333333; border: 1px solid #666666; }

.leftbtn, .rightbtn { display: none; }

/*indexmain*/
.indexrecommend { position: relative; }

.indexrecommend ul li { position: relative; overflow: hidden; margin-bottom: 1px; }

.indexrecommend ul li .content { position: absolute; }

.indexrecommend ul li .imgbox { overflow: hidden; width: 100%; height: 100%; }

.indexrecommend ul li .imgbox img { display: block; width: 100%; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; }

.indexrecommend ul li .name { line-height: 18px; height: 36px; overflow: hidden; font-size: 16px; color: #FFF; font-weight: bold; width: 150px; }

.indexrecommend ul li .text { font-size: 14px; color: #FFF; height: 26px; line-height: 14px; overflow: hidden; padding-top: 10px; }

.indexrecommend ul li .readmore { margin-top: 21px; display: block; font-size: 13px; color: #e5e5e5; width: 117px; height: 29px; border: 1px solid #FFF; text-align: center; line-height: 27px; overflow: hidden; }

.indexrecommend .swiper-button-prev, .indexrecommend .swiper-button-next { display: block; width: 36px; height: 36px; background: #dcdcdc url(../images/icon_06.png) no-repeat center center; position: absolute; top: 50%; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 9; margin-top: 0; }

.indexrecommend .swiper-button-prev { left: 0; }

.indexrecommend .swiper-button-next { right: 0; background-image: url(../images/icon_07.png); }

.indexrecommend .textbox { position: absolute; top: 26%; left: 38px; color: #FFF; }

/*.imagebg{ position: absolute; left: 0; right:0; top:0; bottom:0; width: 100%; height: 100%;}*/
/*.imagebg img{ display: block; width: 100%; position: absolute; top:0;left:0;}*/
.indexrecommend ul li:hover .imgbox img { -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); }

.indexrecommend ul li:hover .readmore { background-color: #245e8e; color: #FFF; }

.Solutions { padding: 20px 10px; background-color: #f2f2f2; }

.Solutions .Toptext { text-align: center; max-width: 870px; margin: 0 auto; }

.Solutions .Toptext .title { font-size: 20px; color: #000; padding-bottom: 10px; }

.Solutions .Toptext { font-size: 14px; line-height: 24px; color: #666666; padding-bottom: 20px; }

.indexcontFour li { margin-bottom: 15px; }

.indexcontFour li img { display: block; width: 100%; margin: 0 auto; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; }

.indexcontFour li dl { background-color: #FFF; }

.indexcontFour li dt { overflow: hidden; padding: 0; position: relative; }

.indexcontFour li dd { padding: 0; }

.indexcontFour li dd .textbox { padding: 15px; }

.indexcontFour li dd h3 { font-size: 16px; color: #333; height: 26px; line-height: 26px; overflow: hidden; margin-bottom: 3px; }

.indexcontFour li dd p { font-size: 14px; line-height: 24px; height: 72px; color: #666666; }

.indexcontFour li dd span { text-transform: uppercase; display: block; font-size: 13px; color: #333333; width: 117px; height: 29px; border: 1px solid #000; text-align: center; line-height: 27px; overflow: hidden; margin-top: 10px; }

.indexcomparny { padding: 20px 10px; max-width: 1764px; margin: 0 auto; }

.indexcomparny .leftnews li { margin-bottom: 15px; }

.indexcomparny .Exhibition li img { display: block; width: 100%; }

.indexcomparny h2.titlel { font-size: 18px; margin-bottom: 10px; height: 26px; overflow: hidden; }

.indexcomparny h2.titlel span { font-size: 12px; color: #c42a1f; margin-left: 20px; }

.indexcomparny .leftnews li .text { font-size: 14px; }

.indexcomparny ul li span { display: block; overflow: hidden; width: 100%; }

.indexcomparny ul li span img { display: block; width: 100%; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; }

.indexcomparny ul li:hover img { -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); }

.Exhibition dl { background-color: #f2f2f2; margin-bottom: 15px; }

.Exhibition dl dt .text { font-size: 14px; color: #333333; line-height: 24px; max-height: 48px; }

.Exhibition dl dd img { display: block; width: 100%; margin: 0 auto; }

.Exhibition dl dd { padding: 0; overflow: hidden; }

.Exhibition dl dt span { color: #808080; }

.Exhibition dl dt { padding: 10px; }

/*footer*/
.footer { background: #666666; padding: 12px 0; font-size: 14px; }

.footmap02 { text-align: center; color: #FFF; }

.footmap02 a { color: #FFF; }

.footmap02 a:hover { color: #d8262c; }

.copyrighttext02 { text-align: center; color: #FFF; }

.copyrighttext02 a { color: #ffffff; }

.footmap02 a img { vertical-align: middle; }

/*commom*/
.nybanner { position: relative; overflow: hidden; width: 100%; }

.nybanner img { display: block; width: auto; max-width: none; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.loadMore { width: 100%; height: 50px; line-height: 50px; text-align: center; color: #FFF; background-color: #d8262c; display: block; }

.loadMore:hover { color: #FFF; }

/* 搜索页*/
.searchcont01 { padding: 20px 0; background: #fff; }

.searchtitle01 { padding: 28px 15px; background: #f2f2f2; font-size: 24px; }

.searchtitle01 span { color: #dd3838; }

.resultlist01 { font-size: 13px; padding: 3% 0; }

.resultlist01 ul { padding-bottom: 20px; }

.resultlist01 img { display: block; max-width: 100%; width: auto; float: left; margin: 0 3% 0 0; }

.resultlist01 li { padding: 15px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; }

.resultlist01 h4 { line-height: 24px; font-size: 20px; margin-bottom: 2%; }

.resultlist01 h4 em { color: #dd3838; }

.resultlist01 h4 a { display: block; }

.resulttext01 { overflow: hidden; height: 72px; color: #999; }

.resultlabel01 { color: #999; display: inline-block; padding-top: 3%; }

.loadingmore { display: block; width: 100%; height: 35px; line-height: 35px; text-align: center; overflow: hidden; color: #FFF; background-color: #999; }

.subnavlistcont02 { background-color: #f2f2f2; position: relative; }

.subnavlist02 { background-color: #f2f2f2; }

.subnavlist02 .commonweb { display: none; }

.subnavlist02 ul li { font-size: 16px; text-align: center; }

.subnavlist02 ul li a { display: block; width: 100%; font-size: 16px; padding: 22px 0; text-align: center; line-height: 18px; position: relative; }

.subnavlist02 ul li a:hover, .subnavlist02 ul li a.cur { background-color: #0055a5; color: #ffffff; }

.zsannavbtn02 { padding: 15px; color: #333333; text-align: center; font-size: 16px; cursor: pointer; }

.zsannavbtn02 a:after { display: inline-block; content: ""; width: 12px; height: 12px; border-left: 1px solid #333333; border-bottom: 1px solid #333333; margin: 0 0 3px 6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }

.subnavscroll02 { width: 100%; overflow: hidden; position: relative; }

.subscrollleft02, .subscrollright02 { display: none; }

h2.title { font-size: 20px; font-weight: bold; color: #0055a5; text-align: center; line-height: 30px; }

.solutcontOne { padding: 20px 10px; text-align: center; }

.solutcontOne p.text { font-size: 14px; line-height: 24px; text-align: center; max-width: 970px; margin: 0 auto; }

.solutcontOne h2.title { margin-bottom: 6px; }

.NYsolutionslists li img { display: block; width: 100%; margin: 0 auto; }

.NySolutionswrap { background-color: #f2f2f2; padding: 20px 0; }

.NySolutionswrap .textbox { padding: 15px; }

.NySolutionswrap dl { background-color: #fff; }

.NySolutionswrap li { margin-bottom: 15px; }

.NySolutionswrap dd h3 { color: #333; font-size: 16px; line-height: 26px; margin-bottom: 3px; }

.NySolutionswrap dd p { font-size: 14px; line-height: 24px; color: #666; }

.NySolutionswrap dd span { display: block; width: 119px; height: 29px; border: 1px solid #ccc; color: #666; line-height: 29px; text-align: center; margin-top: 10px; text-transform: uppercase; }

.NyContentus { padding: 20px 0; }

.NyContentus dl { background-color: #0055a5; }

.NyContentus dt img { display: block; width: 100%; margin: 0 auto; }

.NyContentus dd { color: #fff; padding: 15px; }

.NyContentus dd h3.name { font-size: 20px; font-weight: bold; color: #f2f2f2; line-height: 30px; text-transform: uppercase; margin-bottom: 15px; }

.NyContentus dd p { margin-bottom: 15px; background-position: left top; background-repeat: no-repeat; padding-left: 40px; line-height: 28px; }

.NyContentus dd .p1 { background-image: url(../images/icon2.png); }

.NyContentus dd .p2 { background-image: url(../images/icon3.png); }

.NyContentus dd .p3 { background-image: url(../images/icon4.png); }

.NyContentus dd .p4 { background-image: url(../images/icon5.png); }

.NyContentus dd .p5 { background-image: url(../images/icon6.png); }

.OnlineMessOne { text-align: center; }

.OnlineMessOne p span { color: #ff0000; }

.OnlineMessage { padding: 20px 0; }

.OnlineMessage .onlinemesform { padding: 10px 0 0 0; }

.OnlineMessage li { width: 100%; margin-bottom: 20px; color: #999; }

.OnlineMessage li label { display: block; border-bottom: 1px solid #cccccc; height: 45px; line-height: 45px; position: relative; }

.OnlineMessage li label span { float: left; color: #999; max-width: 141px; height: 45px; overflow: hidden; display: block; }

.OnlineMessage li label span em { color: #ff0000; margin-right: 6px; }

.OnlineMessage li:last-child label span { max-width: 100%; }

.OnlineMessage li label input { display: block; height: 44px; line-height: 44px; float: left; padding-left: 20px; font-size: 15px; width: 70%; }

.OnlineMessage li.last label { border: 0; height: auto; }

.OnlineMessage li label textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; height: 200px; }

.OnlineMessage li label .yzm { max-width: 99px; position: absolute; top: 0; right: 12px; z-index: 99; cursor: pointer; }

.onlinemesform .tijiao { display: block; width: 190px; margin: 0 auto; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; background: #0055a5 url(../images/tijiao.png) no-repeat 90% center; -o-background-size: auto; background-size: auto; cursor: pointer; }

.newscont7 { padding: 36px 0; }

.hotnews07 { position: relative; background-color: #0055a5; overflow: hidden; }

.hotnews07 ul li { width: 100%; position: relative; width: 100%; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; color: #fff; }

.hotnews07 ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.hotnewslist07 dt { overflow: hidden; }

.hotnewslist07 dt img { display: block; width: 100%; transition: all .8s ease-in-out; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.hotnewslist07 dd { padding: 25px; }

.hotnewslist07 dd h4 { font-size: 20px; line-height: 30px; font-weight: bold; }

.hotnewslist07 dd a { color: #ffffff; }

.hotnewslist07 dd .hotnewslink07 { display: block; width: 119px; height: 29px; line-height: 29px; text-align: center; overflow: hidden; border: 1px solid #fff; text-transform: uppercase; font-size: 14px; }

.hotnewstext07 { margin: 28px 0; }

.hotnews07 ul li:hover dt img { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); }

#newscont7 .shotnewsbtn07 { text-align: center; padding-bottom: 20px; }

#newscont7 .shotnewsbtn07 span { display: inline-block; width: 11px; height: 11px; background-color: #ffffff; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 5px; opacity: 0.5; cursor: pointer; }

#newscont7 .shotnewsbtn07 span.swiper-pagination-bullet-active { opacity: 1; }

.newscontent2 { background-color: #f2f2f2; padding-top: 56px; }

.newscontent2 .botnewslist { position: relative; padding-bottom: 30px; }

.newscontent2 .botnewslist ul { padding-bottom: 10px; }

.newscontent2 .botnewslist li { margin-bottom: 28px; }

.newscontent2 .botnewslist li .newslistcont08 { position: relative; padding: 100px 26px 60px; background-color: #FFF; }

.newscontent2 .botnewslist .showtext h4 { font-size: 20px; line-height: 30px; height: 60px; overflow: hidden; }

.newscontent2 .botnewslist .showtext .nstext { font-size: 14px; line-height: 22px; color: #666666; margin-top: 33px; }

.newscontent2 .botnewslist .showtext .date { width: 80px; height: 80px; overflow: hidden; text-align: center; position: absolute; top: 0; left: 28px; background-color: #0055a5; padding: 7px 0px 11px; }

.newscontent2 .botnewslist .showtext .date p { font-size: 40px; color: #fff; height: 41px; line-height: 40px; overflow: hidden; }

.newscontent2 .botnewslist .showtext .date span { display: block; font-size: 12px; color: #fff; }

.newscontent2 .botnewslist .linkwuye { display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; color: #fff; font-size: 16px; font-weight: bold; opacity: 0; filter: alpha(opacity=0); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; text-align: center; line-height: 24px; }

.newscontent2 .botnewslist .linkwuye img { display: block; width: 100%; margin: 0 auto; }

.newscontent2 .botnewslist .linkwuye h4 { height: 126px; overflow: hidden; color: #fff; padding: 75px 28px 0 0; font-size: 20px; line-height: 30px; text-align: left; }

.newscontent2 .botnewslist .linkwuye h4 a { color: #fff; }

.newscontent2 .botnewslist .linkwuye:hover { -webkit-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1), 6px 0 10px rgba(0, 0, 0, 0.1), 0 -3px 10px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.1); box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1), 6px 0 10px rgba(0, 0, 0, 0.1), 0 -3px 10px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.1); }

.ReadingMore { display: block; background-color: #0055a5; color: #fff; text-align: center; text-transform: uppercase; height: 50px; line-height: 50px; font-size: 14px; }

.newsdetail11 { padding: 20px 0; }

.newsdetail11 img { max-width: 100%; }

.detailpage11 { padding-top: 20px; color: #666666; line-height: 28px; }

.detailpage11 dd p { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }

.detailpage11 dd a { color: #666666; }

.detailback11 { display: block; margin-top: 20px; width: 140px; height: 45px; background-color: #0055a5; color: #ffffff; text-align: center; line-height: 45px; font-size: 14px; overflow: hidden; }

.detailback11:hover { color: #ffffff; }

.detailtitle11 h4 { font-size: 20px; line-height: 29px; color: #333333; margin-bottom: 10px; }

.detailtext11 { padding: 25px 0; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; margin-top: 25px; font-size: 14px; line-height: 26px; color: #333333; }

.detaildate11 { font-size: 20px; color: #8e8e8e; }

.NyExhibition { padding: 20px 0; }

.NyExhibition .exhlists { padding-bottom: 20px; }

.NyExhibition dl { border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; padding: 10px 0; }

.NyExhibition dl dt { overflow: hidden; }

.NyExhibition dl dt img { display: block; width: 100%; margin: 0 auto; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; }

.NyExhibition dl dd .textbox { padding: 20px 0; }

.NyExhibition dl dd h3.name { font-weight: bold; font-size: 16px; color: #0055a5; line-height: 21px; margin-bottom: 10px; text-transform: uppercase; }

.NyExhibition dl dd p { font-size: 14px; line-height: 25px; color: #666666; }

.pertnerlisy li { padding: 15px 0; border-bottom: 1px solid #e5e5e5; }

.pertnerlisy li h3.name { font-size: 20px; margin-bottom: 15px; }

.pertnerlisy li dt img { display: block; -webkit-border-radius: 8px; border-radius: 8px; max-width: 186px; }

.pertnerlisy li dd { padding: 15px 0 0; }

.pertnerlisy li dd span { display: inline-block; border: 1px solid #e6e6e6; -webkit-border-radius: 3px; border-radius: 3px; width: 116px; margin: 0 5px 5px 0; }

.pertnerlisy li dd span img { width: 114px; display: block; margin: 0 auto; }

.pertnerlisy li dd .text { font-size: 14px; line-height: 24px; color: #666666; }

.Nycompanycultr { padding: 20px 0; }

.commnu-deatils { padding: 28px 0 0 0; }

.commnu-deatils li { position: relative; color: #666; margin-bottom: 20px; min-height: 70px; }

.commnu-deatils li .incoimg { float: left; width: 70px; }

.commnu-deatils li .incoimg img { display: block; max-width: 100%; margin: 0 auto; width: 70px; height: 70px; }

.commnu-deatils li .com-content { padding: 5px 0 0 100px; }

.color-blue { font-size: 18px; color: #0055a5; margin-bottom: 7px; font-weight: bold; }

.commnu-deatils li .line { height: 3px; width: 145px; border-right: 1px dashed #0055a5; border-top: 1px dashed #0055a5; position: absolute; top: 89px; left: 100px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-animation: mymove 5s infinite; -o-animation: mymove 5s infinite; animation: mymove 5s infinite; -webkit-animation: mymove 5s infinite; /* Safari 和 Chrome */ -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; }

.commnu-deatils li:nth-of-type(even) .line { top: 73px; -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); left: 0; }

.Nycompanyprofil { padding: 20px 0 0; }

.comprotext { text-align: center; font-size: 14px; line-height: 24px; padding-bottom: 20px; }

.comprotext h2.title { text-transform: uppercase; margin-bottom: 10px; }

.quanpimg { position: relative; overflow: hidden; padding: 0 0 15px 0; }

.quanpimg img { display: block; width: 100%; margin: 0 auto; }

.bottomimglis li { padding: 0; position: relative; }

.bottomimglis li img { display: block; width: 100%; margin: 0 auto; }

.bottomimglis li span.zhezhao { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; filter: alpha(opacity=0); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }

.bottomimglis li:hover span.zhezhao { opacity: 1; fliter: alpha(opacity=100); }

.Nycompanyscale { padding: 20px 0 0 0; }

.scaletoptext { padding-bottom: 20px; }

.scaletoptext dt img { display: block; margin: 0 auto; width: 100%; }

.scaletoptext dd { position: relative; padding: 21px 25px; margin-top: 20px; }

.scaletoptext dd:before { content: ""; display: block; background: url(../images/icon11.png) no-repeat center center; width: 25px; height: 21px; position: absolute; top: 0; left: 0; }

.scaletoptext dd:after { content: ""; display: block; background: url(../images/icon11ho.png) no-repeat center center; width: 25px; height: 21px; position: absolute; bottom: 0; right: 0; }

.scaletoptext p strong { font-size: 15px; color: #0055a5; }

.scalebottext { background-color: #f2f2f2; padding: 20px 0; }

.scalebottext h2.title { color: #333; font-weight: normal; }

.scalebottext p strong { display: block; color: #0055a5; }

.scalebottext div.text { padding: 10px 0 20px; }

.scalebottext img { display: block; max-width: 100%; width: auto; margin: 0 auto; }

.honorcont403 { padding: 20px 0; }

.honorlist403 { padding-bottom: 20px; }

.honorlist403 ul li { text-align: center; margin-bottom: 20px; }

.honordiv403 { background-color: #f2f2f2; color: #333333; cursor: pointer; }

.honordiv403 img { display: block; max-width: 100%; margin: 0 auto; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; }

.honordiv403 span { display: block; padding: 11px 0; overflow: hidden; }

.honordiv403 p { line-height: 20px; height: 40px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding: 0 5px; }

.honorlist403 ul li:hover .honordiv403 { color: #0055a5; }

.thumb-popup { display: none; position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.thunb-pros { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 86%; height: 80%; }

.thumb-copy-wrapper { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 100%; height: 100%; max-width: 1000px; background: #fff; overflow: hidden; }

.thumb-copy-wrapper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.thumb-copy-wrapper .swiper-wrapper li { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.thumb-copy-wrapper .swiper-wrapper li img { display: block; max-height: 80%; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

.thumb-copy-wrapper .close { position: absolute; right: 15px; top: 15px; z-index: 9; width: 25px; height: 25px; cursor: pointer; background: url(../images/icon12.png) no-repeat center center; }

.thumb-text { position: absolute; padding: 10px; left: 10px; right: 10px; bottom: 10px; text-align: center; z-index: 10; }

.thumb-index { display: inline-block; margin-left: 12px; display: none; }

.thumb-leftbtn, .thumb-rightbtn { display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.thumb-leftbtn { left: 10px; }

.thumb-rightbtn { right: 10px; }

.thumb-leftbtn::before, .thumb-rightbtn::before { display: inline-block; content: ""; width: 20px; height: 20px; border-left: 2px solid #b3b3b3; border-bottom: 2px solid #b3b3b3; }

.thumb-leftbtn::before { transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); margin: 12px 0 0 5px; }

.thumb-rightbtn::before { transform: rotate(135deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); margin: 12px 5px 0 0; }

.thumb-count { display: none; }

.paget { display: none; }

.ckplayer-wrapper { display: none; position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.ckplayer-wrapper .video-popup { position: absolute; top: 50%; left: 3%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 94%; max-width: 960px; }

.video-container { -webkit-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; -o-transform: none !important; transform: none !important; height: 100%; }

.thumb-close { width: 25px; height: 25px; position: absolute; right: -10px; top: -20px; background: #0055a5; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; z-index: 99; }

.thumb-close:after, .thumb-close:before { content: ""; position: absolute; height: 1px; width: 60%; top: 50%; left: 5px; margin-top: 0; background: #fff; }

.thumb-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.thumb-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.wvideo-box { padding: 20px 0; }

.wvideo-box ul li { position: relative; }

.wvideo-box li .imgbox { position: relative; }

.wvideo-box li .imgbox .text { position: absolute; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.4); color: #fff; height: 34px; line-height: 34px; padding-left: 50px; }

.wvideo-box li .imgbox .text:before { content: ""; display: block; background-image: url(../images/icon14.png); background-repeat: no-repeat; background-position: left center; position: absolute; left: 24px; width: 16px; height: 16px; top: 50%; margin-top: -8px; }

.wvideo-box li .imgbox .text .month { margin-right: 5px; }

.wvideo-box li img { display: block; width: 100%; margin: 0 auto; }

.wvideo-box ul li .playbtn { width: 42px; height: 42px; display: block; position: absolute; top: 43%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../images/icon13.png) 0 0 no-repeat; -o-background-size: 100%; background-size: 100%; }

.wvideo-box li .picture-title { color: #666; font-size: 14px; margin: 10px 0; }

.NyDownloads { padding: 20px 0; }

.Nysearch { background-color: #fff; }

.Nysearch dl { width: 100%; max-width: 574px; margin: 0 auto; }

.Nysearch dt { color: #0055a5; background: url(../images/icon22.png) no-repeat left center; -o-background-size: auto 29px; background-size: auto 29px; padding-left: 40px; line-height: 37px; }

.Nysearch dd label { display: block; }

.Nysearch dd input { display: block; float: left; font-size: 14px; }

.Nysearch dd input[type=text] { border: 1px solid #d9d9d9; height: 40px; line-height: 40px; width: 80%; border-right: 0; padding: 0 10px; }

.Nysearch dd input[type=submit] { cursor: pointer; background-color: #0055a5; color: #fff; font-size: 14px; text-align: center; height: 40px; line-height: 40px; width: 20%; }

.Nydowloadcenter { background-color: #f7f7f7; padding: 20px 0; }

.downloadcont03 { padding: 36px 0; color: #333333; }

.questiontoptext03 { text-align: center; padding-bottom: 50px; font-size: 16px; line-height: 28px; }

.questiontoptext03 h4 { font-size: 20px; line-height: 26px; font-weight: bold; color: #0068b7; padding-bottom: 18px; }

.downloadlist03 dl { font-size: 16px; position: relative; margin-bottom: 22px; cursor: pointer; }

.downloadlist03 dl dd { padding: 28px 18px; border: 5px solid #e6e6e6; background-color: #fff; }

.downloadlist03 dl dd span { display: block; }

.downloadlist03 dl dd em { display: inline-block; color: #999999; font-size: 14px; margin: 8px 0; }

.phdownload03 { display: block; font-size: 14px; padding-left: 25px; background-image: url(../images/xz06.png); background-position: left 0px; background-repeat: no-repeat; }

.commonposition { position: fixed; bottom: 140px; right: 0; z-index: 999; }

.commonposition a { display: block; width: 40px; height: 40px; position: relative; background-color: #0055a5; background-repeat: no-repeat; background-position: center center; margin-top: 1px; }

.commonposition a span { display: none; position: absolute; right: 40px; top: 0; padding: 13px; color: #fff; line-height: 24px; font-size: 14px; width: 180px; }

.commonposition a span.Homexuqiu { background-color: #0055a5; }

.commonposition a span.erCoder { width: 110px; height: 110px; padding: 0; }

.commonposition a:nth-child(1) { background-image: url(../images/icon15.png); }

.commonposition a:nth-child(2) { background-image: url(../images/icon16.png); }

.commonposition a:nth-child(3) { background-image: url(../images/icon17.png); }

.commonposition a:nth-child(4) { background-image: url(../images/icon18.png); background-color: #666; }

.n-nav li { float: none; width: 100%; position: relative; }

.n-nav h4 a { width: 100%; display: block; font-size: 16px; }

.n-nav li h5 { width: 100%; display: block; line-height: 35px; font-size: 16px; padding: 0 8px 0 23px; position: relative; }

.n-nav li.cur .twoernav { background-color: #f7f7f7; }

.nr-ernav { background-color: #ffffff; display: none; position: absolute; top: 50px; left: 0; right: 0; padding: 0 10px; z-index: 99; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }

.nr-ernav .twoernav { display: none; padding: 0 20px; border-bottom: 1px solid #e6e6e6; }

.nr-ernav li h5:before { content: ''; display: block; width: 0; height: 0; border-top: 6px solid transparent; border-left: 7px solid #666666; border-bottom: 6px solid transparent; position: absolute; left: 4px; top: 50%; margin-top: -6px; }

.nr-ernav .twoernav h4 { line-height: 35px; }

.nr-ernav .threepnav { border-bottom: 1px solid #e6e6e6; }

.nr-ernav .twoernav h4 > span { display: block; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; color: #666666; padding: 0 20px; cursor: pointer; position: relative; }

.nr-ernav .twoernav h4 > span a { font-size: 14px; color: #666; position: relative; }

.nr-ernav .twoernav h4 > span:before { display: block; content: ""; width: 4px; height: 4px; -webkit-border-radius: 100%; border-radius: 100%; background-color: #999; position: absolute; left: 5px; top: 50%; margin-top: -2px; }

.nr-ernav .twoernav h4 > span:hover:before, .nr-ernav .twoernav h4 > span.cur:before { color: #0073be; background-color: #0055a5; }

.nr-ernav .twoernav h4 > span.cur a { color: #0073be; }

.nr-ernav .twoernav h4 { line-height: 30px; }

.nr-ernav .twoernav .threelis { padding: 0 30px; display: none; }

.nr-ernav .twoernav .threelis a { display: block; font-size: 13px; color: #808080; background-repeat: no-repeat; background-position: 0 center; padding: 0 10px; height: 30px; overflow: hidden; }

.nr-ernav .twoernav .threelis a:hover, .nr-ernav .twoernav .threelis a.cur { color: #0073be; }

.n-nav { position: relative; }

.n-nav li a { display: block; }

.zsannavbtn { width: 100%; background-color: #0d71ca; padding: 0 20px; position: relative; height: 50px; line-height: 50px; }

.zsannavbtn em { display: block; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; content: ""; position: absolute; top: 8px; right: 20px; width: 20px; height: 20px; border-right: 2px solid #fff; border-top: 0; border-left: 0; border-bottom: 2px solid #fff; -moz-transform: rotate(45deg); transform: rotate(45deg); moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.zsannavbtn a { font-size: 18px; color: #fff; }

.nav-hd { display: none; }

.webcontent { padding: 20px 0; }

.NyProductcenter { background-color: #f7f7f7; padding: 20px 0; }

.zongheprodulis li { margin-bottom: 15px; }

.zongheprodulis li dl { background-color: #fff; border: 1px solid #e6e6e6; }

.zongheprodulis li:hover dl { -webkit-box-shadow: 1px 1px 10px #c1c1c1; box-shadow: 1px 1px 10px #c1c1c1; }

.zongheprodulis li dt { border-bottom: 1px solid #e6e6e6; overflow: hidden; }

.zongheprodulis li dt img { display: block; width: 100%; margin: 0 auto; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; }

.zongheprodulis li dd { padding: 15px; }

.zongheprodulis li dd h3.name { font-size: 16px; line-height: 33px; height: 33px; overflow: hidden; }

.zongheprodulis li dd div.text { margin-bottom: 8px; border-top: 1px solid #e6e6e6; padding-top: 10px; }

.zongheprodulis li dd div.text p a { display: block; font-size: 14px; color: #666666; line-height: 24px; height: 24px; overflow: hidden; }

.zongheprodulis li dd a.more { display: block; width: 98px; height: 32px; border: 1px solid #0055a5; text-align: center; line-height: 32px; overflow: hidden; color: #0055a5; }

.NyWoerTubepro { background-color: #f7f7f7; padding: 20px 0; }

.woreprodutlist li { margin-bottom: 15px; }

.woreprodutlist li div.content { background-color: #fff; border: 1px solid #e6e6e6; }

.woreprodutlist li:hover div.content { -webkit-box-shadow: 1px 5px 10px #ebebeb; box-shadow: 1px 5px 10px #ebebeb; }

.woreprodutlist li p.img { overflow: hidden; border-bottom: 1px solid #e6e6e6; }

.woreprodutlist li img { display: block; width: 100%; margin: 0 auto; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; }

.woreprodutlist li .textbox { padding: 15px; color: #666666; line-height: 22px; }

.woreprodutlist li .textbox h3.name { font-size: 16px; line-height: 33px; height: 33px; overflow: hidden; font-weight: bold; color: #333; text-overflow:ellipsis;white-space:nowrap; }

.NySccessoripro { background-color: #f7f7f7; padding: 20px 0; }

.NyProductdelials { background-color: #fff; }

.Proleftimages { overflow: hidden; position: relative; border: 1px solid #dadada; }

.Proleftimages li { width: 100%; position: relative; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; }

.Proleftimages ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.productdtdot403 { width: 100%; text-align: center; position: absolute; left: 0; z-index: 20; bottom: 12px; display: none; }

.productdtdot403 span { display: inline-block; width: 12px; height: 12px; background-color: #cccccc; overflow: hidden; margin: 0 5px; cursor: pointer; -webkit-border-radius: 100%; border-radius: 100%; }

.productdtdot403 span.swiper-pagination-bullet-active { background-color: #00a0e9; }

.Proleftimages img { display: block; width: 100%; margin: 0 auto; }

.proleftbtn, .prorightbtn { display: block; top: 50%; margin-top: -23px; z-index: 99; position: absolute; width: 22px; height: 46px; cursor: pointer; background-image: url(../images/icon19.png); background-repeat: no-repeat; }

.proleftbtn { left: 0; background-position: left bottom; }

.prorightbtn { right: 0; background-position: right bottom; }

.proleftbtn:hover { background-position: left top; }

.prorightbtn:hover { background-position: right  top; }

.Prorighttext { padding: 20px 0; }

.Prorighttext h3.title { color: #0055a5; font-size: 18px; }

.Prorighttext h3.title:after { content: ""; display: block; width: 80px; height: 1px; background-color: #cccccc; margin-top: 10px; }

.Prorighttext h4.name { font-weight: bold; color: #0055a5; font-size: 16px; line-height: 24px; margin-bottom: 10px; }

.Prorighttext .protext { padding: 20px 0; }

.Return { display: block; width: 100px; height: 40px; background-color: #0055a5; line-height: 40px; font-size: 14px; margin: 0 auto; text-align: center; color: #fff; }

.dowloada { color: #0055a5; font-size: 16px; margin-top: 10px; display: inline-block; background: url(../images/icon20.png) no-repeat right center; }

.dowloada:after { content: ""; display: inline-block; width: 26px; height: 23px; margin-left: 6px; }

.hovetitle { text-align: center; position: relative; height: 40px; line-height: 40px; border-bottom: 2px solid #0055a5; }

.hovetitle em { display: inline-block; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; width: 0; height: 0; margin-left: 5px; color: #0055a5; }

.intrduclebotco .hovetig a { width: 100%; }

.intrduclebotco .hovetig a { display: block; width: 100%; text-align: center; height: 30px; line-height: 30px; }

.intrduclebotco .hovetig a:hover, .intrduclebotco .hovetig a.cur { border-bottom: 0; }

.hovtihlist { position: relative; background-color: #f2f2f2; }

.intrduclebotco .hovetig { display: none; position: absolute; top: 40px; left: 50%; margin-left: -25%; right: 0; background-color: #fff; max-width: 50%; margin-top: 0; z-index: 99; padding: 5px 0; font-size: 14px; text-align: left; list-style: none; -o-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.prodyctswitch:nth-child(1) { display: block; }

.prodyctswitch { display: none; }

.prodyctswitch img { max-width: 100%; margin-right: 5px; }

.prodyctswitch h4 { font-size: 16px; font-weight: bold; color: #0055a5; }

.overviewtext { padding: 20px 0; }

.h16 { height: 16px; }

.dimensionsexe { padding: 20px 0; overflow-x: auto; }

.dimensionsexe table { border-spacing: 0; text-align: center; border-left: 1px solid #dedede; }

.dimensionsexe thead th { background-color: #0055a5; color: #fff; font-weight: bold; font-size: 16px; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 12px 0; }

.dimensionsexe thead th:last-child { border-right: 0; }

.dimensionsexe tbody td { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 8px 0; line-height: 24px; font-size: 16px; }

.dimensionsexe tbody tr:nth-child(even) td { background-color: #f2f2f2; }

.featureswrap, .TechnicalData, .Adhesivewrap { padding: 20px 0; }

@media (max-width: 640px) { .nybanner img { max-height: 126px; } }

@media (min-width: 520px) { .Exhibition dl dd { width: 29%; }
  .Exhibition dl dt { width: 71%; } }

@media (min-width: 768px) { .zheadercont .commonweb { position: static; }
  .Exhibition dl dd img { width: 100%; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; }
  .indexrecommend ul li { width: 50%; float: left; margin: 0; }
  .indexcontThree li { padding: 0 13px; }
  .indexcontFour li dt:after { content: ''; display: block; width: 0; height: 0; border-top: 25px solid transparent; border-right: 20px solid #fff; border-bottom: 25px solid transparent; position: absolute; right: 0; top: 50%; margin-top: -25px; }
  .indexcontFour li dd h3 { font-size: 18px; margin-bottom: 10px; }
  .indexcontFour li dd span { width: 106px; }
  .indexcontFour li dd .textbox { padding: 45px 25px; }
  .indexcontFour li:hover img { -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); }
  .zsannavbtn02 { display: none; }
  .subnavlist02 .commonweb { display: block; position: relative; }
  .subnavlist02 { display: block; background: none; }
  .subnavscroll02 { background-color: #f2f2f2; }
  .subnavlist02 .commonweb ul { width: 100%; font-size: 0; text-align: center; }
  .subnavlist02 ul li { width: auto; display: inline-block; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; display: -ms-flexbox; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; }
  .subnavlist02 ul li a { width: auto; margin: 0; padding: 26px 37px; }
  .subscrollleft02, .subscrollright02 { width: 44px; height: 70px; position: absolute; bottom: 0; cursor: pointer; z-index: 10; background-color: #cccccc; }
  .subscrollleft02 { left: 0; }
  .subscrollright02 { right: 0; }
  .subscrollleft02::before, .subscrollright02::before { display: block; content: ""; width: 16px; height: 16px; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; }
  .subscrollleft02::before { transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); margin: 28px 0 0 17px; }
  .subscrollright02::before { transform: rotate(135deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); margin: 28px 0 0 8px; }
  .NYsolutionslists li dl { background-color: #fff; }
  .NYsolutionslists li dt { padding: 0; position: relative; }
  .NYsolutionslists li dt:after { content: ''; display: block; width: 0; height: 0; border-top: 25px solid transparent; border-right: 20px solid #fff; border-bottom: 25px solid transparent; position: absolute; right: 0; top: 50%; margin-top: -25px; }
  .NySolutionswrap dd { padding: 0; }
  .NySolutionswrap dd h3 { font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; }
  .NySolutionswrap dd p { height: 72px; }
  .NyContentus dd h3.name { margin-bottom: 6px; }
  .NyContentus dd p { margin-bottom: 0; }
  .NyContentus dt { float: left; width: 53.4%; }
  .NyContentus dd { float: left; width: 46.6%; }
  .hotnewslist07 dd h4 { font-size: 24px; line-height: 36px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; font-weight: lighter; }
  .pertnerlisy li dt { float: left; }
  .pertnerlisy li dd { padding: 0 0 0 204px; }
  .pertnerlisy li dd .text { font-size: 16px; line-height: 30px; height: 120px; overflow: hidden; }
  .commnu-deatils { padding-left: 11%; }
  .commnu-deatils li .incoimg { position: absolute; }
  .commnu-deatils li .com-content { padding: 24px 0 0 142px; }
  .contact-list li { width: 33.3%; }
  .comprotext { font-size: 16px; line-height: 30px; }
  .scalebottext div.text { font-size: 16px; line-height: 30px; }
  .Nysearch dt { float: left; }
  .Nysearch dd { padding-left: 160px !important; }
  .zongheprodulis li dd div.text { height: 82px; overflow: hidden; }
  .zongheprodulis li:hover dt img { -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); }
  .woreprodutlist { overflow: hidden; }
  .woreprodutlist ul { margin: 0 -17px; padding-bottom: 20px; }
  .woreprodutlist li { padding: 0 17px; margin-bottom: 35px; }
  .woreprodutlist li .textbox { padding: 20px 23px 8px 26px; }
  .woreprodutlist li .textbox p { font-size: 15px; height: 66px; overflow: hidden; }
  .woreprodutlist li:hover img { -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); }
  .woreprodutlist li:hover .textbox h3.name { color: #0055a5; }
  .woreprodutlist li .textbox h3.name { font-size: 16px; margin-bottom: 6px; } }

@media (min-width: 1024px) { .col-md-2s { width: 12.5%; }
  .commonweb { position: relative; }
  body { padding-top: 0px; }
  .headerWrap { height: 95px; }
  .zheadercont { padding: 0; position: static; }
  .zheadercont .logo { width: 34%; padding: 0; }
  .zheadercont .logo img { height: 40px; }
  .headerT { padding-bottom: 0; border: 0; height: 33px; }
  .headerT .search { height: 25px; line-height: 25px; width: auto; }
  .headerT .search label { height: 23px; line-height: 23px; width: 170px; }
  .headerT .search label input { height: 13px; line-height: 13px; }
  .headerT .search .searchsub { height: 23px; width: 23px; }
  .languagelist { display: block; position: static; width: auto; float: right; border: none; padding-top: 4px; margin-right: 15px; height: 33px; }
  .languagelist a { display: inline-block; color: #808080; }
  .languagelist a:hover, .languagelist a.cur { color: #333; background: none; }
  .languagelist em { display: inline-block; background: url(../images/embg.png) no-repeat center; padding: 0 4px; }
  .Exhibition dl dt .text { font-size: 16px; color: #333333; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }
  .footmap02 { float: right; }
  .copyrighttext02 { float: left; line-height: 31px; }
  .indexrecommend ul li { width: 25%; }
  .indexrecommend .textbox { top: 15%; }
  .Exhibition dl dd { float: right; }
  .Exhibition dl dd img { width: 100%; }
  .indexcontFour li dd span { margin-top: 10px; }
  .indexcontFour li { margin-bottom: 0; padding: 0; }
  .indexcontFour li dd .textbox { padding: 15px; }
  .indexcontFour li:nth-child(3) dt, .indexcontFour li:nth-child(4) dt { float: right; }
  .indexcontFour li:nth-child(3) dt:after, .indexcontFour li:nth-child(4) dt:after { float: right; border-top: 25px solid transparent; border-left: 20px solid #fff; border-right: 0; border-bottom: 25px solid transparent; left: 0; }
  .indexcontFour li:hover dd p { color: #e5e5e5; }
  .indexcontFour li:hover dl { background-color: #0055a5; }
  .indexcontFour li:hover dd span { border: 1px solid #fff; color: #e5e5e5; }
  .indexcontFour li:hover dd h3 { color: #fff; }
  .indexcontFour li:hover dt:after { border-right: 20px solid #0055a5; }
  .indexcontFour li:nth-child(3):hover dt:after, .indexcontFour li:nth-child(4):hover dt:after { border-left: 20px solid #0055a5; border-right: 0; }
  .NySolutionswrap li { padding: 0; margin: 0; }
  .NySolutionswrap li:nth-child(3) dl dt, .NySolutionswrap li:nth-child(4) dl dt, .NySolutionswrap li:nth-child(7) dl dt, .NySolutionswrap li:nth-child(8) dl dt { float: right; }
  .NySolutionswrap li:nth-child(3) dl dt:after, .NySolutionswrap li:nth-child(4) dl dt:after, .NySolutionswrap li:nth-child(7) dl dt:after, .NySolutionswrap li:nth-child(8) dl dt:after { left: 0; right: auto; border-left: 20px solid #fff; border-right: 0; }
  .NySolutionswrap li:hover dl { background-color: #0055a5; }
  .NySolutionswrap li:hover dl dt:after { border-right: 20px solid #0055a5; }
  .NySolutionswrap li:nth-child(3):hover dl dt:after, .NySolutionswrap li:nth-child(4):hover dl dt:after, .NySolutionswrap li:nth-child(7):hover dl dt:after, .NySolutionswrap li:nth-child(8):hover dl dt:after { border-right: 0; border-left: 20px solid #0055a5; }
  .NySolutionswrap li:hover dd h3, .NySolutionswrap li:hover dd p { color: #fff; }
  .NySolutionswrap li:hover dd span { color: #e5e5e5; border: 1px solid #fff; }
  .NyContentus dd h3.name { font-size: 26px; line-height: 36px; }
  .detailtext11 { margin-top: 50px; font-size: 16px; line-height: 30px; padding: 56px 0 24px; }
  .detailtitle11 h4 { margin-bottom: 29px; font-size: 24px; }
  .detailpage11 { padding-top: 40px; }
  .detailpage11 dd { float: left; }
  .detailpage11 dt { float: right; }
  .NyExhibition { padding: 52px 0 70px; }
  .NyExhibition .exhlists { padding-bottom: 26px; }
  .NyExhibition dl { padding: 40px 0; margin-bottom: 0; }
  .NyExhibition dl:first-child { padding-top: 0; }
  .NyExhibition dl:last-child { border: 0; }
  .NyExhibition dl dt { float: left; width: 38%; }
  .NyExhibition dl dd { padding-left: 42.5%; }
  .NyExhibition dl dd h3.name { font-size: 18px; margin-bottom: 18px; }
  .NyExhibition dl dd p { line-height: 40px; }
  .NyExhibition dl:hover img { -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); }
  .commnu-deatils { padding: 28px 0 0 0; }
  .commnu-deatils li { position: relative; min-height: 143px; color: #666; padding-bottom: 40px; margin-bottom: 8px; }
  .commnu-deatils li:nth-of-type(even) { margin-left: 185px; }
  .commnu-deatils li .incoimg { width: 110px; }
  .commnu-deatils li .incoimg img { display: block; max-width: 100%; width: 110px; height: 110px; }
  .commnu-deatils li .com-content { padding: 29px 0 0 136px; }
  .color-blue { color: #0055a5; margin-bottom: 7px; }
  .commnu-deatils li .line { opacity: 1; }
  .commnu-deatils li:nth-of-type(even) .line { top: 73px; -webkit-transform: rotate(135deg); left: 0; }
  .Nycompanyscale dt { float: right; width: 50%; }
  .Nycompanyscale dd { float: left; width: 47%; padding: 36px 0 0 25px; margin: 0; }
  .scaletoptext { padding-bottom: 30px; }
  .scaletoptext p strong { font-size: 18px; }
  .scalebottext { padding: 37px 0 72px; }
  .scalebottext div.text { padding: 53px 0 93px; }
  .phdownload03 { display: none; }
  .downloadlist03 dl dd { padding: 28px 128px 28px 25px; }
  .downloadlist03 dl dd span { float: left; width: 60%; }
  .downloadlist03 dl dd em { float: right; font-size: 16px; margin: 0; }
  .downloadlist03 dl:hover dd { border: 5px solid #0055a5; background-color: #0055a5; color: #ffffff; }
  .downloadlist03 dl:hover a { color: #ffffff; }
  .pcdownload03 { display: block; width: 90px; height: 100%; background-color: #ccc; background-image: url(../images/xz05.png); background-position: center; background-repeat: no-repeat; position: absolute; right: 0; top: 0; }
  .downloadlist03 dl:hover dd em { color: #ffffff; }
  .downloadlist03 dl:hover .pcdownload03 { background-color: #0055a5; }
  .NyProductcenter { padding: 60px 0 30px; }
  .zongheprodulis { overflow: hidden; }
  .zongheprodulis ul { margin: 0 -23px; }
  .zongheprodulis li { margin-bottom: 46px; padding: 0 23px; }
  .zongheprodulis li dt { float: left; width: 43%; border-bottom: 0; border-right: 1px solid #e6e6e6; }
  .zongheprodulis li dd { padding-left: 46.5%; padding-top: 9px; padding-bottom: 0; }
  .zongheprodulis li dd h3.name { font-size: 18px; }
  .zongheprodulis li:hover dd h3.name { font-weight: bold; color: #0055a5; }
  .zongheprodulis li:hover dd a.more { background-color: #0055a5; color: #fff; }
  .zongheprodulis li dd div.text a:hover { color: #0055a5; }
  .NyWoerTubepro { padding: 70px 0 4px; }
  .NySccessoripro { padding: 70px 0 4px; }
  .Proleftimages { float: left; width: 48%; }
  .Prorighttext { padding-left: 50%; } }

@media (min-width: 1024px) { .visible-lg { display: block !important; }
  .headerWrap { height: auto; }
  .zheadercont .logo { margin-top: -5px; }
  .indexbannerbtn span { display: inline-block; width: 10px; height: 10px; background: #FFF; overflow: hidden; margin: 0 5px; cursor: pointer; }
  .indexbanner li:nth-child(4) .bannerlink { color: #FFF; border: 1px solid #FFF; }
  .bannertitle { font-size: 60px; line-height: 60px; transition: all 600ms; -webkit-transition: all 600ms; -moz-transition: all 600ms; -ms-transition: all 600ms; -o-transition: all 600ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
  .bannertext { font-size: 18px; margin: 20px 0 45px; transition: all 1000ms; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; -ms-transition: all 1000ms; -o-transition: all 1000ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
  .bannerlink { font-size: 16px; opacity: 0; transition: all 1300ms; -webkit-transition: all 1300ms; -moz-transition: all 1300ms; -ms-transition: all 1300ms; -o-transition: all 1300ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }
  .bannertextcont { background: none; position: absolute; padding: 0 15px; left: 0; top: 34%; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); z-index: 10; color: #333; }
  .bannerleft { text-align: left; }
  .bannercenter { text-align: center; }
  .bannerright { text-align: right; }
  .indexbanner li.active .bannertitle { -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
  .indexbanner li.active .bannertext { -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
  .indexbanner li.active .bannerlink { -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
  .leftbtn, .rightbtn { display: none; top: 50%; margin-top: -47px; z-index: 99; position: absolute; width: 35px; height: 62px; cursor: pointer; background-image: url(../images/03.png); background-repeat: no-repeat; }
  .leftbtn { left: 30px; background-position: left center; }
  .rightbtn { right: 30px; background-position: right center; }
  .indexcomparny .leftnews ul { margin: 0 -10px; }
  .Solutions .Toptext .title { font-size: 30px; }
  .Solutions { padding: 50px 10px; }
  .loadingmore { font-size: 16px; height: 40px; line-height: 40px; }
  .nr-ernav li h5.cur:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); border-left: 7px solid #0055a5; }
  h2.title { font-size: 30px; height: 40px; line-height: 40px; }
  .solutcontOne { padding: 61px 0 59px 0; }
  .solutcontOne h2.title { margin-bottom: 24px; }
  .solutcontOne p.text { font-size: 16px; line-height: 30px; }
  .NySolutionswrap { padding: 96px 10px 64px; }
  .NySolutionswrap .textbox { padding: 45px 10px 0 24px; }
  .NySolutionswrap dd h3 { margin-bottom: 7px; }
  .NySolutionswrap dd span { margin-top: 19px; }
  .NyContentus { padding: 64px 0 54px; }
  .NyContentus dd { padding: 35px 15px 0 35px; }
  .NyContentus dd h3.name { margin-bottom: 20px; }
  .NyContentus dd p { margin-bottom: 5px; }
  .OnlineMessage { padding: 65px 0 55px; }
  .onlinemesform .tijiao { width: 295px; height: 60px; line-height: 60px; font-size: 24px; }
  .OnlineMessage li { float: left; width: 50%; padding-right: 4%; margin-bottom: 47px; }
  .OnlineMessage li:nth-child(even) { padding-right: 0; padding-left: 4%; }
  .OnlineMessage li.last { width: 100%; padding-left: 0; }
  .OnlineMessage li label span { font-size: 18px; }
  .OnlineMessage li label { font-size: 18px; }
  .OnlineMessage li label input { font-size: 17px; }
  .OnlineMessage li label textarea { height: 267px; font-size: 17px; }
  .OnlineMessOne { font-size: 16px; }
  .OnlineMessOne h2.title { margin-bottom: 18px; }
  .OnlineMessage .onlinemesform { padding: 55px 0 0 0; }
  .newscont7 { padding: 53px 0 58px; }
  .hotnewslist07 dt { width: 66%; float: left; overflow: hidden; }
  .hotnewslist07 dd { width: 34%; padding: 25px 15px 0 15px; float: left; }
  .hotnewslist07 dd h4 { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; height: 60px; line-height: 30px; font-size: 24px; }
  #newscont7 .shotnewsbtn07 { width: 32%; right: 0; bottom: 20px; position: absolute; text-align: left; left: auto; padding-bottom: 0; z-index: 99; }
  .hotnewstext07 { line-height: 21px; height: 126px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; }
  .newscontent2 .botnewslist .linkwuye.showlin { opacity: 1; filter: alpha(opacity=100); background: #0055a5; }
  .newscontent2 .botnewslist .linkwuye span { display: block; text-align: left; font-weight: normal; }
  .newscontent2 .botnewslist { padding-bottom: 54px; }
  .newscontent2 .botnewslist ul { margin: 0 -11px; padding-bottom: 29px; }
  .newscontent2 .botnewslist li { padding: 0 11px; }
  .newscontent2 .botnewslist .linkwuye h4 { padding-top: 3px; }
  .newscontent2 .botnewslist .datetext { padding: 48px 24px 22px; }
  .newscontent2 .botnewslist li .newslistcont08 { padding-top: 114px; padding-bottom: 74px; }
  .newscontent2 .botnewslist li:hover .newslistcont08 { -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1); }
  .newscontent2 .botnewslist .showtext .nstext { height: 154px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7; }
  .newslists dl { padding: 35px 0 38px 0; }
  .newslists dl dt { float: left; width: 12%; }
  .newslists dl dt .date { font-size: 40px; line-height: 40px; text-align: right; }
  .newslists dl dt .year { font-size: 16px; text-indent: 22px; text-align: right; }
  .newslists dl dd { position: relative; padding: 0 173px 0 50px; float: right; width: 88%; }
  .newslists dl dd a { font-size: 14px; line-height: 20px; height: 48px; }
  .newslists dl dd h3 { font-size: 18px; line-height: 26px; height: 26px; margin-bottom: 8px; }
  .newslists dl:hover a, .newslists dl:hover dd h3 { color: #e60039; }
  .newslists dl dd:after { right: 30px; width: 15px; height: 14px; }
  .newslists .dllists { padding-bottom: 72px; }
  .newslists { padding-bottom: 35px; }
  .newsdetail11 { padding: 47px 0 63px; }
  .detailtitle11 h4 { font-size: 36px; line-height: 48px; }
  .detaildate11 { font-size: 24px; }
  .detailpage11 dd a { font-size: 14px; }
  .detailpage11 dd a:hover { color: #0055a5; }
  .detailback11 { font-size: 16px; width: 144px; height: 50px; line-height: 50px; margin-top: 0; }
  .Nycompanycultr { overflow: hidden; }
  .commnu-deatils { padding: 28px 0 0 17%; }
  .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
  @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0); }
    to { opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @-moz-keyframes fadeInLeftBig { 0% { opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      -moz-transform: translate3d(-2000px, 0, 0);
           transform: translate3d(-2000px, 0, 0); }
    to { opacity: 1;
      -webkit-transform: none;
      -moz-transform: none;
           transform: none; } }
  @-o-keyframes fadeInLeftBig { 0% { opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0); }
    to { opacity: 1;
      -webkit-transform: none;
      -o-transform: none;
         transform: none; } }
  @keyframes fadeInLeftBig { 0% { opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      -moz-transform: translate3d(-2000px, 0, 0);
           transform: translate3d(-2000px, 0, 0); }
    to { opacity: 1;
      -webkit-transform: none;
      -moz-transform: none;
        -o-transform: none;
           transform: none; } }
  .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }
  @-webkit-keyframes fadeInRight { 0% { opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); }
    to { opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @-moz-keyframes fadeInRight { 0% { opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      -moz-transform: translate3d(100%, 0, 0);
           transform: translate3d(100%, 0, 0); }
    to { opacity: 1;
      -webkit-transform: none;
      -moz-transform: none;
           transform: none; } }
  @-o-keyframes fadeInRight { 0% { opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); }
    to { opacity: 1;
      -webkit-transform: none;
      -o-transform: none;
         transform: none; } }
  @keyframes fadeInRight { 0% { opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      -moz-transform: translate3d(100%, 0, 0);
           transform: translate3d(100%, 0, 0); }
    to { opacity: 1;
      -webkit-transform: none;
      -moz-transform: none;
        -o-transform: none;
           transform: none; } }
  .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; }
  .Nycompanyprofil { padding: 59px 0 0; }
  .comprotext h2.title { margin-bottom: 33px; }
  .quanpimg { padding: 29px 0 61px; }
  .bottomimglis { padding-top: 59px; }
  .Nycompanyscale { padding: 65px 0 0 0; }
  .Nycompanyscale dd { padding: 21px 0 37px 21px; font-size: 14px; }
  .scaletoptext { padding-bottom: 88px; }
  .honorlist403 { padding-bottom: 41px; }
  .honorcont403 { padding: 64px 0 54px; }
  .honorlist403 ul li { padding: 0 11px; margin-bottom: 22px; }
  .honorlist403 ul li:hover .honordiv403 img { -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); }
  .honordiv403 span { display: block; overflow: hidden; position: relative; margin: 0 0 25px; padding: 0; }
  .thumb-copy-wrapper { width: 100%; height: 100%; }
  .thumb-copy-wrapper .swiper-wrapper li img { width: auto; max-height: 580px; }
  .honordiv403 { padding: 28px 55px 10px 55px; }
  .honordiv403 p { line-height: 30px; height: 60px; overflow: hidden; font-size: 16px; }
  .thumb-leftbtn::before, .thumb-rightbtn::before { width: 50px; height: 50px; }
  .thumb-text { font-size: 18px; padding: 18px 0; }
  .thumb-wraper { width: 90%; }
  .thumb-close { width: 30px; height: 30px; right: -30px; top: -20px; }
  .thumb-close:after, .thumb-close:before { top: 50%; left: 6px; margin-top: 0px; }
  .hasmoreimg-wraper { padding: 35px 92px; }
  .pb38 { padding-bottom: 38px; }
  .wvideo-box li .picture-title { margin-top: 18px; font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; }
  .wvideo-box { overflow: hidden; padding: 64px 0 13px 0; }
  .wvideo-box ul { margin: 0 -17px; }
  .wvideo-box ul li { padding: 0 17px; margin: 0 0 25px; }
  .ckplayer-wrapper .video-popup { width: 960px; margin-left: -480px; left: 50%; }
  .relativeitem { padding-bottom: 60px; }
  .NyDownloads { padding: 64px 0 50px; }
  .Nysearch dt { -o-background-size: auto auto; background-size: auto auto; font-size: 16px; padding-left: 52px; }
  .Nysearch dd { padding-left: 241px; }
  .Nysearch dd input[type=submit] { font-size: 16px; }
  .Nydowloadcenter { padding: 59px 0 22px; }
  .downloadlist03 { padding-bottom: 32px; }
  .webmenu { width: 26%; float: left; }
  .webcontent { width: 72.1%; float: right; padding: 0 0 40px; }
  .nr-ernav { display: block; position: static; background: none; -webkit-box-shadow: none; box-shadow: none; }
  .nr-ernav ul { margin: 0 -10px; border-top: 1px solid #d7d7d7; }
  .nr-ernav li h5 { border-bottom: 1px solid #d7d7d7; height: 60px; line-height: 60px; padding: 0; padding-left: 30px; overflow: hidden; position: relative; }
  .nr-ernav .twoernav .threelis { padding-left: 72px; padding-bottom: 5px; }
  .nr-ernav li h5 em.show { display: none !important; }
  .n-nav li h5.cur { border-bottom: 0; }
  .n-nav li h5.cur a, .n-nav li h5:hover a { color: #0073be; }
  .n-nav li h5.cur a { font-weight: bold; }
  .n-nav li.cur .twoernav { margin-top: -13px; }
  .nr-ernav .twoernav { padding: 0 0 15px 0; }
  .nr-ernav .twoernav h4 span a.cur, .nr-ernav .twoernav h4 span a:hover { color: #0073be; }
  .nr-ernav .twoernav h4 a { font-size: 14px; }
  .nr-ernav .twoernav h4 > span { padding: 0 20px 0 15px; height: 32px; line-height: 30px; overflow: hidden; left: 30px; }
  .zsannavbtn { display: none; }
  .NyWoerTubepro .nr-ernav li h5 { min-height: 60px; height: auto; line-height: 24px; padding: 10px 13px 10px 30px; }
  .NyWoerTubepro .nr-ernav li h5:before { top: 15px; margin-top: 0; }
  .NyWoerTubepro .nr-ernav li:hover h5:before, .NyWoerTubepro .nr-ernav li.cur h5:before { border-left: 7px solid #0055a5; }
  .NyWoerTubepro .nr-ernav li h5.cur { border-bottom: 1px solid #d7d7d7; }
  .NyWoerTubepro .nr-ernav li h5.cur:before { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); }
  .nr-ernav li.no h5.cur:before { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); }
  .commonposition a { width: 50px; height: 50px; }
  .proleftbtn { left: 30px; }
  .prorightbtn { right: 30px; }
  .Prorighttext { padding-bottom: 0; padding-top: 0; }
  .Prorighttext h3.title { font-size: 32px; line-height: 32px; }
  .Prorighttext h3.title:after { width: 155px; }
  .Prorighttext .protext { font-size: 16px; line-height: 26px; }
  .Prorighttext h4.name { font-size: 18px; line-height: 30px; max-height: 90px; overflow: hidden; }
  .Prorighttext .protext p { max-height: 104px; overflow: hidden; }
  .dowloada { font-size: 18px; height: 32px; overflow: hidden; }
  .prodyctswitch:nth-child(1) { display: block; }
  .hovetitle { display: none; }
  .intrduclebotco .hovetig a:hover, .intrduclebotco .hovetig a.cur { background-color: #0055a5; color: #fff; }
  .intrduclebotco .hovetig a.cur { font-weight: bold; }
  .intrduclebotco { display: block; }
  .intrduclebotco .hovetig { display: block; text-align: center; position: static; left: auto; margin-left: 0; -webkit-box-shadow: none; box-shadow: none; max-width: 100%; -webkit-border-radius: 0; border-radius: 0; border-top: 0; border-left: 0; border-right: 0; padding: 0; background-color: #f2f2f2; }
  .intrduclebotco .hovetig a { padding: 0 3.5%; display: inline-block; width: auto; margin: 0 1% 0 0; float: left; height: 68px; line-height: 68px; font-size: 16px; }
  .prodtctbottogelxt { padding: 60px 0 34px 0; }
  .overviewtext { padding: 48px 0 30px 0; font-size: 16px; line-height: 36px; }
  .dimensionsexe { padding: 56px 0 30px 0; } }

@media (min-width: 1200px) { .zheadercont .logo img { height: 50px; }
  .indexcomparny { padding: 47px 10px; }
  .Exhibition dl dt { padding: 0 0 0 32px; }
  .Exhibition dl dt .text { margin-top: 9px; }
  .Exhibition dl dt span { font-size: 14px; }
  .Exhibition dl:hover dt .text { color: #0055a5; }
  .Exhibition dl:hover dd img { -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); }
  .indexrecommend .textbox { top: 26%; }
  .indexcomparny .leftnews { padding-left: 0; width: 66%; padding-right: 0; }
  .indexcomparny .leftnews ul { margin: 0 -17px; }
  .indexcomparny .leftnews li { padding: 0 17px; }
  .indexcomparny .leftnews li .text { height: 24px; margin-top: 10px; font-size: 16px; }
  .indexcomparny .leftnews li:hover .text { color: #0055a5; }
  .indexcomparny h2.titlel { font-size: 24px; }
  .Exhibition { padding-right: 0; width: 33%; float: right; }
  h2.title { font-size: 36px; height: 40px; line-height: 40px; }
  .Solutions { padding-bottom: 79px; }
  .solutionslists { max-width: 1764px; margin: 0 auto; }
  .indexcontFour li:nth-child(3) dt { float: left; }
  .indexcontFour li:nth-child(4) dt, .indexcontFour li:nth-child(5) dt, .indexcontFour li:nth-child(6) dt { float: right; }
  .indexcontFour li:nth-child(3) dt:after { border-top: 25px solid transparent; border-right: 20px solid #fff; border-bottom: 25px solid transparent; border-left: 0; right: 0; left: auto; }
  .indexcontFour li:nth-child(4) dt:after, .indexcontFour li:nth-child(5) dt:after, .indexcontFour li:nth-child(6) dt:after { float: right; border-top: 25px solid transparent; border-left: 20px solid #fff; border-right: 0; border-bottom: 25px solid transparent; left: 0; }
  .indexcontFour li:nth-child(3):hover dt:after { border-right: 20px solid #0055a5; border-left: 0; }
  .indexcontFour li:nth-child(4):hover dt:after, .indexcontFour li:nth-child(5):hover dt:after, .indexcontFour li:nth-child(6):hover dt:after { border-left: 20px solid #0055a5; border-right: 0; }
  .NyContentus dd p { font-size: 16px; line-height: 48px; background-position: left 8px; margin-bottom: 0; }
  .hotnewslist07 dd { padding: 46px 30px 0; }
  .hotnewstext07 { margin: 45px 0 6px; }
  .hotnewslist07 dd h4 { height: 90px; }
  #newscont7 .shotnewsbtn07 { bottom: 40px; }
  .Nypartnerc { padding: 19px 0; }
  .pertnerlisy li { padding: 33px 0; }
  .pertnerlisy li h3.name { font-size: 24px; margin-bottom: 0; }
  .pertnerlisy li { float: left; width: 48%; }
  .pertnerlisy li:nth-child(odd) { width: 52%; }
  .pertnerlisy li dl { padding: 31px 0 0 0; }
  .pertnerlisy li dd .icons { margin-bottom: 0; height: 59px; overflow: hidden; }
  .pertnerlisy li dd .icons span { margin-right: 3px; }
  .pertnerlisy li dd .icons span:last-child { margin-right: 0; }
  .pertnerlisy li dd .text { padding-top: 19px; }
  .Nycompanycultr { padding: 42px 0 14px; }
  .Nycompanyscale dd { width: 45.6%; line-height: 30px; padding: 36px 0 37px 25px; }
  .webmenu { width: 23%; }
  .Nysearch dt { font-size: 18px; }
  .Nysearch dd input[type=text] { max-width: 306px; }
  .Nysearch dd input[type=submit] { width: 107px; }
  .zongheprodulis li dd div.text { margin-top: 12px; padding-top: 17px; height: 90px; margin-bottom: 25px; }
  .Prorighttext { padding-top: 26px; padding-left: 54%; }
  .Prorighttext h3.title:after { margin-top: 36px; }
  .Prorighttext .protext { padding: 32px 0 0; line-height: 30px; }
  .Prorighttext h4.name { margin-bottom: 21px; }
  .dowloada { margin-top: 30px; }
  .Prorighttext .protext p { max-height: 120px; }
  .intrduclebotco .hovetig a { font-size: 18px; }
  .prodyctswitch h4 { font-size: 18px; line-height: 28px; } }

@media (min-width: 1440px) { .indexcontFour li dd .textbox { padding: 47px 24px 0 24px; }
  .indexcontFour li dd span { margin-top: 17px; }
  .subnavscroll02 { padding: 0 44px; }
  .thumb-leftbtn { left: -126px; }
  .thumb-rightbtn { right: -126px; }
  .thumb-leftbtn::before, .thumb-rightbtn::before { width: 76px; height: 76px; }
  .thunb-pros { max-width: 1000px; } }

@media (min-width: 1920px) { .Solutions { padding-left: 0; padding-right: 0; }
  .indexcomparny { padding-left: 0; padding-right: 0; } }

@media (max-width: 319px) { body { width: 320px; } }

.in-contact { width: 100%; }

.contact-top { width: 100%; }

.contact-title { width: 100%; position: relative; line-height: 24px; color: #e81919; font-size: 16px; padding-left: 54px; }

.contact-title:after { content: ''; position: absolute; height: 100%; width: 44px; background: url(../images/contact01.png) no-repeat scroll 0 0; top: 0; left: 0; }

.contact-main .title { font-size: 16px; line-height: 28px; padding: 15px 0; }

.contact-table { width: 100%; }

.contact-table li { line-height: 24px; padding: 2px 0; }

.contact-table li .name { float: left; min-width: 90px; }

.contact-table li .txt { display: block; overflow: hidden; }

.contact-table li span { color: #4c4c4c; font-size: 14px; }

.contact-table li span a { color: #4c4c4c; }

.contact-pic { width: 100%; padding-top: 25px; }

.contact-pic .image { width: 100%; overflow: hidden; }

.contact-pic .image img { display: block; width: 100%; }

.baidumap { height: 320px; }

.contact-bottom { padding-top: 35px; }

@media (min-width: 1024px) { .in-contact { width: 100%; }
  .contact-top { width: 100%; }
  .contact-top:after { content: ''; display: block; clear: both; height: 0; visibility: visible; }
  .contact-info { float: left; width: 48%; padding-right: 15px; }
  .contact-title { font-size: 20px; }
  .contact-main .title { font-size: 20px; }
  .contact-table li span { font-size: 16px; }
  .contact-pic { width: auto; padding-top: 0px; overflow: hidden; }
  .baidumap { height: 460px; }
  .contact-bottom { padding-top: 60px; } }

@charset "UTF-8";
/* 尾部s */
footer { background: #4c4c4c; padding-top: 34px; padding-bottom: 26px; position: relative; z-index: 8; border-top: 1px solid #e5ddd0; }

.footer-left { padding-bottom: 20px; }

.footer-link { font-size: 0; line-height: 1; text-align: center; }

.footer-link li { display: inline-block; vertical-align: top; padding-bottom: 6px; padding-top: 6px; }

.footer-link li a { display: block; color: #cacaca; font-size: 13px; padding: 0 10px; line-height: 1; position: relative; }

.footer-link li a:before { content: ''; width: 1px; background-color: #e7e7e7; height: 12px; top: 50%; position: absolute; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.footer-link li a:hover { color: #f2f2f2; }

.footer-link li:first-child a { padding-left: 0; }

.footer-link li:first-child a:before { display: none; }

.footer-infos { font-size: 13px; color: #9e9fa3; line-height: 16px; padding-top: 5px; text-align: center; }

.footer-infos a { color: #8d8c91; display: inline-block; }

.footer-infos a:hover { color: #f2f2f2; }

.footer-link-addr { font-size: 13px; padding-top: 20px; }

.footer-link-addr a { display: inline-block; vertical-align: top; color: #787878; margin: 0 5px; }

.footer-link-addr a:hover { color: #666; }

.footer-select { width: 180px; line-height: 28px; text-align: center; margin: 0 auto; position: relative; z-index: 99; }

.footer-select:hover .title { color: #888; }

.footer-select .title { color: #a7a6ab; border: 1px solid #e5e5e7; font-size: 13px; width: 100%; cursor: pointer; padding-right: 32px; position: relative; }

.footer-select .title:after { content: ''; position: absolute; width: 8px; height: 8px; border: 1px solid #e5e5e7; border-top: none; border-left: none; right: 12px; top: 6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.footer-select .title:before { content: ''; position: absolute; height: 16px; width: 1px; background-color: #e5e5e7; top: 5px; right: 32px; }

.footer-select .title.on:after { top: 11px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.footer-select .selul { position: absolute; width: 100%; left: 0; bottom: 30px; background-color: #fff; border: 1px solid #e7e7e7; border-bottom: none; line-height: 24px; padding: 10px 0; display: none; }

.footer-select .selul li { width: 100%; font-size: 13px; padding: 5px 0; }

.footer-select .selul li a { display: block; color: #8b8b93; }

.footer-select .selul li:hover a { color: #666; }

.footerkefu { position: relative; text-align: center; z-index: 200; margin-top: 20px; }

.footerkefu .label { display: inline-block; vertical-align: middle; font-size: 14px; color: #787878; padding-right: 15px; }

.footer-share { display: inline-block; vertical-align: middle; }

.footer-share .bdshare { line-height: normal; }

.footer-share .bdshare a { background-repeat: no-repeat; -o-background-size: cover; background-size: cover; background-position: center; width: 33px; height: 33px; padding: 0; margin: 0; margin-right: 10px; display: inline-block; position: relative; }

.footer-share .bdshare .bds_weixin { background-image: url(../images/weixin.png); }

.footer-share .bdshare .bds_weixin:hover .focusimg { visibility: visible; opacity: 1; }

.footer-share .bdshare .bds_tsina { background-image: url(../images/weibo.png); }

.footer-share .bdshare .bds_tsina:hover { opacity: 0.8; }

.bd_weixin_popup { height: 306px !important; }

.focusimg { position: absolute; width: 120px; height: 120px; padding: 5px; top: -130px; left: 50%; border: 1px solid #ddd; visibility: hidden; opacity: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; background-color: #fff; }

.focusimg:after { content: ''; position: absolute; border: 6px solid transparent; border-top-color: #fff; bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 3; }

.focusimg:before { content: ''; position: absolute; border: 8px solid transparent; border-top-color: #ddd; bottom: -16px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; }

.focusimg img { display: block; width: 100%; }

@media (min-width: 1024px) { footer { padding-top: 40px; padding-bottom: 54px; }
  .footer-left { text-align: left; float: left; padding-bottom: 0; }
  .footer-infos { display: inline-block; vertical-align: top; text-align: left; }
  .footer-link-addr { display: inline-block; vertical-align: top; padding-top: 0px; }
  .footer-link { text-align: left; }
  .footer-right { text-align: right; float: right; font-size: 0; }
  .footerkefu { display: inline-block; vertical-align: middle; margin-top: 0px; }
  .footerkefu .label { padding-right: 10px; }
  .footer-select { display: inline-block; vertical-align: middle; margin-right: 44px; }
  .footer-share .bdsharebuttonbox a { margin-right: 0; margin-left: 10px; } }

/* 尾部s */

@charset "UTF-8";
body { padding-top: 56px; }

header { padding-left: 15px; padding-right: 15px; position: fixed; top: 0; left: 0; width: 100%; z-index: 199; background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.headerweb { width: 100%; }

.logo { float: left; }

.logo a { display: block; padding: 12px 0; }

.logo a img { display: block; height: 32px; }

.header-right { float: right; line-height: 56px; font-size: 0; }

/* ========================= */
.headlanguage, .index-search, .mobnav-btn { display: inline-block; vertical-align: middle; }

.headlanguage .langbtn { color: #333333; font-size: 14px; display: block; padding-left: 18px; padding-right: 18px; position: relative; }

.headlanguage .langbtn:after { content: ''; position: absolute; width: 8px; height: 8px; border: 1px solid #828282; border-top: none; border-right: none; right: 0; top: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -6px; }

.headlanguage .language-box { position: absolute; width: 100%; left: 0; top: 56px; line-height: 40px; background-color: #fff; border-bottom: 1px solid #ddd; display: none; }

.headlanguage .language-box a { display: block; width: 100%; font-size: 14px; text-align: center; }

.headlanguage .language-box a:hover { color: #0055a5; }

/* ========================= */
.search-icon { background-image: url(../images/searchicon.png); display: inline-block; vertical-align: middle; width: 33px; height: 33px; background-repeat: no-repeat; -o-background-size: auto; background-size: auto; background-position: center 0; overflow: hidden; background-color: #bfbfbf; }

.index-search { display: inline-block; vertical-align: middle; margin-right: 12px; margin-left: 12px; }

.index-search .search-box { position: absolute; overflow: hidden; top: 56px; width: 100%; left: 0; background-color: #fff; padding: 30px 15px; display: none; border-bottom: 1px solid #ddd; }

.index-search .search-box input { display: block; height: 40px; line-height: 40px; font-size: 14px; }

.index-search .search-box .search-txt { width: 100%; text-indent: 10px; padding-right: 60px; border: 1px solid #ddd; }

.index-search .search-box .search-btn { position: absolute; width: 60px; top: 30px; right: 15px; z-index: 2; color: #fff; font-family: "思源黑体"; background-color: #0055a5; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.index-search .search-box .search-btn:active { background-color: #024e95; }

/*========================*/
.mobnav-btn { display: inline-block; vertical-align: middle; width: 25px; height: 30px; position: relative; }

.mobnav-btn span { position: absolute; width: 100%; height: 2px; background-color: #666; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.mobnav-btn span:first-child { top: 6px; }

.mobnav-btn span:nth-child(2) { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.mobnav-btn span:last-child { bottom: 6px; }

.mobnav-btn.open span:first-child { top: 14px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.mobnav-btn.open span:nth-child(2) { opacity: 0; }

.mobnav-btn.open span:last-child { bottom: 14px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

/*========================*/
nav { position: fixed; top: 50px; background-color: #fff; left: 0; right: 0; bottom: 0; padding-top: 20px; padding-bottom: 80px; z-index: 188; overflow-x: hidden; overflow-y: auto; display: none; }

nav ul { width: 100%; }

nav ul li { width: 100%; padding: 0 15px; line-height: 40px; border-bottom: 1px solid #ddd; }

nav ul li h4 { width: 100%; padding: 5px 0; position: relative; }

nav ul li h4 a { display: block; color: #6d6e8b; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

nav ul li h4 .icon { position: absolute; width: 30%; right: 0; top: 0; height: 100%; }

nav ul li h4 .icon:after { content: ''; position: absolute; border: 1px solid #6d6e8b; border-left: none; border-bottom: none; width: 10px; height: 10px; right: 5px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: 50%; margin-top: -9px; }

nav ul li.cur h4 .icon:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -2px; }

.subnav { width: 100%; padding: 0 15px 15px; display: none; }

.subnav a { display: block; width: 100%; color: #6d6e8b; font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

/* ======================= */
.stockmain { position: fixed; z-index: 189; width: 100%; bottom: 0; left: 0; padding: 25px 0; -webkit-transition: all ease-in-out 0.6s; -o-transition: all ease-in-out 0.6s; -moz-transition: all ease-in-out 0.6s; transition: all ease-in-out 0.6s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); background-color: #fff; }

.stockmain.open { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.stock-up { text-align: center; color: #383838; padding-top: 4px; }

.stock-up strong { margin-right: 6px; }

.stock-up em { font-style: normal; }

.stock-up .downup .icon { display: inline-block; width: 12px; height: 12px; }

.stock-up .downup.up .icon { background: url(../images/up.png) no-repeat center center; }

.stock-up .downup.down .icon { background: url(../images/down.png) no-repeat center center; }

.stock-up .downup.up .bs { color: #c32b20; }

.stock-up .downup.down .bs { color: #008000; }

.stock-up .as, .stock-up .ts { color: #a6a6a6; }

.stock-up .ts { margin-right: 8px; }

@media (min-width: 1024px) { body { padding-top: 100px; }
  .mobnav-btn { display: none; }
  .logo a { padding: 30px 0; }
  .logo a img { height: 40px; }
  .header-right { float: none; line-height: 100px; position: absolute; right: 15px; top: 0px; width: 120px; text-align: right; }
  /* ========================= */
  .headlanguage { position: relative; }
  .headlanguage .language-box { width: 120px; left: 50%; top: 100px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border-bottom: none; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .headlanguage .language-box a { font-size: 14px; }
  /* ========================= */
  .index-search { margin-right: 0px; margin-left: 0px; padding-left: 22px; position: relative; }
  .index-search .search-box { top: 100px; width: 300px; right: 0; left: auto; border-bottom: none; padding: 20px 15px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .index-search .search-box .search-btn { top: 20px; }
  /*========================*/
  nav { position: static; background-color: transparent; padding-top: 0px; padding-bottom: 0px; overflow: inherit; display: block; width: 100%; padding-left: 160px; padding-right: 120px; }
  nav ul { font-size: 0; text-align: right; }
  nav ul li { width: auto; display: inline-block; padding: 0 10px; line-height: 100px; border-bottom: none; }
  nav ul li h4 { padding: 0; }
  nav ul li h4:after { content: ''; position: absolute; bottom: 0; left: 51%; right: 51%; height: 2px; background-color: #0055a5; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  nav ul li h4 a { color: #333333; }
  nav ul li h4 .icon { display: none; }
  nav ul li:hover h4:after, nav ul li.cur h4:after { left: 0; right: 0; }
  nav ul li:hover h4 a, nav ul li.cur h4 a { color: #0055a5; }
  .subnav { width: 100%; padding: 0; background: rgba(0, 85, 165, 0.9); line-height: 50px; text-align: center; position: absolute; left: 0; }
  .subnav a { display: inline-block; vertical-align: top; width: auto; color: #fefefe; padding: 0 10px; margin: 0 2px; position: relative; }
  .subnav a:after { content: ''; position: absolute; right: -2px; width: 1px; height: 14px; background-color: rgba(255, 255, 255, 0.5); top: 50%; margin-top: -7px; }
  .subnav a:hover { background-color: rgba(0, 85, 165, 0.9); color: #f8f8f8; }
  .subnav a:last-child:after { display: none; }
  /* ======================= */
  .stockmain { position: absolute; bottom: auto; left: auto; right: 0; top: 0; padding: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; background-color: transparent; text-align: right; padding: 0 15px; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; }
  .stock-up { display: inline-block; vertical-align: top; } }

@media (min-width: 1260px) { header { padding-left: 40px; padding-right: 40px; }
  .logo { position: relative; z-index: 55; }
  .logo a { padding: 27px 0; }
  .logo a img { height: 46px; }
  .header-right { right: 40px; width: 130px; }
  /* ========================= */
  .headlanguage .langbtn { font-size: 16px; }
  /* ========================= */
  /*========================*/
  nav { padding-right: 130px; }
  nav ul li { padding: 0 15px; }
  nav ul li h4 a { font-size: 16px; }
  .subnav a { padding: 0 20px; }
  /* ======================= */
  .stockmain { padding-right: 40px; } }

@media (min-width: 1680px) { header { padding-left: 60px; padding-right: 60px; }
  .logo { position: relative; z-index: 55; }
  .logo a { padding: 22px 0; }
  .logo a img { height: 56px; }
  .header-right { right: 380px; width: 150px; padding-right: 20px; }
  nav { padding-right: 460px; }
  nav ul li { padding: 0 18px; }
  /* ======================= */
  .stockmain { position: absolute; width: auto; right: 60px; top: 0; padding: 0; line-height: 100px; padding-left: 20px; border-left: 1px solid #e6e6e6; }
  .stock-up { font-size: 16px; padding-top: 0; } }

@charset "UTF-8";
.searchcont401 { padding: 0; background-color: #ffffff; min-height: 60vh; }

.searchtitle401 { padding: 28px 15px; background-color: #f2f2f2; }

.searchtitle401 span { color: #f7931c; }

.resultlist401 { font-size: 13px; padding: 3% 0; }

.resultlist401 img { display: block; width: 100%; margin-bottom: 2%; }

.resultlist401 li { padding: 15px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; }

.resultlist401 h4 { font-size: 16px; line-height: 24px; margin-bottom: 3%; }

.resultlist401 h4 em { color: #f7931c; font-style: normal; }

.resultlist401 h4 a { display: block; }

.resulttext401 { overflow: hidden; height: 72px; color: #999; }

.resultlabel401 { color: #999; display: inline-block; padding-top: 30px; }

.searchinputcont401 dt input { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333333; background-color: #ffffff; font-family: "思源黑体"; }

.searchinputcont401 dd input { margin-top: 10px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; width: 100%; height: 40px; line-height: 40px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #4c51c0; text-align: center; font-family: "思源黑体"; }

.searchinputcont401 dd input:hover { background-color: #4046bf; }

.keywords { color: #da251d; }

@media (min-width: 768px) { .searchtitle401 { font-size: 24px; }
  .resultlist401 h4 { font-size: 20px; margin-bottom: 2%; }
  .searchimg401 { float: left; margin: 0 3% 0 0; display: block; width: 200px; height: 150px; overflow: hidden; position: relative; }
  .resultlist401 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; width: auto; } }

@media (min-width: 992px) { .searchinputcont401 { width: 45%; margin: 0 auto; }
  .searchinputcont401 dt { float: left; width: 78%; }
  .searchinputcont401 dd { float: left; width: 22%; }
  .searchinputcont401 dt input { font-size: 16px; }
  .searchinputcont401 dd input { margin-top: 0; }
  .searchinputcont401 dd input { font-size: 16px; font-weight: bold; } }

.loadingmore { display: block; width: 100%; font-size: 14px; background-color: #2f318b; height: 40px; line-height: 40px; color: #ffffff; text-align: center; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.loadingmore:hover { background-color: #4c4ea4; }

@media (min-width: 1024px) { .loadingmore { height: 50px; line-height: 50px; font-size: 16px; } }

/* 无搜索结果 */
.no-result { width: 100%; min-height: 226px; }

.no-result .content2 { padding: 90px 20px; }

.no-result .content2 h2 { padding-right: 60px; font-weight: bold; font-size: 18px; padding-bottom: 27px; color: #322c27; text-align: center; }

.no-result .content2 h2 img { vertical-align: middle; margin-right: 14px; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: auto; display: inline-block; margin: 0; margin-right: 15px; }

.no-result .content2 .cnt { width: 350px; margin: 0 auto; }

.no-result .content2 .cnt p { padding-left: 14px; position: relative; left: 0; top: 0; color: #5d5c5b; font-size: 14px; line-height: 36px; }

.no-result .content2 .cnt p span { position: absolute; width: 4px; height: 4px; background: #c4c4c4; top: 17px; left: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

@media (min-width: 767px) { .no-result .content2 h2 img { display: inline-block; } }

@charset "UTF-8";
/* swiper 3.0 */
.swiper-wrapper { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; }

/* swiper 3.0 */
@media (max-width: 1023px) { .scroll_X::-webkit-scrollbar-track { background-color: #f5f5f5; }
  /*定义滚动条高宽及背景*/
  .scroll_X::-webkit-scrollbar { height: 4px; }
  /*定义滚动条*/
  .scroll_X::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 10px; border-radius: 10px; } }

footer { border-top: none; }

/* 内页banner s */
.inside-banner { width: 100%; overflow: hidden; }

.inside-banner .image { width: 100%; overflow: hidden; position: relative; height: 180px; }

.inside-banner .image img { display: block; height: 100%; position: relative; left: -140px; }

@media (min-width: 640px) { .inside-banner .image { height: auto; }
  .inside-banner .image img { left: 0px; width: 100%; } }

/* 内页banner e */
/* 走进沃尔 s */
.full-inside-nav { width: 100%; overflow: hidden; height: 46px; background-color: #f2f2f2; }

.full-inside-nav .commonweb { padding: 0; }

.inside-nav-wrapper { width: 100%; overflow: hidden; position: relative; }

.inside-nav-swiper { width: 100%; overflow: hidden; }

.inside-nav-swiper ul li { line-height: 46px; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; width: auto; }

.inside-nav-swiper ul li a { display: block; color: #333333; font-size: 14px; white-space: nowrap; padding: 0 25px; }

.inside-nav-swiper ul li.cur { background-color: #0055a5; }

.inside-nav-swiper ul li.cur a { color: #fff; }

.inside-nav-botton { display: none; }

.inside-nav-botton.swiper-button-disabled { cursor: default; background-color: #d9d9d9 !important; }

.inside-page { padding-top: 30px; padding-bottom: 25px; }

@media (min-width: 768px) { .inside-page { padding-top: 35px; } }

@media (min-width: 1024px) { .inside-nav-wrapper { padding-left: 45px; padding-right: 45px; }
  .inside-nav-swiper li:hover { background-color: #0055a5; }
  .inside-nav-swiper li:hover a { color: #fff; }
  .inside-nav-botton { display: none; position: absolute; width: 45px; top: 0; height: 100%; cursor: pointer; background-color: #d9d9d9; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .inside-nav-botton:hover { background-color: #cac9c9; }
  .inside-nav-prev { left: 0; }
  .inside-nav-prev:after { content: ''; width: 16px; height: 16px; border: 2px solid #fff; border-top: none; border-right: none; position: absolute; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); top: 50%; left: 50%; margin-left: 3px; }
  .inside-nav-next { right: 0; }
  .inside-nav-next:after { content: ''; width: 16px; height: 16px; border: 2px solid #fff; border-top: none; border-right: none; position: absolute; -webkit-transform: translate(-50%, -50%) rotate(-135deg); -moz-transform: translate(-50%, -50%) rotate(-135deg); -ms-transform: translate(-50%, -50%) rotate(-135deg); -o-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); top: 50%; left: 50%; margin-left: -3px; }
  .inside-nav-botton.swiper-button-disabled:after { border-color: #454545; }
  .inside-nav-swiper ul { font-size: 0; text-align: center; display: block; }
  .inside-nav-swiper ul li { line-height: 56px; display: inline-block; vertical-align: top; min-width: 155.600px; }
  .inside-nav-swiper ul li a { font-size: 15px; padding: 0px; }
  .inside-nav-swiper ul.flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; }
  .inside-page { padding-top: 50px; padding-bottom: 55px; }
  .full-inside-nav { height: 56px; } }

@media (min-width: 1200px) { .inside-nav-swiper ul li { line-height: 70px; min-width: 166.667px; }
  .inside-nav-swiper ul li a { font-size: 16px; }
  .inside-page { padding-top: 65px; padding-bottom: 75px; }
  .full-inside-nav { height: 70px; } }

.font14-lh24 { font-size: 14px; line-height: 24px; color: #666; }

.in-chairman { width: 100%; }

.in-chairman dl dt { width: 100%; overflow: hidden; position: relative; }

.in-chairman dl dt img { display: block; width: 100%; }

.in-chairman dl dd { width: 100%; padding-top: 20px; }

.chairman-text-title { color: #0055a5; font-size: 16px; margin-bottom: 5px; }

.nobtpadding { padding-bottom: 0; }

.his-datetab { width: 100%; max-width: 900px; margin: 0 auto; overflow: hidden; }

.his-datetab ul li { padding: 0; text-align: center; border: 1px solid #d7d7d7; line-height: 42px; margin-bottom: 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.his-datetab ul li a { display: block; color: #868686; font-weight: bold; font-size: 15px; width: 100%; }

.his-datetab ul li.cur, .his-datetab ul li:hover { background-color: #0055a5 !important; border-color: #0055a5 !important; }

.his-datetab ul li.cur a, .his-datetab ul li:hover a { color: #fff; }

.in-history { width: 100%; overflow: hidden; }

.history-ul { width: 100%; overflow: hidden; position: relative; }

.history-ul:after { content: ''; position: absolute; height: 100%; width: 1px; background-color: #bfbfbf; top: 0; left: 6px; z-index: -1; }

.history-ul li { width: 100%; margin-bottom: 10px; }

.history-ul li .con { padding-left: 40px; }

.history-ul li .con .title { font-size: 16px; color: #0055a5; line-height: 28px; font-weight: bold; position: relative; }

.history-ul li .con .title:after { content: ''; position: absolute; width: 12px; height: 12px; background-image: url(../images/yuanyuan.png); background-repeat: no-repeat; -o-background-size: cover; background-size: cover; background-position: center center; left: -39px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.history-ul li .con .title:before { content: ''; position: absolute; width: 11px; height: 9px; background-image: url(../images/leftleft.png); background-repeat: no-repeat; -o-background-size: cover; background-size: cover; background-position: center center; left: -20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.history-ul li .con .infp { color: #333333; line-height: 22px; font-size: 14px; margin-top: 5px; margin-bottom: 10px; }

.history-ul li .con .imgmain { width: 100%; }

.history-ul li .con .img { margin-left: -0.9%; margin-right: -0.9%; font-size: 0; }

.history-ul li .con .img img { display: inline-block; vertical-align: bottom; width: 98.2%; margin-left: 0.9%; margin-right: 0.9%; margin-bottom: 10px; }

.history-ul li .conmain { width: 100%; position: relative; z-index: 2; }

@media (min-width: 768px) { .in-history ul { padding-top: 45px; padding-bottom: 60px; }
  .history-ul li .con .img img { width: 48.2%; } }

@media (min-width: 1024px) { .in-history ul { padding-top: 75px; padding-bottom: 150px; }
  .history-ul:after { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .history-ul li { margin-bottom: 20px; }
  .history-ul li .con { padding: 0px; }
  .history-ul li .con .title { font-size: 18px; line-height: 28px; }
  .history-ul li .con .infp { font-size: 16px; margin-top: 10px; margin-bottom: 15px; }
  .history-ul li:nth-child(odd) { padding-right: 50%; }
  .history-ul li:nth-child(odd) .con { padding-right: 50px; }
  .history-ul li:nth-child(odd) .con .title { text-align: right; }
  .history-ul li:nth-child(odd) .con .title:after { left: auto; right: -56px; }
  .history-ul li:nth-child(odd) .con .title:before { left: auto; right: -25px; background-image: url(../images/rightright.png); }
  .history-ul li:nth-child(odd) .con .infp { text-align: right; }
  .history-ul li:nth-child(even) { padding-left: 50%; }
  .history-ul li:nth-child(even) .con { padding-left: 50px; }
  .history-ul li:nth-child(even) .con .title { text-align: left; }
  .history-ul li:nth-child(even) .con .title:after { right: auto; left: -56px; }
  .history-ul li:nth-child(even) .con .title:before { right: auto; left: -25px; }
  .history-ul li:nth-child(even) .con .infp { text-align: left; } }

@media (min-width: 1200px) { .in-history ul { padding-top: 100px; padding-bottom: 200px; }
  .history-ul li .con .title { font-size: 24px; line-height: 32px; font-weight: normal; }
  .history-ul li .con .infp { margin-top: 20px; margin-bottom: 18px; } }

.in-culture { width: 100%; overflow: hidden; }

.culture-line { width: 100%; padding-bottom: 20px; }

.culture-title { color: #0055a5; font-size: 16px; line-height: 1.3; text-align: center; font-weight: bold; }

.cultureRow-one { width: 100%; padding-top: 15px; }

.cultureRow-one dl { width: 100%; }

.cultureRow-one dl dt { width: 100%; overflow: hidden; position: relative; padding: 25px 15px 20px 0; }

.cultureRow-one dl dt:after { content: ''; position: absolute; right: 0; height: 100%; width: 235px; top: 0; z-index: 1; background: url(../images/cdian01.png) no-repeat scroll 0 0; -o-background-size: cover; background-size: cover; }

.cultureRow-one dl dd { width: 100%; padding-top: 15px; }

.culone-image { width: 100%; overflow: hidden; position: relative; z-index: 2; }

.culone-image img { display: block; width: 100%; }

.culone-ul { width: 100%; font-size: 14px; color: #737373; line-height: 38px; }

.culone-ul li .title { float: left; color: #333333; min-width: 120px; }

.culone-ul li .text { display: block; overflow: hidden; }

.cultureRow-two { width: 100%; padding-top: 15px; }

.font16-lh26 { font-size: 14px; color: #666; line-height: 24px; }

.cultureRow-three { width: 100%; }

.culthree-table { width: 100%; background-color: #f2f2f2; }

.culthree-table .cell { position: relative; }

.culthreeMain { padding: 25px 15px 25px; }

.culthree-text { width: 100%; padding-top: 15px; padding-bottom: 20px; }

.culthree-img { background-position: center center; background-repeat: no-repeat; -o-background-size: cover; background-size: cover; width: 100%; height: 226px; }

.culture-lines { width: 100%; }

.cul-meaning { padding-top: 20px; }

.meaning { width: 100%; position: relative; }

.meaning .image { float: left; width: 100px; padding: 0 15px 0 0; }

.meaning .image img { display: block; width: 100%; }

.meaning .word { overflow: hidden; }

.meaning-item { width: 100%; padding-bottom: 14px; }

.meaning-item .title { color: #0055a5; font-size: 15px; font-weight: bold; line-height: 32px; }

.CH-ENG { width: 100%; }

.CH-ENG .item { font-size: 0; line-height: 28px; }

.CH-ENG .item .sp { display: inline-block; vertical-align: bottom; color: #333333; font-size: 14px; font-weight: bold; }

.CH-ENG .item .sp b { font-style: normal; font-weight: bold; font-size: 16px; color: #d9251a; display: inline-block; vertical-align: bottom; }

.CH-ENG .item .sp em { font-style: normal; font-weight: bold; font-size: 16px; display: inline-block; vertical-align: bottom; margin-left: -3px; }

.in-innovate { width: 100%; padding-top: 25px; padding-bottom: 35px; }

.innovate-article { width: 100%; }

.innovate-article:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.font14-lh20 { color: #929292; font-size: 14px; line-height: 20px; }

.innovate-title { color: #595959; font-weight: bold; font-size: 16px; }

.innovate-img { font-size: 0; text-align: center; padding-top: 25px; }

.innovate-img img { display: inline-block; vertical-align: bottom; max-width: 100%; margin-bottom: 15px; margin-left: 15px; margin-right: 15px; }

.in-environment { width: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; background-size: cover; padding-top: 25px; padding-bottom: 35px; }

.environment { width: 100%; max-width: 1376px; margin: 0 auto; }

.environment-title { text-align: center; color: #393939; line-height: 1.41667; font-size: 18px; }

.env-tab-rmain { padding-top: 12px; padding-bottom: 24px; }

.env-banner-tab { width: 100%; text-align: center; font-size: 0; }

.env-banner-tab li { display: inline-block; vertical-align: top; padding: 0 5px; line-height: 34px; }

.env-banner-tab li a { display: block; color: #757980; font-size: 14px; padding: 0 14px; background-color: #bcc2cc; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.env-banner-tab li.cur a { color: #fff; background-color: #0055a5; }

.environment-cons { width: 100%; min-height: 210px; }

.environment-banner { width: 100%; position: relative; display: none; }

.environment-swiper { overflow: hidden; }

.environment-swiper ul li a { display: block; width: 100%; }

.environment-swiper ul li .image { display: block; width: 100%; overflow: hidden; }

.environment-swiper ul li .image img { display: block; width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.environment-swiper ul li .info { display: block; width: 100%; font-style: normal; text-align: center; font-size: 14px; color: #5a5a5a; line-height: 30px; padding: 5px 15px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.environment-btn { position: absolute; width: 46px; height: 47px; background-position: 0 0; background-repeat: no-repeat; -o-background-size: cover; background-size: cover; top: 30%; overflow: hidden; cursor: pointer; display: none; }

.environment-prev { background-image: url(../images/cxprev.png); }

.environment-next { background-image: url(../images/cxnext.png); }

.ReadingMore { -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.ReadingMore:hover { background-color: #05529a; opacity: 0.9; }

.ReadingMore:after {content: url(../images/new_t_btn_03.png); margin-left:10px; width: 8px; height: 8px;  border-top: none;  border-right: none; right: 6px;
 -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); vertical-align: 0px;}

/* 走进沃尔 e*/
/* 投资者关系 s */
.in-table { width: 100%; }

.investor-table { width: 100%; overflow-x: auto; margin-bottom: 20px; }

.investor-table table { width: 100%; min-width: 580px; background-color: #bfddf9; }

.investor-table table thead tr th:last-child { background-color: #e1f1ff; }

.investor-table table thead tr th { font-size: 16px; color: #0055a5; line-height: 24px; padding: 12px 0; text-align: center; border-bottom: 1px solid #fff; }

.investor-table table tbody tr td:last-child { background-color: #e1f1ff; }

.investor-table table tbody tr td { line-height: 24px; border-bottom: 1px solid #fff; text-align: center; padding: 10px 0; font-size: 14px; color: #333333; }

.investor-table table tbody tr .timu { border-right: 1px solid #fff; text-align: center; width: 8%; }

.investor-table table tbody tr .timu span { display: inline-block; text-align: center; white-space: nowrap; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/ -webkit-writing-mode: tb-lr; writing-mode: tb-lr; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ }

.company-notice { width: 100%; padding-bottom: 25px; }

.notice-ul { width: 100%; }

.notice-ul li { width: 100%; padding: 15px 0; border-bottom: 1px dashed #999999; }

.notice-ul li a { display: block; position: relative; width: 100%; }

.notice-ul li a .icon { position: absolute; width: 40px; height: 50px; background-repeat: no-repeat; background-position: center center; -o-background-size: contain; background-size: contain; }

.notice-ul li a .pdf { background-image: url(../images/pdf.png); }

.notice-ul li a .word { background-image: url(../images/word.png); }

.notice-ul li .viewicon { display: none; }

.notice-ul li .viewicon .txt { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.notice-ul .notice-main { width: 100%; padding-left: 54px; }

.notice-ul .notice-main .title { color: #444444; font-size: 14px; line-height: 24px; white-space: nowrap; overflow: hidden; width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 8px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.notice-ul .notice-main .info { color: #999999; font-size: 13px; line-height: 18px; }

.notice-ul .notice-main .info span { display: inline-block; vertical-align: top; }

.notice-ul .notice-main .info .size { margin-right: 15px; }

.in-graphic { width: 100%; }

.graphic-top { background-color: #f0f0f0; }

.graphicLe-item { background-color: #0055a5; padding: 24px 40px 40px; }

.graphicLe-item .title { color: #fff; font-size: 13px; line-height: 20px; }

.graphicLe-item .title span { font-size: 15px; }

.graphicLe-item .info { color: #fff; font-size: 13px; }

.graphic-show { font-size: 0; padding-top: 20px; padding-bottom: 10px; white-space: nowrap; }

.graphic-show span { display: inline-block; vertical-align: bottom; font-size: 13px; }

.graphic-show span em { font-style: normal; }

.graphic-show .nums { font-size: 40px; line-height: 1; }

.graphic-show .icon { width: 25px; height: 31px; background-repeat: no-repeat; background-position: center center; -o-background-size: auto; background-size: auto; margin-bottom: 6px; margin-left: 5px; margin-right: 5px; }

.graphic-show .txt i { color: #7897c4; }

.graphic-show.up .nums { color: #fff; }

.graphic-show.up .icon { background-image: url(../images/nqhicon_02s.png); }

.graphic-show.up .txt { color: #fff; }

.graphic-show.down .nums { color: #b1020c; }

.graphic-show.down .icon { background-image: url(../images/nqhicon_02.png); }

.graphic-show.down .txt { color: #b1020c; }

.graphicRh-item { padding: 20px 15px; }

.graphic-ul { font-size: 0; }

.graphic-ul li { color: #373737; font-size: 15px; line-height: 22px; padding: 5px 0; display: inline-block; width: 50%; }

.graphic-ul li span { display: inline-block; font-weight: bold; }

.graphic-main { width: 100%; background-color: #dfe6ed; padding-top: 30px; padding-bottom: 40px; }

.graphic-image { width: 100%; max-width: 690px; margin: 0 auto; overflow: hidden; }

.graphic-image img { display: block; width: 100%; }

.graphic-tips { text-align: center; line-height: 22px; padding-top: 20px; }

.graphic-tips .title, .graphic-tips .graphic-form, .graphic-tips .graphic-link { display: inline-block; vertical-align: top; }

.graphic-tips .title { color: #373737; font-size: 14px; display: block; }

.graphic-tips .graphic-link { display: block; }

.graphic-form { font-size: 0; padding: 10px 0; }

.graphic-select { display: inline-block; vertical-align: top; background-color: transparent; border: 1px solid #a8adb2; -webkit-appearance: menulist-button; -moz-appearance: menulist-button; appearance: menulist-button; width: 48%; margin: 0 1% 5px; height: 22px; line-height: 22px; }

.graphic-link { font-size: 0; }

.graphic-link a { display: inline-block; font-size: 14px; color: #0055a5; text-decoration: underline; margin: 0 5px; }

.graphic-link a:hover { color: #0361b9; }

@media (min-width: 768px) { .graphic-ul li { width: 33.3334%; } }

@media (min-width: 1024px) { .graphic-top:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; }
  .graphicLe-item { float: left; width: 350px; }
  .graphic-show { padding-top: 30px; padding-bottom: 15px; }
  .graphic-show .nums { font-size: 60px; }
  .graphic-show .icon { margin-bottom: 10px; }
  .graphic-show.up .txt { margin-bottom: 5px; }
  .graphicRh-item { padding: 55px 50px; overflow: hidden; }
  .graphic-ul li { padding: 15px 0; width: auto; display: block; float: left; min-width: 120px; }
  .graphic-ul li:nth-child(4n+1) { clear: both; }
  .graphic-tips .title { display: inline-block; }
  .graphic-tips .graphic-link { display: inline-block; }
  .graphic-form { padding: 0; }
  .graphic-select { width: 82px; margin: 0; margin: 0 5px; text-align: center; cursor: pointer; } }

.shareholder { width: 100%; overflow: hidden; }

.shareholder-title { text-align: center; line-height: 1.5; color: #333333; font-size: 18px; }

.shareholder-main { width: 100%; overflow-x: auto; padding-top: 25px; }

.shareholder-table { min-width: 820px; width: 100%; }

.shareholder-table thead tr th { text-align: center; line-height: 36px; background-color: #ebf1f7; border: 1px solid #cccccc; color: #333333; font-weight: normal; font-size: 16px; }

.shareholder-table tbody tr td { border: 1px solid #cccccc; font-size: 14px; color: #333333; text-align: center; line-height: 20px; padding: 8px 20px; }

.shareholder-table tbody tr:first-child td:first-child { text-align: center; font-size: 16px; }

.shareholder-table tbody tr:first-child td:nth-child(2) { text-align: left; }

.shareholder-table tbody tr td:first-child { text-align: left; }

.news-loadingmore { background-color: #0055a5; }

.news-loadingmore:hover { background-color: #024f97; }

.activity-wrapper { width: 100%; overflow: hidden; }

.activity-title { line-height: 1.53333; color: #333333; font-size: 18px; }

.activity-item { line-height: 24px; color: #666666; font-size: 14px; padding-top: 8px; padding-bottom: 16px; }

.activity-item span { display: inline-block; width: 100%; }

.activity-main { width: 100%; }

.activity-width { width: 100%; overflow-x: auto; }

.activity-table { min-width: 780px; width: 100%; }

.activity-table tbody tr td { border: 1px solid #d9d9d9; padding: 15px 20px; }

.activity-table tbody tr td:first-child { padding-left: 0; padding-right: 0; }

.activity-table thead tr td { height: 0; padding: 0; }

.activity-name { display: block; text-align: center; color: #333333; font-size: 16px; }

.activity-ul { max-width: 390px; }

.activity-ul li { display: inline-block; vertical-align: top; padding-left: 25px; line-height: 28px; min-width: 190px; font-size: 14px; color: #4c4c4c; position: relative; }

.activity-ul li:before { content: ''; position: absolute; width: 15px; height: 15px; background-color: transparent; border: 1px solid #4d4d4d; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.activity-ul li.on:before { background-color: #4d4d4d; }

.activity-text { color: #4c4c4c; font-size: 14px; line-height: 26px; }

@media (min-width: 768px) { .activity-item span { width: auto; margin-right: 45px; } }

@media (min-width: 1024px) { .activity-title { font-size: 26px; }
  .activity-item { font-size: 16px; padding-top: 15px; padding-bottom: 35px; }
  .activity-width { overflow-x: hidden; font-size: 0; }
  .activity-table { width: 99%; margin: 0 0.5%; min-width: auto; }
  .activity-table tbody tr td { padding: 20px 40px; }
  .activity-name { font-size: 18px; }
  .activity-ul li { font-size: 16px; }
  .activity-text { font-size: 16px; } }

@media (min-width: 1200px) { .activity-title { font-size: 30px; }
  .activity-item { font-size: 18px; }
  .activity-table tbody tr td { padding: 20px 60px; }
  .activity-name { font-size: 20px; }
  .activity-ul li { line-height: 32px; } }

.talkabout { width: 100%; }

.talkabout-img { width: 100%; overflow: hidden; }

.talkabout-img img { display: block; width: 100%; }

.talkabout-form { width: 100%; padding-top: 25px; }

.talkabout-panel { width: 100%; }

.talkabout-ul { margin-left: -5px; margin-right: -5px; }

.talkabout-ul li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }

.talkabout-item { width: 100%; position: relative; }

.talkabout-item .label, .talkabout-item .arealabel { position: absolute; color: #b2b2b2; font-size: 14px; left: 12px; min-width: 82px; line-height: 24px; }

.talkabout-item .label i, .talkabout-item .arealabel i { color: #ff0000; display: inline-block; margin-right: 5px; }

.talkabout-item .label { top: 50%; margin-top: -12px; }

.talkabout-item .arealabel { top: 12px; min-width: auto; }

.talkabout-item .sels { position: absolute; top: 0; right: 0; height: 100%; }

.talkabout-item .sels:after { content: ''; position: absolute; border: 4px solid transparent; border-top-color: #b2b2b2; right: 6px; top: 50%; margin-top: -2px; pointer-events: none; }

.talkabout-item .icon { position: absolute; top: 50%; right: 12px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 18px; height: 24px; }

.talkabout-item .icon:after, .talkabout-item .icon:before { content: ''; position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -o-background-size: contain; background-size: contain; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.talkabout-item .icon:after { opacity: 1; }

.talkabout-item .icon:before { opacity: 0; }

.talkabout-item .icontel:after { background-image: url(../images/formicon01.png); }

.talkabout-item .icontel:before { background-image: url(../images/formicon01s.png); }

.talkabout-item .iconfax:after { background-image: url(../images/formicon02.png); }

.talkabout-item .iconfax:before { background-image: url(../images/formicon02s.png); }

.talkabout-item .iconemail:after { background-image: url(../images/formicon03.png); }

.talkabout-item .iconemail:before { background-image: url(../images/formicon03s.png); }

.talkabout-sels { height: 100%; position: relative; padding-right: 20px; padding-left: 10px; background-color: transparent; color: #b2b2b2; font-size: 14px; }

.talkabout-input { display: block; width: 100%; border: 1px solid #e5e3e1 !important; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; line-height: 42px; height: 44px; padding-left: 100px; padding-right: 60px; color: #333; font-size: 14px; }

.talkabout-input::-webkit-input-placeholder { /* WebKit browsers */ color: #b2b2b2; }

.talkabout-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b2b2b2; }

.talkabout-input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b2b2b2; }

.talkabout-input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #b2b2b2; }

.talkabout-textarea { display: block; width: 100%; border: 1px solid #e5e3e1 !important; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; height: 182px; line-height: 24px; font-size: 14px; color: #333; padding: 10px 20px; }

.talkabout-textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #b2b2b2; }

.talkabout-textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b2b2b2; }

.talkabout-textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b2b2b2; }

.talkabout-textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #b2b2b2; }

.talkabout-input:focus { border-color: #0055a5 !important; }

.talkabout-input:focus + .icon:after { opacity: 0; }

.talkabout-input:focus + .icon:before { opacity: 1; }

.talkabout-textarea:focus { border-color: #0055a5 !important; }

.talkabout-textarea:focus + .arealabel { display: none; }

.talkabout-codeimage { width: 100%; max-width: 380px; position: relative; overflow: hidden; }

.talkabout-codeimage .codeimage { position: absolute; right: 0; top: 0; height: 100%; width: 100px; border: 1px solid #e5e3e1; }

.talkabout-codeimage .codeimage img { width: 100%; height: 100%; display: block; }

.codeinput { width: 100%; padding-right: 112px; }

.codeinput .talkabout-input { padding: 0 20px; }

.formsubmit { width: 100%; padding-top: 20px; font-size: 0; }

.formsubmit .wws { margin-left: -3px; margin-right: -3px; }

.talkabout-btn { display: inline-block; color: #fff; font-size: 14px; border: none; outline: none; line-height: 42px; height: 42px; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 48%; margin: 0 3px; }

.talkabout-submit { background-color: #0055a5; }

.talkabout-submit:hover { background-color: #02509a; }

.talkabout-reset { background-color: #d7d7d7; }

.talkabout-reset:hover { background-color: #cdcbcb; }

/* 投资者关系e */
/* 人才招聘  s*/
.in-personnel { width: 100%; }

.personnel-img { width: 100%; overflow: hidden; }

.personnel-img img { display: block; width: 100%; }

.personnel-left { padding-top: 25px; }

.personnel-ul li { width: 100%; margin-bottom: 20px; }

.personnel-ul li .iconLe { width: 90px; height: 90px; text-align: center; float: left; }

.personnel-ul li .iconLe:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; }

.personnel-ul li .iconRh { overflow: hidden; }

.personnel-ul li:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; }

.personnel-ul .personnel-li01 .iconLe { background-color: #00a0ea; }

.personnel-ul .personnel-li01 .personnel-item .title { color: #00a0ea; }

.personnel-ul .personnel-li02 .iconLe { background-color: #8fc320; }

.personnel-ul .personnel-li02 .personnel-item .title { color: #8fc320; }

.personnel-ul .personnel-li03 .iconLe { background-color: #f39801; }

.personnel-ul .personnel-li03 .personnel-item .title { color: #f39801; }

.personnel-icon { display: inline-block; vertical-align: middle; width: 42px; height: 56px; overflow: hidden; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; background-position: center center; }

.personnel-icon01 { background-image: url(../images/rencaiicon01.png); }

.personnel-icon02 { background-image: url(../images/rencaiicon02.png); }

.personnel-icon03 { background-image: url(../images/rencaiicon03.png); }

.personnel-item { padding: 0px 15px 0; }

.personnel-item .title { font-size: 16px; font-weight: bold; line-height: 1.66667; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 2px; }

.personnel-item .info { color: #333333; font-size: 14px; line-height: 24px; }

.personnel-item .info .point { font-style: normal; display: inline-block; margin-right: 8px; }

.recruit-tab { text-align: center; font-size: 0; margin-left: -5px; margin-right: -5px; }

.recruit-tab li { display: inline-block; width: 33.333%; padding-left: 5px; padding-right: 5px; line-height: 34px; max-width: 132px; }

.recruit-tab li a { border: 1px solid #cccccc; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: block; font-size: 14px; color: #666666; }

.recruit-tab li.cur a { color: #fff; background-color: #0055a5; border-color: #0055a5; }

.recruit-wrapper { width: 100%; padding: 20px 0; }

.recruit-table-scroll { overflow-x: auto; width: 100%; }

.recruit-table { width: 100%; min-width: 1100px; background-color: #f3f3f3; }

.recruit-table .t-head { background-color: #0055a5; font-size: 0; }

.recruit-table .t-head li { color: #fff; font-size: 16px; line-height: 44px; }

.recruit-table .city, .recruit-table .school, .recruit-table .step, .recruit-table .time, .recruit-table .addr { display: inline-block; vertical-align: top; position: relative; }

.recruit-table .city { width: 18%; text-align: center; }

.recruit-table .school { width: 22%; padding-left: 20px; padding-right: 20px; }

.recruit-table .step { width: 11%; text-align: center; }

.recruit-table .time { width: 25%; text-align: center; }

.recruit-table .addr { width: 24%; text-align: center; }

.recruit-table .t-body { width: 100%; }

.recruit-table .t-body li { line-height: 44px; border-bottom: 1px solid #cccccc; }

.recruit-table .t-body li a { display: block; width: 100%; cursor: default; font-size: 0; }

.recruit-table .t-body li a span { color: #333333; font-size: 14px; }

.recruit-table .t-body li a .city { padding-left: 50px; padding-right: 50px; }

.recruit-table .t-body li a .city:before { content: ''; border: 3px solid #0055a5; width: 15px; height: 15px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 35px; }

.recruit-table-tips { background-color: #f3f3f3; color: #333333; line-height: 24px; padding: 10px 35px; }

@media (min-width: 1024px) { .recruit-table .t-head li { line-height: 60px; }
  .recruit-table .t-body li { line-height: 60px; }
  .recruit-table .school { padding-left: 40px; }
  .recruit-table-tips { padding: 22px 35px; } }

.recruit-search { padding: 30px 0 20px; }

.inM-search { width: 100%; margin: 0 auto; }

.inM-search dl { width: 100%; }

.inM-search dl dt { color: #0055a5; width: 100%; font-size: 16px; line-height: 40px; position: relative; padding-left: 40px; padding-right: 20px; }

.inM-search dl dt:before { content: ''; position: absolute; width: 30px; height: 30px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: url(../images/icon22.png) scroll center center; -o-background-size: contain; background-size: contain; }

.inM-search dl dd { overflow: hidden; font-size: 0; position: relative; }

.inM-search dl dd .fmtext { height: 40px; line-height: 38px; width: 100%; display: block; padding-right: 100px; text-indent: 10px; font-size: 14px; color: #333; border: 1px solid #d9d9d9; border-right: none; }

.inM-search dl dd .fmbtn { position: absolute; top: 0; right: 0; height: 100%; width: 100px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #fff; background-color: #0055a5; }

.inM-search dl dd .fmbtn:hover { background-color: #054e93; }

@media (min-width: 768px) { .recruit-search { padding: 40px 0; }
  .inM-search { max-width: 562px; }
  .inM-search dl dt { float: left; width: 150px; font-size: 16px; } }

@media (min-width: 1024px) { .inM-search dl dt { font-size: 18px; }
  .inM-search dl dd .fmbtn { font-size: 16px; } }

.SHrecruit { width: 100%; }

.recruit-type { text-align: center; font-size: 0; line-height: 30px; padding: 10px 0; background-color: #f2f2f2; }

.recruit-type a { display: inline-block; vertical-align: top; color: #1a1a1a; font-size: 14px; padding: 0 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; position: relative; }

.recruit-type a:after { content: ''; position: absolute; height: 16px; width: 1px; background-color: #d6d6d6; right: 0; top: 50%; margin-top: -8px; }

.recruit-type a.cur, .recruit-type a:hover { color: #0055a5; }

.recruit-type a:last-child:after { display: none; }

.SHrecruit-list { width: 100%; padding-bottom: 30px; }

.SHrecruit-ul { width: 100%; }

.SHrecruit-ul li { width: 100%; border-bottom: 1px solid #d9d9d9; }

.SHrecruit-ul li .showtitle { width: 100%; position: relative; font-size: 16px; padding: 0 15px; cursor: pointer; line-height: 46px; }

.SHrecruit-ul li .showtitle:after { content: ''; position: absolute; width: 12px; height: 12px; border: 3px solid #bfbfbf; border-top: none; border-right: none; right: 15px; top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); margin-top: -5px; }

.SHrecruit-ul li .word { padding: 20px 15px; width: 100%; background-color: #f2f2f2; display: none; }

.SHrecruit-ul li.cur { border-bottom: none; }

.SHrecruit-ul li.cur .showtitle { background-color: #0055a5; color: #fff; }

.SHrecruit-ul li.cur .showtitle:after { border-color: #fff; -webkit-transform: translateY(-50%) rotate(135deg); -moz-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); margin-top: 2px; }

.recruit-point { padding-bottom: 10px; border-bottom: 1px solid #cccccc; }

.recruit-point .item { font-size: 0; line-height: 26px; }

.recruit-point .item .name, .recruit-point .item .txt { display: inline-block; color: #4c4c4c; font-size: 14px; }

.recruit-point .item .name { font-weight: bold; }

.recruit-art { width: 100%; font-size: 14px; color: #4c4c4c; line-height: 24px; padding-top: 20px; }

.recruit-art .title { font-weight: bold; line-height: 30px; font-size: 14px; }

.recruit-art .text { padding-top: 5px; padding-bottom: 20px; }

.recruit-send { width: 100%; }

.recruit-send .recruit-btn { display: inline-block; vertical-align: top; color: #ffffff; font-size: 14px; background-color: #0055a5; line-height: 42px; padding: 0 25px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.recruit-send .recruit-btn:hover { background-color: #03519b; }

@media (min-width: 768px) { .recruit-point .item { float: left; width: 50%; } }

@media (min-width: 1024px) { .recruit-type { padding: 18px 0; }
  .recruit-type a { font-size: 15px; padding: 0 40px; }
  .SHrecruit-ul li .showtitle { font-size: 18px; padding: 0 35px; line-height: 54px; }
  .SHrecruit-ul li .showtitle:after { right: 35px; }
  .SHrecruit-ul li .word { padding: 25px 35px; }
  .SHrecruit-ul li:hover .showtitle { background-color: #0055a5; color: #fff; }
  .SHrecruit-ul li:hover .showtitle:after { border-color: #fff; }
  .recruit-point { padding-bottom: 20px; }
  .recruit-point .item { line-height: 30px; width: 33.333%; }
  .recruit-send { width: 100%; }
  .recruit-send .recruit-btn { font-size: 16px; } }

@media (min-width: 1200px) { .recruit-type { padding: 24px 0; }
  .recruit-type a { font-size: 16px; }
  .SHrecruit-ul li .showtitle { line-height: 60px; }
  .recruit-point { padding-bottom: 28px; }
  .recruit-point .item { width: 22%; }
  .recruit-point .item:nth-child(4n+1) { clear: both; } }

.in-welfare { width: 100%; overflow: hidden; }

.welfare-ul { width: 100%; }

.welfare-ul li { padding: 40px 0; }

.welfare-ul li .www { width: 100%; max-width: 1180px; margin: 0 auto; }

.welfare-ul li .imgbox { width: 100%; }

.welfare-ul li .image { width: 100%; position: relative; }

.welfare-ul li .image img { display: block; width: 100%; position: relative; z-index: 2; }

.welfare-ul li .word { padding: 15px; }

.welfare-ul li:nth-child(3n+1) .imgbox { padding-right: 30px; padding-bottom: 30px; padding-top: 30px; }

.welfare-ul li:nth-child(3n+1) .image:after { content: ''; position: absolute; width: 100%; height: 100%; bottom: -30px; right: -30px; background-color: #b2cce4; z-index: -1; }

.welfare-ul li:nth-child(3n+1) .image:before { content: ''; position: absolute; width: 110px; height: 110px; background: url(../images/fl02.png) no-repeat scroll 0 0; -o-background-size: cover; background-size: cover; z-index: 1; right: -50px; top: -34px; }

.welfare-ul li:nth-child(2n) { background-color: #f2f2f2; }

.welfare-ul li:nth-child(2n) .imgbox { padding-left: 30px; padding-bottom: 30px; }

.welfare-ul li:nth-child(2n) .image:after { content: ''; position: absolute; width: 100%; height: 100%; bottom: -30px; left: -30px; background-color: #b2cce4; z-index: 1; }

.welfare-ul li:nth-child(3n) .imgbox { padding-right: 30px; padding-bottom: 30px; }

.welfare-ul li:nth-child(3n) .image:after { content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/fl01.png) no-repeat scroll 0 0; -o-background-size: cover; background-size: cover; z-index: 1; right: -30px; bottom: -30px; }

.welfare-art .title { font-size: 16px; color: #333333; line-height: 1.6; font-weight: bold; margin-bottom: 12px; }

.welfare-art .text { color: #333333; font-size: 14px; line-height: 26px; margin-bottom: 10px; }

.welfare-table { width: 100%; }

.welfare-table tr th { border: 1px solid #cccccc; text-align: center; color: #0055a5; font-size: 15px; line-height: 24px; background-color: #ebf1f7; }

.welfare-table tr td { border: 1px solid #cccccc; color: #4c4c4c; font-size: 13px; line-height: 24px; text-align: center; }

/* 人才招聘 e*/
/* 分支机构 s */
.organization { width: 100%; }

.organization .org-left { position: relative; z-index: 3; }

.accordion-main { width: 100%; position: relative; }

.accordion-titile { width: 100%; position: relative; background-color: #0055a5; color: #fff; text-align: center; cursor: pointer; font-size: 16px; line-height: 42px; }

.accordion-titile:after { content: ''; position: absolute; width: 12px; height: 12px; border: 1px solid #fff; border-top: none; border-right: none; top: 50%; right: 15px; -webkit-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); margin-top: -3px; }

.accordion { position: absolute; background-color: #f0f0f0; width: 100%; height: 360px; overflow-x: hidden; overflow-y: auto; display: none; /*定义滚动条高宽及背景*/ /*定义滚动条*/ }

.accordion::-webkit-scrollbar-track { background-color: #f5f5f5; }

.accordion::-webkit-scrollbar { width: 3px; }

.accordion::-webkit-scrollbar-thumb { background-color: #0055a5; -webkit-border-radius: 10px; border-radius: 10px; }

.accordion ul { padding: 20px 15px; width: 100%; }

.accordion ul li { width: 100%; border-bottom: 1px solid #dddddd; margin-bottom: 15px; }

.accordion ul li .title { color: #333333; font-size: 16px; font-weight: bold; line-height: 28px; }

.accordion ul li .submain { width: 100%; padding-top: 5px; padding-bottom: 12px; }

.accordion ul li .submain a { display: block; width: 100%; position: relative; color: #4d4d4d; padding-left: 14px; line-height: 22px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; padding: 4px 15px; }

.accordion ul li .submain a:before { content: ''; position: absolute; width: 4px; height: 4px; background-color: #4d4d4d; -webkit-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -2px; left: 0; }

.accordion ul li .submain a.cur, .accordion ul li .submain a:hover { color: #0055a5; }

.accordion ul li .submain a.cur:before, .accordion ul li .submain a:hover:before { background-color: #0055a5; }

.accordion ul li:last-child { border-bottom: none; }

.organization-text { width: 100%; padding-top: 25px; }

.orgArticle-title { color: #0055a5; line-height: 28px; font-size: 18px; margin-bottom: 8px; }

.orgArticle { width: 100%; color: #666666; font-size: 14px; line-height: 24px; }

.orgArticle img { max-width: 100%; }

/* 分支机构 e */
/* 在线商城 e */
.online-store { width: 100%; max-width: 1050px; margin: 0 auto; }

.store-ul { margin-left: -15px; margin-right: -15px; }

.store-ul li { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; }

.store-ul li a { display: block; width: 100%; border: 1px solid #e6e6e6; padding: 20px 30px; }

.store-ul li .image { display: block; width: 100%; max-width: 306px; margin: 0 auto; overflow: hidden; }

.store-ul li .image img { display: block; width: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.product-art { padding: 20px 0; }

.product-table-wrap { width: 100%; overflow-x: auto; }

.product-table { width: 100%; min-width: 720px; }

.product-table thead th { background-color: #0055a5; color: #fff; font-weight: bold; font-size: 16px; border: 1px solid #dedede; padding: 12px; }

.product-table tbody td { border: 1px solid #dedede; padding: 8px; line-height: 24px; font-size: 14px; }

.product-table02 tbody td:first-child { text-align: center; }

.product-table03 tbody td { text-align: center; }

.product-table03 thead th { text-align: center; }

/* 在线商城 s */

@media (min-width: 768px) { .his-datetab ul li { border: none; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; margin-bottom: 0px; }
  .his-datetab ul li:first-child { border-left: 1px solid #d7d7d7; }
  .his-datetab ul li:last-child { border-right: 1px solid #d7d7d7; }
  .culture-title { font-size: 18px; }
  .culthree-img { height: 320px; }
  .notice-ul li { padding: 24px 0; }
  .notice-ul li a .icon { left: 10px; }
  .notice-ul li .viewicon { position: absolute; right: 0; top: 0; width: 110px; text-align: center; }
  .notice-ul li .viewicon .sicon { display: block; width: 38px; margin: 0 auto; height: 38px; position: relative; }
  .notice-ul li .viewicon .sicon:after, .notice-ul li .viewicon .sicon:before { content: ''; position: absolute; width: 100%; height: 100%; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; top: 0; left: 0; }
  .notice-ul li .viewicon .sicon:after { background-image: url(../images/xx01.png); }
  .notice-ul li .viewicon .sicon:before { background-image: url(../images/xx02.png); opacity: 0; }
  .notice-ul li .viewicon .txt { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #888888; font-size: 13px; line-height: 24px; padding-top: 5px; }
  .notice-ul .notice-main { width: 100%; padding-left: 80px; padding-right: 110px; }
  .notice-ul .notice-main .title { font-size: 16px; margin-bottom: 12px; }
  .notice-ul .notice-main .info .size { margin-right: 42px; } }

@charset "UTF-8";
@media (min-width: 1024px) { /* reset wq  开始*/
  /* reset wq  结束*/
  /* 走进沃尔 s */
  .in-chairman dl dt { width: 350px; padding-right: 10px; padding-bottom: 10px; float: left; }
  .in-chairman dl dt:after { content: ''; position: absolute; top: 10px; right: 0; left: 10px; height: 100%; background-color: #e5eef6; z-index: -1; }
  .in-chairman dl dd { width: auto; padding-top: 0px; overflow: hidden; padding-left: 40px; }
  .chairman-text-title { font-size: 18px; margin-bottom: 10px; }
  .his-datetab ul li { line-height: 58px; }
  .his-datetab ul li a { font-size: 16px; }
  .culture-line { padding-bottom: 45px; }
  .culture-title { font-size: 20px; font-weight: normal; }
  .cultureRow-one dl { width: 100%; }
  .cultureRow-one dl dt { width: 50%; overflow: hidden; position: relative; padding: 44px 30px 26px 60px; float: right; }
  .cultureRow-one dl dd { width: 50%; padding-top: 30px; float: left; }
  .cultureRow-two { padding-top: 28px; }
  .font16-lh26 { font-size: 16px; line-height: 26px; }
  .culthree-table:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; }
  .culthree-table .cell { width: 50%; float: left; }
  .culthree-img { width: 100%; height: 450px; }
  .culthreeMain { padding: 25px 0 8px 25px; max-width: 590px; }
  .culthreeMain .culture-title { text-align: left; }
  .culthree-text { padding-top: 20px; padding-bottom: 20px; }
  .cul-meaning { padding-top: 40px; }
  .meaning .image { width: 200px; padding: 0 40px 0 50px; }
  .meaning-item .title { font-size: 18px; line-height: 42px; }
  .CH-ENG .item { line-height: 38px; }
  .CH-ENG .item .sp { font-size: 16px; }
  .CH-ENG .item .sp b { font-size: 24px; }
  .CH-ENG .item .sp em { font-size: 24px; }
  .in-innovate { padding-top: 45px; padding-bottom: 55px; }
  .innovate-article .cell { padding: 0; }
  .innovateimg-main { padding-left: 30px; }
  .innovate-img { text-align: left; padding-top: 0px; }
  .innovate-img img { margin-left: 5.4%; margin-right: 0px; width: 44.6%; }
  .in-environment { padding-top: 45px; padding-bottom: 55px; }
  .environment { padding-left: 100px; padding-right: 100px; }
  .environment-title { font-size: 22px; }
  .env-tab-rmain { padding-top: 25px; padding-bottom: 50px; }
  .env-banner-tab li a { font-size: 16px; padding: 0 17px; }
  .env-banner-tab li:hover a { color: #fff; background-color: #0055a5; }
  .environment-swiper ul li a:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .environment-swiper ul li .info { font-size: 16px; padding: 15px 15px; }
  .environment-btn { display: block; }
  .environment-btn:hover { background-position: 0 -48px; }
  .environment-btn.swiper-button-disabled { cursor: default; background-position: 0 0  !important; }
  .environment-prev { left: -70px; }
  .environment-next { right: -70px; }
  /* 走进沃尔 e */
  /* 投资者关系 s */
  .company-notice { padding-bottom: 45px; }
  .notice-ul li a:hover .notice-main .title { color: #0055a5; }
  .notice-ul li a:hover .viewicon .sicon:after { opacity: 0; }
  .notice-ul li a:hover .viewicon .sicon:before { opacity: 1; }
  .notice-ul li a:hover .viewicon .txt { color: #0055a5; }
  .notice-ul li .viewicon { display: block; }
  .shareholder-title { font-size: 24px; }
  .shareholder-main { padding-top: 35px; }
  .talkabout-img { width: 300px; float: right; }
  .talkabout-form { width: auto; padding-top: 0px; overflow: hidden; padding-right: 20px; }
  .talkabout-item .sels:after { right: 8px; }
  .talkabout-item .icon { width: 20px; right: 18px; }
  .talkabout-sels { cursor: pointer; }
  .formsubmit { max-width: 380px; }
  .talkabout-btn { cursor: pointer; }
  /* 投资者关系e */
  /* 人才招聘  s*/
  .personnel-right { float: right; width: 436px; }
  .personnel-left { padding-top: 0px; overflow: hidden; }
  .personnel-ul li { margin-bottom: 25px; }
  .personnel-ul li .iconLe { width: 120px; height: 120px; }
  .personnel-icon { width: 50px; }
  .personnel-item { padding: 0px 30px 0; }
  .personnel-item .title { font-size: 18px; }
  .recruit-tab li:hover a { color: #fff; background-color: #0055a5; border-color: #0055a5; }
  .recruit-wrapper { padding: 40px 0; }
  .welfare-ul li { padding: 50px 0; }
  .welfare-ul li .www { padding: 0 40px; }
  .welfare-ul li .word { padding: 0px; overflow: hidden; }
  .welfare-ul li:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; }
  .welfare-ul li:nth-child(3n+1) .imgbox { float: left; width: 400px; padding-top: 50px; }
  .welfare-ul li:nth-child(3n+1) .word { padding-left: 50px; }
  .welfare-ul li:nth-child(3n+1) .image:before { width: 116px; height: 116px; right: -60px; top: -48px; }
  .welfare-ul li:nth-child(2n) .imgbox { float: right; width: 400px; }
  .welfare-ul li:nth-child(2n) .word { padding-right: 40px; padding-top: 40px; text-align: right; }
  .welfare-ul li:nth-child(3n) .imgbox { float: left; width: 380px; }
  .welfare-ul li:nth-child(3n) .word { padding-left: 40px; padding-top: 40px; }
  .welfare-art .title { font-size: 20px; }
  /* 人才招聘 e*/
  /* 分支机构 s */
  .organization .org-left { float: left; width: 220px; }
  .organization .org-right { overflow: hidden; padding-left: 40px; }
  .accordion-titile { display: none; }
  .accordion { position: static; height: auto; display: block; max-height: 700px; }
  .accordion ul { padding: 24px 20px; }
  .organization-text { padding-top: 0px; }
  .orgArticle-title { font-size: 20px; }
  /* 分支机构 e */
  /* 在线商城 e */
  .store-ul li a { padding: 30px 30px; }
  .store-ul li a:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  /* 在线商城 s */
  .product-art { padding: 60px 0 30px 0; }
  .product-table tbody td { font-size: 16px; padding: 8px 26px; } }

@charset "UTF-8";
@media (min-width: 1200px) { /* 走进沃尔 s */
  .chairman-text-title { font-size: 20px; margin-bottom: 12px; }
  .culture-line { padding-bottom: 60px; }
  .culture-title { font-size: 24px; }
  .cultureRow-one dl dt { padding-left: 80px; }
  .culone-ul { font-size: 16px; line-height: 40px; }
  .culone-ul li .title { min-width: 155px; }
  .culthree-img { height: 500px; }
  .culthreeMain { padding: 55px 0 8px 35px; }
  .culthree-text { padding-top: 25px; padding-bottom: 30px; }
  .in-innovate { padding-top: 60px; padding-bottom: 75px; }
  .in-environment { padding-top: 55px; padding-bottom: 75px; }
  .environment-title { font-size: 24px; }
  .environment-swiper ul li { width: 279px; }
  /* 走进沃尔 e */
  /* 投资者关系 s */
  .in-table { font-size: 0; }
  .investor-table { width: 50%; margin-bottom: 0px; display: inline-block; vertical-align: top; }
  .investor-table table thead tr th { padding: 14px 0; }
  .investor-table table tbody tr td { padding: 20px 0; font-size: 16px; }
  .investor-table table tbody tr .timu { width: 8%; }
  .talkabout-img { width: 420px; }
  .talkabout-item .sels:after { border-width: 6px; right: 12px; }
  .talkabout-item .icon { width: 24px; right: 18px; }
  .talkabout-sels { padding-right: 30px; }
  .talkabout-input { line-height: 50px; height: 52px; }
  .talkabout-btn { line-height: 52px; height: 52px; }
  /* 投资者关系e */
  /* 人才招聘  s*/
  .personnel-right { width: 480px; }
  .personnel-ul li { margin-bottom: 25px; }
  .personnel-ul li .iconLe { width: 135px; height: 135px; }
  .personnel-icon { width: 58px; }
  .personnel-item .title { margin-bottom: 6px; }
  .welfare-ul li .www { padding: 0px; }
  .welfare-ul li:nth-child(3n+1) .imgbox { width: 500px; }
  .welfare-ul li:nth-child(3n+1) .word { padding-left: 80px; padding-top: 40px; }
  .welfare-ul li:nth-child(3n+1) .image:before { width: 170px; height: 170px; right: -80px; top: -55px; }
  .welfare-ul li:nth-child(2n) .word { padding-right: 60px; padding-top: 60px; }
  .welfare-ul li:nth-child(3n) .word { padding-left: 84px; padding-top: 60px; }
  .welfare-art .title { font-size: 24px; font-weight: normal; }
  /* 人才招聘 e*/
  /* 分支机构 s */
  .organization .org-left { width: 280px; }
  /* 分支机构 e */ }

@media (min-width: 1400px) { .environment-prev { left: -100px; }
  .environment-next { right: -100px; } }

.lodding-more-wrap { width: 100%; }

.lodding-more { text-align: center; padding-top: 20px; padding-bottom: 20px; }

.lodding-more .more, .lodding-more .nomore { font-size: 14px; color: #868686; margin-top: 10px; line-height: 1; }

.lodding-more .nomore { display: none; }

.hasmore .loadding { display: inline-block; width: 30px; height: 30px; background: url(../images/loading-icon.png) no-repeat scroll 0 0; -o-background-size: cover; background-size: cover; -webkit-animation: loadding .8s ease-in-out infinite forwards; -moz-animation: loadding .8s ease-in-out infinite forwards; -o-animation: loadding .8s ease-in-out infinite forwards; animation: loadding .8s ease-in-out infinite forwards; }

.loadshow .hasmore { -webkit-animation: fadeloadding .6s 1 forwards; -moz-animation: fadeloadding .6s 1 forwards; -o-animation: fadeloadding .6s 1 forwards; animation: fadeloadding .6s 1 forwards; opacity: 1; }

.disabled-more .hasmore { display: none; }

.disabled-more .nomore { display: block; }

@media (min-width: 1024px) { .hasmore .loadding { width: 40px; height: 40px; } }

@-webkit-keyframes loadding { 0% { -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes loadding { 0% { -moz-transform: rotate(0);
    transform: rotate(0); }
  100% { -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes loadding { 0% { -o-transform: rotate(0);
    transform: rotate(0); }
  100% { -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loadding { 0% { -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes fadeloadding { 0% { -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; } }

@-moz-keyframes fadeloadding { 0% { -moz-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0; }
  100% { -moz-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; } }

@-o-keyframes fadeloadding { 0% { -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0; }
  100% { -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; } }

@keyframes fadeloadding { 0% { -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; } }

.hotnews-module { padding: 36px 0; }

.hotnewsTop { position: relative; background-color: #0055a5; overflow: hidden; }

.hotnewsTop ul li { width: 100%; position: relative; width: 100%; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; color: #fff; }

.hotnewsTop ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.hotnewslist-dl dt { overflow: hidden; }

.hotnewslist-dl dt img { display: block; width: 100%; transition: all .8s ease-in-out; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.hotnewslist-dl dd { padding: 25px; }

.hotnewslist-dl dd h4 { font-size: 20px; line-height: 30px; font-weight: bold; }

.hotnewslist-dl dd a { color: #ffffff; }

.hotnewslist-dl dd .hotnewslink { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; position: relative; padding-right: 16px; opacity: 0.5; }

.hotnewslist-dl dd .hotnewslink:after { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 8px; right: 0; display: block; content: ""; width: 8px; height: 8px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; -moz-transform: rotate(-45deg); transform: rotate(-45deg); moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.hotnewstext { margin: 7px 0; }

.hotnewsTop ul li:hover dt img { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); }

.hotnews-module .banner-shotnewsbtn { text-align: center; padding-bottom: 20px; }

.hotnews-module .banner-shotnewsbtn span { display: inline-block; width: 11px; height: 11px; background-color: #ffffff; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 5px; opacity: 0.5; cursor: pointer; }

.hotnews-module .banner-shotnewsbtn span.swiper-pagination-bullet-active { opacity: 1; }

@media (min-width: 1024px) { .hotnews-module { padding: 50px 0 58px; }
  .hotnewslist-dl dt { width: 66%; float: left; overflow: hidden; }
  .hotnewslist-dl dd { width: 34%; padding: 25px 15px 0 15px; float: left; }
  .hotnewslist-dl dd h4 { height: 72px; line-height: 36px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 24px; }
  .hotnews-module .banner-shotnewsbtn { width: 32%; right: 0; bottom: 20px; position: absolute; text-align: left; left: auto; padding-bottom: 0; z-index: 99; }
  .hotnewstext { height: 144px; margin-top: 35px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6; } }

@media (min-width: 1199px) { .hotnewslist-dl dd { padding: 58px 25px 0; }
  .hotnewstext { margin: 15px 0 20px; }
  .hotnewslist-dl dd h4 { height: 72px; -webkit-line-clamp: 2; }
  .hotnews-module .banner-shotnewsbtn { bottom: 33px; } }

.newslistext { background-color: #ffffff; padding: 100px 26px 60px; height: 100%; color: #666666; position: relative; }

.newslistext h4 { font-size: 20px; line-height: 28px; margin-bottom: 38px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }

.newslistext h4 a { color: #333333; }

.newslist-module { overflow: hidden; position: relative; background-color: #f2f2f2; padding: 20px 0; }

.newslist-module ul { margin: 0 -12px; padding-bottom: 22px; }

.newslist-module ul li { padding: 12px; }

.newslistcont { overflow: hidden; position: relative; }

.newslisimg { height: 100%; background-color: #0055a5; position: absolute; left: 0; top: 0; }

.nsimg-img { width: 100%; }

.nsimg-img img { display: block; width: 100%; }

.newslisimg h4 { margin: 65px 26px 0; font-size: 20px; line-height: 28px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }

.newslisimg a { color: #ffffff; }

.nstext-p { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; }

.newsdate-time { width: 80px; height: 80px; background-color: #0055a5; color: #ffffff; position: absolute; top: 0; left: 28px; text-align: center; }

.newsdate-time p { font-size: 40px; font-family: Arial; line-height: 50px; }

.back { display: none; }

.remorebtn03 a { display: block; height: 45px !important; background-color: #0055a5; margin: 20px 0 10px !important; text-align: center; line-height: 45px !important; color: #ffffff !important; font-size: 16px !important; }

.remorebtn03 a:hover { color: #ffffff; }

@media (min-width: 768px) { .newslistext { padding: 100px 26px 0; }
  .newslistcont { height: 435px; }
  .nsimg-img { display: block; width: 100%; height: 213px; overflow: hidden; position: relative; }
  .nsimg-img img { display: block; width: 100%; }
  .front, .back { position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -o-background-size: cover; background-size: cover; background-position: center; overflow: hidden; -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; transition: .6s; }
  .back { display: block; position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); z-index: 1; }
  .front { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 2; }
  .newslist-module ul li:hover .back { opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 2; }
  .newslist-module ul li:hover .front { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); z-index: 1; } }

@media (min-width: 1024px) { .newslist-module { padding: 44px 0 48px; }
  .newslistext { padding: 113px 26px 0; } }

.pa-wrapper { padding: 15px 0; }

.pagination { text-align: center; white-space: nowrap; }

.pagination > a { display: inline-block; width: 34px; height: 34px; font-size: 14px; color: #888888; line-height: 32px; border: 1px solid #c9c9c9; vertical-align: middle; margin: 0 2px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-border-radius: 2px; border-radius: 2px; }

.pagination > a.prev:active:after { border-right-color: #fff; }

.pagination > a.prev:after { content: ''; display: inline-block; vertical-align: middle; border: 6px solid transparent; border-right-color: #888; margin-left: -6px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.pagination > a.next:active:after { border-left-color: #fff; }

.pagination > a.next:after { content: ''; display: inline-block; vertical-align: middle; border: 6px solid transparent; border-left-color: #888; margin-right: -8px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.pagination a:active, .pagination a.cur { color: #fff; border-color: #0055a5; background-color: #0055a5; }

@media (min-width: 1024px) { .pa-wrapper { padding: 0; }
  .pagination > a { width: 40px; height: 40px; font-size: 16px; line-height: 38px; margin: 0 4px; }
  .pagination > a.prev:hover:after { border-right-color: #fff; }
  .pagination > a.next:hover:after { border-left-color: #fff; }
  .pagination a:hover { color: #fff; border-color: #0055a5; background-color: #0055a5; } }

@charset "UTF-8";
/* reset wq  开始*/
.indexcontFour li dd h3 { font-weight: bold; }

.indexrecommend .textbox { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.indexrecommend ul li .name { line-height: 32px; height: 32px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.indexrecommend ul li .text { padding: 0; margin-top: 10px; line-height: 22px; height: 44px; overflow: hidden; max-width: 214px; }

.indexrecommend ul li .readmore { margin-top: 12px; }

.indexbannerbtn { line-height: normal; }

.indexbannerbtn span { -webkit-border-radius: 50%; border-radius: 50%; }

.honorcont403 { padding: 0; }

.thumb-popup { z-index: 299; }

.zongheprodulis li:hover dd h3.name, .zongheprodulis li dd a.more { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.dimensionsexe table { min-width: 700px; }

.inside-nav-wrapper .swiper-container-no-flexbox .swiper-slide { float: none; }

.NySolutionswrap li a { display: block; }

.NySolutionswrap li dt { overflow: hidden; }

.NySolutionswrap li dt img { -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.addpadding-bt { padding-bottom: 35px; }

.downloadlist03 dl dd em { font-style: normal; }

.indexrecommend ul li .name { width: 100%; max-width: 400px; }

.wvideo-box li .imgbox .text em { font-style: normal; }

.wvideo-box li .imgbox .img { overflow: hidden; }

.wvideo-box li .imgbox .img img { -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s; }

.wvideo-box li:hover .img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

@media (min-width: 768px) { .NySolutionswrap dd h3 { height: 30px; -webkit-line-clamp: 1; display: block; overflow: hidden; white-space: nowrap; } }

@media (min-width: 1024px) { .indexrecommend ul li .name { font-size: 18px; }
  .newscontent2 .botnewslist li a:hover .linkwuye { background: #0055a5; opacity: 1; }
  .detailtext11 { padding-top: 40px; }
  .NySolutionswrap .textbox { padding-top: 25px; }
  .NySolutionswrap li a:hover dt img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .NYsolutionslists li:nth-child(4n-1) dd { float: left !important; }
  .NYsolutionslists li:nth-child(4n-1) dt { float: right !important; }
  .NYsolutionslists li:nth-child(4n) dd { float: left !important; }
  .NYsolutionslists li:nth-child(4n) dt { float: right !important; }
  .NYsolutionslists li:nth-child(4n-1) dt:after, .NYsolutionslists li:nth-child(4n) dt:after { left: 0; right: auto; border-left: 20px solid #fff; border-right: 0; }
  .NYsolutionslists li:nth-child(4n-1):hover dt:after, .NYsolutionslists li:nth-child(4n):hover dt:after { border-right: 0 !important; border-left: 20px solid #0055a5; }
  .addpadding-bt { padding-bottom: 55px; }
  .solutions-left { width: 35%; }
  .solutions-right { padding-left: 40%; }
  .index-newsdl { margin-left: -5px; margin-right: -5px; }
  .index-newsdl .in-item { float: left; width: 50%; padding-left: 5px; padding-right: 5px; }
  .index-newsdl .in-item dl dd { width: 50%; }
  .index-newsdl .in-item dl dt { width: 50%; }
  .index-newsdl .in-item dl dt .text { margin-bottom: 10px; } }

@media (min-width: 1200px) { .Exhibition dl dt { float: none; }
  .Exhibition dl dt a { overflow: hidden; display: block; }
  .Exhibition dl dt { overflow: hidden; padding: 0 25px; }
  .indexrecommend ul li .name { font-size: 22px; }
  .indexrecommend .textbox { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .honordiv403 { padding-top: 70px; }
  .Prorighttext .protext p { height: 120px; }
  .dowloada { margin-top: 70px; }
  .dimensionsexe tbody td { max-width: 425px; }
  .dimensionsexe tbody tr td:nth-child(2n) { text-align: left; padding-left: 30px; padding-right: 30px; }
  .NySolutionswrap dd h3 { font-size: 20px; margin-bottom: 10px; }
  .NySolutionswrap dd p { font-size: 16px; }
  .NySolutionswrap .textbox { padding-top: 45px; }
  .NySolutionswrap dd span { margin-top: 25px; }
  .addpadding-bt { padding-bottom: 70px; }
  .over { overflow: hidden; }
  .index-newsdl .in-item { width: 100%; }
  .index-newsdl .in-item dl dd { width: 166px; }
  .index-newsdl .in-item dl dt { width: auto; } }

/* reset wq  结束*/

@charset "UTF-8";
/* 视频播放*/
.recruitmentfloat { display: none; z-index: 2000; width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; }

.tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 2.5%; margin-top: -125px; }

.tianjiatvwrap .videobox { height: 250px; position: relative; z-index: 1; }

.recclosebtn { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; }

.recclosebtn:before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.recclosebtn:after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

@media (min-width: 768px) { /* 视频播放*/
  .tianjiatvwrap { width: 660px; left: 50%; margin-left: -330px; margin-top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .tianjiatvwrap .videobox { height: 400px; } }

@media (min-width: 1024px) { /* 视频播放*/
  .tianjiatvwrap { width: 700px; margin-left: -350px; }
  .tianjiatvwrap .videobox { height: 400px; } }

@media (min-width: 1440px) { /* 视频播放*/
  .tianjiatvwrap { width: 1000px; margin-left: -500px; }
  .tianjiatvwrap .videobox { height: 600px; } }

@charset "UTF-8";
/*----网站地图 start----*/
.sitemapcont2 { padding: 6% 30px; overflow: hidden; background: #fff; margin-top: 25px; }

.sitemapcont2 dl { position: relative; margin-bottom: 36px; }

.sitemapcont2 dl dt { font-size: 16px; font-weight: bold; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -14px; }

.sitemapcont2 dl dt a { color: #0055a5; }

.sitemapcont2 dl dt a:hover { color: #044d92; }

.sitemapcont2 dl dd { padding: 4% 3% 1% 3%; border: 1px solid #e6e6e6; }

.sitemapcont2 dl dd a { display: inline-block; padding-left: 10px; margin: 0 23px 8px 0; }

.Singlepage { margin-top: 45px; }

.in-maptitle { color: #0055a5; font-size: 18px; padding-top: 25px; font-weight: bold; }

@media (min-width: 767px) { .sitemapcont2 { padding: 5% 30px; }
  .sitemapcont2 dl dt { font-size: 20px; }
  .sitemapcont2 dl dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .sitemapcont2 dl dd a { margin: 0 50px 8px 0; }
  .sitemapcont2 dl dd a:hover { color: #044d92; }
  .Singlepage { margin-top: 0px; }
  .in-maptitle { font-size: 24px; padding-top: 55px; } }

@media (min-width: 1024px) { .sitemapcont2 { padding: 3.5% 30px; } }

/*----网站地图 end----*/

.culthree-audio { background-color: #ededed; border: 1px solid #e6e6e6; padding: 24px 16px; position: relative; width: 100%; max-width: 438px; }

.culthree-audio .title { padding-left: 55px; line-height: 22px; color: #666666; font-size: 14px; position: absolute; top: 14px; width: 100%; }

.audiojs { padding-left: 55px; line-height: 35px; position: relative; }

.audiojs .time { width: 100%; position: relative; font-size: 0; line-height: 1.4; padding-top: 5px; }

.audiojs .time .played, .audiojs .time .duration { color: #808080; font-size: 14px; font-style: normal; font-weight: normal; }

.audiojs .time .duration { float: right; }

.play-pause { position: absolute; top: 0; left: 0; width: 35px; height: 35px; overflow: hidden; }

.play-pause p { position: absolute; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; display: none; cursor: pointer; }

.play-pause .play { background-image: url(../images/bo01.png); display: block; }

.play-pause .pause { background-image: url(../images/bo02.png); }

.audiojs.playing .play-pause .pause { display: block; }

.audiojs.playing .play-pause .play { display: none; }

.scrubber { width: 100%; padding-top: 18px; position: relative; }

.scrubber .loaded { height: 3px; background-color: #e0e0e0; }

.scrubber .progress { position: absolute; left: 0; top: 18px; height: 3px; background-color: #00467f; }

.scrubber .progress:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: -6px; width: 12px; background-color: #00467f; border: 2px solid #fff; height: 12px; -webkit-border-radius: 50%; border-radius: 50%; }
.woertable tbody{border:1px solid #000000;border-collapse:collapse;margin:5px;}
.woertable {border:1px solid #000000;border-collapse:collapse;width:800px}
.woertable th {border:1px solid #000000;border-collapse:collapse;padding:5px}
.woertable td {border:1px solid #000000;border-collapse:collapse;padding:5px}
.woertable tr {border:1px solid #000000;border-collapse:collapse}
.detailtext11 p{text-indent:36px;}
/*
.prodyctswitch dl{display: block;}
.prodyctswitch dt{font-weight:500}
.prodyctswitch dd{}
.prodyctswitch p{text-indent:24px}
*/

