/*内容区 s*/
.hcommonweb { padding: 0px 15px; }

@media (min-width: 768px) { .hcommonweb { padding: 0px 20px; } }

@media (min-width: 992px) { .hcommonweb { padding: 0px 40px; } }

@media (min-width: 1260px) { .hcommonweb { margin: 0px auto; max-width: 1200px; padding: 0 60px; } }

@media (min-width: 1460px) { .hcommonweb { padding: 0; } }

.commonweb1400 { padding: 0px 15px; }

@media (min-width: 768px) { .commonweb1400 { padding: 0px 20px; } }

@media (min-width: 992px) { .commonweb1400 { padding: 0px 40px; } }

@media (min-width: 1260px) { .commonweb1400 { margin: 0px auto; max-width: 1400px; padding: 0 60px; } }

@media (min-width: 1460px) { .commonweb1400 { padding: 0; } }

.commonweb1600 { padding: 0px 15px; }

@media (min-width: 768px) { .commonweb1600 { padding: 0px 20px; } }

@media (min-width: 992px) { .commonweb1600 { padding: 0px 40px; } }

@media (min-width: 1260px) { .commonweb1600 { padding: 0 60px; } }

@media (min-width: 1460px) { .commonweb1600 { padding: 0 80px; } }

@media (min-width: 1660px) { .commonweb1600 { max-width: 1600px; margin-left: auto; margin-right: auto; padding: 0 80px; } }

@media (min-width: 1760px) { .commonweb1600 .commonweb1600 { padding: 0; } }

/*内容区 e*/
/*字号 s*/
.fz16 { font-size: 14px; }

@media (min-width: 1024px) { .fz16 { font-size: 16px; } }

.fz18 { font-size: 16px; }

@media (min-width: 1024px) { .fz18 { font-size: 18px; } }

.fz20 { font-size: 16px; }

@media (min-width: 1024px) { .fz20 { font-size: 18px; } }

@media (min-width: 1260px) { .fz20 { font-size: 20px; } }

.fz22 { font-size: 16px; }

@media (min-width: 1024px) { .fz22 { font-size: 18px; } }

@media (min-width: 1260px) { .fz22 { font-size: 22px; } }

.fz24 { font-size: 18px; }

@media (min-width: 1024px) { .fz24 { font-size: 20px; } }

@media (min-width: 1260px) { .fz24 { font-size: 24px; } }

.fz26 { font-size: 20px; }

@media (min-width: 768px) { .fz26 { font-size: 22px; } }

@media (min-width: 1024px) { .fz26 { font-size: 24px; } }

@media (min-width: 1260px) { .fz26 { font-size: 26px; } }

.fz28 { font-size: 22px; }

@media (min-width: 1024px) { .fz28 { font-size: 26px; } }

@media (min-width: 1260px) { .fz28 { font-size: 28px; } }

.fz30 { font-size: 22px; }

@media (min-width: 1024px) { .fz30 { font-size: 26px; } }

@media (min-width: 1260px) { .fz30 { font-size: 30px; } }

.fz32 { font-size: 24px; }

@media (min-width: 1024px) { .fz32 { font-size: 28px; } }

@media (min-width: 1260px) { .fz32 { font-size: 32px; } }

.fz36 { font-size: 26px; }

@media (min-width: 1024px) { .fz36 { font-size: 32px; } }

@media (min-width: 1260px) { .fz36 { font-size: 36px; } }

/*字号 e*/
/* 移动端头部控制导航显示/隐藏按钮 s*/
.toggle-btn { width: 30px; height: 30px; position: relative; margin-top: 10px; display: block; }

