/* CSS Document */
/* reset.css V1.2  Start*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0px; padding: 0px; font-weight: normal; }

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i { font: normal 10px Microsoft YaHei, Arial, "\5b8b\4f53", tahoma; }

ul, ol, li { list-style: none; }

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

a:hover { text-decoration: none; }

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

button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none; -webkit-appearance: none; }

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

.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.fixed { *zoom: 1; }

.clear { clear: both; }

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

/* reset.css V1.2  End */
.paged { padding-top: 10px; text-align: center; padding-bottom: 20px; }

.paged a, .paged .p_info, .paged .current { display: inline-block; zoom: 1; *display: inline; margin: 0px 3px 2px; padding: 5px 10px; font-size: 12px; text-align: center; border: 1px solid #cfcfcf; background: #ffffff; color: #333; }

.paged .current, .paged a:hover { border: 1px solid #0d87ca; background: #0d87ca; color: #fff; }

@-webkit-keyframes bounce { 0%,
            20%,
            53%,
            80%,
            100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
            43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
@keyframes bounce { 0%,
            20%,
            53%,
            80%,
            100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
            43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); -ms-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
.header { width: 100%;  background-color: #fff; border-bottom: 1px solid #e1e1e1; }
.header h1 { float: left; width: 300px; height: 50px; padding-top: 15px; }
.header h1 img { width: 100%; }
.header .lang { float: right; padding-top: 29px; }
.header .lang a { display: inline-block; vertical-align: top; height: 20px; line-height: 20px; padding: 0 10px; font-size: 14px; color: #333; border: 1px solid #ccc; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; margin-left: 10px; }
.header .lang a:hover { border-color: #0d87ca; background: #0d87ca; color: #fff; }

.headerPor { width: 1420px; margin: 0 auto; position: relative; z-index: 999; }

/* 1201 */
.nav { float: right;  }
.nav > li { float: left; }
.nav > li h3 { position: relative; height: 80px; }
.nav > li h3 a { position: relative; display: block; padding: 0 15px; line-height: 80px; font-size: 1.6em; color: #000; z-index: 3; }
.nav > li h3 .hover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 81px; background: #0d87ca; background-size: 100% 100%; z-index: 2; }
.nav > li h3 .hover:after { position: absolute; display: block; content: ''; left: 0; bottom: -17px; width: 100%; height: 17px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; }
.nav > li h3 .hover.arrow62:after, .nav > li h3 .hover.arrow50:after, .nav > li h3 .hover.arrow58:after { background-image: url(404.png); }
.nav > li h3 .hover.arrow94:after, .nav > li h3 .hover.arrow86:after, .nav > li h3 .hover.arrow70:after { background-image: url(404.png); }
.nav > li h3 .hover.arrow110:after, .nav > li h3 .hover.arrow80:after, .nav > li h3 .hover.arrow100:after { background-image: url(404.png); }
.nav > li h3 .hover.arrow126:after, .nav > li h3 .hover.arrow114:after, .nav > li h3 .hover.arrow90:after { background-image: url(404.png); }
.nav > li.on h3 a, .nav > li:hover h3 a { color: #fff; }
.nav > li.on h3 .hover, .nav > li:hover h3 .hover { display: block; }
.nav .sub { display: none; }
.navSlideCon { background-color: #f7f7f7; height: 0; overflow: hidden; }
.navSlideCon .navSlideSub { padding-top: 35px; padding-bottom: 20px; display: none; float: left; }
.navSlideCon .subListBox { padding-bottom: 20px; text-align: center; }
.navSlideCon .subListBox dl { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 10px; text-align: left; min-width: 150px; }
.navSlideCon .subListBox dl dt { margin-bottom: 8px; text-align: left; }
.navSlideCon .subListBox dl dt a { /* 1204 */ font-weight: bold; font-size: 1.4em; color: #333; }
.navSlideCon .subListBox dl dt a:hover { color: #008bd7; }
.navSlideCon .subListBox dl dd { text-align: left; }
.navSlideCon .subListBox dl dd a { display: block; font-size: 1.4em; color: #666; line-height: 30px; }
.navSlideCon .subListBox dl dd a:hover { color: #008bd7; }
.navSlideCon .subListBox dl dd .wrap { float: left; margin-right: 15px; }
.navSlideCon .navPic { width: 972px; margin: 0 auto; border-top: 1px solid #f0f0f0; padding-top: 20px; padding-bottom: 30px; }
.navSlideCon .navPic li { float: left; width: 270px; height: 100px; margin: 0 27px; }
.navSlideCon .navPic li a { display: block; }
.navSlideCon .navPic li a img { width: 270px; height: 100px; }
.navSlideCon .navPic li a:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }

/* 1205end */



.banner { width: 100%; margin-bottom: 60px; }
.banner .item { position: relative; width: 100%; padding-bottom: 30.72917%; }
.banner .item a { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center top; background-repeat: no-repeat; background-size: cover; }
.banner .owl-controls { position: static; height: 0; }
.banner .owl-dots { position: absolute; left: 0; bottom: 10px; z-index: 2; }
.banner .owl-prev { position: absolute; left: 10px; top: 50%; width: 64px; height: 64px; margin-top: -32px; background: url(../image/iconfont-left.png) center no-repeat; background-size: cover; font-size: 0; line-height: 0; }
.banner .owl-next { position: absolute; right: 10px; top: 50%; margin-top: -32px; width: 64px; height: 64px; background: url(../image/iconfont-right.png) center no-repeat; background-size: cover; font-size: 0; line-height: 0; }

.indexNews { float: left; width: 770px; }
.indexNews .tit { width: 100%; position: relative; margin-bottom: 22px; }

.titcn { font-size: 20px; font-weight: bold; color: #008bd7; line-height: 30px; }

.titen { font-size: 18px; color: #999; line-height: 24px; text-transform: uppercase; }

.titmore { display: block; position: absolute; top: 0; right: 5px; font-size: 12px; line-height: 30px; color: #999; }
.titmore:hover { color: #008bd7; }

.indexNewsBox { width: 100%; }

.indexNewsSlide { float: left; position: relative; width: 318px; height: 248px; margin-bottom: 45px; overflow: hidden; }
.indexNewsSlide .bd { width: 100%; height: 208px; overflow: hidden; }
.indexNewsSlide .bd a { display: block; height: 100%; }
.indexNewsSlide .bd a img { width: 100%; height: 100%; }
.indexNewsSlide .bd a:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.indexNewsSlide .txt { margin-right: 38px; height: 40px; line-height: 40px; overflow: hidden; }
.indexNewsSlide .txt li { padding: 0 10px; background-color: #008bd7; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexNewsSlide .txt li:hover { background-color: #009bf1; }
.indexNewsSlide .txt li a { font-size: 16px; color: #fff; }
.indexNewsSlide .next { display: block; position: absolute; right: 0; bottom: 0; width: 38px; height: 40px; background: #fbc600 url(../image/arrow1.png) center center no-repeat; cursor: pointer; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexNewsSlide .next:hover { background-color: #ffce16; }

.indexNewsList { margin-left: 345px; margin-bottom: 45px; }
.indexNewsList li { margin-top: 28px; height: 64px; }
.indexNewsList li:first-child { margin-top: 0; }
.indexNewsList li .time { float: left; width: 62px; height: 62px; border: 1px solid #7d7d7d; text-align: center; overflow: hidden; }
.indexNewsList li .time .day { font-size: 3em; font-weight: bold; color: #333; }
.indexNewsList li .time .date { font-size: 1.2em; color: #333; }
.indexNewsList li .info { margin-left: 75px; }
.indexNewsList li .info h4 { width: 100%; height: 20px; margin-bottom: 5px; overflow: hidden; }
.indexNewsList li .info h4 a { font-size: 1.6em; color: #333; }
.indexNewsList li .info h4 a span { color: #ff9f07; }
.indexNewsList li .info h4 a:hover { color: #008bd7; }
.indexNewsList li .info h4 a:hover span { color: #008bd7; }
.indexNewsList li .info p { font-size: 1.2em; color: #999; line-height: 20px; height: 40px; overflow: hidden; }

.indexVideo { float: right; width: 320px; margin-bottom: 45px; }
.indexVideo .tit { width: 100%; position: relative; margin-bottom: 22px; }

.videoBox { width: 320px; height: 250px; }

.indexMenuBanner { width: 100%; height: 275px; background: url(../image/bg1.jpg) center center no-repeat; background-size: auto 100%; margin-bottom: 50px; text-align: center; overflow: hidden; }
.indexMenuBanner .icon { display: inline-block; vertical-align: top;width: 160px; text-align: center; font-size: 1.6em; color: #fff; margin: 60px 16px 0; }
.indexMenuBanner .icon i { display: inline-block; width: 147px; height: 127px; margin-bottom: 15px; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexMenuBanner .icon i.intel { background-image: url(../image/icon1.png); }
.indexMenuBanner .icon i.robot { background-image: url(../image/icon2.png); }
.indexMenuBanner .icon i.auto { background-image: url(../image/icon3.png); }
.indexMenuBanner .icon i.car { background-image: url(../image/icon4.png); }
.indexMenuBanner .icon:hover i { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }

.indexSys { margin-bottom: 50px; }
.indexSys .tit { width: 100%; position: relative; margin-bottom: 22px; }
.indexSys .wrapper { position: relative; width: 100%; height: 400px; }

/* 1125 */
.indexSysMenuCon { position: absolute; right: 0; bottom: 0; }
.indexSysMenuCon .all { display: none; float: left; color: #333; font-size: 1.4em; cursor: pointer; line-height: 24px; }
.indexSysMenuCon .all:hover { color: #008bd7; }

.indexSysMenu { float: left; line-height: 24px; }
.indexSysMenu li { float: left; margin-left: 20px; }
.indexSysMenu li a { color: #333; font-size: 1.4em; cursor: pointer; }
.indexSysMenu li a:hover { color: #008bd7; }
.indexSysMenu li.on a { color: #008bd7; }

/* 1125end */
.indexSysSlide { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; z-index: 1; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexSysSlide .hd { float: left; width: 104px; height: 400px; }
.indexSysSlide .hd li { width: 100%; position: relative; height: 80px; cursor: pointer; }
.indexSysSlide .hd li .bg { position: absolute; width: 100%; height: 100%; background: url(../image/blank_80.png); cursor: pointer; }
.indexSysSlide .hd li img { width: 100%; height: 100%; }
.indexSysSlide .hd li.on .bg { display: none; }
.indexSysSlide .bd { margin-left: 106px; overflow: hidden; height: 400px; }
.indexSysSlide .bd li { width: 100%; height: 400px; background-color: #2a3342; overflow: hidden; }
.indexSysSlide .bd li img { /* 1126 */ display: block; float: left; width: 520px; height: 400px; }
.indexSysSlide .bd li .info { /* 1126*/ margin-left: 520px; background: url(../image/bg2.jpg) right bottom no-repeat; padding-top: 30px; padding-right: 85px; padding-left: 20px; height: 370px; }
.indexSysSlide .bd li .info h5 { position: relative; width: 100%;  padding-top: 10px;padding-bottom: 13px; line-height: 36px;; margin-bottom: 20px; font-size: 3em; font-weight: bold; color: #f6f6f6;  overflow: hidden; }
.indexSysSlide .bd li .info h5:after { position: absolute; content: ''; width: 80px; height: 3px; background-color: #fbc800; left: 0; bottom: 0; }
.indexSysSlide .bd li .info p { font-size: 1.4em; line-height: 24px; color: #f6f6f6; margin-bottom: 30px; }
.indexSysSlide .bd li .info .more { display: block; width: 112px; height: 28px; border: 1px solid #fff; text-align: center; line-height: 28px; font-size: 1.4em; color: #fff; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexSysSlide .bd li .info .more:hover { color: #2a3342; background-color: #fff; }

.indexPartenrs { width: 100%; margin-bottom: 65px; }
.indexPartenrs .hd { width: 100%; text-align: center; margin-bottom: 50px; }
.indexPartenrs .hd li { display: inline-block; vertical-align: top; cursor: pointer; padding: 0 20px; border-left: 1px solid #e6e6e6; color: #333; }
.indexPartenrs .hd li:first-child { border-left: none; }
.indexPartenrs .hd li .cn { font-size: 20px; font-weight: bold; }
.indexPartenrs .hd li .en { font-size: 18px; text-transform: uppercase; }
.indexPartenrs .hd li.on { color: #008bd7; }
.indexPartenrs .bd { position: relative; width: 100%; }
.indexPartenrs .bd li { position: absolute; top: 0; left: 0; z-index: 1; background-color: #fff; width: 100%; font-size: 0; }
.indexPartenrs .bd li .wpBox { text-align: center; width: 100%; }
.indexPartenrs .bd li .owl-stage-outer { text-align: center; }
.indexPartenrs .bd li .owl-stage { display: inline-block; }
.indexPartenrs .bd li .img { display: block; width: 100%; padding: 0 10px; text-align: center; box-sizing: border-box; }
.indexPartenrs .bd li .img img { display: block; position: relative; z-index: 1; max-width: 165px; width: 100%; }
.indexPartenrs .bd li .img a { /* 1126 */ position: relative; overflow: hidden; display: block; }
.indexPartenrs .bd li .img .bg { /* 1126 */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

.fastMenu { margin-bottom: 45px; }
.fastMenu a { float: left; display: block; width: 200px; margin-left: 50px; }
.fastMenu a:first-child { margin-left: 0; }
.fastMenu a i { display: block; float: left; width: 60px; height: 48px; background-position: 0 center; background-repeat: no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.fastMenu a p { margin-left: 60px; }
.fastMenu a p.cn { font-size: 1.8em; line-height: 28px; color: #333; }
.fastMenu a p.en { font-size: 1.2em; line-height: 20px; color: #999; }
.fastMenu a.oa i { background-image: url(../image/icon5.png); }
.fastMenu a.res i { background-image: url(../image/icon6.png); }
.fastMenu a.honors i { background-image: url(../image/icon7.png); }
.fastMenu a.service i { background-image: url(../image/icon8.png); }
.fastMenu a.ir i { background-image: url(../image/icon9.png); }
.fastMenu a:hover i { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }
.fastMenu a:hover p.cn, .fastMenu a:hover p.en { color: #008bd7; }

.fastLinkCon { padding-top: 25px; background-color: #2a3342; }
.fastLinkCon .other { float: right; width: 30%; margin-bottom: 25px; }
.fastLinkCon .other .erweima { float: left; width: 83px; padding: 10px; background-color: #fff; }
.fastLinkCon .other .erweima img { width: 83px; height: 83px; margin-bottom: 10px; }
.fastLinkCon .other .erweima p { font-size: 1.2em; text-align: center; color: gray; }
.fastLinkCon .other .info { margin-left: 110px; }
.fastLinkCon .other .info p { font-size: 1.2em; color: white; line-height: 2; }
.fastLinkCon .other .info p.blue { color: #2593cf; font-size: 1.6em; font-weight: bold; }
.fastLinkCon .other .info .way { margin-top: 10px; display: block; width: 110px; height: 27px; text-align: center; line-height: 27px; font-size: 1.2em; color: white; background-color: #474d58; cursor: pointer; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.fastLinkCon .other .info .way:hover { color: #fff; background-color: #2593cf; }

.fastLink { float: left; width: 70%; margin-bottom: 25px; }
.fastLink dl { float: left; width: 16.66667%; }
.fastLink dl dt { width: 100%; line-height: 24px; height: 24px; margin-bottom: 6px; overflow: hidden; }
.fastLink dl dt a { font-size: 1.6em; color: #c5c5c5; }
.fastLink dl dt a:hover { color: #2593cf; }
.fastLink dl dd { width: 100%; height: 25px; line-height: 25px; overflow: hidden; }
.fastLink dl dd a { font-size: 1.2em; color: #929293; }
.fastLink dl dd a:hover { color: #2593cf; }

.friendLink { border-top: 1px solid #343a47; padding-top: 5px; padding-bottom: 5px; }

.firendLinkBox { padding: 5px 0; font-size: 1.4em; color: #c5c5c5; line-height: 16px; }
.firendLinkBox a { display: inline-block; vertical-align: top; color: #c5c5c5; padding: 0 4px; border-right: 1px solid #373e4a; margin-bottom: 2px; }
.firendLinkBox a:last-child { border-right: none; }
.firendLinkBox a:hover { color: #2593cf; }

.keywordBox { padding: 5px 0; font-size: 1.2em; color: #53575e; line-height: 16px; }
.keywordBox a { display: inline-block; vertical-align: top; color: #53575e; padding: 0 4px;  margin-bottom: 2px; }
.keywordBox a:last-child { border-right: none; }
.keywordBox a:hover { color: #2593cf; }

.footer { width: 100%; border-top: 11px solid #fbc900; padding-top: 15px; padding-bottom: 15px; font-size: 1.2em; color: white; text-align: center; background-color: #008bd7; }
.footer a { color: white; }
.footer a:hover { color: #fbc900; }

.mobileNavTit { display: none; position: relative; margin-top: 50px; width: 100%; height: 40px; line-height: 40px; background-color: #008bd7; text-align: center; font-size: 1.6em; font-weight: bold; color: #fff; }
.mobileNavTit:after { position: absolute; display: block; content: ''; width: 20px; height: 3px; top: 50%; left: 10px; border-top: 3px solid #fff; border-bottom: 9px double #fff; -webkit-backface-visibility: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.sideNavCon { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 9999; }
.sideNavCon .bg { position: absolute; top: 0; left: 0; width: 100%; height: inherit; background-color: rgba(0, 0, 0, 0.5); z-index: 11000; }
.sideNavCon .sideNavScroll { position: absolute; top: 0; left: 0; width: 300px; height: inherit; background-color: #403f3f; overflow: hidden; z-index: 11001; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); -webkit-transition: 1s ease all; transition: 1s ease all; }
.sideNavCon .sideNavScroll.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.sideNavCon .sideNav { width: 100%; }
.sideNavCon .sideNav li { margin: 0 10px; border-bottom: 1px solid #dcdbdb; }
.sideNavCon .sideNav li > a { position: relative; display: block; padding-left: 20px; font-size: 1.4em; color: #fff; line-height: 4; }
.sideNavCon .sideNav li > a i { position: absolute; display: block; top: 0; right: 0; font-size: 1em; width: 4em; height: 4em; line-height: 4; color: #fff; font-weight: bold; text-align: center; font-style: normal; z-index: 2; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.sideNavCon .sideNav li > a i.on { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.sideNavCon .sideNav li .sub { height: 0; overflow: hidden; }
.sideNavCon .sideNav li .sub dl { margin-left: 30px; border-bottom: 1px solid #545151; }
.sideNavCon .sideNav li .sub dl dt a { font-size: 1.2em; color: #dcdbdb; line-height: 3; }
.sideNavCon .sideNav li .sub dl dd { padding-left: 10px; }
.sideNavCon .sideNav li .sub dl dd a { font-size: 1.2em; color: #dcdbdb; line-height: 2.5; }

.returnCon { position: fixed; width: 38px; right: 0; bottom: 60px; z-index: 99999; }
.returnCon .erweimaIcon { position: relative; width: 38px; height: 38px; }
.returnCon .erweimaIcon i { display: block; width: 38px; height: 38px; background: #2a3342 url(../image/icon10.png) center no-repeat; }
.returnCon .erweimaIcon .erweima { display: none; position: absolute; padding: 5px; background-color: #fff; width: 83px; height: 83px; right: 38px; bottom: -38px; box-shadow: -1px 1px 8px #ccc; }
.returnCon .erweimaIcon:hover i { background-color: #343f52; }
.returnCon .erweimaIcon:hover .erweima { display: block; }
.returnCon .goTop { width: 38px; height: 38px; background: #fbc800 url(../image/arrow2.png) center no-repeat; cursor: pointer; }
.returnCon .goTop:hover { background-color: #ffd016; }
.returnCon .goTop a { display: block; height: 100%; }

.main { width: 100%; background-color: #f4f4f4; overflow: hidden; }

.mainTit { padding-top: 45px; padding-bottom: 20px; }
.mainTit h6 { font-size: 3.2em; font-weight: bold; color: #333; }
.mainTit .bread { font-size: 1.4em; color: #666; }
.mainTit .bread a { color: #666; }
.mainTit .bread a:hover { color: #008bd7; }

.newsCenterLeft, .companyLeft { float: left; width: 825px; }

.newsCenterRight, .companyRight { float: right; width: 360px; }

.newsLongBox { border: 1px solid #e0e0e0; padding: 20px; background-color: #fff; margin-bottom: 16px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.newsLongBox:hover { box-shadow: 0 0 10px #ddd; }
.newsLongBox .tit { position: relative; width: 100%; margin-bottom: 10px; }
.newsLongBox .tit .titen { font-size: 14px; }
.newsLongBox .img { display: block; float: left; width: 316px; height: 207px; overflow: hidden; }
.newsLongBox .img img { width: 100%; height: 100%; }
.newsLongBox .img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.newsLongBox .info { margin-left: 330px; position: relative; height: 207px; }
.newsLongBox .info h5 { margin-bottom: 10px; }
.newsLongBox .info h5 a { font-size: 1.6em; color: #333; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.newsLongBox .info h5 a:hover { color: #008bd7; padding-left: 5px; }
.newsLongBox .info p { font-size: 1.4em; color: #666; line-height: 24px; }
.newsLongBox .info .more { position: absolute; display: block; width: 76px; height: 24px; right: 0; bottom: 0; text-align: center; line-height: 24px; color: #fff; background-color: #565c66; font-size: 1.2em; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.newsLongBox .info .more:hover { background-color: #008bd7; }

.newsBigBox { border: 1px solid #e0e0e0; padding: 20px; height: 600px; background-color: #fff; margin-bottom: 16px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.newsBigBox:hover { box-shadow: 0 0 10px #ddd; }
.newsBigBox .tit { position: relative; width: 100%; margin-bottom: 10px; border-bottom: 1px solid #ccc; height: 42px; }
.newsBigBox .tit .hd li { float: left; padding: 0 10px; font-size: 20px; height: 44px; line-height: 44px; font-weight: bold; color: #666; cursor: pointer; }
.newsBigBox .tit .hd li.on { color: #008bd7; border-bottom: 2px solid #008bd7; line-height: 42px; height: 42px; }
.newsBigBox .bd li { border-top: 1px solid #f0f0f0; padding: 18px 0; }
.newsBigBox .bd li:first-child { border-top: none; }
.newsBigBox .img { display: block; float: left; width: 208px; height: 137px; overflow: hidden; }
.newsBigBox .img img { width: 100%; height: 100%; }
.newsBigBox .img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.newsBigBox .info { margin-left: 235px; position: relative; height: 137px; }
.newsBigBox .info h6 { margin-bottom: 10px; }
.newsBigBox .info h6 a { font-size: 1.6em; color: #333; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.newsBigBox .info h6 a:hover { color: #008bd7; padding-left: 5px; }
.newsBigBox .info h6 a:hover span { color: #008bd7; }
.newsBigBox .info h6 a span { color: #ff9f07; }
.newsBigBox .info p { font-size: 1.4em; color: #666; line-height: 24px; }
.newsBigBox .info .more { position: absolute; display: block; width: 76px; height: 24px; right: 0; bottom: 0; text-align: center; line-height: 24px; color: #fff; background-color: #565c66; font-size: 1.2em; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.newsBigBox .info .more:hover { background-color: #008bd7; }

.caseBigBox { border: 1px solid #e0e0e0; padding: 20px; height: 690px; background-color: #fff; margin-bottom: 16px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.caseBigBox:hover { box-shadow: 0 0 10px #ddd; }
.caseBigBox .tit { position: relative; width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.caseBigBox .tit .titen { font-size: 14px; }
.caseBigBox .caseBigList li { padding: 15px 0; border-top: 1px solid #f0f0f0; }
.caseBigBox .caseBigList li:first-child { border-top: none; }
.caseBigBox .caseBigList .img { display: block; float: left; width: 427px; height: 282px; overflow: hidden; }
.caseBigBox .caseBigList .img img { width: 100%; height: 100%; }
.caseBigBox .caseBigList .img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.caseBigBox .caseBigList .info { margin-left: 450px; position: relative; height: 282px; overflow: hidden; }
.caseBigBox .caseBigList .info h6 { margin-bottom: 5px; }
.caseBigBox .caseBigList .info h6 a { font-size: 2em; font-weight: bold; color: #333; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.caseBigBox .caseBigList .info h6 a:hover { color: #008bd7; padding-left: 5px; }
.caseBigBox .caseBigList .info h6 a:hover span { color: #008bd7; }
.caseBigBox .caseBigList .info .tip { font-size: 14px; color: #666; margin-bottom: 15px; }
.caseBigBox .caseBigList .info p { font-size: 1.4em; color: #666; line-height: 24px; }
.caseBigBox .caseBigList .info .more { position: absolute; display: block; width: 76px; height: 24px; right: 0; bottom: 0; text-align: center; line-height: 24px; color: #fff; background-color: #565c66; font-size: 1.2em; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.caseBigBox .caseBigList .info .more:hover { background-color: #008bd7; }

.serviceBigBox { border: 1px solid #e0e0e0; padding: 20px; height: 590px; background-color: #fff; margin-bottom: 16px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.serviceBigBox:hover { box-shadow: 0 0 10px #ddd; }
.serviceBigBox .tit { position: relative; width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.serviceBigBox .tit .titen { font-size: 14px; }
.serviceBigBox li { border-top: 1px solid #f0f0f0; padding: 18px 0; }
.serviceBigBox li:first-child { border-top: none; }
.serviceBigBox .img { display: block; float: left; width: 208px; height: 137px; overflow: hidden; }
.serviceBigBox .img img { width: 100%; height: 100%; }
.serviceBigBox .img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.serviceBigBox .info { margin-left: 235px; position: relative; height: 137px; }
.serviceBigBox .info h6 { margin-bottom: 10px; }
.serviceBigBox .info h6 a { font-size: 1.6em; color: #333; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.serviceBigBox .info h6 a:hover { color: #008bd7; padding-left: 5px; }
.serviceBigBox .info h6 a:hover span { color: #008bd7; }
.serviceBigBox .info h6 a span { color: #ff9f07; }
.serviceBigBox .info p { font-size: 1.4em; color: #666; line-height: 24px; }
.serviceBigBox .info .more { position: absolute; display: block; width: 76px; height: 24px; right: 0; bottom: 0; text-align: center; line-height: 24px; color: #fff; background-color: #565c66; font-size: 1.2em; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.serviceBigBox .info .more:hover { background-color: #008bd7; }

.policBox { border: 1px solid #e0e0e0; padding: 20px; height: 312px; background-color: #fff; margin-bottom: 16px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.policBox:hover { box-shadow: 0 0 10px #ddd; }
.policBox .tit { position: relative; width: 100%; margin-bottom: 10px; }
.policBox .tit .titen { font-size: 14px; }

.policList { width: 100%; }
.policList li { float: left; width: 50%; line-height: 32px; height: 32px; overflow: hidden; }
.policList li a { font-size: 14px; color: #333; }
.policList li a span { color: #008bd7; }
.policList li a:hover { color: #008bd7; }

.newsCenterMore { position: absolute; top: 0; right: 0; font-size: 1.4em; line-height: 30px; }
.newsCenterMore a { display: inline-block; vertical-align: top; padding: 0 2px 0 15px; background: url(../image/line1.png) left center no-repeat; color: #272636; }
.newsCenterMore a:first-child { background: none; }
.newsCenterMore a:hover { color: #008bd7; }

.newsShortBox { padding: 20px; border: 1px solid #e0e0e0; background-color: #fff; margin-bottom: 16px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.newsShortBox .tit { position: relative; width: 100%; margin-bottom: 10px; }
.newsShortBox .tit .titen { font-size: 14px; }
.newsShortBox:hover { box-shadow: 0 0 10px #ddd; }

.caseShortBox { height: 316px; }
.caseShortBox .newsPicLink img { margin-bottom: 20px; }
.caseShortBox .newsPicLink p { color: #666; height: 42px; }

.videoLink { width: 100%; display: block; position: relative; }
.videoLink img { position: relative; max-width: 100%; height: 248px; z-index: 1; }
.videoLink .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../image/blank_50.png); z-index: 2; }
.videoLink .bg i { display: block; position: absolute; margin: -36px 0 0 -36px; width: 72px; height: 72px; top: 50%; left: 50%; background: url(../image/icon14.png) center no-repeat; background-size: cover; }

.newsPicLink { display: block; width: 100%; font-size: 1.6em; color: #333; }
.newsPicLink img { display: block; width: 100%; height: 176px; margin-bottom: 10px; }
.newsPicLink p { padding: 0 5px; height: 21px; line-height: 21px; overflow: hidden; }
.newsPicLink:hover { color: #008bd7; }
.newsPicLink:hover img { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }

.contactCon { margin-bottom: 5px; }
.contactCon .contactShortBox:nth-child(3n+3) { margin-left: 6px; margin-right: 6px; }

.contactLongBox { position: relative; margin-bottom: 5px; }
.contactLongBox.singel { margin-bottom: 30px; }
.contactLongBox .wrapper { border-top: 2px solid #198dcd; background-color: #fff; padding: 10px 10px 10px 30px; }
.contactLongBox .wordBox { float: left; width: 50%; height: 268px; font-size: 14px; line-height: 24px; color: #666; padding-top: 30px; }
.contactLongBox .map { float: right; width: 50%; height: 298px; overflow: hidden; }
.contactLongBox .way { visibility: hidden; position: absolute; right: 20px; bottom: 20px; width: 122px; height: 36px; background-color: #0d87ca; background-color: rgba(13, 135, 202, 0.9); font-size: 1.4em; line-height: 35px; color: #fff; text-align: center; z-index: 5; }
.contactLongBox .way i { margin-right: 5px; position: relative; display: inline-block; vertical-align: top; height: 36px; width: 22px; background: url(../image/icon13.png) center no-repeat; z-index: 1; -webkit-opacity: 0; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
.contactLongBox .way span { position: relative; z-index: 2; }
.contactLongBox .way:hover { background-color: #0f97e2; background-color: rgba(15, 151, 226, 0.9); }
.contactLongBox:hover .way { visibility: visible; }
.contactLongBox:hover .way i { -webkit-opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.contactShortBox { float: left; width: 396px; position: relative; margin-bottom: 5px; }
.contactShortBox .wordBox { /* 1124 */ padding: 30px; height: 190px; font-size: 14px; line-height: 24px; color: #666; padding-top: 30px; background-color: #fff; }
.contactShortBox .way { visibility: hidden; position: absolute; right: 20px; bottom: 20px; width: 122px; height: 36px; background-color: #0d87ca; background-color: rgba(13, 135, 202, 0.9); font-size: 1.4em; line-height: 35px; color: #fff; text-align: center; z-index: 5; }
.contactShortBox .way i { margin-right: 5px; position: relative; display: inline-block; vertical-align: top; height: 36px; width: 22px; background: url(../image/icon13.png) center no-repeat; z-index: 1; -webkit-opacity: 0; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
.contactShortBox .way span { position: relative; z-index: 2; }
.contactShortBox .way:hover { background-color: #0f97e2; background-color: rgba(15, 151, 226, 0.9); }
.contactShortBox:hover .way { visibility: visible; }
.contactShortBox:hover .way i { -webkit-opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.messageCon { padding: 30px; background-color: #fff; margin-bottom: 60px; border-top: 2px solid #198dcd; }
.messageCon .tit { font-size: 2em; color: #0d87ca; margin-bottom: 10px; }

.messageShortInput { float: left; width: 340px; }
.messageShortInput li { border: 1px solid #ccc; height: 34px; margin-top: 12px; }
.messageShortInput li:first-child { margin-top: 0; }
.messageShortInput li span { float: left; width: 80px; font-size: 1.4em; color: #999; line-height: 34px; text-align: right; }
.messageShortInput li input[type='text'] { display: block; border: none; background: none; margin: 0 0 0 80px; min-width: 230px; padding: 0 10px; height: 34px; line-height: 34px; font-size: 1.4em; }

.messageInputCon { position: relative; }
.messageInputCon input[type='submit'] { display: block; position: absolute; top: 0; right: 0; width: 114px; height: 84px; border: none; text-align: center; line-height: 84px; font-size: 2em; color: #fff; background-color: #0d87ca; cursor: pointer; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.messageInputCon input[type='submit']:hover { background-color: #0f97e2; }

.messageText { margin: 0 130px 0 360px; padding: 10px; border: 1px solid #ccc; height: 62px; }
.messageText textarea { width: 100%; height: 100%; border: none; font-size: 1.4em; resize: none; }

.insideMain { padding-bottom: 50px; }

.insideMainLeft { float: left; width: 825px; }

.insideMainRight { margin-left: 840px; }

.insideRightBox { padding: 20px; background-color: #fff; border: 1px solid #d7d7d7; margin-bottom: 15px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.insideRightBox:hover { box-shadow: 0 0 10px #d7d7d7; }
.insideRightBox .tit { position: relative; margin-bottom: 10px; }
.insideRightBox .tit .titen { font-size: 14px; }
.insideRightBox .boxLink { display: block; width: 100%; font-size: 1.4em; line-height: 24px; color: #666; }
.insideRightBox .boxLink .img { display: block; width: 100%; height: auto; margin-bottom: 20px; overflow: hidden; }
.insideRightBox .boxLink .img img { width: 100%; transition: 1s ease all; -webkit-transition: 1s ease all; -moz-transition: 1s ease all; }
.insideRightBox .boxLink:hover { color: #008bd7; }
.insideRightBox .boxLink:hover img { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.insideRightBox .boxLink.noTransition:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.insideRightBox .boxLink span { color: #008bd7; }

.insideCon { border: 1px solid #e0e0e0; margin-bottom: 15px; background-color: #fff; padding: 20px; }
.insideCon .tit { position: relative; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; }
.insideCon .tit.noBorder { border-bottom: none; }

.caseArticle { padding-top: 45px; }
.caseArticle h2 { text-align: center; font-size: 2.4em; color: #333; line-height: 1.3; margin-bottom: 30px; }
.caseArticle h2 span { color: #008bd7; }

.caseArticleSlide { background-color: #333; width: 100%; margin-bottom: 35px; }
.caseArticleSlide .sp-thumbnail-arrows { margin-top: -20px; }
.caseArticleSlide .sp-thumbnail-arrow { font-size: 40px; line-height: 40px; color: #999; }
.caseArticleSlide .sp-thumbnail-arrow:hover { color: #fff; }
.caseArticleSlide .sp-thumbnail-arrow:before { /* 1125 */ content: ''; }
.caseArticleSlide .sp-previous-thumbnail-arrow { /* 1125 */ left: -32px; width: 20px; height: 40px; background: url(../image/arrow8.png) center no-repeat; -webkit-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
.caseArticleSlide .sp-previous-thumbnail-arrow:hover { /* 1125 */ -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.caseArticleSlide .sp-next-thumbnail-arrow { /* 1125 */ right: -32px; width: 20px; height: 40px; background: url(../image/arrow9.png) center no-repeat; -webkit-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
.caseArticleSlide .sp-next-thumbnail-arrow:hover { /* 1125 */ -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.caseArticleSlide .sp-thumbnails-container { padding-top: 15px; padding-bottom: 10px; }
.caseArticleSlide .sp-thumbnail-container { border: 2px solid #333; margin-left: 5px; margin-right: 5px; }
.caseArticleSlide .sp-thumbnail-container.sp-selected-thumbnail { border-color: #0d87ca; }

.caseArticleCon { max-width: 675px; width: 100%; font-size: 14px; color: #333; line-height: 26px; margin: 0 auto; }
.caseArticleCon img { max-width: 100%; height: auto; }

.caseRelationSlide { margin: 0 20px; width: auto; }
.caseRelationSlide .item { padding: 0 8px; }
.caseRelationSlide .item a { display: block; font-size: 1.2em; color: #333; }
.caseRelationSlide .item a:hover { color: #008bd7; }
.caseRelationSlide .item a:hover .img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }
.caseRelationSlide .item .img { width: 100%; position: relative; padding-bottom: 66.05505%; overflow: hidden; }
.caseRelationSlide .item .img img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 1s ease all; -webkit-transition: 1s ease all; -moz-transition: 1s ease all; }
.caseRelationSlide .item p { height: 36px; line-height: 36px; overflow: hidden; }
.caseRelationSlide .item p span { color: #008bd7; }
.caseRelationSlide .owl-controls { top: 0; bottom: auto; height: 0; }
.caseRelationSlide .owl-prev { position: absolute; top: 45px; left: -41px; width: 23px; height: 63px; text-align: center; line-height: 63px; border: 1px solid #e0e0e0; color: #c4c4c4; font-size: 20px; cursor: pointer; background-color: #fff; z-index: 222; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.caseRelationSlide .owl-prev:after { content: '\276e'; }
.caseRelationSlide .owl-prev:hover { background-color: #008bd7; color: #fff; }
.caseRelationSlide .owl-next { position: absolute; top: 45px; right: -41px; width: 23px; height: 63px; text-align: center; line-height: 63px; border: 1px solid #e0e0e0; color: #c4c4c4; font-size: 20px; cursor: pointer; background-color: #fff; z-index: 222; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.caseRelationSlide .owl-next:after { content: '\276f'; }
.caseRelationSlide .owl-next:hover { background-color: #008bd7; color: #fff; }

.caseRelationCon { padding: 20px; background-color: #fff; border: 1px solid #e0e0e0; margin-bottom: 10px; }
.caseRelationCon .tit { position: relative; width: 100%; margin-bottom: 22px; }

.customBanner { width: 1201px; margin: 0 auto; position: relative; }
.customBanner a { display: block; position: absolute; left: 88px; bottom: 124px; width: 120px; height: 32px; border: 1px solid #fff; text-align: center; line-height: 32px; font-size: 14px; color: #fff; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.customBanner a:hover { background-color: #fff; color: #0c7cbd; }
.customBanner img { max-width: 100%; display: block; }

.customLogoList { margin: 0 auto 40px; width: 1200px; border-left: 1px solid #e0e0e0; background-color: #fff; }
.customLogoList li { position: relative; float: left; width: 239px; height: 112px; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; z-index: 1; }
.customLogoList li a { display: block; width: 100%; height: 100%; position: relative; z-index: 3; transition: 0.3s ease all; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; }
.customLogoList li a img { width: 100%; height: 100%; }
.customLogoList li:hover { z-index: 2; }
.customLogoList li:hover a { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); box-shadow: 0 0 10px #999; }

.videoCon { border: 1px solid #e0e0e0; background-color: #fff; padding: 20px; margin: 0 auto 10px; width: 1160px; }
.videoCon .tit { border-bottom: 1px solid #d8d8d8; margin-bottom: 35px; padding-bottom: 10px; }

.insideVideoBox { width: 1113px; margin: 0 auto 30px; background-color: #282828; }
.insideVideoBox .video { position: relative; float: left; width: 780px; height: 488px; }
.insideVideoBox .video .mejs-container { position: absolute; width: 100% !important; height: 100% !important; top: 0; left: 0; }
.insideVideoBox .video .mejs-poster, .insideVideoBox .video .mejs-overlay { width: 100%; height: 100%; }
.insideVideoBox .info { margin-left: 780px; padding: 25px 20px; height: 438px; overflow: hidden; }
.insideVideoBox .info h5 { margin-bottom: 12px; }
.insideVideoBox .info h5 a { color: #fff; font-size: 1.6em; font-weight: bold; line-height: 24px; }
.insideVideoBox .info h5 a:hover { text-decoration: underline; }
.insideVideoBox .info p { font-size: 1.4em; line-height: 26px; color: #858585; }

.insideVideoList { width: 1144px; margin: 0 auto; }
.insideVideoList li { float: left; width: 256px; margin: 0 15px 25px; }
.insideVideoList li a { display: block; font-size: 1.4em; color: #666; }
.insideVideoList li a:hover { color: #008bd7; }
.insideVideoList li a:hover .img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }
.insideVideoList li a:hover p { background-image: url(../image/icon12.png); }
.insideVideoList li .img { position: relative; width: 100%; padding-bottom: 56.25%; margin-bottom: 8px; overflow: hidden; }
.insideVideoList li .img img { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }
.insideVideoList li p { height: 24px; line-height: 24px; padding-left: 20px; background: url(../image/icon11.png) left center no-repeat; overflow: hidden; }

.robotHd { border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; background-color: #f4f4f4; padding: 20px; }
.robotHd li { float: left; width: 50.0%; line-height: 36px; height: 36px; overflow: hidden; }
.robotHd li a { font-size: 1.6em; color: #333; }
.robotHd li a:hover { color: #008bd7; }
.robotHd li.on a { color: #008bd7; }

.robotArticle { padding: 30px 20px 40px; }
.robotArticle h2 { text-align: center; font-size: 2.4em; color: #333; margin-bottom: 12px; }
.robotArticle .intro { font-size: 1.4em; color: #333; line-height: 24px; margin-bottom: 30px; }
.robotArticle .intro span { color: #008bd7; }
.robotArticle .article { font-size: 14px; color: #333; line-height: 24px; }
.robotArticle .article img { max-width: 100%; height: auto; }

.appList { padding-top: 30px; width: 752px; margin: 0 auto; }
.appList li { float: left; margin: 0 32px 60px; width: 312px; }
.appList li a { display: block; position: relative; }
.appList li a:hover p { background: #0d87ca; }
.appList li .img { position: relative; width: 100%; padding-bottom: 81.4%; overflow: hidden; z-index: 1; }
.appList li .img img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.appList li p { position: absolute; width: 100%; left: 0; bottom: 0; height: 34px; line-height: 34px; background: url(../image/blank_60.png); text-align: center; font-size: 14px; color: #fff; z-index: 2; }

.questionMenu { width: 100%; padding-top: 23px; margin-bottom: 22px; }
.questionMenu li { float: left; width: 96px; height: 32px; line-height: 32px; margin-right: 3px; margin-bottom: 3px; }
.questionMenu li a { display: block; font-size: 1.6em; color: #fff; text-align: center; background-color: #7b7b7b; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.questionMenu li a:hover { background-color: #008bd7; }
.questionMenu li.on a { background-color: #008bd7; }

.questionBox { margin-bottom: 20px; padding: 0 20px; background-color: #f4f4f4; }
.questionBox dt { position: relative; padding: 15px 0; cursor: pointer; }
.questionBox dt p { font-size: 14px; line-height: 28px; color: #333; }
.questionBox dt i { position: absolute; display: block; top: 15px; right: 0; width: 28px; height: 28px; font-size: 28px; font-weight: bold; color: #cbcbcb; text-align: center; line-height: 28px; }
.questionBox dt.on i { color: #0d87ca; }
.questionBox dt.on p { font-size: 16px; font-weight: bold; color: #008bd7; }
.questionBox dd { display: none; padding: 15px 0 20px; font-size: 14px; color: #333; line-height: 24px; border-top: 1px dashed #d8d8d8; }
.questionBox dd span { font-size: 16px; font-weight: bold; color: #e8c10c; }

.productMenu { width: 100%; }

.prodcutMenuLi { position: relative; width: 388px; height: 485px; float: left; margin-bottom: 15px; border: 1px solid #e0e0e0; overflow: hidden; }
.prodcutMenuLi.m18 { margin-left: 15px; margin-right: 15px; }
.prodcutMenuLi .img { position: relative; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; }
.prodcutMenuLi .title { position: absolute; left: 0; bottom: 30px; z-index: 3; padding-left: 25px; color: #fff; }
.prodcutMenuLi .title .cn { font-size: 2em; font-weight: bold; margin-bottom: 8px; }
.prodcutMenuLi .title .en { font-size: 1.4em; text-transform: uppercase; }
.prodcutMenuLi .linkbg { -webkit-opacity: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; padding: 20px; width: 100%; height: 100%; left: 0; top: 0; background: url(../image/blank_80.png); overflow: hidden; z-index: 2; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.prodcutMenuLi .linkbg li { transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; line-height: 40px; }
.prodcutMenuLi .linkbg li a { font-size: 1.6em; color: #fff; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.prodcutMenuLi .linkbg li a:hover { padding-left: 5px; color: #008bd7; }
.prodcutMenuLi:hover .linkbg { -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }

.productPartnerCon { border: 1px solid #e0e0e0; background-color: #fff; padding: 20px; }
.productPartnerCon .tit { position: relative; width: 100%; margin-bottom: 25px; }
.productPartnerCon ul { width: 100%; text-align: center; letter-spacing: -4px; word-spacing: -4px; font-size: 0; padding-bottom: 25px; }
.productPartnerCon ul li { display: inline-block; vertical-align: top; width: 165px; height: 143px; margin: 0 10px; letter-spacing: 0; word-spacing: 0; text-align: center; }
.productPartnerCon ul li img { max-width: 100%; }
.productPartnerCon ul li a { /* 1126 */ position: relative; display: inline-block; vertical-align: top; overflow: hidden; }
.productPartnerCon ul li .bg { /* 1126 */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../image/bg9.png) center no-repeat; background-size: 100% 100%; z-index: 2; }

.casePartnerCon { margin-bottom: 60px; }

.caseListCon { border: 1px solid #e0e0e0; padding: 20px; background-color: #fff; }

.caseChoose { padding: 10px 0 5px; border-bottom: 1px solid #e5e5e5; }
.caseChoose a { display: inline-block; vertical-align: top; line-height: 28px; padding: 0 10px; font-size: 14px; color: #333; margin-right: 1px; margin-bottom: 1px; }
.caseChoose a:hover { color: #008bd7; }
.caseChoose a.on { color: #fff; background-color: #008bd7; }

.caseList { width: 100%; padding-top: 25px; }
.caseList li { float: left; width: 260px; margin: 0 14px 40px; }
.caseList li a { display: block; width: 100%; }
.caseList li a:hover .img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.caseList li a:hover .title, .caseList li a:hover p { color: #008bd7; }
.caseList li .img { position: relative; width: 100%; padding-bottom: 66.53846%; margin-bottom: 10px; overflow: hidden; }
.caseList li .img img { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }
.caseList li .title { font-size: 1.6em; line-height: 26px; height: 26px; overflow: hidden; margin-bottom: 5px; }
.caseList li .title span { color: #008bd7; }
.caseList li p { font-size: 1.4em; line-height: 20px; color: #666; height: 40px; overflow: hidden; }

.historyCon { border: 1px solid #e0e0e0; background-color: #fff; padding: 20px; }
.historyCon .tit { margin-bottom: 12px; }

.historyBanner { width: 100%; position: relative; height: 176px; background: url(../image/bg5.jpg) center center no-repeat; background-size: cover; margin-bottom: 30px; }
.historyBanner .dot { position: absolute; text-align: center; z-index: 1; }
.historyBanner .dot .box { font-size: 18px; font-weight: bold; color: #fff; cursor: pointer; }
.historyBanner .dot .box i { display: block; margin: 0 auto; width: 25px; height: 25px; background: url(../image/dot1.png) center no-repeat; }
.historyBanner .dot:hover { z-index: 2; }
.historyBanner .dot:hover .intro { display: block; }
.historyBanner .dot.year1997 { left: 230px; bottom: 20px; }
.historyBanner .dot.year1997 .intro { /* 0111 */ top: -6px; }
.historyBanner .dot.year1997 .intro:before { /* 0111 */ margin-top: 8px; }
.historyBanner .dot.year1999 { left: 325px; bottom: 50px; }
.historyBanner .dot.year1999 .intro { /* 0111 */ top: -10px; }
.historyBanner .dot.year2005 { left: 448px; bottom: 80px; }
.historyBanner .dot.year2005 .intro { /* 0111 */ top: -1px; }
.historyBanner .dot.year2009 { left: 588px; bottom: 100px; }
.historyBanner .dot.year2009 .intro { /* 0111 */ top: 8px; }
.historyBanner .dot.year2013 { left: 747px; bottom: 107px; }
.historyBanner .dot.year2013 .intro { /* 0111 */ top: -7px; }
.historyBanner .dot.year2013 .intro:before { /* 0111 */ margin-top: -19px; }
.historyBanner .dot.year2015 { left: 896px; bottom: 107px; }
.historyBanner .dot.year2015 .intro { /* 0111 */ top: 10px; }
.historyBanner .dot.year2015 .intro:before { /* 0111 */ margin-top: -37px; }
.historyBanner .intro { display: none; position: absolute; top: 10px; left: 50px; padding: 10px; background-color: #fff; border-radius: 5px; font-size: 12px; line-height: 18px; color: #666; width: 327px; text-align: left; }
.historyBanner .intro:before { content: ''; width: 7px; height: 13px; display: block; position: absolute; background: url(../image/arrow3.png) center no-repeat; left: -7px; top: 50%; margin-top: -7px; }

.yearSlide { position: relative; float: left; width: 86px; background-color: #2d3644; }
.yearSlide .prev, .yearSlide .next { display: block; width: 86px; height: 40px; background-repeat: no-repeat; background-position: center center; cursor: pointer;-webkit-user-select: none; user-select: none;  }
.yearSlide .prev { background-image: url(../image/arrow4.png); }
.yearSlide .next { background-image: url(../image/arrow5.png); }
.yearSlide .bd { position: relative; width: 100%; height: 280px; overflow: hidden; }
.yearSlide .bd ul { position: absolute; top: 0; left: 0; width: 100%; }
.yearSlide .bd li { width: 100%; height: 40px; line-height: 40px; }
.yearSlide .bd li a { display: block; font-size: 16px; text-align: center; color: #fff; }
.yearSlide .bd li.on { background-color: #0d87ca; }

.historyList { margin-left: 115px; }
.historyList li { padding: 20px 0; border-bottom: 1px solid #ededed; overflow: hidden; }
.historyList li:first-child { padding-top: 0; }
.historyList li img { display: block; float: left; width: 218px; height: 145px; }
.historyList li .info { margin-left: 250px; }
.historyList li .info .time { font-size: 2em; color: #008bd7; margin-bottom: 5px; line-height: 1.3; }
.historyList li .info p { font-size: 1.4em; color: #666; line-height: 24px; }

.businessList { width: 100%; }
.businessList li { width: 180px; height: 207px; float: left; margin: 0 10px; }
.businessList li:first-child { margin-left: 0; }
.businessList li:last-child { margin-right: 0; }
.businessList li a { display: block; height: 207px; background-color: #038ad4; font-size: 16px; color: #fff; text-align: center; overflow: hidden; }
.businessList li a i { margin-top: 22px; margin-bottom: 10px; display: inline-block; vertical-align: top; width: 147px; height: 127px; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.businessList li a i.intel { background-image: url(../image/icon1.png); }
.businessList li a i.robot { background-image: url(../image/icon2.png); }
.businessList li a i.auto { background-image: url(../image/icon3.png); }
.businessList li a i.car { background-image: url(../image/icon4.png); }
.businessList li a:hover i { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }

.resourcesList { width: 100%; }
.resourcesList li { line-height: 34px; height: 34px; overflow: hidden; }
.resourcesList li a { display: block; font-size: 1.4em; color: #666; overflow: hidden; }
.resourcesList li a:hover { color: #008bd7; }
.resourcesList li .name { float: left; width: 40%; }
.resourcesList li .address { width: 17%; float: left; }
.resourcesList li .time { float: left; text-align: right; width: 43%; }

.jobTip { font-size: 1.4em; line-height: 26px; color: #333; margin-bottom: 30px; }
.jobTip b { color: #008bd7; font-size: 24px; }

.jobTable { padding-bottom: 20px; }

.jobTh { width: 100%; height: 48px; line-height: 48px; font-size: 14px; color: #fff; background-color: #008bd7; margin-bottom: 15px; }
.jobTh .name { float: left; width: 25.5%; text-indent: 30px; }
.jobTh .year { float: left; width: 17.8%; }
.jobTh .num { float: left; width: 11.5%; }
.jobTh .word { float: left; width: 25.5%; text-align: center; }
.jobTh .time { float: left; width: 19.7%; text-align: center; }

.jobTbody { width: 100%; }
.jobTbody:last-child { border-bottom: 1px solid #e0e0e0; }
.jobTbody dt { border-top: 1px solid #e0e0e0; height: 50px; line-height: 50px; cursor: pointer; font-size: 14px; color: #666; overflow: hidden; }
.jobTbody dt .name { float: left; width: 25.5%; text-indent: 30px; color: #008bd7; }
.jobTbody dt .year { float: left; width: 17.8%; }
.jobTbody dt .num { float: left; width: 11.5%; }
.jobTbody dt .word { float: left; width: 25.5%; text-align: center; }
.jobTbody dt .time { float: left; width: 19.7%; text-align: center; }
.jobTbody dd { display: none; border-top: 1px solid #e0e0e0; padding: 25px 40px; font-size: 12px; color: #666; line-height: 26px; }
.jobTbody dd .position { display: none; color: #008bd7; font-size: 14px; }

.staffSlider { width: 760px; margin: 30px auto 0; }
.staffSlider .item { width: 100%; }
.staffSlider .item a { display: block; position: relative; width: 100%; padding-bottom: 65.2%; }
.staffSlider .item a img { position: absolute; display: block; width: 100%; height: 100%; z-index: 1; }
.staffSlider .item a p { position: absolute; width: 100%; height: 50px; line-height: 50px; left: 0; bottom: 0; background-color: #0d87ca; font-size: 18px; color: #fff; text-indent: 20px; z-index: 2; }
.staffSlider .owl-dots { text-align: right; }
.staffSlider .owl-dot { margin: 0 10px 0 0; }

.staffList { padding-bottom: 20px; }
.staffList li { padding: 22px 0; }
.staffList li .img { display: block; float: left; width: 235px; height: 138px; overflow: hidden; }
.staffList li .img img { width: 100%; height: 100%; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }
.staffList li .img:hover img { -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.staffList li .info { margin-left: 270px; height: 138px; overflow: hidden; }
.staffList li .info h6 { margin-bottom: 5px; }
.staffList li .info h6 a { font-size: 16px; line-height: 24px; color: #333; }
.staffList li .info h6 a:hover { color: #008bd7; }
.staffList li .info p { font-size: 12px; color: #999; line-height: 2; }
.staffList li.noPic .info { /* 1207 */ margin-left: 0; }

.honorCon { border: 1px solid #e0e0e0; background-color: #fff; padding: 20px; }
.honorCon .tit { border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; }
.honorCon .tit .titen { font-size: 14px; }

.honorList { width: 1120px; margin: 0 auto; padding-top: 25px; }
.honorList li { padding: 25px 0; width: 560px; float: left; }
.honorList li .img { display: block; float: left; width: 194px; height: 138px; border: 1px solid #ebefef; background-color: #fff; background-position: center center; background-size: contain; background-repeat: no-repeat; }
.honorList li .img:hover { border-color: #008bd7; }
.honorList li .info { padding-right: 60px; margin-left: 225px; height: 140px; overflow: hidden; }
.honorList li .info h6 { margin-bottom: 10px; }
.honorList li .info h6 a { font-size: 1.6em; color: #333; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.honorList li .info h6 a:hover { padding-left: 5px; color: #008bd7; }
.honorList li .info p { font-size: 1.4em; line-height: 26px; color: #666; }

.newsList { padding-bottom: 50px; }
.newsList li { border-bottom: 1px solid #f0f0f0; padding: 18px 0; }
.newsList li .img { display: block; float: left; width: 208px; height: 137px; overflow: hidden; }
.newsList li .img img { width: 100%; height: 100%; }
.newsList li .img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.newsList li .info { margin-left: 235px; position: relative; height: 137px; }
.newsList li .info h6 { margin-bottom: 10px; }
.newsList li .info h6 a { font-size: 1.6em; color: #333; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.newsList li .info h6 a:hover { color: #008bd7; padding-left: 5px; }
.newsList li .info h6 a:hover span { color: #008bd7; }
.newsList li .info h6 a span { color: #ff9f07; }
.newsList li .info p { font-size: 1.4em; color: #666; line-height: 24px; }
.newsList li .info .more { position: absolute; display: block; width: 76px; height: 24px; right: 0; bottom: 0; text-align: center; line-height: 24px; color: #fff; background-color: #565c66; font-size: 1.2em; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.newsList li .info .more:hover { background-color: #008bd7; }
.newsList li.noPic .info { /* 1207 */ margin-left: 0; }

/* 1205 */
.newsCon { padding-top: 40px; }
.newsCon h2 { font-size: 30px; color: #333; line-height: 1.3; text-align: center; margin-bottom: 5px; }
.newsCon .timeCon { margin-top: 20px; font-size: 12px; color: #999; margin-bottom: 30px; text-align: center; border-top: 1px solid #e5e5e5; padding-top: 10px; font-size: 14px; height: 36px; line-height: 36px; }
.newsCon .time, .newsCon .source, .newsCon .autor { float: left; margin-right: 20px; }
.newsCon .share { float: right; }
.newsCon .shareWord { display: block; float: left; }
.newsCon .bdsharebuttonbox { float: left; }
.newsCon .subhead { text-align: center; color: #666; font-size: 18px; line-height: 1.5; }
.newsCon .tipCon { border: 1px solid #e5e5e5; position: relative; background: url(../image/bg6.jpg); padding: 20px 40px; margin-bottom: 30px; font-family: 'Sim Sun'; font-size: 14px; line-height: 26px; }
.newsCon .tipCon:before { display: block; content: ''; width: 21px; height: 21px; position: absolute; top: 0; left: 0; background: url(../image/bg7.png) center no-repeat; }
.newsCon .tipCon span { color: #008bd7; }
.newsCon .newsArticle { font-size: 14px; color: #333; line-height: 26px; padding-bottom: 20px; }
.newsCon .newsArticle img { max-width: 100%; height: auto; }
.newsCon .newsOther { border-top: 1px solid #d8d8d8; padding: 20px 0; }
.newsCon .newsOther li { line-height: 32px; font-size: 14px; color: #333; }
.newsCon .newsOther li a { color: #008bd7; }
.newsCon .newsOther li a:hover { text-decoration: underline; }
.newsCon .bottomShareCon { padding-bottom: 10px; }
.newsCon .bottomShareBox { float: right; font-size: 14px; color: #999; line-height: 36px; height: 36px; overflow: hidden; }

.newsRelation .tit { padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; }
.newsRelation .newsList { padding-bottom: 0; }
.newsRelation .newsList li:last-child { border-bottom: none; }

.partnerList { padding-top: 40px; }
.partnerList li { float: left; width: 340px; margin: 0 20px 40px; }
.partnerList li .wrapper { border: 1px solid #ccc; padding: 17px 45px 33px; }
.partnerList li .img { position: relative; width: 100%; margin-bottom: 10px; padding-bottom: 72%; }
.partnerList li .img img { position: absolute; display: block; width: 100%; height: 100%; }
.partnerList li p { font-size: 14px; line-height: 18px; color: #666; height: 54px; overflow: hidden; }

.serviceMenuList li { margin-bottom: 15px; }
.serviceMenuList li a { display: block; background-color: #fff; border: 1px solid #e0e0e0; height: 40px; padding-left: 102px; background-position: 42px center; background-repeat: no-repeat; padding-top: 24px; padding-bottom: 25px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.serviceMenuList li a:hover { box-shadow: 0 0 10px #ddd; }
.serviceMenuList li a:hover .cn, .serviceMenuList li a:hover .en { color: #008bd7; }
.serviceMenuList li a .cn { font-size: 18px; color: #333; }
.serviceMenuList li a .en { font-size: 14px; color: #999; }
.serviceMenuList li.sp a { background-image: url(../image/icon15.png); }
.serviceMenuList li.aq a { background-image: url(../image/icon16.png); }
.serviceMenuList li.sn a { background-image: url(../image/icon17.png); }

.afterServiceList { padding-top: 25px; }
.afterServiceList li { border-top: 1px dashed #d8d8d8; padding: 15px 0 30px; }
.afterServiceList li .title { font-size: 16px; color: #008bd7; margin-bottom: 5px; }
.afterServiceList li .info { font-size: 14px; line-height: 24px; color: #333; }

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

/*联系我们*/
.contactLongBox .way em,.contactShortBox .way em{ margin-right: 5px; position: relative; display: inline-block; vertical-align: top; height: 36px;
        width: 22px; background: url(../image/icon13.png) center no-repeat; z-index: 1; -webkit-opacity: 0;
        transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; 
        -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); 
        -o-transform: translateX(20px); transform: translateX(20px); }
/*信息提示页*/
.bann,.framecenter{width:100%;}
.bann .location{width:60%;margin:0 auto;font-size:14px;}
.contactLongBox:hover .way em,.contactShortBox:hover .way em { -webkit-opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.robotArticle .article p,.newsCon .newsArticle p{margin-bottom:10px;}

.robotArticle .article,.newsCon .tipCon,.robotArticle .intro,.newsCon .newsArticle{
        font-size: 19px;
        color: #555;
        line-height: 30px;
}

.newsCon .tipCon,.robotArticle .intro{line-height: 34px;}

.robotArticle .article p{margin-bottom:25px;}
.robotArticle .article ul,.robotArticle .article li,.newsCon .tipCon ul,.newsCon .tipCon li{list-style: disc;}
.indexSysSlide .bd li img {width: 600px;  }
.indexSysSlide .bd li .info{margin-left:600px;padding-right: 5px;}
.robotArticle .article table p, .newsCon .newsArticle table p,.caseArticleCon table p{margin-bottom:0;}

.newsCon h2{font-weight: bold;}

.video embed{width:100% !important;height:100% !important;}
.i-video embed{width:100% !important;height:250px !important;}

.ztye{display: block;width:166px;height:53px;position:absolute;left:928px;top:450px;}