.toggle-btn span { width: 20px; height: 1px; background: #000000; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }

.toggle-btn span:first-child { top: 8px; }

.toggle-btn span:nth-child(2) { top: 50%; }

.toggle-btn span:last-child { bottom: 7px; }

.toggle-btn.cur span:first-child { -webkit-transform: translate(-50%, 7px) rotate(45deg); -ms-transform: translate(-50%, 7px) rotate(45deg); -o-transform: translate(-50%, 7px) rotate(45deg); transform: translate(-50%, 7px) rotate(45deg); }

.toggle-btn.cur span:nth-child(2) { opacity: 0; }

.toggle-btn.cur span:last-child { -webkit-transform: translate(-50%, -7px) rotate(-45deg); -ms-transform: translate(-50%, -7px) rotate(-45deg); -o-transform: translate(-50%, -7px) rotate(-45deg); transform: translate(-50%, -7px) rotate(-45deg); }

/* 移动端头部控制导航显示/隐藏按钮 e*/
/*分页样式 s*/
.hgy-pagination .hgy-mob-load a { display: block; width: 100%; text-align: center; background-color: #036883; color: #fff; font-size: 14px; line-height: 28px; padding: 8px 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.hgy-pagination .hgy-pagination-view { display: none; text-align: center; }

@media (min-width: 1024px) { .hgy-pagination .hgy-mob-load { display: none !important; }
  .hgy-pagination .hgy-pagination-view { display: block; }
  .hgy-pagination .hgy-pagination-view .laypage_main { display: inline-block; vertical-align: top; }
  .hgy-pagination .hgy-pagination-view .laypage_main a, .hgy-pagination .hgy-pagination-view .laypage_main input, .hgy-pagination .hgy-pagination-view .laypage_main span { width: 36px; height: 36px; display: inline-block; vertical-align: middle; background-color: #fff !important; line-height: 36px; text-align: center; font-size: 15px; border: 1px solid #d8d8d8; }
  .hgy-pagination .hgy-pagination-view .laypage_main a:hover, .hgy-pagination .hgy-pagination-view .laypage_main input:hover, .hgy-pagination .hgy-pagination-view .laypage_main span:hover { color: #fff !important; background: #036883 !important; }
  .hgy-pagination .hgy-pagination-view .laypage_main a:hover::after, .hgy-pagination .hgy-pagination-view .laypage_main input:hover::after, .hgy-pagination .hgy-pagination-view .laypage_main span:hover::after { border-color: #fff; }
  .hgy-pagination .hgy-pagination-view .laypage_main .laypage_curr { background-color: #036883 !important; border-color: #036883; color: #fff; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_curr { background-color: #036883 !important; border-color: #036883; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_prev, .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_next { position: relative; text-align: center; font-size: 0 !important; padding: 0 10px !important; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_prev span, .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_next span { display: none; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_prev::after, .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_next::after { content: ''; width: 8px; height: 8px; border: 2px solid #919191; border-top: none; border-right: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-top: -2px; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_prev::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-left: 3px; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_next::after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: 0px; } }

/*分页样式 e*/
/*图片最大 s*/
.hgyMaxPic { text-align: center; }

.hgyMaxPic img { max-width: 100%; }

/*图片最大 e*/
.hgyAutoImg img { width: 100%; }

/*图片定位 s*/
.hgyPimg { position: relative; overflow: hidden; }

.hgyPimg::after { content: ''; display: block; padding-bottom: 100%; }

.hgyPimg img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; min-width: 100%; width: auto; height: 100%; }

/*图片最大 e*/
/*返回顶部 s*/
.to-top { position: fixed; bottom: 5%; right: 15px; width: 40px; height: 40px; -webkit-border-radius: 100%; border-radius: 100%; background: #036883; opacity: .5; display: none; cursor: pointer; z-index: 89; }

.to-top::before { content: ''; position: absolute; left: 50%; top: 17px; width: 10px; height: 10px; border-top: solid 2px #fff; border-right: solid 2px #fff; -webkit-transform: translate(-50%, 0) rotate(-45deg); -ms-transform: translate(-50%, 0) rotate(-45deg); -o-transform: translate(-50%, 0) rotate(-45deg); transform: translate(-50%, 0) rotate(-45deg); }

@media (min-width: 1024px) { .to-top { bottom: 10%; right: 30px; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }
  .to-top:hover { opacity: 1; } }

/*返回顶部 e*/


/*--公共部分--*/


h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }


ul, li { list-style: none; }

img { border: 0; vertical-align: middle; }

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

table th, table td { border: 1px solid #ccc; }

*, :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"], input[type="reset"] { cursor: pointer; }

input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input[type="number"] { -moz-appearance: textfield; }

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; padding: 0; }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], button, select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

textarea { overflow: auto; vertical-align: top; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; }

.bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.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: 992px) { .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: 1260px) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } }



/*--头部开始--*/
body { padding-top: 70px; }

.header { position: fixed; left: 0px; top: 0px; z-index: 99; right: 0px; padding: 15px; background: #036883; }

.header a.logo { display: block; float: left; }

.header a.logo img { height: 40px; }

.header a.logo img.bigLogo { display: none; }

.header a.logo img.smallLogo { display: block; }

.navBtn { position: relative; float: right; width: 28px; height: 32px; margin-right: 0px; cursor: pointer; }

.navBtn span { width: 25px; height: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; top: 15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; cursor: pointer; }

.navBtn span:first-child { content: ""; top: 7px; }

.navBtn span:last-child { content: ""; top: 24px; }

.headSearch { float: right; margin-right: 10px; }

.headSearch span { display: block; width: 32px; height: 32px; background: url(../images/img02.png) no-repeat center; cursor: pointer; }

.nav { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 600px; top: 32px; display: none; }

.nav li { float: left; padding: 0px 30px; font-size: 16px; }

.nav li a { color: #ffffff; }

.indexBanner { width: 100%; overflow: hidden; position: relative; }

.indexBanner ul li { overflow: hidden; position: relative; }

.indexBanner img { width: 100%; display: block; }

.indexBannerdot { position: absolute; bottom: 20px; left: 0px; width: 100%; z-index: 2; text-align: center; }

.indexBannerdot span { width: 9px; height: 9px; border: 2px solid #fff; background: none; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px 3px; }

.indexBannerdot span.swiper-pagination-bullet-active { background: #fff; }

.indexBannerText { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.indexBannerText dl { margin: 0px auto; color: #ffffff; padding-left: 10%; }

.indexBannerText dl .smallTitle { font-size: 12px; padding-bottom: 10px; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; opacity: 0; }

.indexBannerText dl .bigTitle { font-size: 18px; line-height: 26px; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; opacity: 0; }

.indexBannerText dl .desc { font-size: 14px; opacity: 0.7; filter: alpha(opacity=70); display: none; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; opacity: 0; }

.indexBannerText dl .more { padding-top: 10px; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; opacity: 0; }

.indexBannerText dl .more a { display: inline-block; border: 1px solid #fff; padding: 2px 10px; font-size: 12px; color: #fff; -webkit-border-radius: 25px; border-radius: 25px; }

.indexBanner ul li.swiper-slide-active div dl p.smallTitle { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.indexBanner ul li.swiper-slide-active div dl h3.bigTitle { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.indexBanner ul li.swiper-slide-active div dl p.desc { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.indexBanner ul li.swiper-slide-active div dl p.more { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

.indexFourPiece ul { padding: 14px 8px; }

.indexFourPiece ul li { padding: 8px 0px; }

.indexFourPiece ul li img { display: block; width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.indexFourPiece ul li a { display: block; position: relative; overflow: hidden; }

.indexFourPiece ul li:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.indexFourPieceText { position: absolute; left: 0px; top: -webkit-calc(100% - 90%); top: calc(100% - 90%); width: 100%; text-align: center; padding: 0px 20px; text-shadow: 0px 2px 5px white; }

.indexFourPieceText .smallTitle { font-size: 14px; padding-bottom: 10px; }

.indexFourPieceText .bigTitle { font-size: 18px; line-height: 28px; padding-bottom: 0px; }

.indexFourPieceText .more { padding-top: 10px; }

.indexVideo { margin-top: 20px; position: relative; overflow: hidden; }

.indexVideo img { width: auto; display: block; max-height: 300px; position: relative; left: 50%; -webkit-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.indexVideo dl { position: absolute; left: 0px; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #fff; text-align: center; z-index: 9; }

.indexVideo dl .smallTitle { font-size: 16px; padding-bottom: 10px; }

.indexVideo dl .bigTitle { font-size: 26px; line-height: 30px; padding-bottom: 15px; letter-spacing: 10px; }

.indexVideo dl .videoBtn { padding-top: 0px; }

.indexVideo dl .videoBtn span { display: block; width: 36px; height: 36px; position: relative; margin: 0px auto; border: 3px solid #fff; -webkit-border-radius: 100%; border-radius: 100%; cursor: pointer; }

.indexVideo dl .videoBtn span:after { content: ''; width: 0px; height: 0px; border-left: 7px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; position: absolute; left: 55%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.indexVideo:hover img { -webkit-transform: translateX(-50%) scale(1.1); -ms-transform: translateX(-50%) scale(1.1); -o-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); }

.indexNews { max-width: 1600px; margin: 0px auto; padding-top: 40px; }

.indexNews ul li { padding: 0px 10px; }

.indexNews ul li a { position: relative; display: block; }

.indexNews ul li a:after { width: 90%; content: ''; opacity: 0; filter: alpha(opacity=0); height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: absolute; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0px 30px 50px rgba(0, 81, 103, 0.5); box-shadow: 0px 30px 50px rgba(0, 81, 103, 0.5); background: rgba(0, 81, 103, 0.5); left: 50%; bottom: -40px; z-index: 1; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.indexNews ul li img { display: block; width: 100%; position: relative; z-index: 9; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.indexNews ul li span { overflow: hidden; position: relative; display: block; }

.indexNews ul li:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.indexNews ul li:hover h3 { color: #036883; }

.indexNewsText { background: #fff; padding: 20px 15px; }

.indexNewsText .time { font-size: 14px; color: #333333; }

.indexNewsText .bigTitle { font-size: 16px; color: #333333; line-height: 30px; margin-top: 8px; max-height: 60px; line-height: 30px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }



@media (min-width: 1260px) { .indexBannerText dl { max-width: 1200px; margin: 0px auto; }
  .indexBannerText dl .smallTitle { font-size: 20px; padding-bottom: 10px; }
  .indexBannerText dl .bigTitle { font-size: 40px; line-height: 50px; padding-bottom: 25px; }
  .indexBannerText dl .desc { font-size: 16px; }
  .indexBannerText dl .more { padding-top: 60px; }
  .indexBannerText dl .more a { display: inline-block; border: 1px solid #fff; padding: 10px 30px; font-size: 16px; color: #fff; -webkit-border-radius: 25px; border-radius: 25px; }
  .indexFourPieceText .smallTitle { font-size: 18px; padding-bottom: 10px; }
  .indexFourPieceText .bigTitle { font-size: 32px; line-height: 40px; padding-bottom: 10px; } }

@media (min-width: 1440px) { .indexBannerText dl { max-width: 1400px; margin: 0px auto; }
  .indexBannerText dl .smallTitle { font-size: 20px; padding-bottom: 10px; }
  .indexBannerText dl .bigTitle { font-size: 60px; line-height: 70px; padding-bottom: 25px; }
  .indexBannerText dl .desc { font-size: 20px; }
  .indexBannerText dl .more { padding-top: 60px; }
  .indexNewsText .bigTitle { font-size: 24px; } }

/*20201112-新增*/
.hCommonwe1600 { padding: 0 15px; }

.inPublicTitle { text-align: center; font-weight: bold; font-size: 18px; line-height: 1; }

.inCustomer { padding-top: 30px; padding-bottom: 40px; }

.inCustomer .inPublicTitle { margin-bottom: 25px; }

.inCustomerBox { padding: 0 24px; position: relative; }

.inCustomerSwiper { overflow: hidden; }

.inCustomerSwiper .swiper-slide { border: solid 1px #f2f2f2; }

.inCustomerSwiper .item { display: block; position: relative; overflow: hidden; }

.inCustomerSwiper .item::after { content: ''; display: block; padding-bottom: 35.2381%; }

.inCustomerSwiper .item img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; height: 100%; width: auto; }

.inSwBtn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; background: url(../images/h-add-sw-btn.png) no-repeat center center; background-size: 100% 100%; cursor: pointer; }

.inSwBtn.prev { left: 0; }

.inSwBtn.next { right: 0; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

.pageImg img { width: 100%; }

.foot { margin-top: 0; }

.nav .lv2 { display: none !important; }

@media (min-width: 1024px) { .hCommonwe1600 { padding: 0 40px; }
  .inCustomer { padding-top: 3.64583%; padding-bottom: 50px; }
  .inCustomer .inPublicTitle { margin-bottom: 40px; }
  .inPublicTitle { font-size: 24px; }
  .inCustomerSwiper .item img { -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }
  .inCustomerSwiper .item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
  .nav li { position: relative; }
  .nav li:hover .lv2 { opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); pointer-events: auto; }
  .nav .lv2 { display: block !important; position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); transform: translate(-50%, 10px); width: 160px; background: rgba(0, 0, 0, 0.8); padding: 10px 0; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; pointer-events: none; }
  .nav .lv2 a { text-align: center; line-height: 20px; padding: 5px 15px; display: block; font-size: 14px; } }

@media (min-width: 1260px) { .hCommonwe1600 { padding: 0 60px; }
  .inPublicTitle { font-size: 28px; }
  .inCustomer .inPublicTitle { margin-bottom: 67px; } }

@media (min-width: 1660px) { .hCommonwe1600 { padding: 0; margin-left: auto; margin-right: auto; max-width: 1600px; }
  .inCustomer { padding-bottom: 90px; } }


/*专题页-智能导航 s*/
.specialPageOne { padding-top: 30px; padding-bottom: 10px; }

.specialOneCont .title { margin-bottom: 18px; }

.specialOneCont .title .en { color: #e6f2f6; font-size: 24px; letter-spacing: -2px; font-weight: bold; line-height: 1.2; margin-bottom: 5px; }

.specialOneCont .title .zh { color: #333333; font-weight: bold; font-size: 18px; }

.specialOneCont .title .zh::after { content: ''; display: block; height: 3px; width: 20px; margin-top: 6px; background: #036883; }

.specialOneCont .content { border-top: solid 2px #036883; padding-top: 15px; color: #8b8b8b; }

.specialOneCont .content img { max-width: 100%; width: auto; display: block; margin-left: auto; margin-right: auto; }

.specialTrait { margin-top: 35px; margin-bottom: 25px; }

.tarTitle { color: #262626; font-weight: bold; font-size: 20px; line-height: 1.2; }

.traitList { margin-top: 25px; }

.traitList ul { font-size: 0; margin-left: -5px; margin-right: -5px; }

.traitList li { display: inline-block; vertical-align: top; width: 50%; font-size: 14px; padding: 0 5px; margin-bottom: 10px; }

.traitList .item { background-color: #e6e6e6; padding: 10px; }

.traitList .hgyPimg::after { padding-bottom: 77.91667%; }

.traitList .word { margin-top: 15px; position: relative; }

.traitList .word h4 { padding: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: #1e1e1e; color: #fff; }

.traitList .txt { background: rgba(255, 255, 255, 0.83); padding: 8px; color: #262626; }

.sceneTop { margin-top: 25px; background-color: #121212; padding: 15px; margin-bottom: 15px; }

.sceneTop .pic img { max-width: 100%; }

.sceneTop .right { margin-top: 15px; }

.sceneTop .txt { color: #fff; }

.specialScene .tarTitle::after { content: ''; display: block; height: 3px; width: 20px; background: #036883; margin-top: 10px; }

.sceneList ul { font-size: 0; margin-left: -7px; margin-right: -7px; }

.sceneList li { display: inline-block; vertical-align: top; font-size: 14px; width: 50%; padding: 0 7px; margin-bottom: 15px; }

.sceneList h2 { text-align: center; font-size: 14px; padding: 0 10px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.sceneList .picBox { position: relative; }

.sceneList .player-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 40px; height: 40px; background: url(../images/playbtn.png) no-repeat center center; background-size: 100% 100%; }

.sceneList .hgyPimg::after { padding-bottom: 90.32258%; }

/*专题页-智能导航 e*/
/*专题页-无人配送机器人 s*/
.proBox { position: relative; padding-top: 35px; z-index: 2; }

.proBox .content { text-align: center; color: #fff; margin-bottom: 0px; }

.proBox .content h3 { font-size: 24px; font-weight: bold; line-height: 1.2; margin-bottom: 8px; }

.proBox .content .desc { font-size: 14px; }

.proBox .boxPic img { max-width: 80%; display: block; margin-left: auto; margin-right: auto; }

.proBox .hgyAutoImg { position: absolute; top: 0; left: 0; z-index: -1; height: 100%; overflow: hidden; width: 100%; }

.proBox .hgyAutoImg img { height: 100%; min-width: 100%; width: auto; max-width: none; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.proSpecs { padding-top: 30px; padding-bottom: 40px; }

.proSpecs h3 { font-size: 24px; font-weight: bold; line-height: 1.2; margin-bottom: 8px; text-align: center; color: #333; }

.proSpecs .tableBox { width: 100%; margin-top: 20px; border-top: solid 1px #eee; }

.proSpecs .tableBox table { width: 100%; border: 0; }

.proSpecs .tableBox tr:nth-child(2n) { background: #eee; }

.proSpecs .tableBox td { border: 0; width: 50%; text-align: center; padding: 12px 10px; font-weight: bold; line-height: 20px; }

.specialCont2 .content { color: #333; }

/*专题页-无人配送机器人 e*/
/*专题-安防巡逻机器人 s*/
.specialPageThree .proBox .boxPic img { max-width: 45%; }

.specialPageThree .specialCont16 .content { color: #333; }

.specialPageThree .specialCont16 .boxPic img { max-width: 70%; }

.specialCont12 { background: #DFE0E2; }

.specialCont12 .hgyAutoImg { opacity: 0; }

.specialCont12 .content { color: #333; }

.specialCont12 .details { padding-top: 20px; padding-bottom: 15px; }

.specialCont12 .details li { margin-bottom: 15px; padding-left: 20px; position: relative; }

.specialCont12 .details li::after { content: ''; position: absolute; left: 0; width: 6px; height: 6px; -webkit-border-radius: 100%; border-radius: 100%; background-color: #21b3ff; top: 8px; }

.specialCont12 .details li:last-child { margin-bottom: 0; }

.specialCont12 .details h3 { color: #333333; font-weight: bold; font-size: 16px; line-height: 1.3; }

/*专题-安防巡逻机器人 e*/
/*案例 s*/
.case { padding-bottom: 40px; }

.caseBox { margin-top: 20px; }

.caseList { font-size: 0; margin-left: -5px; margin-right: -5px; padding-bottom: 10px; }

.caseList li { font-size: 14px; display: inline-block; vertical-align: top; width: 50%; padding: 0 5px; margin-bottom: 15px; }

.caseList .item { display: block; }

.caseList .hgyPimg::after { padding-bottom: 65.27778%; }

.caseList .word { padding: 10px; }

.caseList .time { line-height: 1; color: #999999; font-size: 12px; margin-bottom: 8px; }

.caseList h2 { color: #2c2c2c; font-size: 16px; margin-bottom: 14px; display: -webkit-box; height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.caseList .more { color: #8d8d8d; font-size: 0; }

.caseList .more span { font-size: 14px; display: inline-block; width: auto; line-height: 1; position: relative; }

.caseList .more span::after, .caseList .more span::before { content: ''; position: absolute; top: 50%; right: -12px; width: 8px; height: 8px; border-right: solid 1px #8d8d8d; border-bottom: solid 1px #8d8d8d; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }

.caseList .more span::before { right: -18px; }

/*案例 e*/
/*案例详情 s*/
.caseDetail { padding-bottom: 40px; }

.caseDetailView { margin-top: 20px; }

.caseDetailTitle { border-top: solid 2px #333; padding: 15px 8px; border-bottom: solid 1px #eee; }

.caseDetailTitle h1 { font-size: 20px; }

.caseDetailTitle .read { display: block; font-size: 0; margin-top: 10px; }

.caseDetailTitle .read p { display: inline-block; vertical-align: top; line-height: 20px; width: auto; padding-left: 25px; background-size: 20px 20px; background-repeat: no-repeat; background-position: left center; font-size: 13px; color: #828282; margin-right: 20px; }

.caseDetailTitle .read p.date { background-image: url(../images/icon-clock.png); }

.caseDetailTitle .read p.readCount { background-image: url(../images/icon-read.png); }

.caseDetailCont { padding-top: 15px; margin-bottom: 25px; }

.caseDetailCont .item { padding-bottom: 20px; border-bottom: solid 1px #eee; margin-bottom: 15px; }

.caseDetailCont .item h3 { color: #333333; font-size: 20px; }

.caseDetailCont .item .right { margin-top: 8px; color: #828282; }

.caseDetailCont .item:last-child { padding-bottom: 0; border: 0; margin-bottom: 0; }

.caseDetailCont ul li { position: relative; padding-left: 10px; line-height: 22px; }

.caseDetailCont ul li::before { content: '·'; position: absolute; left: 0; font-size: 20px; line-height: 1; top: 0; }

.caseDetailCont .imgLists { margin-top: 16px; }

.caseDetailCont .imgLists dl { font-size: 0; margin-left: -4px; margin-right: -4px; }

.caseDetailCont .imgLists dd { font-size: 14px; display: inline-block; vertical-align: top; padding: 0 4px; width: 50%; }

.caseDetailCont .imgLists h2 { font-size: 14px; text-align: center; padding: 0 15px; line-height: 1.2; margin-top: 6px; }

.case-detail-ctrl { font-size: 0; }

.case-detail-ctrl span { color: #929292; display: inline-block; line-height: 24px; font-size: 14px; vertical-align: top; }

.case-detail-ctrl .bdsharebuttonbox { display: inline-block; vertical-align: top; }

.case-detail-ctrl .bdsharebuttonbox a { display: block; width: 24px; margin: 0 0 0 6px; padding: 0; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; }

.case-detail-ctrl .bdsharebuttonbox a.bds_weixin { background-image: url(../images/share-wx.png); }

.case-detail-ctrl .bdsharebuttonbox a.bds_fbook { background-image: url(../images/share-fb.png); }

.case-detail-ctrl .bdsharebuttonbox a.bds_twi { background-image: url(../images/share-tw.png); }

.caseCtrl { margin-top: 20px; border-top: solid 1px #eee; border-bottom: solid 1px #eee; }

.caseCtrl > div { display: block; width: 100%; }

.caseCtrl .ibt { font-size: 0; }

.caseCtrl .ibt span { line-height: 46px; float: left; color: #999999; width: 60px; font-size: 14px; display: inline-block; vertical-align: top; }

.caseCtrl .ibt a { line-height: 46px; overflow: hidden; width: -webkit-calc(100% - 60px); width: calc(100% - 60px); font-size: 14px; display: inline-block; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.caseCtrl .prevBtn { border-bottom: solid 1px #eee; }

.returnList { font-size: 0; text-align: right; margin-top: 20px; }

.returnList a { display: inline-block; vertical-align: top; text-align: center; font-size: 14px; padding: 0 30px; border: solid 1px #eee; -webkit-border-radius: 1000px; border-radius: 1000px; line-height: 40px; }

/*案例详情 e*/
/*新闻列表 s*/
.newsBox { margin-top: 20px; }

.newsList { font-size: 0; margin-left: -5px; margin-right: -5px; padding-bottom: 20px; }

.newsList li { display: inline-block; vertical-align: top; width: 100%; font-size: 14px; padding: 0 5px; margin-bottom: 15px; }

.newsList .item { display: block; position: relative; }

.newsList .word { position: absolute; width: 100%; bottom: 0; left: 0; padding: 10px 16px; background: rgba(0, 0, 0, 0.6); }

.newsList h2 { color: #fff; font-size: 16px; line-height: 1.2; margin-bottom: 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.newsList .time { color: #ffffff; opacity: 0.3; font-size: 13px; }

.newsList .hgyPimg::after { padding-bottom: 73.68421%; }

.news { padding-bottom: 40px; }

/*新闻列表 e*/
/*新闻详情 s*/
.newsdetail-content { margin-top: 15px; }

.newsdetail-info { padding-bottom: 20px; }

.newsdetail-info .txt { padding: 10px 40px 6px 10px; border-left: solid #036883; margin-bottom: 12px; position: relative; }

.newsdetail-info .line { padding-left: 10px; }

.newsdetail-info .line span { display: block; width: 100%; height: 1px; border-top: solid 1px #e4e4e4; }

.newsdetail-info h1 { letter-spacing: -1px; color: #444444; font-size: 18px; line-height: 1.3; margin-bottom: 4px; }

.newsdetail-info .date { color: #444444; font-size: 16px; }

.newsdetail-info .read { margin-left: 20px; padding-left: 25px; background: url(../images/icon-read.png) no-repeat left center; background-size: 20px 20px; }

.newsdetail-left .content { color: #828282; line-height: 22px; }

.newsdetail-left .content img { margin: 10px 0; }

.newsdetail-right { margin-top: 30px; }

.newsdetail-right .other-title { background-color: #036883; padding-left: 15px; padding-right: 100px; position: relative; }

.newsdetail-right .other-title h3 { color: #fff; font-size: 14px; line-height: 46px; }

.newsdetail-right .other-btns { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; right: 15px; }

.newsdetail-other-prev, .newsdetail-other-next { width: 25px; height: 25px; background: url(../images/icon-left.png) no-repeat center center; background-size: 100% 100%; display: inline-block; vertical-align: top; outline: none; cursor: pointer; }

.newsdetail-other-next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); margin-left: 20px; }

.other-box { border: solid 1px #eee; border-top: 0; padding: 15px 15px 20px; }

.newsdetail-other-swiper { overflow: hidden; }

.newsdetail-other-swiper .hgyPimg { display: block; }

.newsdetail-other-swiper .hgyPimg::after { padding-bottom: 50%; }

.newsdetail-other-swiper .word { padding-top: 10px; }

.newsdetail-other-swiper .word h2 { color: #363636; font-size: 16px; display: -webkit-box; height: 44px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.newsdetail-other-swiper .word .desc { margin-top: 8px; letter-spacing: -1px; color: #828282; margin-bottom: 10px; display: -webkit-box; height: 60px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.newsdetail-other-swiper .word .date { color: #525252; }

.newsdetail-share { position: absolute; right: 0; }

.newsdetail-share:hover .share-toggle { -webkit-box-shadow: 0 10px 15px -5px #036883; box-shadow: 0 10px 15px -5px #036883; }

.newsdetail-share:hover .bdsharebuttonbox { pointer-events: auto; }

.newsdetail-share:hover .bdsharebuttonbox a { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

.newsdetail-share:hover .bdsharebuttonbox a.bds_sqq { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }

.newsdetail-share:hover .bdsharebuttonbox a.bds_tsina { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }

.newsdetail-share:hover .bdsharebuttonbox a.bds_weixin { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }

.newsdetail-share .share-toggle { width: 36px; height: 36px; -webkit-border-radius: 100%; border-radius: 100%; background: url(../images/icon-plus.png) no-repeat center center; background-size: 100% 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.newsdetail-share .bdsharebuttonbox { position: absolute; bottom: 100%; width: 30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); padding-bottom: 10px; pointer-events: none; }

.newsdetail-share .bdsharebuttonbox a { display: block; padding: 0; margin: 0; width: 30px; height: 30px; background-size: 100% 100%; background-position: center center; margin-top: 5px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(8px); -ms-transform: translateY(8px); -o-transform: translateY(8px); transform: translateY(8px); opacity: 0; }

.newsdetail-share .bdsharebuttonbox a.bds_sqq { background-image: url(../images/share-qq.png); }

.newsdetail-share .bdsharebuttonbox a.bds_tsina { background-image: url(../images/share-wb.png); }

.newsdetail-share .bdsharebuttonbox a.bds_weixin { background-image: url(../images/share-wx2.png); }

.newsDetail { padding-bottom: 40px; }

.newsDetail .newsTitle { font-size: 18px; }

/*新闻详情 e*/
/*加入我们 s*/
.recruit-ul { margin-top: 20px; padding-bottom: 20px; }

.recruit-ul li { margin-bottom: 10px; }

.recruit-ul li.cur .hd { background: #f9f9f9; }

.recruit-ul li.cur .close { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); background-image: url(../images/icon-add3.png); }

.recruit-ul li.cur .date { color: #036883; }

.recruit-ul .hd { width: 100%; position: relative; border: 1px solid #e5e5e5; padding: 10px 15px; background: #fff; }

.recruit-ul .hd .title { color: #333; font-size: 16px; line-height: 32px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.recruit-ul .hd .addr { color: #999999; font-size: 14px; line-height: 1.5; padding-bottom: 5px; }

.recruit-ul .hd .date { position: relative; padding-left: 26px; color: #333333; font-size: 14px; line-height: 28px; }

.recruit-ul .hd .date::before { content: ''; position: absolute; width: 17px; height: 17px; left: 0; top: 5px; background: url(../images/icon-date.png) no-repeat center center; background-size: 100% 100%; }

.recruit-ul .close { position: absolute; width: 32px; height: 32px; top: 50%; right: 0; margin-top: -16px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s; background: url(../images/icon-add2.png) no-repeat center center; background-size: 100% 100%; }

.recruit-ul .con { width: 100%; position: relative; padding-right: 32px; }

.recruit-ul .bd { display: none; width: 100%; padding: 20px 15px 30px 15px; border: 1px solid #e5e5e5; border-top: none; background: #f9f9f9; }

.recruit-ul .detail { color: #a7a7a7; font-size: 14px; line-height: 1.875; }

.recruit-ul .detail .title { color: #282828; font-size: 16px; font-weight: bold; margin-bottom: 5px; margin-top: 20px; }

.recruit-ul .detail .title:first-child { margin-top: 0; }

.joinus { padding-bottom: 40px; }

.joinus .tdiBtn { margin-top: 20px; font-size: 0; }

.joinus .tdiBtn a { display: inline-block; vertical-align: top; font-size: 14px; line-height: 46px; padding: 0 30px; min-width: 120px; text-align: center; color: #fff; background: #036883; }

.joinus .tdiBtn img { margin-right: 4px; }

/*加入我们 e*/
/*荣誉资质 s*/
.awardCont .right { display: none; }

.certificateSwiper { overflow: hidden; }

.certificateSwiper .item { position: relative; }

.certificateSwiper .hgyPimg::after { padding-bottom: 70%; }

.certificateSwiper .word { position: absolute; top: 0; left: 0; z-index: 2; background: rgba(159, 205, 217, 0.9); }

.certificateSwiper h2 { color: #fff; line-height: 1.2; padding: 10px; font-size: 14px; }

.awardBox { margin-top: 20px; }

.certificateBox { padding: 15px 15px; position: relative; }

.certificateSwBox { padding: 10px; background: #fff; }

.certificateCtrl {}

/* .certificatePrev, .certificateNext { display: inline-block; vertical-align: top; height: 37px; width: 51px; background: url(../images/iconbg.png) no-repeat center center; background-size: 100% 100%; }

.certificateNext { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } */

.certificatePrev, .certificateNext{position: absolute;top: 50%;width: 36px;height: 36px;background: url(../images/hor.png) no-repeat center center #fff;background-size: 100% 100%;cursor: pointer;
  -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; z-index: 20; transform: translateY(-50%);-webkit-transform: translateY(-50%); border-radius: 100%;}
.certificatePrev:hover, .certificateNext:hover{background-image: url(../images/hor2.png);}
.certificatePrev{ left:10px;}
.certificateNext{right:10px;-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);}

.honor { padding-bottom: 40px; }

.honorCont { margin-top: 30px; }

.honorTitle { position: relative; }

.honorTitle .hgyPimg { position: relative; overflow: hidden; }

.honorTitle .hgyPimg::after { padding-bottom: 160px; }

.honorTitle .hgyPimg img { right: -50px; top: 0; left: auto; width: auto; min-width: 0; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; height: 100%; }

.honorTitle .word { position: absolute; top: 56px; left: 0; padding: 15px; color: #fff; }

.honorTitle .word h3 { line-height: 1.2; }

.honorTitle .word .en { font-size: 16px; color: #ffffff; opacity: 0.53; }

.honorTitle .word .zh { margin-bottom: 4px; color: #fff; font-size: 18px; line-height: 1.2; }

.honorList { margin-top: 15px; }

.honorSwiper { overflow: hidden; }

.honorSwiper .hgyPimg::after { padding-bottom: 138.65546%; }

.honorPage { text-align: center; font-size: 0; line-height: 1; margin-top: 15px; }

.honorPage span { margin: 0 3px; background: #ddd; }

.honorPage .swiper-pagination-bullet-active { background: #036883; }

/*荣誉资质 e*/
/*联系我们 s*/
.cooperateBox { margin-top: 20px; }

.cooperateItem { margin-bottom: 20px; }

.cooperateItem .pic .hgyPimg::after { padding-bottom: 73.33333%; }

.cooperateItem .word { padding: 15px 15px 25px; border: solid 1px #ebebeb; }

.cooperateItem .count { color: #333333; font-weight: bold; margin-bottom: 4px; display: none; }

.cooperateItem .publicTitleOne { text-align: left; font-weight: bold; margin-bottom: 12px; }

.cooperateItem .txt { margin-bottom: 20px; }

.cooperateItem .txt p { color: #828282; }

.cooperateItem .link { font-size: 0; }

.cooperateItem .link a { display: inline-block; vertical-align: top; -webkit-border-radius: 1000px; border-radius: 1000px; background: #036883; color: #fff; text-align: center; line-height: 40px; padding: 0 15px; font-size: 14px; min-width: 110px; }

.cooperateItem .progress { font-size: 0; margin-left: -10px; margin-right: -10px; }

.cooperateItem .progress p { line-height: 1; position: relative; }

.cooperateItem .progress p::after { content: ''; position: absolute; right: -12px; top: 5px; width: 6px; height: 6px; border-right: solid 1px #828282; border-bottom: solid 1px #828282; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.cooperateItem .progress li { display: inline-block; vertical-align: top; font-size: 14px; text-align: center; padding: 0 10px; width: 25%; }

.cooperateItem .progress li:last-child p::after { display: none; }

.cooperateItem .progress .icon { display: block; margin-left: auto; margin-right: auto; width: 20px; height: 20px; margin-bottom: 10px; }

.cooperateItem .progress .icon img { width: 100%; height: 100%; }

.contactusBox { margin-top: 30px; }

.contactusList { font-size: 0; margin-left: -5px; margin-right: -5px; margin-top: 14px; }

.contactusList li { display: inline-block; vertical-align: top; font-size: 14px; width: 33.3333%; text-align: center; padding: 0 5px; }

.contactusList p { font-size: 12px; }

.contactusList .icon { width: 36px; height: 36px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 4px; }

.contactusList .icon img { width: 100%; height: 100%; }

.contactusList h4 { color: #141d29; }

.mapBox { height: 300px; position: relative; margin-top: 20px; }

.mapBox #map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.contactusModel { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 99; }

.contactusModel .modelContent { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 0 20px; }

.contactusModel .contBox { background: #fff; border-top: solid 4px #0BA7D1; padding-left: 20px; padding-right: 20px; padding-bottom: 15px; }

.contactusModel .mHead { position: relative; }

.contactusModel .mHead h3 { text-align: center; font-size: 20px; color: #333; line-height: 50px; background: url(../images/line332.png) no-repeat center bottom; background-size: auto 4px; }

.contactusModel .closeModel { position: absolute; top: 5px; right: 0; width: 40px; height: 40px; }

.contactusModel .closeModel::after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-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); width: 20px; height: 1px; background: #333; }

.contactusModel .closeModel::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-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); width: 20px; height: 1px; background: #333; }

.contactusModel .mBody { margin-top: 15px; }

.contactusModel form { max-height: 400px; overflow-y: auto; padding-right: 10px; }

.contactusModel form::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(0, 0, 0, 0); }

.contactusModel form::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(0, 0, 0, 0); }

.contactusModel form::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #036883; }

.contactusModel form .formArea { margin-bottom: 10px; }

.contactusModel form .formArea.required label { display: block; }

.contactusModel form .formArea.required label::before { content: '*'; color: #FF1010; }

.contactusModel form .formArea.codeItem .inputBox { position: relative; padding-right: 100px; }

.contactusModel form .formArea.codeItem .resetCode { position: absolute; top: 0; right: 0; height: 40px; width: 95px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; }

.contactusModel form .formArea.codeItem .resetCode img { height: 100%; width: 100%; }

.contactusModel form .formArea label { line-height: 24px; }

.contactusModel form .formArea .inputBox { margin-top: 6px; }

.contactusModel form .formArea .inputBox input { border: solid 1px #ebebeb; -webkit-border-radius: 4px; border-radius: 4px; height: 40px; width: 100%; padding: 0 15px; }

.contactusModel form .formArea .inputBox textarea { height: 100px; width: 100%; border: solid 1px #ebebeb; -webkit-border-radius: 4px; border-radius: 4px; padding: 12px 15px; }

.contactusModel form .formSubmit { text-align: center; margin-top: 20px; font-size: 0; }

.contactusModel form .formSubmit button { text-align: center; display: inline-block; vertical-align: top; font-size: 14px; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; padding: 0 20px; height: 40px; min-width: 120px; background: #036883; }

.contactusModel .tips { color: #999; }

.contactusModel .radioList { font-size: 0; }

.contactusModel .radioList li { display: inline-block; vertical-align: top; min-width: 33.33333%; font-size: 14px; position: relative; padding-left: 22px; background: url(../images/round.png) no-repeat left center; background-size: 16px 16px; }

.contactusModel .radioList li.cur { background-image: url(../images/round-o.png); }

.contactusModel .radioList li input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; opacity: 0; margin: 0; }

.contactusModel .tips { margin-top: 20px; }

/*联系我们 e*/
/*公司简介 s*/
.aboutTop .contBox { margin-top: 15px; }

.aboutTop .hgyPimg::after { padding-bottom: 107.14286%; }

.aboutTop .word { padding: 15px 0 0; }

.aboutTop .word h3 { color: #282828; font-size: 20px; margin-bottom: 6px; }

.aboutTop .word .desc { color: #828282; }

.companyVision { margin-top: 25px; }

.companyVision .contBox { margin-top: 20px; position: relative; }

.companyVision .contBox .pic { overflow: hidden; }

.companyVision .contBox .pic img { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 200px; }

.companyVision .contBox .word { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; color: #fff; text-align: center; padding: 0 15px; width: 100%; }

.companyVision .contBox h2 { line-height: 1; }

.companyVision .contBox .en { font-weight: bold; font-size: 32px; -webkit-text-stroke: 1px #fff; color: transparent; opacity: .2; }

.companyVision .contBox .zh { position: absolute; top: 60%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; width: 100%; left: 0; font-size: 16px; }

.visionList { padding-top: 10px; }

.visionList li { padding: 15px 0; border-bottom: solid 1px #222; }

.visionList li:last-child { border: 0; }

.visionList h4 { color: #333333; font-size: 18px; font-weight: bold; margin-bottom: 4px; }

.visionList .desc { font-size: 14px; }

.history { margin-top: 15px; }

.historySwiper { overflow: hidden; }

.historySwBox { margin-top: 20px; }

.historySwBox .swiper-slide { padding: 0 15px 0 25px; }

.historySwBox .item { padding-top: 20px; position: relative; }

.historySwBox .item::before { content: ''; position: absolute; right: 100%; top: 0; width: 24px; height: 253px; background: url(../images/liness.png) no-repeat center center; background-size: 100% 100%; }

.historySwBox .year { color: #d3d3d3; font-weight: bold; font-size: 20px; margin-bottom: 4px; }

.historySwBox ul { padding-right: 5px; height: 210px; overflow-x: hidden; overflow-y: auto; }

.historySwBox ul::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(0, 0, 0, 0); }

.historySwBox ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(0, 0, 0, 0); }

.historySwBox ul::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #036883; }

.historySwBox li { color: #282828; line-height: 20px; margin-bottom: 10px; }

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

.history { background: url(../images/hisbg.png) no-repeat center bottom; background-size: 100% auto; padding-bottom: 40px; }

.historyPage { text-align: center; font-size: 0; line-height: 1; margin-top: 15px; }

.historyPage span { margin: 0 3px; background: #ddd; }

.historyPage .swiper-pagination-bullet-active { background: #036883; }

/*公司简介 e*/
/*专题-室外清扫机器人 s*/
.bgpro { padding-top: 0; }

.bgpro .hgyAutoImg { position: static; }

.bgpro .hgyAutoImg img { position: static; width: 100%; height: auto; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

.bgpro .content { position: absolute; top: 20%; left: 0; width: 100%; text-align: center; margin-bottom: 0; }

.specialCont22 .content { color: #333; }

/*专题-室外清扫机器人 e*/
/*智绘城市 s*/
.specialCont32 { padding-bottom: 30px; }

.specialCont32 .content { color: #333; margin-bottom: 20px; }

.specialCont32 .hgyAutoImg { position: static; width: 100%; }

.specialCont32 .hgyAutoImg img { width: 100%; }

.specialCont33 { padding-bottom: 30px; }

.specialCont33 .boxPic img { max-width: 70%; }

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

.specialCont34 .hgyPimg::after { padding-bottom: 400px; }

.specialCont34 .contBox { position: absolute; top: 35px; left: 0; width: 100%; text-align: center; color: #fff; }

.specialTitle { font-size: 24px; font-weight: bold; line-height: 1.2; }

.specialsubTitle{ font-size: 18px; padding-bottom: 10px;}

.featuresView { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

.featuresView .commonweb1400 { height: 100%; }

.featuresSwiper { height: 100%; width: 100%; overflow: hidden; }

.featuresSwiper .swiper-slide { border-left: solid 1px rgba(255, 255, 255, 0.1); }

.featuresSwiper .swiper-slide:last-child { border-right: solid 1px rgba(255, 255, 255, 0.1); }

.featuresSwiper .item { height: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.featuresSwiper .word { text-align: center; color: #fff; padding: 0 10px 40px 10px; }

.featuresSwiper .icon { display: block; width: 40px; height: 40px; margin-left: auto; margin-right: auto; margin-bottom: 10px; }

.featuresSwiper .icon img { width: 100%; height: 100%; }

.featuresSwiper .count { font-size: 12px; margin-bottom: 6px; }

.featuresSwiper .title { margin-bottom: 15px; position: relative; }

.featuresSwiper .title::after { content: ''; display: block; width: 33px; height: 2px; background: #fff; margin-left: auto; margin-right: auto; margin-top: 15px; }

.featuresSwiper .title h3 { font-size: 22px; line-height: 1.2; }

.featuresSwiper .title .en { opacity: 0.3; font-size: 12px; letter-spacing: 1px; }

.featuresSwiper .txt { line-height: 20px; height: 80px; overflow-y: auto; padding-right: 10px; }

.featuresSwiper .txt::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0.1); }

.featuresSwiper .txt::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.1); }

.featuresSwiper .txt::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #fff; }

.proVideo { position: relative; }

.proVideo .bgpic .hgyPimg::after { padding-bottom: 49.47917%; }

.proVideo .contBox { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; color: #fff; }

.proVideo .specialTitle { margin-bottom: 6px; }

.proVideo .desc { margin-bottom: 15px; line-height: 20px; max-height: 40px; padding-right: 10px; overflow-y: auto; }

.proVideo .desc::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0.1); }

.proVideo .desc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.1); }

.proVideo .desc::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #fff; }

.proVideo .player-btn { display: block; width: 40px; height: 40px; margin-left: auto; margin-right: auto; background: url(../images/playbtn.png) no-repeat center center; background-size: 100% 100%; }

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

.specialCont36 { position: relative; }

.specialCont36 .bgpic .hgyPimg::after { padding-bottom: 100%; }

.specialCont36 .contView { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }

.specialCont36 .contView .contBox { color: #fff; }

.appCont { margin-top: 20px; }

.appCont .item { display: block; }

.appCont h2 { font-size: 16px; text-align: center; color: #fff; line-height: 30px; margin-top: 6px; }

.appPage { text-align: center; font-size: 0; line-height: 1; margin-top: 15px; }

.appPage span { margin: 0 3px; background: rgba(255, 255, 255, 0.5); }

.appPage .swiper-pagination-bullet-active { background: #fff; }

.specialCont37 .contBox .link { font-size: 0; text-align: center; }

.specialCont37 .contBox .link a { display: inline-block; vertical-align: top; line-height: 38px; border: solid 1px #fff; -webkit-border-radius: 1000px; border-radius: 1000px; padding: 0 25px; font-size: 14px; color: #fff; position: relative; }

.specialCont37 .contBox .link a::after { content: ''; position: absolute; top: 50%; right: 4px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); _font-size: 0; _line-height: 0; _overflow: hidden; width: 0; height: 0; border-width: 6px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #fff; }

/*智绘城市 e*/
/*变电站巡检机器人 s*/
.specialCont42 { padding-bottom: 40px; }

.specialCont44 { padding-bottom: 30px; }

.specialCont45 { padding-bottom: 30px; }

.specialCont46 .content { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.specialCont47.proSpecs .table2Box th { background: #eee; }

.specialCont47.proSpecs .table2Box tr:nth-child(2n) { background: none; }

.specialCont47.proSpecs .table2Box td { border: solid 1px #eee; }

.specialCont47.proSpecs .table2Box td:first-child { width: 10.83333%; }

.specialCont47.proSpecs .table2Box td:nth-child(2) { width: 30.83333%; }

/*变电站巡检机器人 e*/
/*扫地机器人 s*/
.specialCont52 { padding-bottom: 30px; background: url(../images/bbbh.jpg) no-repeat center bottom; background-size: auto 100%; }

.specialCont52 .hgyAutoImg { position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; }

.specialCont52 .hgyAutoImg img { width: 100%; height: auto; }

.specialCont52 .content { color: #333; }

.specialCont54 { background: url(../images/hhg.jpg) no-repeat center bottom; background-size: auto 100%; padding-bottom: 30px; }

.specialCont54 .hgyAutoImg { position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; }

.specialCont54 .hgyAutoImg img { width: 100%; height: auto; }

.specialCont53 .content { text-align: left; }

.specialCont53 .content h3 { margin-bottom: 12px; }

.specialCont53 .content .desc { padding-right: 10px; overflow-y: auto; max-height: 120px; }

.specialCont53 .content .desc::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0.1); }

.specialCont53 .content .desc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.1); }

.specialCont53 .content .desc::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #fff; }

.specialCont53 .content .item { margin-bottom: 10px; }

.specialCont53 .content .item h4 { font-size: 18px; font-weight: bold; }

.specialCont53 .content .item p { color: #ffffff; opacity: 0.6; font-size: 14px; }

.specialCont55 .content { color: #333; }

/*扫地机器人 e*/
/*合作伙伴 s*/
.partnersBox { margin-top: 20px; }

.partnersBox .left .hgyPimg::after { padding-bottom: 117.85714%; }

.partnersBox .left .pic { position: relative; }

.partnersBox .left .word { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; color: #fff; }

.partnersBox .left .word .img { margin-bottom: 16px; }

.partnersBox .right { background-color: #f3f3f3; padding: 20px; }

.partnersList { font-size: 0; margin-left: -5px; margin-right: -5px; }

.partnersList li { display: inline-block; vertical-align: top; width: 50%; padding: 0 5px; margin-top: 10px; }

.partnersList li:nth-child(1), .partnersList li:nth-child(2) { margin-top: 0; }

.partnersList .item { display: block; }

.partnersList .hgyPimg::after { padding-bottom: 35.2381%; }

.partners { padding-bottom: 40px; }

/*合作伙伴 e*/
/*公司理念 s*/
.ideaDesc { text-align: center; margin-top: 6px; }

.ideaCont { margin-top: 30px; }

.ideaCont .left { position: relative; z-index: 2; }

.ideaCont .left::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/ibg.jpg) no-repeat center center; background-size: 100% 100%; z-index: -1; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.ideaCont .word { padding: 25px 20px; }

.ideaCont h3 { color: #036883; font-size: 18px; }

.ideaCont .desc { color: #6d6d6d; }

/*公司理念 e*/


@media (min-width: 640px) { .honorTitle .hgyPimg::after { padding: 0; }
  .honorTitle .hgyPimg img { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: static; height: auto; width: 100%; } }

@media (min-width: 768px) { /*专题-智能导航 s*/
  .traitList li { width: 25%; }
  .sceneTop { padding: 30px; }
  .sceneTop .word { display: table; table-layout: fixed; width: 100%; }
  .sceneTop .left { display: table-cell; vertical-align: middle; width: 50%; }
  .sceneTop .right { display: table-cell; vertical-align: middle; padding-left: 20px; width: 50%; }
  .sceneList li { width: 33.3333%; }
  /*专题-智能导航 e*/
  /*专题-无人配送机器人 s*/
  .proBox .boxPic img { max-width: 50%; }
  /*专题-无人配送机器人 e*/
  /*案例列表 s*/
  .caseList li { width: 33.3333%; }
  /*案例列表 e*/
  /*案例详情 s*/
  .caseCtrl { font-size: 0; }
  .caseCtrl > div { display: inline-block; vertical-align: top; font-size: 14px; width: 46%; }
  .caseCtrl .nextBtn { float: right; text-align: right; }
  .caseCtrl .prevBtn { border: 0; }
  .caseCtrl .ibt a { width: auto; max-width: -webkit-calc(100% - 60px); max-width: calc(100% - 60px); }
  .caseCtrl .ibt span { float: none; }
  /*案例详情 e*/
  /*新闻列表 s*/
  .newsList li { width: 50%; }
  /*新闻列表 e*/
  /*荣誉资质 s*/
  .awardCont { padding-bottom: 40px; background: url(../images/linkbg.png) repeat-x center bottom; background-size: 100% 12px; }
  .awardCont .left { width: 46.66667%; position: relative; float: left; }
  .awardCont .right { width: 48.5%; margin-left: auto; display: block; }
  .awardCont .top .en { color: #919191; opacity: 0.21; font-size: 20px; line-height: 1; margin-bottom: 6px; }
  .awardCont .top .zh { color: #494949; font-weight: bold; font-size: 18px; }
  .certificateBox { width: 81.42857%; margin-left: auto; padding: 10px; }
  .certificateBox::after { display: block; padding-bottom: 72.36842%; }
  .certificateSwBox { position: relative; width:100%; padding: 14px; -webkit-box-shadow: 0 30px 40px -20px #ebebeb; box-shadow: 0 30px 40px -20px #ebebeb; }
  .certificateSwiper .word { display: none; }
  .certificateCtrl {}
  .certificateList { margin-top: 15px; }
  .certificateListSwiper { height: 276px; overflow: hidden; }
  .certificateListSwiper .swiper-slide { height: auto; }
  .certificateListSwiper .swiper-slide.cur h2 { color: #036883; }
  .certificateListSwiper .swiper-slide:first-child .item { border: 0; }
  .certificateListSwiper .item { display: table; table-layout: fixed; width: 100%; padding: 12px 0; border-top: dashed 1px #cecece; }
  .certificateListSwiper h2 { display: table-cell; vertical-align: middle; width: 100%; color: #797979; font-size: 14px; padding-right: 30px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .certificateListSwiper .date { display: table-cell; vertical-align: middle; width: 80px; color: #a8a8a8; }
  .certificatePrev{ left: -20px;}
  .certificateNext{right:-20px;}

  .honorCont { margin-top: 25px; }
  /*荣誉资质 e*/
  /*联系我们 s*/
  .cooperateItem { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .cooperateItem:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .cooperateItem:nth-child(2n) .word, .cooperateItem:nth-child(2n) .publicTitleOne { text-align: right; }
  .cooperateItem .pic { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .cooperateItem .word { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; border: 0; }
  .contactusModel .contBox { width: 90%; margin-left: auto; margin-right: auto; }
  /*联系我们 e*/
  /*公司简介 s*/
  .aboutTop .contBox { display: table; table-layout: fixed; width: 100%; }
  .aboutTop .pic { display: table-cell; vertical-align: middle; width: 46.66667%; }
  .aboutTop .word { display: table-cell; vertical-align: middle; padding-left: 30px; }
  .aboutTop .desc { padding-right: 10px; overflow-y: auto; max-height: 296px; }
  .aboutTop .desc::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(0, 0, 0, 0); }
  .aboutTop .desc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(0, 0, 0, 0); }
  .aboutTop .desc::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #036883; }
  .companyVision .contBox .pic img { width: 100%; height: auto; position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .visionList { padding-top: 0; position: relative; margin-top: -40px; }
  .visionList ul { font-size: 0; margin-left: -12px; margin-right: -12px; }
  .visionList li { display: inline-block; vertical-align: top; width: 50%; padding: 0 12px; border: 0; }
  .visionList .item { padding: 25px 40px; text-align: center; background: #fff; }
  .visionList h4 { border-bottom: solid 2px #222; margin-bottom: 8px; padding-bottom: 8px; }
  /*公司简介 e*/
  /*智绘城市 s*/
  .specialCont34 .hgyPimg::after { padding-bottom: 49.47917%; }
  .specialCont36 .bgpic .hgyPimg::after { padding-bottom: 49.47917%; }
  /*智绘城市 e*/
  /*扫地机器人 s*/
  .specialCont52, .specialCont54 { background-size: 100% 100%; }
  /*扫地机器人 e*/
  /*合作伙伴 s*/
  .partnersBox { position: relative; }
  .partnersBox .left { width: 37.33333%; }
  .partnersBox .right { width: 62.66667%; position: absolute; top: 0; right: 0; height: 100%; }
  .rightBox { max-height: 100%; overflow-y: auto; overflow-x: hidden; padding-right: 10px; }
  .rightBox::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(255, 255, 255, 0.1); }
  .rightBox::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.1); }
  .rightBox::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #036883; }
  /*合作伙伴 e*/
  /*公司理念 s*/
  .ideaCont .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }
  .ideaCont .item:nth-child(2n) .right { margin-left: 0; }
  .ideaCont .item:nth-child(2n) .left { left: 50%; }
  .ideaCont .left { position: absolute; top: 0; width: 50%; height: 100%; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .ideaCont .word { width: 100%; }
  .ideaCont .right { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-left: auto; }
  /*公司理念 e*/ }


@media (min-width: 1024px) { /*专题-智能导航 s*/
  .specialPageOne { padding-top: 60px; padding-bottom: 30px; }
  .specialOneCont .title { margin-bottom: 40px; }
  .specialOneCont .title .en { font-size: 45px; letter-spacing: -4px; font-weight: normal; }
  .specialOneCont .title .zh { font-size: 26px; }
  .specialOneCont .title .zh::after { margin-top: 12px; }
  .specialOneCont .content { padding-top: 30px; font-size: 16px; line-height: 25px; }
  .specialTrait { margin-top: 40px; margin-bottom: 40px; }
  .tarTitle { font-size: 26px; }
  .traitList { margin-top: 40px; }
  .traitList ul { margin-left: -9px; margin-right: -9px; }
  .traitList li { padding: 0 9px; margin-bottom: 18px; }
  .traitList .item { padding: 20px; position: relative; }
  .traitList .item::after { content: ''; position: absolute; top: 10px; left: 10px; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); height: -webkit-calc(100% - 20px); height: calc(100% - 20px); border: solid 1px #f2f2f2; z-index: 4; pointer-events: none; }
  .traitList .txt { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); padding: 46px 12px 12px; }
  .traitList .word { margin-top: 30px; padding-left: 10px; }
  .traitList .word h4 { position: absolute; left: -20px; top: 0; z-index: 2; padding-left: 26px; }
  .specialScene .tarTitle::after { margin-top: 16px; }
  .sceneTop { margin-top: 32px; padding-left: 50px; padding-right: 50px; margin-bottom: 30px; }
  .sceneTop .txt { margin-left: auto; font-size: 14px; line-height: 30px; max-width: 436px; }
  .sceneList ul { margin-left: -15px; margin-right: -15px; }
  .sceneList li { padding: 0 15px; margin-bottom: 30px; }
  .sceneList .player-btn { width: 64px; height: 64px; }
  .sceneList .item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); -o-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }
  .sceneList h2 { font-size: 16px; margin-top: 16px; }
  /*专题-智能导航 e*/
  /*专题-无人配送机器人 s*/
  .proBox .content { margin-bottom: 0px; }
  .proBox .content h3 { font-size: 40px; margin-bottom: 14px; }
  .proBox .content .desc { max-width: 800px; font-size: 18px; line-height: 26px; margin-left: auto; margin-right: auto; }
  .specialCont1 { padding-top: 6.25%; }
  .specialCont2 { padding-top: 7.8125%; padding-bottom: 30px; }
  .specialCont3 { padding-top: 7.8125%; }
  .specialCont4 { padding-top: 8.85417%; padding-bottom: 40px; }
  .specialCont5 { padding-top: 7.8125%; padding-bottom: 40px; }
  .proSpecs { padding: 60px 0; }
  .proSpecs h3 { font-size: 40px; margin-bottom: 30px; }
  .proSpecs .tableBox td { font-size: 16px; padding: 20px 10px; }
  /*专题-无人配送机器人 e*/
  /*专题-安防巡逻机器人 s*/
  .specialCont11 { padding-top: 6.25%; }
  .specialCont12 { padding-top: 6.77083%; }
  .specialPageThree .section2 { position: relative; }
  .specialPageThree .section2 .details { position: absolute; width: 992px; height: 992px; z-index: 3; }
  .specialCont12 { background: none; overflow: hidden; }
  .specialCont12 .hgyAutoImg { opacity: 1; }
  .specialCont12 .details { position: absolute; left: 0; bottom: 0; padding-top: 6.77083%; padding-bottom: 10%; width: 40%; }
  .specialCont13 { padding-top: 5.20833%; }
  .specialCont14 { padding-top: 6.25%; }
  .specialPageThree .specialCont15 { padding-top: 8.85417%; padding-bottom: 3.125%; }
  .specialPageThree .specialCont15 .content { text-align: left; position: absolute; width: 100%; left: 0; top: 30%; }
  .specialPageThree .specialCont15 .content .txt { width: 50%; }
  .specialPageThree .specialCont15 .content .desc { margin-left: 0; }
  .specialPageThree .specialCont15 .content .desc::after { content: ''; display: none; height: 4px; width: 36px; margin-top: 50px; background: #fff; }
  .specialPageThree .specialCont15 .boxPic { margin-left: 50%; }
  .specialPageThree .specialCont15 .boxPic img { margin-left: 10%; max-width: 60%; }
  .specialCont16 { padding-top: 6.25%; }
  /*专题-安防巡逻机器人 e*/
  /*案例列表 s*/
  .caseList { margin-left: -20px; margin-right: -20px; }
  .caseList li { padding: 0 20px; border-right: solid 1px #e5e5e5; margin-bottom: 40px; }
  .caseList li:nth-child(3n) { border: none; }
  .caseList .word { padding: 20px 20px 0; }
  .caseList .time { font-size: 14px; }
  .caseList .item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); -o-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }
  .caseList .item:hover .more span { color: #036883; }
  .caseList .item:hover .more span::before, .caseList .item:hover .more span::after { border-color: #036883; }
  .caseList h2 { font-size: 20px; line-height: 28px; height: 56px; margin-bottom: 24px; }
  .caseList .more span { font-size: 16px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .caseList .more span::after, .caseList .more span::before { width: 10px; height: 10px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; right: -14px; }
  .caseList .more span::before { right: -22px; }
  .caseBox { margin-top: 30px; }
  .case { padding-bottom: 60px; }
  /*案例列表 e*/
  /*案例详情 s*/
  .caseDetail { padding-bottom: 60px; }
  .caseDetailView { margin-top: 30px; }
  .caseDetailTitle { padding: 24px 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .caseDetailTitle h1 { font-size: 24px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 12%; }
  .caseDetailTitle .read { margin-top: 0; float: right; }
  .caseDetailTitle .read p { line-height: 36px; margin-right: 0; margin-left: 30px; }
  .caseDetailTitle .read p:first-child { margin-left: 0; }
  .caseDetailCont { padding-top: 30px; }
  .caseDetailCont .item { padding-bottom: 35px; margin-bottom: 35px; padding-left: 15px; padding-right: 15px; }
  .caseDetailCont .item h3 { font-size: 24px; }
  .caseDetailCont .item .left { float: left; width: 21.66667%; padding-right: 40px; }
  .caseDetailCont .item .right { overflow: hidden; }
  .caseDetailCont ul li { line-height: 30px; font-size: 14px; }
  .caseDetailCont .imgLists dl { margin-left: -7px; margin-right: -7px; }
  .caseDetailCont .imgLists dd { padding: 0 7px; }
  .caseDetailCont .imgLists h2 { font-size: 14px; line-height: 24px; margin-top: 15px; }
  .case-detail-ctrl { padding-left: 15px; }
  .caseCtrl { padding: 0 15px; }
  .caseCtrl .ibt a { line-height: 58px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .caseCtrl .ibt a:hover { color: #036883; }
  .caseCtrl .ibt span { line-height: 58px; }
  .returnList a { margin-right: 15px; line-height: 58px; min-width: 180px; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .returnList a:hover { color: #fff; border-color: #036883; background: #036883; }
  /*案例详情 e*/
  /*新闻列表 s*/
  .newsList { margin-left: -10px; margin-right: -10px; }
  .newsList li { width: 33.33333%; padding: 0 10px; margin-bottom: 20px; }
  .newsList h2 { font-size: 18px; }
  .newsList .word { padding: 15px 30px; }
  .newsList .item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); -o-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }
  .news { padding-bottom: 60px; }
  /*新闻列表 e*/
  /*新闻详情 s*/
  .newsdetail-left { width: 63.33333%; float: left; }
  .newsdetail-left .content { line-height: 26px; font-size: 16px; }
  .newsdetail-right { width: 30%; float: right; margin-top: 0; }
  .newsdetail-content { margin-top: 25px; }
  .newsdetail-info { padding-bottom: 30px; }
  .newsdetail-info .txt { border-width: 5px; margin-bottom: 20px; padding: 15px 60px 15px 30px; }
  .newsdetail-info h1 { font-size: 24px; margin-bottom: 10px; }
  .newsdetail-info .date { font-size: 18px; }
  .newsdetail-info .line { padding-left: 30px; }
  .newsdetail-share { bottom: -42px; }
  .newsdetail-share .share-toggle { width: 44px; height: 44px; cursor: pointer; }
  .newsDetail { padding-bottom: 60px; }
  .newsDetail .newsTitle { font-size: 22px; }
  .newsDetail .caseCtrl { margin-top: 40px; }
  /*新闻详情 e*/
  /*加入我们 s*/
  .recruit-ul { margin-top: 30px; padding-bottom: 50px; }
  .recruit-ul .hd { padding: 20px 25px; cursor: pointer; }
  .recruit-ul .hd .title { font-size: 16px; font-weight: normal; padding-right: 20px; float: left; width: 40%; }
  .recruit-ul .hd .addr { padding-bottom: 0; line-height: 32px; float: left; width: 30%; font-size: 15px; padding-right: 0; }
  .recruit-ul .hd .date { padding-left: 30px; font-size: 15px; line-height: 32px; float: left; }
  .recruit-ul .con { overflow: hidden; }
  .recruit-ul .bd { padding: 40px 30px; }
  .recruit-ul .detail .title { font-size: 18px; margin-bottom: 15px; margin-top: 20px; }
  .recruit-ul .detail p { line-height: 26px; }
  .joinusBox .detail { padding-right: 260px; position: relative; }
  .joinusBox .tdiBtn { margin-top: 0; position: absolute; right: 0; bottom: 0; }
  .joinusBox .tdiBtn a { line-height: 57px; min-width: 156px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .joinusBox .tdiBtn a:hover { -webkit-box-shadow: 0 10px 50px -10px #036883; box-shadow: 0 10px 50px -10px #036883; }
  .joinusBox .tdiBtn img { margin-right: 10px; }
  .joinus { padding-bottom: 60px; }
  /*加入我们 e*/
  /*荣誉资质 s*/
  .awardBox { margin-top: 26px; }
  .certificateCtrl { }
  .awardCont .top .en { font-size: 30px; }
  .awardCont .top .zh { font-size: 20px; }
  .awardCont .right { padding-left: 20px; overflow: hidden; }
  .certificateList { position: relative; z-index: 2; margin-top: 20px; }
  .certificateList::after { content: ''; position: absolute; left: -20px; top: 0; width: 60vw; height: 1px; background: #E6E9EA; }
  .certificateListSwiper { height: 468px; }
  .certificateListSwiper .item { cursor: pointer; padding: 15px 0; }
  .honorTitle .word { padding-left: 35px; top: 28%; }
  .honorTitle .word .zh { font-size: 24px; }
  .honorTitle .word .en { font-size: 22px; }
  .honorPage { display: none !important; }
  .honorList { margin-top: 0; padding-left: 46px; padding-right: 46px; position: relative; }
  .honorSwBox { padding: 30px; background: #fff; margin-top: -30px; position: relative; z-index: 2; }
  .honorPrev, .honorNext { position: absolute; top: 50%; width: 36px; height: 36px; background: url(../images/hor.png) no-repeat center center; background-size: 100% 100%; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .honorPrev:hover, .honorNext:hover { background-image: url(../images/hor2.png); }
  .honorPrev { left: 0; }
  .honorNext { right: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
  .honor { padding-bottom: 60px; }
  .honorSwiper .item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); -o-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }
  .certificateNext, .certificatePrev { cursor: pointer; }
  /*荣誉资质 e*/
  /*联系我们 s*/
  .cooperateBox { margin-top: 30px; }
  .cooperateItem { margin-bottom: 0; }
  .cooperateItem:nth-child(2n) .count::after { left: auto; right: -123px; }
  .cooperateItem .word { padding: 0 40px; }
  .cooperateItem .count { font-size: 16px; margin-bottom: 8px; position: relative; }
  .cooperateItem .count::after { content: ''; position: absolute; top: 11px; height: 2px; width: 110px; background: #036883; left: -123px; }
  .cooperateItem .txt { font-size: 14px; line-height: 22px; margin-bottom: 40px; }
  .cooperateItem .progress { margin-left: -20px; margin-right: -20px; margin-top: 20px; }
  .cooperateItem .progress li { padding: 0 20px; }
  .cooperateItem .progress .icon { width: 30px; height: 30px; }
  .cooperateItem .progress p::after { right: -22px; }
  .cooperateItem .link a { min-width: 140px; line-height: 46px; }
  .contactusBox { padding-top: 60px; margin-top: 0; }
  .contactusList { margin-top: 30px; }
  .contactusList li { padding: 0 15px; position: relative; }
  .contactusList li::after { content: ''; position: absolute; top: 0; right: 0; height: 60px; width: 2px; background: #BDC5D0; }
  .contactusList li:last-child::after { display: none; }
  .contactusList .icon { width: 48px; height: 48px; }
  .contactusList h4 { font-size: 16px; margin-bottom: 10px; }
  .contactusList p { font-size: 14px; }
  .mapBox { margin-top: 40px; height: 500px; }
  .contactusModel .modelContent { padding: 0; }
  .contactusModel .contBox { width: 80%; border-width: 5px; padding-left: 3.125%; padding-right: 3.125%; padding-bottom: 30px; }
  .contactusModel .tips { margin-top: 40px; }
  .contactusModel .mHead h3 { font-size: 26px; line-height: 80px; background-size: auto 5px; }
  .contactusModel .closeModel { top: 20px; cursor: pointer; }
  .contactusModel .closeModel::before, .contactusModel .closeModel::after { width: 30px; }
  .contactusModel form { font-size: 0; margin-left: -15px; margin-right: -15px; max-height: none; padding-right: 0; }
  .contactusModel form .formArea { font-size: 14px; display: inline-block; vertical-align: top; margin-bottom: 15px; padding: 0 15px; width: 100%; }
  .contactusModel form .formArea label { float: left; width: 100px; height: 50px; line-height: 50px; }
  .contactusModel form .formArea .inputBox { overflow: hidden; margin-top: 0; }
  .contactusModel form .formArea .inputBox input { height: 50px; }
  .contactusModel form .formArea .inputBox .radioList li { width: auto; height: 50px; line-height: 50px; cursor: pointer; min-width: auto; margin-left: 40px; }
  .contactusModel form .formArea .inputBox .radioList li input { height: 100%; cursor: pointer; }
  .contactusModel form .formArea.halfItem { width: 50%; }
  .contactusModel form .formArea.codeItem { width: -webkit-calc(50% + 127px); width: calc(50% + 127px); }
  .contactusModel form .formArea.codeItem .inputBox { padding-right: 127px; }
  .contactusModel form .formArea.codeItem .resetCode { height: 50px; width: 117px; }
  .contactusModel form .formSubmit { text-align: left; padding-left: 115px; }
  .contactusModel form .formSubmit button { height: 50px; min-width: 186px; }
  /*联系我们 e*/
  /*公司简介 s*/
  .aboutTop .contBox { margin-top: 30px; }
  .aboutTop .word { padding-left: 40px; }
  .aboutTop .word h3 { font-size: 30px; margin-bottom: 10px; }
  .aboutTop .word .desc { font-size: 16px; line-height: 30px; max-height: 300px; }
  .companyVision { margin-top: 60px; }
  .companyVision .contBox { margin-top: 30px; }
  .companyVision .contBox .en { font-size: 80px; }
  .companyVision .contBox .zh { font-size: 28px; }
  .visionList .item { padding: 35px 60px; }
  .visionList h4 { font-size: 20px; margin-bottom: 14px; padding-bottom: 14px; }
  .visionList .desc { font-size: 16px; line-height: 22px; }
  .history { margin-top: 20px; }
  .history .contBox { margin-top: 30px; }
  .historySwBox { margin-top: 0; }
  .historyCtrl { text-align: right; font-size: 0; }
  .historyPrev, .historyNext { width: 50px; height: 50px; background: url(../images/hisprev.png) no-repeat center center; background-size: 100% 100%; display: inline-block; vertical-align: top; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .historyPrev:hover, .historyNext:hover { background-image: url(../images/hisprevo.png); }
  .historyNext { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
  .historySwiper { height: 380px; }
  .historySwBox .year { font-size: 30px; font-weight: normal; }
  .historySwBox .swiper-slide { padding-left: 35px; }
  .historySwBox .swiper-slide:nth-child(5n) { padding-top: 119px; }
  .historySwBox .swiper-slide:nth-child(5n-1) { padding-top: 30px; }
  .historySwBox .swiper-slide:nth-child(5n-2) { padding-top: 95px; }
  .historySwBox .swiper-slide:nth-child(5n-4) { padding-top: 73px; }
  .historySwBox .item::before { right: auto; left: -34px; }
  .historySwBox ul { height: 222px; }
  .historySwBox li { margin-bottom: 14px; }
  .historyPage { display: none !important; }
  .history { padding-bottom: 10%; }
  /*公司简介 e*/
  /*智绘城市 s*/
  .specialCont32 { padding-top: 60px; padding-bottom: 80px; }
  .specialCont32 .content .desc { margin-bottom: 12px; }
  .specialCont33 { padding-top: 60px; padding-bottom: 60px; }
  .specialTitle { font-size: 40px; }
  .specialsubTitle{ font-size: 28px;}
  .specialCont34 .contBox { top: 80px; z-index: 9; pointer-events: none; }
  .featuresSwiper .word { padding-left: 20px; padding-right: 20px; padding-bottom: 60px; }
  .featuresSwiper .icon { width: 50px; height: 50px; margin-bottom: 16px; }
  .featuresSwiper .count { font-size: 16px; margin-bottom: 16px; }
  .featuresSwiper .title::after { height: 4px; }
  .featuresSwiper .title h3 { font-size: 30px; margin-bottom: 4px; }
  .featuresSwiper .title .en { font-size: 14px; letter-spacing: 4px; font-weight: bold; }
  .featuresSwiper .item { position: relative; z-index: 2; }
  .featuresSwiper .item::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: url(../images/jbbg.png) no-repeat center bottom; background-size: 100% auto; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; z-index: -1; }
  .featuresSwiper .item:hover::after { height: 100%; opacity: 1; }
  .proVideo .desc { margin-bottom: 40px; max-width: 1000px; margin-left: auto; margin-right: auto; padding-right: 0; font-size: 18px; line-height: 24px; max-height: none; }
  .proVideo .specialTitle { margin-bottom: 12px; }
  .proVideo .player-btn { width: 50px; height: 50px; }
  .proVideo .bgpic .hgyPimg::after { padding-bottom: 0; }
  .proVideo .bgpic .hgyPimg img { position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; }
  .appCont { margin-top: 30px; }
  .appSwBox { padding-left: 60px; padding-right: 60px; position: relative; }
  .appPrev, .appNext { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 46px; height: 46px; background: url(../images/appprev.png) no-repeat center center; background-size: 100% 100%; cursor: pointer; }
  .appPrev:hover, .appNext:hover { background-image: url(../images/appprevo.png); }
  .appPrev { left: 0; }
  .appNext { right: 0; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
  .appPage { display: none; }
  .appSwiper .item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); -o-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }
  .specialCont36 .bgpic .hgyPimg::after { padding-bottom: 0; }
  .specialCont36 .bgpic .hgyPimg img { position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; }
  /*智绘城市 e*/
  /*扫地机器人 s*/
  .specialCont53 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 10%; padding-right: 10%; }
  .specialCont53 .boxPic img { max-width: 100%; }
  .specialCont53 .content .desc { max-height: none; }
  /*扫地机器人 e*/
  /*合作伙伴 s*/
  .partnersBox { margin-top: 50px; }
  .partnersBox .right { padding: 40px 30px; }
  .partnersList { margin-left: -15px; margin-right: -15px; }
  .partnersList li { width: 33.3333%; padding: 0 15px; margin-top: 20px; }
  .partnersList li:nth-child(3) { margin-top: 0; }
  .partnersList .item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); -o-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }
  .partners { padding-bottom: 5.88542%; }
  /*合作伙伴 e*/
  /*公司理念 s*/
  .idea.pt100 { padding-top: 100px; }
  .idea .publicTitleOne { position: relative; }
  .idea .publicTitleOne::after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 124px; height: 137px; background: url(../images/h3bg.png) no-repeat center center; background-size: 100% 100%; }
  .ideaDesc { margin-top: 60px; font-size: 20px; padding-bottom: 11.42857%; }
  .ideaCont .item:nth-child(odd) .left::after { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .ideaCont .item:nth-child(even) .word { padding-left: 12.5%; padding-right: 36.45833%; }
  .ideaCont .word { padding-left: 36.45833%; padding-right: 12.5%; }
  .ideaCont h3 { font-size: 20px; margin-bottom: 4px; }
  .ideaCont .desc { font-size: 16px; line-height: 20px; }
  /*公司理念 e*/ }


@media (min-width: 1260px) { /*专题-智能导航 s*/
  .specialPageOne { padding-top: 84px; padding-bottom: 40px; }
  .specialOneCont .title { margin-bottom: 60px; }
  .specialOneCont .title .en { font-size: 54px; }
  .specialOneCont .title .zh { font-size: 30px; }
  .specialTrait { margin-top: 60px; margin-bottom: 60px; }
  .tarTitle { font-size: 30px; }
  .traitList { margin-top: 60px; }
  .traitList .item { padding: 30px; }
  .traitList .item::after { top: 15px; left: 15px; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); height: -webkit-calc(100% - 30px); height: calc(100% - 30px); }
  .traitList .word { padding-left: 0; margin-top: 40px; }
  .traitList .word h4 { left: -30px; padding: 12px 10px 12px 34px; }
  .traitList .txt { -webkit-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); transform: translateX(15px); font-size: 15px; line-height: 24px; padding: 65px 20px 22px; }
  .sceneTop { margin-top: 45px; padding-right: 90px; padding-left: 90px; margin-bottom: 45px; }
  .sceneList ul { margin-left: -20px; margin-right: -20px; }
  .sceneList li { padding-left: 20px; padding-right: 20px; margin-bottom: 40px; }
  .sceneList h2 { margin-top: 24px; }
  /*专题-智能导航 e*/
  /*专题-无人配送机器人 s*/
  .proBox .content { margin-bottom: 0px; position: absolute; left: 0; width: 100%; }
  .proBox .content h3 { font-size: 48px; margin-bottom: 16px; }
  .proBox .content .desc { font-size: 20px; }
  .proBox .hgyAutoImg { position: static; height: auto; }
  .proBox .hgyAutoImg img { position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; height: auto; }
  .proBox .boxPic { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 3; }
  .proBox .boxPic img { width: 100%; max-width: none; }
  .specialCont1 { padding-top: 0; }
  .specialCont1 .content { top: 6.25%; }
  .specialCont1 .boxPic { bottom: 1.04167%; width: 34.63542%; }
  .specialCont2 { padding-top: 0; padding-bottom: 0; }
  .specialCont2 .content { top: 7.8125%; }
  .specialCont2 .boxPic { bottom: 3.95833%; width: 31.25%; }
  .specialCont3 { padding-top: 0; padding-bottom: 0; }
  .specialCont3 .content { top: 7.8125%; }
  .specialCont3 .boxPic { bottom: 2.44792%; width: 31.25%; }
  .specialCont4 { padding-top: 0; padding-bottom: 0; }
  .specialCont4 .content { top: 8.85417%; }
  .specialCont4 .boxPic { bottom: 3.64583%; width: 34.63542%; }
  .specialCont5 { padding-top: 0; padding-bottom: 0; }
  .specialCont5 .content { top: 7.8125%; }
  .specialCont5 .boxPic { bottom: 3.95833%; width: 31.25%; }
  .proSpecs { padding: 100px 0; }
  .proSpecs h3 { font-size: 48px; margin-bottom: 40px; }
  .proSpecs .tableBox td { padding: 30px 10px; }
  /*专题-无人配送机器人 e*/
  /*专题-安防巡逻机器人 s*/
  .specialCont11 { padding-top: 0; }
  .specialCont11 .content { top: 6.45833%; }
  .specialCont11 .boxPic { bottom:8%; width: 17.44792%; }
  .specialPageThree .proBox .boxPic img { max-width: 100%; }
  .specialPageThree .specialCont15 { padding-top: 0; padding-bottom: 0; }
  .specialPageThree .specialCont15 .boxPic { width: 17.44792%; margin-left: 0; bottom: 9%; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; left: 60%; }
  .specialPageThree .specialCont15 .boxPic img { width: 100%; max-width: 100%; margin-left: 0; }
  .specialCont12 { padding-top: 0; }
  .specialCont12 .content { top: 6.77083%; }
  .specialCont12 .boxPic { bottom: 10%; width: 22.76042%; }
  .specialCont12 .details { width: 100%; bottom: -46.37097%; padding: 0; }
  .specialCont12 .details .hcommonweb { padding: 0; margin: 0; max-width: none; }
  .specialCont12 .details ul { width: 51.66667%; margin-left: auto; margin-right: auto; position: relative; border: dashed 1px rgba(3, 104, 131, 0.2); -webkit-border-radius: 100%; border-radius: 100%; }
  .specialCont12 .details ul::after { content: ''; display: block; padding-bottom: 100%; }
  .specialCont12 .details .desc { color: #333; opacity: .6; }
  .specialCont12 .details li { position: absolute; width: 260px; }
  .specialCont12 .details li:nth-child(1) { left: auto; right: 97%; top: 30%; padding-right: 20px; padding-left: 0; margin: 0; text-align: right; }
  .specialCont12 .details li:nth-child(1)::after { left: 100%; }
  .specialCont12 .details li:nth-child(2) { left: auto; right: 75%; top: 5%; padding-right: 20px; padding-left: 0; margin: 0; text-align: right; }
  .specialCont12 .details li:nth-child(2)::after { left: 100%; }
  .specialCont12 .details li:nth-child(3) { left: 74%; right: auto; top: 5%; margin: 0; text-align: left; }
  .specialCont12 .details li:nth-child(3)::after { right: 100%; }
  .specialCont12 .details li:nth-child(4) { left: 96%; right: auto; top: 30%; margin: 0; text-align: left; }
  .specialCont12 .details li:nth-child(4)::after { rigth: 100%; }
  .specialCont12 .details h3 { font-size: 20px; line-height: 26px; }
  .specialCont13 { padding-top: 0; }
  .specialCont13 .content { top: 5.20833%; }
  .specialCont13 .boxPic { bottom: 0; width: 22.03125%; }
  .specialCont14 { padding-top: 0; }
  .specialCont14 .content { top: 6.25%; }
  .specialCont14 .boxPic { bottom: 5%; width: 17.44792%; }
  .specialCont16 { padding-top: 0; }
  .specialCont16 .content { top: 6.25%; }
  .specialCont16 .boxPic { bottom: 0; width: 30.41667%; }
  /*专题-安防巡逻机器人 e*/
  /*案例列表 s*/
  .caseList { margin-left: -30px; margin-right: -30px; padding-bottom: 20px; }
  .caseList li { padding: 0 30px; margin-bottom: 60px; }
  .caseList .word { padding: 30px 30px 0; }
  .caseList .time { margin-bottom: 12px; }
  .caseList h2 { font-size: 22px; line-height: 32px; height: 64px; margin-bottom: 40px; }
  .case { padding-bottom: 100px; }
  /*案例列表 e*/
  /*案例详情 s*/
  .caseDetailTitle { padding: 29px 30px; }
  .caseDetailTitle h1 { font-size: 26px; }
  .caseDetailTitle .read p { margin-left: 36px; }
  .caseDetailCont { padding-top: 50px; }
  .caseDetailCont .item { padding-left: 30px; padding-right: 30px; padding-bottom: 45px; margin-bottom: 40px; }
  .caseDetailCont .item h3 { font-size: 30px; }
  .caseDetailCont .item .right { margin-top: 0; }
  .caseDetailCont ul li::before { top: 4px; }
  .case-detail-ctrl { padding-left: 30px; }
  .caseCtrl { padding: 0 30px; }
  .caseCtrl .ibt a { line-height: 78px; }
  .caseCtrl .ibt span { line-height: 78px; }
  .returnList a { margin-right: 30px; line-height: 68px; min-width: 230px; }
  .caseDetail { padding-bottom: 100px; }
  /*案例详情 e*/
  /*新闻列表 s*/
  .newsBox { margin-top: 30px; }
  .newsList { margin-left: -15px; margin-right: -15px; padding-bottom: 30px; }
  .newsList li { padding: 0 15px; margin-bottom: 30px; }
  .news { padding-bottom: 100px; }
  /*新闻列表 e*/
  /*新闻详情 s*/
  .newsDetail.pt100 { padding-top: 80px; }
  .newsdetail-info { padding-bottom: 40px; }
  .newsdetail-info h1 { font-size: 28px; margin-bottom: 30px; }
  .newsdetail-info .read { margin-left: 36px; }
  .newsdetail-ctrl { margin-top: 70px; padding: 24px 0; }
  .newsdetail-right .other-title { padding-left: 20px; }
  .newsdetail-right .other-title h3 { line-height: 60px; }
  .newsdetail-right .other-btns { right: 20px; }
  .other-box { padding: 20px 20px 26px; }
  .newsdetail-other-swiper .word { padding-top: 26px; }
  .newsdetail-other-swiper .word h2 { height: 52px; line-height: 26px; }
  .newsdetail-other-swiper .word h2 a { font-size: 20px; }
  .newsdetail-other-swiper .word .desc { margin: 16px 0 26px; }
  .newsdetail-other-swiper .word .date { font-size: 16px; }
  .newsDetail { padding-bottom: 100px; }
  .newsDetail .caseCtrl { margin-top: 46px; }
  /*新闻详情 e*/
  /*加入我们 s*/
  .recruit-ul .hd { padding: 23px 40px 23px 32px; }
  .recruit-ul .hd .title { width: 30%; }
  .recruit-ul .hd .addr { width: 33%; }
  .recruit-ul .bd { padding: 46px 40px; }
  .recruit-ul .detail .title { margin-top: 32px; margin-bottom: 20px; }
  .joinus { padding-bottom: 100px; }
  /*加入我们 e*/
  /*荣誉资质 s*/
  .certificateCtrl {}
  .awardCont { padding-bottom: 20px; }
  .awardCont .top .en { font-size: 36px; }
  .awardCont .top .zh { font-size: 24px; }
  .awardCont .right { padding-left: 30px; }
  .certificateList { margin-top: 26px; }
  .certificateList::after { left: -30px; }
  .honorTitle .word { padding-left: 55px; top: 34%; }
  .honorSwBox { padding: 40px; margin-top: -40px; }
  .honorList { padding-left: 56px; padding-right: 56px; }
  .honorPrev, .honorNext { width: 46px; height: 46px; }
  .honor { padding-bottom: 90px; }
  .certificateSwBox { padding: 20px; -webkit-box-shadow: 0 50px 70px -20px #ebebeb; box-shadow: 0 50px 70px -20px #ebebeb; }
  /*荣誉资质 e*/
  /*联系我们 s*/
  .cooperateItem:nth-child(2n) .word { padding-left: 0; padding-right: 60px; }
  .cooperateItem .word { padding-left: 60px; padding-right: 0; }
  .cooperateItem .count { margin-bottom: 20px; }
  .cooperateItem .txt { margin-bottom: 60px; }
  .cooperateItem .link a { line-height: 52px; min-width: 160px; }
  .cooperateItem .progress .icon { margin-bottom: 14px; }
  .contactusBox { padding-top: 90px; }
  .contactusList { margin-top: 42px; }
  .contactusList li { padding: 0 36px; }
  .contactusList h4 { margin-bottom: 18px; }
  .mapBox { margin-top: 70px; }
  .contactusModel .contBox { width: 62.5%; max-width: 1200px; }
  .contactusModel .mHead h3 { line-height: 100px; font-size: 32px; }
  .contactusModel .closeModel { top: 30px; }
  .contactusModel form .formArea .inputBox textarea { height: 160px; }
  /*联系我们 e*/
  /*公司简介 s*/
  .aboutTop .word { padding-left: 56px; }
  .aboutTop .word h3 { font-size: 36px; }
  .aboutTop .word .desc { max-height: 450px; }
  .companyVision { margin-top: 95px; }
  .companyVision .contBox .en { font-size: 110px; }
  .companyVision .contBox .zh { font-size: 40px; }
  .visionList { margin-top: -74px; }
  .visionList .item { padding: 45px 90px; }
  .visionList h4 { font-size: 22px; padding-bottom: 24px; margin-bottom: 24px; }
  .history { margin-top: 35px; }
  .history .contBox { margin-top: 40px; }
  .historyPrev, .historyNext { width: 60px; height: 60px; }
  /*公司简介 e*/
  /*专题-室外清扫机器人 s*/
  .specialCont23 { padding-top: 0; }
  .specialCont23 .content { top: 13.68421%; }
  .specialCont23 .boxPic { bottom: 6.94737%; width: 35.10417%; }
  .specialCont24 { padding-top: 0; }
  .specialCont24 .content { top: 17.89474%; }
  .specialCont24 .boxPic { bottom: 6%; width: 43.95833%; }
  .specialCont21 { padding-top: 0; }
  .specialCont21 .content { top: 13.00345%; }
  .specialCont22 { padding-top: 0; }
  .specialCont22 .content { top: 13.00345%; }
  /*专题-室外清扫机器人 e*/
  /*智绘城市 s*/
  .specialCont31 .content { top: 21.55556%; }
  .specialCont32 { padding-top: 110px; padding-bottom: 126px; }
  .specialCont32 .content { position: static; }
  .specialCont33 { padding-top: 0; padding-bottom: 0; }
  .specialCont33 .content { top: 5.20833%; }
  .specialCont33 .boxPic { width: 40%; bottom: 5.46875%; }
  .specialCont34 .hgyPimg::after { padding-bottom: 800px; }
  .featuresSwiper .icon { width: 68px; height: 68px; margin-bottom: 30px; }
  .featuresSwiper .count { font-size: 16px; margin-bottom: 26px; }
  .featuresSwiper .title { margin-bottom: 34px; }
  .featuresSwiper .title::after { margin-top: 35px; }
  .featuresSwiper .title h3 { font-size: 36px; margin-bottom: 8px; }
  .featuresSwiper .title .en { font-size: 14px; letter-spacing: 6px; }
  .featuresSwiper .txt { font-size: 18px; line-height: 30px; height: 120px; }
  .featuresSwiper .word { padding-bottom: 100px; }
  .proVideo .player-btn { width: 68px; height: 68px; }
  .proVideo .desc { font-size: 20px; line-height: 26px; }
  .appCont { margin-top: 36px; }
  .appCont h2 { font-size: 22px; margin-top: 18px; }
  .appSwBox { padding-left: 86px; padding-right: 86px; }
  .appPrev, .appNext { width: 46px; height: 46px; }
  .specialCont37 .contBox .desc { margin-bottom: 90px; }
  .specialCont37 .contBox .link a { line-height: 52px; min-width: 208px; font-size: 18px; font-weight: bold; }
  .specialCont37 .contBox .link a::after { border-width: 8px; }
  /*智绘城市 e*/
  /*变电站巡检机器人 s*/
  .specialPageSix .content .desc { max-width: 1000px; }
  .specialCont41 { padding-top: 0; }
  .specialCont41 .content { top: 13.80898%; }
  .specialCont41 .boxPic { width: 26.66667%; bottom: 0; }
  .specialCont42 { padding-top: 0; padding-bottom: 0; }
  .specialCont42 .content { top: 10.52632%; }
  .specialCont42 .boxPic { width: 48.125%; bottom: 10.52632%; }
  .specialCont43 { padding-top: 0; }
  .specialCont43 .content { top: 12.84211%; }
  .specialCont43 .boxPic { width: 30.46875%; bottom: 0; }
  .specialCont44, .specialCont45 { padding-top: 0; padding-bottom: 0; }
  .specialCont44 .content, .specialCont45 .content { top: 12.57732%; }
  .specialCont44 .boxPic, .specialCont45 .boxPic { width: 52.86458%; bottom: 12.57732%; }
  .specialCont47.proSpecs .table2Box th { padding: 30px 10px; font-size: 16px; }
  /*变电站巡检机器人 e*/
  /*扫地机器人 s*/
  .specialCont51 { padding-top: 0; }
  .specialCont51 .content { top: 13.80898%; }
  .specialCont51 .boxPic { width: 34.0625%; bottom: 0; }
  .specialCont52 { padding-top: 7.29167%; }
  .specialCont52 .content { position: static; }
  .specialCont53 { width: 100%; padding: 10%; }
  .specialCont53 .hgyAutoImg { position: absolute; height: 100%; }
  .specialCont53 .hgyAutoImg img { width: auto; height: 100%; }
  .specialCont53 .content { position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-bottom: 0; }
  .specialCont53 .content .hcommonweb { padding: 0; }
  .specialCont53 .content h3 { margin-bottom: 40px; }
  .specialCont53 .content .item { margin-bottom: 20px; }
  .specialCont53 .content .item h4 { font-weight: normal; font-size: 24px; margin-bottom: 10px; }
  .specialCont53 .content .item p { font-size: 18px; line-height: 26px; }
  .specialCont53 .boxPic { position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-box-flex: 0; -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; }
  .specialCont54 { padding-bottom: 0; padding-top: 7.29167%; }
  .specialCont54 .content { position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .specialCont55 { padding-top: 0; }
  .specialCont55 .content { top: 12.63158%; }
  .specialCont55 .boxPic { width: 37.76042%; bottom: 6.31579%; }
  /*扫地机器人 e*/
  /*合作伙伴 s*/
  .partnersBox { margin-top: 80px; }
  /*合作伙伴 e*/
  /*公司理念 s*/
  .idea.pt100 { padding-top: 146px; }
  .idea .publicTitleOne { font-size: 30px; }
  .idea .publicTitleOne::after { width: 143px; height: 158px; }
  .ideaDesc { margin-top: 80px; }
  .ideaCont { margin-top: 0; }
  .ideaCont h3 { font-size: 24px; margin-bottom: 8px; }
  /*公司理念 e*/ }


@media (min-width: 1460px) { /*公司简介 s*/
  .companyVision .contBox .en { font-size: 125px; }
  /*公司简介 e*/
  /*扫地机器人 s*/
  .specialCont53 { padding-top: 11.45833%; padding-bottom: 4.6875%; padding-right: 15%; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; }
  .specialCont53 .content { padding-top: 3%; }
  .specialCont53 .content .desc { padding-right: 15%; }
  /*扫地机器人 e*/ }


@media (min-width: 1660px) { /*专题-无人配送机器人 s*/
  .specialCont1 .content { top: 13.80898%; }
  .specialCont1 .boxPic { bottom: 2.3015%; }
  .specialCont2 .content { top: 15.78947%; }
  .specialCont2 .boxPic { bottom: 8%; }
  .specialCont3 .content { top: 15.78947%; }
  .specialCont3 .boxPic { bottom: 4.94737%; }
  .specialCont4 .content { top: 17.89474%; }
  .specialCont4 .boxPic { bottom: 7.36842%; }
  .specialCont5 .content { top: 15.78947%; }
  .specialCont5 .boxPic { bottom: 8%; }
  .proBox .content h3 { font-size: 56px; }
  .proSpecs .content h3 { font-size: 56px; }
  /*专题-无人配送机器人 e*/
  /*专题-安防巡逻机器人 s*/
  .specialCont11 .content { top: 14.26928%; }
  .specialCont11 .boxPic { bottom: 0; }
  .specialCont12 .content { top: 13.68421%; }
  .specialCont12 .boxPic { bottom: 0; }
  .specialCont12 .details li { width: 460px; }
  .specialCont12 .details li::after { width: 13px; height: 13px; }
  .specialCont12 .details li:nth-child(1) { padding-right: 42px; right: 95%; top: 28%; }
  .specialCont12 .details li:nth-child(1)::after { left: auto; right: 0; }
  .specialCont12 .details li:nth-child(2) { padding-right: 42px; right: 70%; top: 3%; width: 523px; }
  .specialCont12 .details li:nth-child(2)::after { left: auto; right: 0; }
  .specialCont12 .details li:nth-child(3) { padding-left: 42px; left: 70%; top: 3%; width: 523px; }
  .specialCont12 .details li:nth-child(4) { padding-left: 42px; left: 95%; top: 28%; }
  .specialCont12 .details h3 { font-size: 24px; line-height: 30px; margin-bottom: 8px; }
  .specialCont12 .details .desc { font-size: 20px; line-height: 26px; }
  .specialCont13 .content { top: 9.47368%; }
  .specialCont13 .boxPic { bottom: 4.21053%; }
  .specialCont14 .content { top: 12.84211%; }
  .specialCont14 .boxPic { bottom: 1.57895%; }
  .specialPageThree .specialCont15 .content { top: 33.36842%; }
  .specialPageThree .specialCont15 .content .desc::after { margin-top: 70px; }
  .specialPageThree .specialCont15 .boxPic { width: 19.79167%; left: 55.5%; bottom: 10%; }
  .specialCont16 .content { top: 11.57895%; }
  .specialCont16 .content .desc { max-width: 1000px; }
  /*专题-安防巡逻机器人 e*/
  /*智绘城市 s*/
  .specialCont33 .content { top: 11.15789%; }
  .specialCont33 .boxPic { bottom: 11.15789%; }
  .specialCont34 .hgyPimg::after { padding-bottom: 950px; }
  .specialCont34 .contBox { top: 178px; }
  .featuresSwiper .title .en { letter-spacing: 11px; }
  /*智绘城市 e*/ }


@media (min-width: 1024px) { .sideHeader { height: 70px; background: #fff; } }


/*侧边栏 s*/
.full-main-nav { display: none; }

@media (min-width: 1024px) { .full-main-nav { display: block; position: fixed; left: 0; top: 0; z-index: -1; opacity: 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; width: 100%; height: 100%; }
  .full-main-nav.active { z-index: 51; opacity: 1; }
  .full-main-nav.active li { top: 0; opacity: 1; }
  .full-navbg { position: relative; z-index: 3; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }
  .nav-swiper { position: relative; z-index: 3; height: 100%; overflow: visible; }
  .nav-swiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
  .nav-swiper li { position: relative; top: -40px; opacity: 0; -webkit-transition-duration: 0.5s, 0.5s, 0.5s; -o-transition-duration: 0.5s, 0.5s, 0.5s; transition-duration: 0.5s, 0.5s, 0.5s; -webkit-transition-property: opacity, top; -o-transition-property: opacity, top; transition-property: opacity, top; width: 16.66666%; border-right: 1px solid #f0f0f0; background-color: #ffffff; }
  .nav-swiper li > a { display: block; width: 100%; height: 100%; }
  .nav-swiper li a { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; }
  .nav-swiper li:hover { background: none; }
  .nav-swiper li:hover a { opacity: 1; color: #ffffff; }
  .nav-swiper li:hover .id::before { opacity: 1; }
  .nav-swiper li:hover .id, .nav-swiper li:hover .title, .nav-swiper li:hover .subnav { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .nav-swiper li:nth-child(1) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
  .nav-swiper li:nth-child(2) { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
  .nav-swiper li:nth-child(3) { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
  .nav-swiper li:nth-child(4) { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
  .nav-swiper li:nth-child(5) { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
  .nav-swiper li:nth-child(6) { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; }
  .nav-swiper li .id { -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; font-size: 56px; line-height: 56px; color: #f6f6f6; font-family: DINEng; text-align: center; }
  .nav-swiper li .id::before { content: ''; display: block; width: 1px; height: 62px; background-color: #00b9fc; margin: 0 auto 25px; opacity: 0; }
  .nav-swiper li .title { -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; text-align: center; font-size: 24px; color: #545454; line-height: 28px; margin: 57px 0 29px; }
  .nav-swiper li .subnav { -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; font-size: 14px; line-height: 28px; opacity: 1; text-align: center; }
  .nav-swiper li .subnav a { color: #9a9a9a; position: relative; z-index: 11; }
  .nav-swiper li .subnav a:hover { color: #036883; }
  .full-text { position: absolute; left: 0; top: 29%; width: 100%; } }

/*侧边栏 e*/
/*内页banner s*/
.sideBanner { position: relative; overflow: hidden; }

.sideBanner .hgyAutoImg img { width: auto; height: 180px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.sideBanner .word { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; z-index: 2; text-align: center; color: #fff; }

.sideBanner .word h4 { font-size: 12px; line-height: 1; letter-spacing: 4px; margin-bottom: 8px; }

.sideBanner .word h3 { font-weight: bold; font-size: 24px; line-height: 1; position: relative; }

.sideBanner .word h3::after { content: ''; display: block; margin-left: auto; margin-right: auto; margin-top: 14px; height: 2px; width: 34px; background: #fff; }

.sideBanner .word p { font-size: 14px; margin-top: 8px; }

.popFormBg{position: fixed; left: 0px; top:0px; z-index: 991; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); display: none;}
.popFormbox{ background: #fff; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);width: 300px; padding: 30px 20px; border-radius: 5px; z-index: 999;display: none;}
.popFormbox dl dt{ font-size: 16px; padding-bottom: 8px;}
.popFormbox dl dd span{ color: red;}
.popFormbox dl label{ display: block; border:1px solid #eee; padding: 8px 10px;}
.popFormbox dl label input{ float: left; width: 100%;}
.popFormbox dl {padding-top: 15px;}
.popFormbox p{ padding-top: 20px;}
.popFormbox p input{background: #036883; color: #fff; line-height: 45px; font-size: 16px; width:100%}

.popFormClose{ width: 30px; height: 30px; position: absolute; right: 12px;transform: rotate(45deg  ); top:10px; cursor: pointer;}
.popFormClose::after{content: ""; width:100%; height: 2px; left: 0%; top: 50%; background: #333; transform: translateY(-50%); display:block; position: absolute;}
.popFormClose::before{content: ""; width:2px; height: 100%; left: 50%; top:0%; background: #333; transform: translateX(-50%); display:block;position: absolute;}


@media (min-width: 768px) { .sideBanner .hgyAutoImg img { position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; height: auto; } }

@media (min-width: 1024px) { .sideBanner .word h4 { font-size: 14px; letter-spacing: 6px; margin-bottom: 12px; }
  .sideBanner .word h3 { font-size: 30px; }
  .sideBanner .word h3::after { height: 4px; margin-top: 20px; }
  .sideBanner .word p { font-size: 14px; letter-spacing: 3px; margin-top: 14px; } }

@media (min-width: 1260px) { .sideBanner .word h4 { letter-spacing: 11px; }
  .sideBanner .word h3 { font-size: 44px; }
  .sideBanner .word h3::after { margin-top: 25px; }
  .sideBanner .word p { margin-top: 22px; } }

/*内页banner e*/
/*内页导航 s*/
/*banner s*/
.publicBanner .publicCrumb { display: none; }

.publicBanner .publicBannerCont { background-color: #f0f0f0; }

.publicBanner .side-nav { position: relative; }

.publicBanner .side-nav h4 { padding: 10px 0; text-align: center; cursor: pointer; font-size: 0; }

.publicBanner .side-nav h4::after { content: ''; position: absolute; top: 17px; width: 10px; height: 10px; border-left: solid 2px #aaa; border-bottom: solid 2px #aaa; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 8px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.publicBanner .side-nav h4.active::after { top: 23px; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg); }

.publicBanner .side-nav h4 span { line-height: 30px; display: inline-block; vertical-align: top; font-size: 18px; }

.publicBanner .sidenav-list { position: absolute; left: 0; top: 100%; width: 100%; background: #fff; z-index: 3; display: none; }

.publicBanner .sidenav-list li { border-bottom: solid 1px #ccc; }

.publicBanner .sidenav-list li:last-child { border: 0; }

.publicBanner .sidenav-list li.active h3 i::before { -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg); top: 19px; }

.publicBanner .sidenav-list h3 { position: relative; }

.publicBanner .sidenav-list h3 a { display: block; font-size: 16px; line-height: 30px; padding: 6px 20px; }

.publicBanner .sidenav-list h3 i { position: absolute; top: 0; right: 0; height: 100%; width: 80px; }

.publicBanner .sidenav-list h3 i::before { content: ''; position: absolute; top: 14px; right: 22px; width: 10px; height: 10px; border-bottom: solid 1px #aaa; border-left: solid 1px #aaa; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.publicBanner .sidenav-subnav { padding-bottom: 10px; display: none; }

.publicBanner .sidenav-subnav a { display: block; line-height: 22px; padding: 5px 35px; }

@media (min-width: 1024px) { .publicBanner .publicCrumb { display: block; float: left; }
  .publicBanner .crumbList { font-size: 0; }
  .publicBanner .crumbList li { display: inline-block; vertical-align: top; font-size: 14px; margin-right: 16px; position: relative; }
  .publicBanner .crumbList li::after { content: ''; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); right: -10px; _font-size: 0; _line-height: 0; _overflow: hidden; width: 0; height: 0; border-width: 4px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #666; }
  .publicBanner .crumbList li:last-child::after { display: none; }
  .publicBanner .crumbList li.home a { height: 50px; width: 30px; background: url(../images/icon-hhome.png) no-repeat center center; background-size: 15px 15px; }
  .publicBanner .crumbList a { display: block; line-height: 50px; color: #666; }
  .publicBanner .side-nav { float: right; width: auto; }
  .publicBanner .side-nav h4 { display: none !important; }
  .publicBanner .sidenav-list { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; text-align: center; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: none; }
  .publicBanner .sidenav-list li { border: 0; min-width: 140px; width: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; }
  .publicBanner .sidenav-list li.cur h3 a, .publicBanner .sidenav-list li:hover h3 a { color: #036883; }
  .publicBanner .sidenav-list li:hover .sidenav-subnav { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); pointer-events: auto; opacity: 1; }
  .publicBanner .sidenav-list h3 i { display: none !important; }
  .publicBanner .sidenav-list h3 a { line-height: 50px; padding: 0 28px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #666; }
  .publicBanner .sidenav-subnav { display: block !important; position: absolute; top: 100%; width: 100%; left: 0; padding: 0; background: #fff; z-index: 3; -webkit-box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.3); pointer-events: none; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .publicBanner .sidenav-subnav a { line-height: 50px; font-size: 16px; padding: 0 20px; }
  .publicBanner .sidenav-subnav a:last-child span { border: 0; }
  .publicBanner .sidenav-subnav a.cur, .publicBanner .sidenav-subnav a:hover { color: #fff; background-color: #036883; }
  .publicBanner .sidenav-subnav a.cur span, .publicBanner .sidenav-subnav a:hover span { border-color: transparent; }
  .publicBanner .sidenav-subnav span { display: block; border-bottom: solid 1px #eeeeee; } }

@media (min-width: 1260px) { .publicBanner .sidenav-list h3 a { line-height: 60px; padding: 0 30px; min-width: 120px; }
  .publicBanner .sidenav-subnav a { line-height: 60px; }
  .publicBanner .crumbList li { margin-right: 26px; }
  .publicBanner .crumbList li::after { right: -15px; }
  .publicBanner .crumbList li.home a { height: 60px; }
  .publicBanner .crumbList a { line-height: 60px; } }

/*banner e*/
/*内页导航 e*/
/*公用标题-1 s*/
.publicTitleOne { text-align: center; line-height: 1.2; color: #333333; font-size: 20px; }

@media (min-width: 1024px) { .publicTitleOne { font-size: 28px; } }

@media (min-width: 1260px) { .publicTitleOne { font-size: 34px; } }

/*公用标题-1 e*/
/*上边距padding-top: 100px s*/
.pt100 { padding-top: 35px; }

@media (min-width: 1024px) { .pt100 { padding-top: 60px; } }

@media (min-width: 1260px) { .pt100 { padding-top: 100px; } }

/*上边距padding-top: 100px e*/


.video-player-popup { display: none; position: fixed; left: 0; top: 0; z-index: 201; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); font-size: 0; text-align: center; }

.video-player-popup:before { content: ""; width: 0; height: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.video-player-popup .video-player { position: relative; width: 94%; min-height: 300px; max-width: 960px; margin-top: 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.video-player-popup .close { position: absolute; right: 0; top: -40px; width: 40px; height: 40px; background: url(../images/closebtn.png) no-repeat center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.video-player-popup .close:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }


@media (min-width: 1024px) { .video-player-popup .video-player { height: 500px; } }

@media (min-width: 1600px) { .video-player-popup .video-player { height: 600px; } }

#ie-alert-overlay { width: 100%; height: 100%; background: url(../images/bg.png) repeat 0 0; position: fixed; top: 0; left: 0; z-index: 9999; }

* html #ie-alert-overlay { position: absolute; z-index: 9999; }

#ie-alert-panel { width: 520px; height: 331px; position: fixed; background: url(../images/iealertsprite.png) no-repeat; background-position: -1px -109px; top: 50%; left: 50%; margin: -201px 0 0 -296px; padding: 72px 0 0 72px; _position: absolute; _top: expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; color: #333; line-height: 1.5em; z-index: 10000; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel div, #ie-alert-panel p, #ie-alert-panel span, #ie-alert-panel a, #ie-alert-panel img, #ie-alert-panel ul, #ie-alert-panel li { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel p { font-size: 14px; width: 486px; text-align: justify; }

#ie-alert-panel img { border: 0; }

#ie-alert-panel span { font-size: 18px; margin: 0 0 20px 0; display: block; padding: 0; }

#ie-alert-panel ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }

#ie-alert-panel li { float: left; margin: 0 22px 0 0; }

#ie-alert-panel li.last { margin-right: 0; }

#ie-alert-panel a { display: inline-block; vertical-align: top; }

#goon { text-decoration: underline; }

.browser { position: absolute; bottom: 35px; }

.chrome, .firefox, .ie9, .opera, .safari { background: url(../images/iealertsprite.png) no-repeat; }

.chrome { background-position: 0 0; width: 73px; height: 96px; margin: 0 4px 0 0; }

.firefox { background-position: -292px 0; width: 73px; height: 98px; }

.ie9 { background-position: -179px 0; width: 95px; height: 98px; }

.opera { background-position: -90px 0; width: 73px; height: 98px; }

.safari { background-position: -387px 0; width: 73px; height: 98px; margin: 0 4px 0 0; }



.full-searchA-wrapper .search-hd { border-bottom: 1px solid #d6d6d6;  }

.full-searchA-wrapper .search-form { padding: 20px 0; }

.full-searchA-wrapper .search-form form { position: relative; display: block; width: 100%; max-width: 520px; margin: 0 auto; padding-right: 80px; border: 1px solid #333;  -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }

.full-searchA-wrapper .search-form input { display: block; width: 100%; font-size: 14px; line-height: 38px; height: 38px; }

.full-searchA-wrapper .search-form input[type='text'] { padding-left: 36px; background-repeat: no-repeat; background-position: 12px center; background-size: auto 16px; background-image: url(../images/searchAico.png);  }

.full-searchA-wrapper .search-form input[type='submit'] { position: absolute; right: 0; top: 0; z-index: 3; width: 80px; padding: 0 20px; color: #fff;  background-color: #333;  }

.full-searchA-wrapper .search-cate ul { margin-bottom: -1px; white-space: nowrap; overflow-x: auto; }

.full-searchA-wrapper .search-cate li { display: inline-block; vertical-align: top; margin-right: 10px; }

.full-searchA-wrapper .search-cate a { display: block; font-size: 14px; line-height: 30px; padding: 0 5px; border-bottom: 1px solid #d6d6d6;  }

.full-searchA-wrapper .search-cate .cur a { border-bottom-color: #333;  }

.full-searchA-wrapper .search-result .length { padding: 10px 0; }

.full-searchA-wrapper .search-result .nodata { padding: 20px 0; }

.full-searchA-wrapper .result-list li { padding: 10px 0; border-bottom: 1px solid #ccc;  }

.full-searchA-wrapper .result-list li a { display: block; }

.full-searchA-wrapper .result-list .thumb { float: left; width: 135px; margin-right: 10px; }

.full-searchA-wrapper .result-list .thumb img { max-width: 100%; }

.full-searchA-wrapper .result-list .content { overflow: hidden; }

.full-searchA-wrapper .result-list .content h2 { font-size: 16px; line-height: 24px; max-height: 48px; line-height: 24px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333;  }

.full-searchA-wrapper .result-list .desc { font-size: 14px; line-height: 24px; max-height: 48px; line-height: 24px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666;  }

.full-searchA-wrapper .result-list .more { font-size: 14px; line-height: 24px; }

.full-searchA-wrapper .loadmore { overflow: hidden; padding: 10px 0; }

.full-searchA-wrapper .loadmore a { display: block; padding: 0; margin: 0; font-size: 16px; line-height: 40px; text-align: center; color: #ffffff;  background-color: #cd002b;  }

.full-searchA-wrapper mark { color: #fff;  background-color: #cd002b;  }

@media (min-width: 640px) { .full-searchA-wrapper .search-form { padding: 30px 0; }
  .full-searchA-wrapper .result-list li { padding: 15px 0; }
  .full-searchA-wrapper .result-list .thumb { width: 180px; }
  .full-searchA-wrapper .result-list .loadmore { padding: 20px 0; } }

@media (min-width: 1024px) { .full-searchA-wrapper .search-form { padding: 40px 0;  }
  .full-searchA-wrapper .commonweb { max-width: 960px; }
  .full-searchA-wrapper .loadmore { padding: 40px 0;  }
  .full-searchA-wrapper .loadmore a { line-height: 50px; }
  .full-searchA-wrapper .result-list a .content h2 { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .full-searchA-wrapper .result-list a:hover .content h2 { color: #ff5500; }
  .full-searchA-wrapper .result-list li { padding: 20px 0;  }
  .full-searchA-wrapper .result-list .content h2 { margin-bottom: 10px; font-weight: bold; }
  .full-searchA-wrapper .result-list .thumb { width: 280px;  margin-right: 30px;  } }


.ProgramListbox{ overflow: hidden; position: relative;}
.ProgramListbox ul li{overflow: hidden; position: relative; width: 100%;}