@charset "UTF-8";
@font-face { font-family: 'DINCond-Bold'; src: url("/fonts/DINCond-Bold.eot"); /*IE9兼容模式*/ src: url("/fonts/DINCond-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/DINCond-Bold.woff") format("woff"), url("/fonts/DINCond-Bold.ttf") format("truetype"); }

.ast-header { background-color: #ffffff; position: fixed; width: 100%; height: 60px; top: 0; left: 0; z-index: 99; border-bottom: 1px solid #0e7cc8; }

.ast-header > .commonweb { position: relative; }

body { padding-top: 60px; }

.logo { float: left; padding: 17px 0; }

.logo a { display: block; }

.logo img { height: 25px; max-width: none; display: block; }

.nav { position: fixed; height: 100%; background-color: #ffffff; top: 60px; left: 0; width: 100%; border: 1px solid rgba(0, 0, 0, 0); border-top: 1px solid #cccccc; display: none; }

.nav.show { display: block; }

.nav ul li { position: relative; padding: 0; border: 1px solid rgba(0, 0, 0, 0); border-bottom: 1px solid #cccccc; }

.nav ul li h4 { font-size: 14px; }

.nav ul li h4 a { padding: 10px 30px; display: block; color: #282828; text-transform: capitalize; }

.header-right { position: absolute; right: 15px; padding-top: 17px; }

.header-right a { color: #666666; display: inline-block; vertical-align: middle; }

.search-btn { display: inline-block; width: 30px; background: url(../images/icon01.png) center center no-repeat; }

.search-btn, .sitebtn { height: 30px; line-height: 30px; vertical-align: middle; }

.sitebtn { position: relative; }

.language { float: left; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #282828; }

.headeritem { position: fixed; right: 0; top: 58px; width: 100%; z-index: 9; display: none; border: 1px solid #ccc; }

.search .search-text { width: 100%; padding: 11px 60px 11px 11px; color: #666666; }

.search .sreach-btn { width: 40px; height: 39px; position: absolute; right: 0; top: 0; background: #f2f2f2 url(../images/icon01.png) center center no-repeat; }

.he_searchbox { float: left; margin-right: 5px; }

.sub-nav { padding: 0 0 10px; display: none; }

.sub-nav a { padding: 10px 40px; display: block; text-align: left; }

.mobnav-btn { width: 25px; height: 25px; overflow: hidden; cursor: pointer; position: relative; margin-top: 2px; }

.mobnav-btn span { top: 50%; margin-top: -2px; }

.mobnav-btn span:first-child { content: ""; top: 6px; left: 0; }

.mobnav-btn span:last-child { content: ""; top: auto; bottom: 5px; left: 0; }

.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child { left: 1px; position: absolute; background-color: #29b0cf; width: 25px; height: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

.mobnav-btn.g_close span { opacity: 0; }

.mobnav-btn.g_close span:first-child { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 14px; opacity: 1; }

.mobnav-btn.g_close span:last-child { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px; opacity: 1; }

.arrorright-btn { position: absolute; width: 175px; right: 0; top: 0; height: 43px; }

.nav ul li.cur .arrorright-btn:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 17px; }

.arrorright-btn:after { content: ""; position: absolute; top: 13px; right: 15px; width: 10px; height: 10px; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.arrorright-btn.show:after { opacity: 0; }

@media (max-width: 320px) { .sitebtn { padding: 0; }
  .sitebtn em { padding: 0; } }

@media (min-width: 1024px) { .ast-header { position: static; border-bottom: none; height: 100px; }
  body { padding-top: 0; }
  .logo { width: auto; padding: 32px 0; }
  .logo img { height: 36px; }
  .nav { float: right; width: auto; padding: 0; display: block; position: static; border: 0; }
  .nav ul li { float: left; padding: 0 15px; border: 0; }
  .nav ul li h4 a { padding: 0; height: 100px; line-height: 100px; position: relative; font-size: 14px; }
  .nav ul li h4 a:after { content: ''; display: block; width: 0; height: 6px; background-color: #aacf29; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: .2s; -o-transition: .2s; -moz-transition: .2s; transition: .2s; }
  .nav ul li:hover h4 a:after, .nav ul li.cur h4 a:after { width: 100%; }
  .header-right { position: static; padding-top: 0; float: right; }
  .he_searchbox { float: left; }
  .language { height: 100px; line-height: 100px; }
  .search-btn { width: 37px; background-position: right center; height: 100px; }
  .headeritem { position: absolute; top: 100px; width: 200px; right: -5px; }
  .sub-nav { position: absolute; top: 85px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); min-width: 100%; padding: 5px 0; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); z-index: 99; display: none; }
  .sub-nav a { padding: 12px 30px; text-align: left; border-bottom: 1px solid #dddddd; background-color: rgba(255, 255, 255, 0.85); color: #2a2a2a; white-space: nowrap; font-size: 14px; }
  .sub-nav a:hover { color: #0e7cc7; }
  .sub-nav a:last-child { border-bottom: none; }
  .header-right a.mobnav-btn { display: none; }
  .arrorright-btn { display: none; }
  .search { width: 240px; }
  .he_searchbox { margin-right: 0; } }

@media (min-width: 1200px) { .nav ul li { padding: 0 15px; }
  .search-btn, .sitebtn { height: 100px; line-height: 100px; }
  .headeritem { top: 100px; } }

@media (min-width: 1366px) { .pc-head { position: relative; }
  .headeritem { right: -40px; } }

/*header end*/

footer { background-color: #f5f5f5; padding: 20px 0; }

footer h5 { color: #333; font-size: 14px; font-weight: bold; border-bottom: 1px solid #d5d5d5; padding: 5px 0; background: url(../images/icon11.png) right center no-repeat; }

footer .on { background: url(../images/icon12.png) right center no-repeat; }

footer .footer-drop { padding: 10px 0; display: none; }

footer .footer-drop a { color: #999; display: block; }

.footer-contact { padding: 10px 0; display: none; }

.footer-contact dt { float: left; }

.footer-contact dd { overflow: hidden; padding-left: 10px; color: #999; }

.footer-contact .tel { color: #29b0cf; font-size: 18px; }

.footer-contact dl { padding-bottom: 10px; }

.ovhid { overflow: hidden; }

.banner { position: relative; }

.banner img { display: block; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 245px; }

.banner-dot { position: static; text-align: right; }

.banner-dot span { width: 10px; height: 4px; background-color: #FFFFFF; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; opacity: 1; margin: 0 5px; -webkit-transition: ease .3s width; -o-transition: ease .3s width; -moz-transition: ease .3s width; transition: ease .3s width; outline: none; }

.banner-dot span.swiper-pagination-bullet-active { width: 30px; background-color: #053a59; }

.banner-Pos { width: 100%; position: absolute; bottom: 10px; z-index: 20; }

@media (min-width: 480px) { .banner img { width: 100%; height: auto;  transform: none; left: 0; } }

.undis { display: none; }

.inAbout-tit { width: 198px; height: 198px; background: url(../images/img02.jpg) no-repeat; color: #fff; overflow: hidden; }

.inAbout-tit .txt { font-size: 18px; display: block; margin-left: 30px; margin-top: 40px; padding-bottom: 25px; background: url(../images/icon02.png) left bottom no-repeat; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; }

.inAbout-tit:hover .txt { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); }

.in-core { padding-top: 50px; position: relative; }

.in-core-enText { position: absolute; left: 0px; top: 0px; }

.in-core-enText img { display: block; width: 95%; padding-left: 5%; padding-top: 30px; }

.in-core-left dt { float: left; overflow: hidden; }

.in-core-left h2 { font-size: 24px; padding-bottom: 10px; padding-top: 20px; }

.in-core-left dd { font-size: 16px; }

.in-core-text { color: #a5a5a5; font-size: 13px; }

.in-core-icon { padding-top: 20px; margin: 0 -10px; }

.in-core-icon li { padding-bottom: 20px; }

.in-core-icon span { color: #c0c6c7; font-size: 13px; }

.in-core-icon h3 { font-size: 16px; color: #282828; }

.in-core-icon a { display: block; }

.in-core-right img { display: none; max-width: 100%; }

.in-News { padding: 11% 0 30px; text-align: center; }

.in-News-tit-top { position: relative; color: #848484; }

.in-News-tit-top h3 { font-size: 16px; font-weight: bold; color: #282828; }

.in-News-tit-top .tit-img { display: block; width: 60%; position: absolute; bottom: 2px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.inNews-list { padding-top: 30px; }

.inNews-list .thumb { text-align: left; }

.inNews-list li { padding-bottom: 20px; }

.inNews-list .date { padding-top: 20px; }

.inNews-list .date dt { font-size: 50px; line-height: 40px; float: left; color: #29b0cf; font-family: "Rubik"; padding-right: 10px; }

.inNews-list .date dd { line-height: 18px; color: #cecece; position: relative; padding-right: 85px; display: inline-block; font-size: 14px; }

.inNews-list .date dd:after { content: ''; display: block; width: 53px; height: 3px; background-color: #29b0cf; vertical-align: middle; position: absolute; left: 64px; top: 50%; margin-top: -2px; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; }

.inNews-list img { display: block; width: 100%; }

.inNews-list h4 { padding-right: 70px; margin: 10px 0; }

.inNews-list h4 a { color: #282828; }

.inNews-list .more { color: #29b0cf; }

.in-video { height: 200px; display: block; position: relative; overflow: hidden; color: #fff; }

.in-video img { display: block; width: 100%; z-index: 1; position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

.in-video span { width: 100%; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; padding-top: 60px; background: url(../images/icon10.png) top center no-repeat; -moz-background-size: 50px; -o-background-size: 50px; background-size: 50px; }

.in-information { padding-bottom: 40px; background: url(../images/text03.png) center top no-repeat; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; padding-top: 20px; text-align: center; margin-top: 10px; }

.in-information h4 { font-weight: bold; font-size: 22px; }

.in-information h4:before { content: ''; display: block; width: 32px; height: 6px; background-color: #3d3d3d; margin: 0px auto 20px; }

.in-infor-text { color: #848484; font-size: 12px; padding: 15px 0; }

.in-infor-more { color: #FFFFFF; width: 148px; height: 50px; line-height: 50px; text-align: center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; display: block; margin: 0 auto; -webkit-transition: background  ease-in .4s; -o-transition: background  ease-in .4s; -moz-transition:background  ease-in .4s; transition: background  ease-in .4s; background:url(../images/btnbg.png) 0 0 no-repeat;}

@media (min-width: 768px) { .in-core { padding-top: 80px; }
  .in-core-enText { width: 80%; }
  .in-core-icon { padding-top: 30px; }
  .in-core-icon li { padding-bottom: 30px; }
  .in-News-tit-top .tit-img { width: 35%; }
  .in-information { margin-top: 50px; padding-top: 30px; }
  .in-information h4 { font-size: 30px; }
  .in-information h4:before { margin-bottom: 30px; }
  .in-infor-text { font-size: 14px; padding: 20px 0 30px; } }

@media (min-width: 992px) { .inAbout-tit { display: block; position: absolute; left: 0; top: -205px; z-index: 30; }
  .in-core { display: table; width: 100%; padding-top: 100px; margin-top: 105px; }
  .in-core-right, .in-core-left { display: table-cell; }
  .in-core-left { width: 55%; vertical-align: top; }
  .in-core-right { width: 45%; padding-left: 10px; padding-bottom: 30px; vertical-align: bottom; }
  .in-core-right img { display: block; }
  .in-core-enText img { padding-top: 50px; }
  .inNews-hd { position: relative; margin-top: 46px; }
  .in-video { width: 33.33333%; height: 100%; position: absolute; right: 0; top: 0; }
  .inNews-list { padding-top: 0; padding-left: 0; padding-right: 30px; overflow: hidden; }
  .inNews-list li { padding: 0 15px 20px; }
  .inNews-list ul { margin: 0 -15px; }
  .in-News { padding-top: 90px; } }

@media (min-width: 1200px) { .banner-Pos { bottom: 40px; }
  .in-core-left dl { padding-top: 33px; }
  .in-core-left dl h2 { -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; }
  .in-core-left dl:hover h2 { color: #29b0cf; }
  .in-core-left h2 { font-size: 36px; padding-top: 21px; line-height: 36px; }
  .in-core-right { padding-left: 55px; vertical-align: top; }
  .in-core-enText img { padding-top: 0; width: auto; margin-left: -260px; padding-left: 0; }
  .in-core .commonweb { position: relative; }
  .in-core-enText { top: -25px; }
  .in-core { margin-top: 75px; }
  .inAbout-tit { top: -275px; }
  .inNews-list .thumb { overflow: hidden; }
  .inNews-list .thumb:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .inNews-list .thumb img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .inNews-list .thumb .news-box { -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; }
  .inNews-list .thumb a { display: block; overflow: hidden; }
  .inNews-list .thumb:hover .news-box { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); }
  .inNews-list .thumb:hover .date dd:after { width: 190px; }
  .inNews-list .date { padding-top: 50px; }
  .inNews-list .date dt { font-size: 60px; }
  .inNews-list h4 { font-size: 16px; line-height: 26px; margin-top: 28px; margin-bottom: 25px; }
  .inNews-list li { padding-bottom: 10px; }
  .in-video span { -moz-background-size: 80px; -o-background-size: 80px; background-size: 80px; padding-top: 105px; }
  .in-video:hover img { -webkit-transform: translate(-50%, -50%) scale(1.03, 1.03); -moz-transform: translate(-50%, -50%) scale(1.03, 1.03); -ms-transform: translate(-50%, -50%) scale(1.03, 1.03); -o-transform: translate(-50%, -50%) scale(1.03, 1.03); transform: translate(-50%, -50%) scale(1.03, 1.03); }
  .in-News-tit-top h3 { font-size: 22px; padding-bottom: 8px; }
  .in-News-tit-top .tit-img { width: auto; }
  .in-core-icon li { padding-bottom: 35px; }
  .in-core-icon { padding-top: 38px; }
  .in-core-right, .in-core-left { width: 50%; }
  .in-News { margin-top: 30px; }
  .in-information { margin-top: 100px; padding-bottom: 50px; }
  .in-information h4:before { margin-bottom: 60px; }
  .in-infor-text { padding: 35px 0 43px; }
  .in-infor-more:hover { background: #29b0cf; } }

@charset "UTF-8";
.pad-visible { display: none; }

@media (min-width: 1024px) { .pad-visible { display: block; } }

/*wuqiuping start*/
.m-inside-top { position: relative; }

.m-inside-top:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; background: #fff; width: 31%; max-width: 600px; display: block; z-index: -2; }

.m-inside-top:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; background: #F5F6F8; width: 100%; display: block; z-index: -3; }

.inside-box { position: absolute; width: 100%; max-width: 1200px; margin: 0 auto; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 0; height: 100%; z-index: 4; }

.inside-item { position: relative; height: 100%; }

.inside-banner { position: relative; overflow: hidden; z-index: 2; }

.inside-banner img { display: block; position: relative; height: 200px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.in-bannerbox { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; color: #fff; font-size: 16px; }

.in-bannerbox h4 { font-size: 24px; margin-bottom: 10px; }

.insub-nav { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 360px; background: #021F35; text-align: right; padding: 30px; z-index: 2; }

.insub-nav li a { display: block; color: #00576b; padding: 8px 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.insub-nav li a i { width: 0; height: 0; left: 0; display: inline-block; border-left: 4px solid #29c1cf; border-top: 4px solid transparent; border-bottom: 4px solid transparent; margin-right: 10px; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.insub-nav li:hover a, .insub-nav li.cur a { color: #29c1cf; }

.insub-nav li:hover a i, .insub-nav li.cur a i { opacity: 1; }

.m-prl15 { padding-left: 15px; padding-right: 15px; }

.adas-functions { padding: 40px 0 0; position: relative; z-index: 1; }

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

.minside-title { text-align: center; padding-bottom: 30px; }

.minside-title h3 img { height: 40px; }

.minside-title h4 { margin-top: -22px; font-size: 20px; color: #282828; line-height: 26px;font-weight:bold; }

.function-left { position: relative; }

.function-imgbox { background: url(../images/adasimg02.jpg) 0 bottom no-repeat; background-size:97%; padding-left: 10px; padding-bottom: 20px; }

.img-pack { position: relative; overflow: hidden; }

.img-pack .zoomimg { display: block; width: 100%; }

.m-position { position: absolute; display: block; opacity: 0; }

.m-position img { display: block; width: 100%; }

.frist-bg { width: 18.61111111%; height: 53.3333333%; top: 25.579012%; left: 63.11111%; }

.frist-bg img { display: block; width: 100%; }

.container { position: relative; max-width: 1920px; margin: 0 auto; }

.container:before { content: ""; position: absolute; display: block; width: 101%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 0; height: 100%; background: url(../images/lingbg.png) 4px 0 repeat-y; z-index: -1; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; display: none; }

.function-right { padding-top: 30px; }

.radar-list li { float: left; width: 50%; position: relative; min-height: 67px; margin-bottom: 23px; padding: 0 10px 0 77px; }

.radar-list li .radar-icon { line-height: 0; position: absolute; width: 82px; top: 0; left: 0; }

.radar-list li .radar-icon img { height: 50px; }

.radar-list li .radar-icon:before { content: ""; width: 57px; height: 57px; display: block; position: absolute; left: 10px; top: 0; background: rgba(57, 182, 211, 0.08); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.radar-list li .radar-con { padding-top: 10px; }

.radar-list li .radar-con .funtitle-cn { color: #282828; }

.radar-list li .radar-con .funtitle-en { color: #bdc7cb; font-size: 13px; }

.radar-list li:nth-child(4n+1) { clear: none; }

.radar-list li:nth-child(2n+1) { clear: left; }

.recognition { position: relative; margin-bottom: 40px; }

.recognition-left { padding-bottom: 30px; }

.recognition-left .rec-title { font-size: 20px; color: #282828; margin-bottom: 14px; line-height: 30px; font-weight:bold;}

.recognition-left .recognition-con { color: #909090; line-height: 20px; max-width: 440px; }

.recognition-right { padding: 0 0 0 10px; position: relative; }

.recognition-right:before { content: ""; padding-bottom: 57.009346%; display: block; }

.recognition-box { position: absolute; top: 0; right: 0; }

.recognition-box img { display: block; width: 100%; }

.respan { position: absolute; font-size: 14px; top: 35px; right: 40px; color: #fff; }

.testing-list { padding-top: 30px; margin: 0 -10px; }

.testing-list li { overflow: hidden; margin-bottom: 18px; text-align: center; }

.testing-list li span { display: block; width: 128px; height: 68px; border: 6px solid #DBF2F7; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; margin: 0 auto; }

.testing-list li span img { height: 55px; }

.testing-list li .test-title { padding-top: 5px; }

.alignment li:nth-child(2n+1) { clear: left; }

.view-adas-a { width: 2.5233644%; left: 0; top: 58.68852459%; }

.view-adas-b { width: 4.579439%; left: 9.345794%; top: 59.672131%; }

.view-adas-c { width: 5.420561%; top: 33.606557%; left: 13.918692%; z-index: 1; }

.view-adas-d { width: 4.485981%; top: 46.377049%; left: 14.085981%; }

.view-adas-e { width: 3.831776%; top: 40.65574%; left: 30.84112%; }

.view-adas-f { width: 3.831776%; top: 40.65574%; left: 34.11215%; }

.view-adas-g { width: 4.299065%; top: 56.06557%; left: 39.71963%; }

.view-adas-h { width: 4.392523%; top: 56.06557%; left: 42.99065%; }

.view-adas-i { width: 5.420561%; top: 31.96721%; left: 51.40187%; }

.view-adas-j { width: 4.392523%; top: 57.37705%; left: 71.02804%; }

.view-adas-k { width: 10.373832%; top: 54.91803%; left: 80.37383%; }

.view-adas-l { width: 38.334299%; top: 60.65574%; left: 61.96262%; }

.environment { margin-bottom: 40px; position: relative; }

.environment ul li { padding: 0; position: relative; overflow: hidden; }

.environment ul li img { display: block; width: 100%; }

.science-dec { position: absolute; bottom: 20px; left: 18px; }

.science-dec h4 { font-size: 20px; font-weight: lighter; line-height: 30px; margin-bottom: 5px; }

.science-dec h5 { font-size: 18px; }

.greencolor { color: #133000; }

.orangecolor { color: #dfb267; }

.whitecolor { color: #fff; }

.bulecolor { color: #558fc7; }

.environment-con { text-align: center; line-height: 20px; z-index: 2; padding: 0 15px 30px; }

.environment-con .envititle { font-size: 24px; margin-bottom: 16px; line-height: 34px; }

.view-adas-m { width: 100%; bottom: 0; left: 0; }

.view-adas-n { width: 29.79167%; left: -6px; bottom: 0; }

.view-adas-o { width: 9.47917%; left: 23.75%; top: 66.625%; }

.view-adas-p { width: 5.3125%; left: 31.25%; top: 67.5%; }

.view-adas-Q { width: 6.35417%; left: 35.83333%; top: 66.75%; }

.view-adas-r { width: 70.39778%; right: 0; bottom: 0; }

.pixfip:before { padding-bottom: 56.429232%; }

.evolution-wrap { padding-bottom: 20px; }

.evolution-list li { padding: 0 0 20px; text-align: center; position: relative; }

.evolution-list li .evo-box { background: #f4fbfd; padding: 27px 0 35px; font-size: 13px; color: #29b0cf; line-height: 20px; position: relative; }

.evolution-list li .evo-box:before { content: ""; position: absolute; width: 100%; display: block; left: 0; bottom: 0; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; background-position: 0 bottom; }

.evolution-list li .evo-box img { display: block; margin: 0 auto; }

.evolution-list li .evo-box .evoicon { padding-bottom: 32px; }

.evolution-list li:nth-child(1) .evo-box:before { height: 7px; background-image: url(../images/wicon39.png); }

.evolution-list li:nth-child(2) .evo-box { margin: 0 auto; }

.evolution-list li:nth-child(2) .evo-box:before { background-image: url(../images/wicon40.png); height: 10px; }

.evolution-list li:nth-child(3) .evo-box:before { background-image: url(../images/wicon41.png); height: 28px; }

.box-text { font-family: arial; padding-top: 10px; position: relative; text-align: left; display: inline-block; z-index: 2; }

.box-text .num { color: #29b0cf; font-weight: bold; font-size: 30px; line-height: 36px; text-align: center; }

.box-text .evo-en { color: #d8e4e6; font-size: 18px; }

.line-box:after { content: ""; width: 100%; display: block; border-bottom: 1px dashed #C6D1D4; left: 0; bottom: 1px; z-index: 0; }

.text-left { position: absolute; left: 0; }

.text-right { float: right; }

.animate-detection-a { width: 100%; right: 0; top: 0; bottom: 0; height: 100%; background: url(../images/wicon50.png) right 0 no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.animate-detection-b { width: 100%; left: 0; top: 0; bottom: 0; height: 100%; background: url(../images/adasimg08.png) left 0 no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.science-con { top: 16.25%; }

.prospects { margin: 0 -5px; }

.prospects li { text-align: center; padding: 0 5px 20px; }

.prospects li .zoom { overflow: hidden; }

.prospects li img { display: block; width: 100%; }

.prospects li h4 { color: #474747; padding: 10px 0 0; }

/*环视盲区智能辅助系统*/
.car-sight { padding: 27px 0 126px; position: relative; }

.car-sight img { display: block; width: 100%; }

.sightgif-car{opacity:0;position:absolute;top:0;left:0;width:100%;z-index:2;}


.carsight-list { position: absolute; text-align: center; bottom: 175px; left: 0; right: 0; text-align: center; }

.carsight-list li { display: inline-block; vertical-align: top; padding: 0 15px; font-size: 13px; color: #fff; }

.carsight-list li .car-icon { display: block; width: 70px; height: 70px; background: rgba(41, 176, 207, 0.5); margin: 0 auto; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; margin-bottom: 14px; }

.carsight-list li .car-icon img { width: 70px; margin: 0 auto; }

.view-sight-a { width: 31.54487%; top: 50.16393%; left: 3.05273%; }

.view-sight-b { width: 7.49306%; bottom: 0; left: 28.95467%; }

.view-sight-c { width: 8.97317%; top: 47.21311%; left: 35.52266%; }

.view-sight-d { width: 16.65125%; top: 55.90164%; left: 41.44311%; }

.view-sight-e { width: 55.78168%; top: 35.2459%; left: 47.82609%; }

.view-sight-f { width: 13.22849%; bottom: 0; right: 0; }

.view-sight-g { width: 34.84375%; left: 3.64583%; top: 0; }

.view-sight-h { width: 35.9375%; left: 0; top: 34%; }

.view-sight-i { width: 15.20833%; left: 30.20833%; top: 46.875%; }

.sight-vision { position: relative; overflow: hidden; }

.sight-vision img { display: block; width: 100%; }

.vision-con { max-width: 580px; margin: 0 auto; }

.sight-vision-img { position: relative; }

.core-technology { padding-top: 35px; }

.core-technology .minside-title h3 img { max-width: 90%; height: auto; }

.coreani-a { width: 29.27083%; bottom: -4px; left: 49.58333%; }

.coreani-b { width: 100%; right: 0; top: 0; bottom: 0; height: 100%; background: url(../images/wicon84.png) right 0 no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.coreani-c { width: 38.85417%; top: 21.71429%; left: 40.3125%; }

.coreani-d { width: 100%; top: 0; left: 0; }

.technology-list li { margin-bottom: 20px; position: relative; overflow: hidden; }

.technology-list li .coreposition { position: relative; overflow: hidden; }

.technology-list li img { display: block; width: 100%; }

.item-dec { line-height: 26px; }

.item-dec .item-title { font-size: 24px; position: relative; line-height: 40px; margin-bottom: 15px; }

.itemtech-box { max-width: 640px; padding-top: 30px; padding-bottom: 30px; }

.m-position a { display: block; }

.mobile-slide { position: relative; overflow: hidden; margin: 30px 0 20px; }

.mobile-slide ul li { overflow: hidden;  width:100%; position:relative; }

/* 20181109 */

.mobile-slide ul li.cur .mobilefont  .title{
    transform:translateY(0px);
    opacity:1;
}
.mobile-slide ul li.cur .mobilefont  .subtitle{
      transform:translateY(0px);
    opacity:1;
}

.mobile-slide ul li.cur .mobilefont  .info{
      transform:translateY(0px);
    opacity:1;
}


.mobilefont{
    width:100%;
    left:0;
    top:32%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
    z-index:22;
    position:absolute;
    padding:0 5% 0 5%;
}

.mobilefont .title{
    color:#ffff;
    font-size:18px;
    transition:all 0.8s;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:1.8;
    transform:translateY(15px);
    opacity:0;
}
.mobilefont .subtitle{
    color:#fff;
    font-size:14px;
     margin-top:5px;
    transition:all 1s;
     width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:1.2;
    transform:translateY(15px);
    opacity:0;
}
.mobilefont .subtitle span{
    display:inline-block;
    vertical-align:top;
    position:relative;
    padding-bottom:10px;
}
.mobilefont .subtitle span:after{
        content: "";
        width: 12px;
        height: 1px;
        background: rgba(255, 255, 255, 0.5);
        display: block;
        bottom: 0;
        position: absolute;
        left: 0;
}
.mobilefont .info{
    transition:all 1.5s;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    color:#535961;
    width:100%;
    font-size:12px;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-top:10px;
    padding-right:45%;
    transform:translateY(15px);
    opacity:0;
    display:none;
}


@media (min-width:768px){
    .mobilefont{
        top:50%;
    }
    .mobilefont .title{
        font-size:22px;
    }
    .mobilefont .subtitle{
        font-size:16px;
       
    }
    .mobilefont .subtitle span{
        padding-bottom:18px;
    }
    .mobilefont .info{
        margin-top:25px;
        font-size:14px;
        display:block;
        display:-webkit-box;
    }
}



.mobile-slide ul li img { display: block; height: 250px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.mobile-slide .banner-dot { position: absolute; z-index: 2; right: 10px; left: auto; }

.in-Product { padding-top: 55px; padding-bottom: 35px; }

.in-Product-bd { position: relative; overflow: hidden; }

.in-Product-bd ul li { position: relative; }

.inproduct-img { position: relative; }

.inproduct-img img { display: block; width: 100%; }

.inproduct-img .gif-car { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.in-Product-bd ul li.active .gif-car { opacity: 1; }

.inposition { position: absolute; top: 13%; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 100%; }

.m-protit { text-align: center; color: #fff; font-size: 34px; line-height: 36px; margin-bottom: 24px; }

.m-procontent { color: #535961; font-size: 14px; text-align: center; }

.pro-summary { position: relative; }

.pro-car { text-align: center; line-height: 0; }

.pro-car img { display: block; width: 100%; }

.m-pro-position { position: absolute; z-index: 1; }

.m-pro-position img { display: block; width: 100%; opacity: 0; }

.center-dot { width: 30px; height: 30px; display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: rgba(255, 255, 255, 0.4); position: absolute; z-index: 2; opacity: 0; }

.center-dot:before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10px; height: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: block; }

.bluedot-a { top: 16.98113%; left: 46.66667%; }

.bluedot-a:before { background: #29B0CF; }

.bluedot-b { top: 70.18868%; left: 45.83333%; }

.bluedot-b:before { background: #29B0CF; }

.bluedot-c { top: 44.5283%; left: 77.5%; }

.bluedot-c:before { background: #29B0CF; }

.bluedot-d { top: 44.90566%; left: 24.33333%; }

.bluedot-d:before { background: #29B0CF; }

.bluedot-e { top: 43.39623%; left: 45.5%; }

.bluedot-e:before { background: #AACF29; }

.bluedot-f { top: 57.35849%; left: 42.75%; }

.bluedot-f:before { background: #6729CF; }

.bluedot-g { top: 48.34906%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-left: 175px; }

.bluedot-g:before { background: #AACF29; }

.bluedot-h { top: 54.24528%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-left: 280px; }

.bluedot-h:before { background: #8D49FF; }

.bluedot-i { top: 60.25943%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-left: 0; }

.bluedot-i:before { background: #29B0CF; }

.bluedot-j { top: 50.9434%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-left: 83px; }

.bluedot-j:before { background: #29B0CF; }

.bluedot-k { top: 55.66038%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-left: 266px; }

.bluedot-k:before { background: #29B0CF; }

.bluedot-l { top: 30.66038%; left: 40.10417%; }

.bluedot-l:before { background: #29B0CF; }

.bluedot-n { top: 35.37736%; left: 53.64583%; }

.bluedot-n:before { background: #29B0CF; }

.bluedot-m { top: 41.27358%; left: 35.41667%; }

.bluedot-m:before { background: #29B0CF; }

.blueline1 { top: 20%; right: 52.33333%; width: 11%; overflow: hidden; }

.blueline2 { top: 40.37736%; left: 36.66667%; width: 2px; height: 0; width: 9.91667%; height: 32.26415%; }

.blueline3 { top: 30.9434%; right: 21.33333%; width: 64.83333%; height: 17.35849%; }

.blueline4 { top: 41.88679%; left: 25.5%; width: 4.5%; }

.blueline5 { top: 46.03774%; left: 13.91667%; width: 33%; }

.blueline6 { top: 59.81132%; left: 44.58333%; width: 23.58333%; }

.pro-text { position: absolute; opacity: 0; }

.pro-text h4 { font-size: 18px; color: #fff; margin-bottom: 5px; }

.pro-text p { color: rgba(255, 255, 255, 0.5); font-size: 17px; }

.pro-text-a { top: 20.75472%; left: 5.83333%; }

.pro-text-b { bottom: 2%; left: 5.33333%; }

.pro-text-c { bottom: 2%; right: 21.66667%; }

.step-line { background-position: 0 0; background-repeat: no-repeat; position: absolute; display: block; opacity: 0; z-index: 0; }

.step-line1 { top: 0; right: 0; width: 100%; height: 2px; background-image: url(../images/setpline01.png); -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; opacity: 0; }

.step-line2 { top: 0; left: 0; width: 1px; height: 100%; background-image: url(../images/setpline02.png); -moz-background-size: 1px 100%; -o-background-size: 1px 100%; background-size: 1px 100%; }

.step-line3 { bottom: 0; left: 0; width: 1px; height: 100%; background-image: url(../images/setpline03.png); -moz-background-size: 1px 100%; -o-background-size: 1px 100%; background-size: 1px 100%; }

.step-line4 { bottom: 0; right: 0; width: 100%; height: 2px; background-image: url(../images/setpline04.png); -moz-background-size: 100% 2px; -o-background-size: 100% 2px; background-size: 100% 2px; }

.step-line5 { bottom: 0; right: 0; width: 1px; height: 35.86957%; background: #fff; }

.step-line6 { right: 0; bottom: 35.86957%; width: 92.38579%; height: 2px; background-image: url(../images/setpline06.png); -moz-background-size: 100% 2px; -o-background-size: 100% 2px; background-size: 100% 2px; }

.step-line7 { right: 92.38579%; bottom: 35.86957%; width: 7.61421%; height: 65.21739%; background-image: url(../images/setpline07.png); -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; }

.step-line8 { left: 0; bottom: 0; width: 1px; height: 100%; background: #fff; }

.step-line9 { left: 0; top: -1px; width: 100%; height: 1px; background: #fff; }

.step-line10 { right: 0; top: 0; width: 47.22222%; height: 3px; background-image: url(../images/setpline08.png); -moz-background-size: 100% 3px; -o-background-size: 100% 3px; background-size: 100% 3px; }

.step-line11 { right: 47.22222%; top: 0; width: 53.0303%; height: 99.52607%; background-image: url(../images/setpline09.png); -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; }

.step-line12 { left: 0; top: 0; width: 48.40989%; height: 2px; background-image: url(../images/setpline10.png); -moz-background-size: 100% 2px; -o-background-size: 100% 2px; background-size: 100% 2px; }

.step-line13 { left: 48.40989%; top: 0; width: 52.29682%; height: 100%; background-image: url(../images/setpline11.png); -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; }

@-webkit-keyframes animate-width1 { from { width: 0;
    opacity: 1; }
  to { width: 100%;
    opacity: 1; } }

@-moz-keyframes animate-width1 { from { width: 0;
    opacity: 1; }
  to { width: 100%;
    opacity: 1; } }

@-o-keyframes animate-width1 { from { width: 0;
    opacity: 1; }
  to { width: 100%;
    opacity: 1; } }

@keyframes animate-width1 { from { width: 0;
    opacity: 1; }
  to { width: 100%;
    opacity: 1; } }

.gosetp .animate-width1, .in-Product-bd ul li.active .animate-width1 { -webkit-animation: animate-width1 0.8s linear 0.8s forwards; -moz-animation: animate-width1 0.8s linear 0.8s forwards; -o-animation: animate-width1 0.8s linear 0.8s forwards; animation: animate-width1 0.8s linear 0.8s forwards; }

@-webkit-keyframes animate-height2 { from { height: 0;
    opacity: 1; }
  to { height: 100%;
    opacity: 1; } }

@-moz-keyframes animate-height2 { from { height: 0;
    opacity: 1; }
  to { height: 100%;
    opacity: 1; } }

@-o-keyframes animate-height2 { from { height: 0;
    opacity: 1; }
  to { height: 100%;
    opacity: 1; } }

@keyframes animate-height2 { from { height: 0;
    opacity: 1; }
  to { height: 100%;
    opacity: 1; } }

.gosetp .animate-height2, .in-Product-bd ul li.active .animate-height2 { -webkit-animation: animate-height2 0.8s linear0.6s forwards; -moz-animation: animate-height2 0.8s linear 1.6s forwards; -o-animation: animate-height2 0.8s linear 1.6s forwards; animation: animate-height2 0.8s linear 1.6s forwards; }

@-webkit-keyframes animate-height3 { from { height: 0;
    opacity: 1; }
  to { height: 100%;
    opacity: 1; } }

@-moz-keyframes animate-height3 { from { height: 0;
    opacity: 1; }
  to { height: 100%;
    opacity: 1; } }

@-o-keyframes animate-height3 { from { height: 0;
    opacity: 1; }
  to { height: 100%;
    opacity: 1; } }

@keyframes animate-height3 { from { height: 0;
    opacity: 1; }
  to { height: 100%;
    opacity: 1; } }

.gosetp .animate-height3, .in-Product-bd ul li.active .animate-height3 { -webkit-animation: animate-height3 0.8s linear 1.6s forwards; -moz-animation: animate-height3 0.8s linear 1.6s forwards; -o-animation: animate-height3 0.8s linear 1.6s forwards; animation: animate-height3 0.8s linear 1.6s forwards; }

@-webkit-keyframes animate-width4 { from { width: 0;
    opacity: 1; }
  to { width: 100%;
    opacity: 1; } }

@-moz-keyframes animate-width4 { from { width: 0;
    opacity: 1; }
  to { width: 100%;
    opacity: 1; } }

@-o-keyframes animate-width4 { from { width: 0;
    opacity: 1; }
  to { width: 100%;
    opacity: 1; } }

@keyframes animate-width4 { from { width: 0;
    opacity: 1; }
  to { width: 100%;
    opacity: 1; } }

.gosetp .animate-width4, .in-Product-bd ul li.active .animate-width4 { -webkit-animation: animate-width4 0.8s linear 0.8s forwards; -moz-animation: animate-width4 0.8s linear 0.8s forwards; -o-animation: animate-width4 0.8s linear 0.8s forwards; animation: animate-width4 0.8s linear 0.8s forwards; }

@-webkit-keyframes animate-height5 { from { height: 0;
    opacity: 1; }
  to { height: 35.86957%;
    opacity: 1; } }

@-moz-keyframes animate-height5 { from { height: 0;
    opacity: 1; }
  to { height: 35.86957%;
    opacity: 1; } }

@-o-keyframes animate-height5 { from { height: 0;
    opacity: 1; }
  to { height: 35.86957%;
    opacity: 1; } }

@keyframes animate-height5 { from { height: 0;
    opacity: 1; }
  to { height: 35.86957%;
    opacity: 1; } }

.gosetp .animate-height5, .in-Product-bd ul li.active .animate-height5 { -webkit-animation: animate-height5 0.8s linear 0.8s forwards; -moz-animation: animate-height5 0.8s linear 0.8s forwards; -o-animation: animate-height5 0.8s linear 0.8s forwards; animation: animate-height5 0.8s linear 0.8s forwards; }

@-webkit-keyframes animate-width6 { from { width: 0;
    opacity: 1; }
  to { width: 92.38579%;
    opacity: 1; } }

@-moz-keyframes animate-width6 { from { width: 0;
    opacity: 1; }
  to { width: 92.38579%;
    opacity: 1; } }

@-o-keyframes animate-width6 { from { width: 0;
    opacity: 1; }
  to { width: 92.38579%;
    opacity: 1; } }

@keyframes animate-width6 { from { width: 0;
    opacity: 1; }
  to { width: 92.38579%;
    opacity: 1; } }

.gosetp .animate-width6, .in-Product-bd ul li.active .animate-width6 { -webkit-animation: animate-width6 1.6s linear 1.6s forwards; -moz-animation: animate-width6 1.6s linear 1.6s forwards; -o-animation: animate-width6 1.6s linear 1.6s forwards; animation: animate-width6 1.6s linear 1.6s forwards; }

@-webkit-keyframes animate-height7 { from { width: 0;
    height: 0;
    opacity: 1; }
  to { width: 7.61421%;
    height: 65.21739%;
    opacity: 1; } }

@-moz-keyframes animate-height7 { from { width: 0;
    height: 0;
    opacity: 1; }
  to { width: 7.61421%;
    height: 65.21739%;
    opacity: 1; } }

@-o-keyframes animate-height7 { from { width: 0;
    height: 0;
    opacity: 1; }
  to { width: 7.61421%;
    height: 65.21739%;
    opacity: 1; } }

@keyframes animate-height7 { from { width: 0;
    height: 0;
    opacity: 1; }
  to { width: 7.61421%;
    height: 65.21739%;
    opacity: 1; } }

.gosetp .animate-height7, .in-Product-bd ul li.active .animate-height7 { -webkit-animation: animate-height7 0.8s linear 3.2s forwards; -moz-animation: animate-height7 0.8s linear 3.2s forwards; -o-animation: animate-height7 0.8s linear 3.2s forwards; animation: animate-height7 0.8s linear 3.2s forwards; }

@-webkit-keyframes animate-height8 { from { height: 0;
    opacity: 1; }
  to { height: 100%;
    opacity: 1; } }

@-moz-keyframes animate-height8 { from { height: 0;
    opacity: 1; }
  to { height: 100%;
    opacity: 1; } }

@-o-keyframes animate-height8 { from { height: 0;
    opacity: 1; }
  to { height: 100%;
    opacity: 1; } }

@keyframes animate-height8 { from { height: 0;
    opacity: 1; }
  to { height: 100%;
    opacity: 1; } }

.gosetp .animate-height8, .in-Product-bd ul li.active .animate-height8 { -webkit-animation: animate-height8 0.8s linear 0.8s forwards; -moz-animation: animate-height8 0.8s linear 0.8s forwards; -o-animation: animate-height8 0.8s linear 0.8s forwards; animation: animate-height8 0.8s linear 0.8s forwards; }

@-webkit-keyframes animate-width9 { from { width: 0;
    opacity: 1; }
  to { width: 100%;
    opacity: 1; } }

@-moz-keyframes animate-width9 { from { width: 0;
    opacity: 1; }
  to { width: 100%;
    opacity: 1; } }

@-o-keyframes animate-width9 { from { width: 0;
    opacity: 1; }
  to { width: 100%;
    opacity: 1; } }

@keyframes animate-width9 { from { width: 0;
    opacity: 1; }
  to { width: 100%;
    opacity: 1; } }

.gosetp .animate-width9, .in-Product-bd ul li.active .animate-width9 { -webkit-animation: animate-width9 1.2s linear 1.6s forwards; -moz-animation: animate-width9 1.2s linear 1.6s forwards; -o-animation: animate-width9 1.2s linear 1.6s forwards; animation: animate-width9 1.2s linear 1.6s forwards; }

@-webkit-keyframes animate-width10 { from { width: 0;
    opacity: 1; }
  to { width: 47.22222%;
    opacity: 1; } }

@-moz-keyframes animate-width10 { from { width: 0;
    opacity: 1; }
  to { width: 47.22222%;
    opacity: 1; } }

@-o-keyframes animate-width10 { from { width: 0;
    opacity: 1; }
  to { width: 47.22222%;
    opacity: 1; } }

@keyframes animate-width10 { from { width: 0;
    opacity: 1; }
  to { width: 47.22222%;
    opacity: 1; } }

.gosetp .animate-width10, .in-Product-bd ul li.active .animate-width10 { -webkit-animation: animate-width10 0.8s linear 0.8s forwards; -moz-animation: animate-width10 0.8s linear 0.8s forwards; -o-animation: animate-width10 0.8s linear 0.8s forwards; animation: animate-width10 0.8s linear 0.8s forwards; }

@-webkit-keyframes animate-height11 { from { width: 0;
    height: 0;
    opacity: 1; }
  to { width: 53.0303%;
    height: 99.52607%;
    opacity: 1; } }

@-moz-keyframes animate-height11 { from { width: 0;
    height: 0;
    opacity: 1; }
  to { width: 53.0303%;
    height: 99.52607%;
    opacity: 1; } }

@-o-keyframes animate-height11 { from { width: 0;
    height: 0;
    opacity: 1; }
  to { width: 53.0303%;
    height: 99.52607%;
    opacity: 1; } }

@keyframes animate-height11 { from { width: 0;
    height: 0;
    opacity: 1; }
  to { width: 53.0303%;
    height: 99.52607%;
    opacity: 1; } }

.gosetp .animate-height11, .in-Product-bd ul li.active .animate-height11 { -webkit-animation: animate-height11 1.8s linear 1.6s forwards; -moz-animation: animate-height11 1.8s linear 1.6s forwards; -o-animation: animate-height11 1.8s linear 1.6s forwards; animation: animate-height11 1.8s linear 1.6s forwards; }

@-webkit-keyframes animate-width12 { from { width: 0;
    opacity: 1; }
  to { width: 48.40989%;
    opacity: 1; } }

@-moz-keyframes animate-width12 { from { width: 0;
    opacity: 1; }
  to { width: 48.40989%;
    opacity: 1; } }

@-o-keyframes animate-width12 { from { width: 0;
    opacity: 1; }
  to { width: 48.40989%;
    opacity: 1; } }

@keyframes animate-width12 { from { width: 0;
    opacity: 1; }
  to { width: 48.40989%;
    opacity: 1; } }

.gosetp .animate-width12, .in-Product-bd ul li.active .animate-width12 { -webkit-animation: animate-width12 0.8s linear 0.8s forwards; -moz-animation: animate-width12 0.8s linear 0.8s forwards; -o-animation: animate-width12 0.8s linear 0.8s forwards; animation: animate-width12 0.8s linear 0.8s forwards; }

@-webkit-keyframes animate-height13 { from { width: 0;
    height: 0;
    opacity: 1; }
  to { width: 52.29682%;
    height: 100%;
    opacity: 1; } }

@-moz-keyframes animate-height13 { from { width: 0;
    height: 0;
    opacity: 1; }
  to { width: 52.29682%;
    height: 100%;
    opacity: 1; } }

@-o-keyframes animate-height13 { from { width: 0;
    height: 0;
    opacity: 1; }
  to { width: 52.29682%;
    height: 100%;
    opacity: 1; } }

@keyframes animate-height13 { from { width: 0;
    height: 0;
    opacity: 1; }
  to { width: 52.29682%;
    height: 100%;
    opacity: 1; } }

.gosetp .animate-height13, .in-Product-bd ul li.active .animate-height13 { -webkit-animation: animate-height13 1.8s linear 1.6s forwards; -moz-animation: animate-height13 1.8s linear 1.6s forwards; -o-animation: animate-height13 1.8s linear 1.6s forwards; animation: animate-height13 1.8s linear 1.6s forwards; }

@-webkit-keyframes animate-fadeUp { from { opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-moz-keyframes animate-fadeUp { from { opacity: 0;
    -moz-transform: translateY(40px);
         transform: translateY(40px); }
  to { opacity: 1;
    -moz-transform: translateY(0);
         transform: translateY(0); } }

@-o-keyframes animate-fadeUp { from { opacity: 0;
    -o-transform: translateY(40px);
       transform: translateY(40px); }
  to { opacity: 1;
    -o-transform: translateY(0);
       transform: translateY(0); } }

@keyframes animate-fadeUp { from { opacity: 0;
    -webkit-transform: translateY(40px);
       -moz-transform: translateY(40px);
         -o-transform: translateY(40px);
            transform: translateY(40px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0); } }

.gosetp .animate-fadeUp, .in-Product-bd ul li.active .animate-fadeUp { -webkit-animation: animate-fadeUp 0.8s linear 4.2s forwards; -moz-animation: animate-fadeUp 0.8s linear 4.2s forwards; -o-animation: animate-fadeUp 0.8s linear 4.2s forwards; animation: animate-fadeUp 0.8s linear 4.2s forwards; }

@-webkit-keyframes fade-dot { from { opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-moz-keyframes fade-dot { from { opacity: 0;
    -moz-transform: translateY(10px);
         transform: translateY(10px); }
  to { opacity: 1;
    -moz-transform: translateY(0);
         transform: translateY(0); } }

@-o-keyframes fade-dot { from { opacity: 0;
    -o-transform: translateY(10px);
       transform: translateY(10px); }
  to { opacity: 1;
    -o-transform: translateY(0);
       transform: translateY(0); } }

@keyframes fade-dot { from { opacity: 0;
    -webkit-transform: translateY(10px);
       -moz-transform: translateY(10px);
         -o-transform: translateY(10px);
            transform: translateY(10px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0); } }

.gosetp .fade-dot, .in-Product-bd ul li.active .fade-dot { -webkit-animation: fade-dot 0.8s linear forwards; -moz-animation: fade-dot 0.8s linear forwards; -o-animation: fade-dot 0.8s linear forwards; animation: fade-dot 0.8s linear forwards; }

.indexpro-box { max-width: 540px; color: #535961; margin-top: 7%; }

.indexpro-box .spro-title { font-size: 34px; line-height: 34px; margin-bottom: 15px; color: #fff; }

.indexpro-box .spro-title1 { font-size: 20px; padding-bottom: 22px; position: relative; color: #fff; margin-bottom: 22px; line-height: 24px; }

.indexpro-box .spro-title1:before { content: ""; width: 20px; height: 1px; background: rgba(255, 255, 255, 0.5); display: block; bottom: 0; position: absolute; left: 0; }

.spro-con { padding-bottom: 75px; }

.prodl-list dl { float: left; width: 130px; margin-right: 40px; }

.prodl-list dl dt { border: 2px solid #1B5F70; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }

.prodl-list dl dt img { display: block; width: 100%; }

.prodl-list dl dd { margin-top: 24px; font-size: 16px; color: #fff; }

.in-Product-bd .banner-Pos { bottom: 60px; text-align: right; }

.in-Product-bd .banner-Pos .inposition { top: auto; }

.in-Product-bd .banner-dot { display: inline-block; vertical-align: top; }

.in-Product-bd .arrorbtn { width: 19px; height: 13px; display: inline-block; vertical-align: -5px; background-image: url(../images/wicon95.png); cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; outline: none; }

.in-Product-bd .arrorbtn.arror-left { background-position: 0 0; }

.in-Product-bd .arrorbtn.arror-right { background-position: right 0; }

.in-Product-bd .arrorbtn:hover { background-image: url(../images/wicon95hover.png); }

@-webkit-keyframes aniamate-dot { 0% { opacity: 0; }
  25% { opacity: 1; }
  50% { opacity: 0.2; }
  75% { opacity: 1; }
  100% { opacity: 0.2; } }

.in-Product-bd ul li.active .flash-dot { -webkit-animation-name: aniamate-dot; -moz-animation-name: aniamate-dot; -o-animation-name: aniamate-dot; animation-name: aniamate-dot; }

 .sight-ani  .flash-dot{animation-name: aniamate-dot; animation: aniamate-dot 2s linear 4s infinite;}

.in-Product-bd ul li.active .bluedot-h { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; }

.in-Product-bd ul li.active .bluedot-i, .in-Product-bd ul li.active .bluedot-j, .in-Product-bd ul li.active .bluedot-k { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; }

.dotanimated { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

.fainleft-one { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all ease 900ms; -o-transition: all ease 900ms; -moz-transition: all ease 900ms; transition: all ease 900ms; opacity: 0; }

.fainleft-two { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all ease 1300ms; -o-transition: all ease 1300ms; -moz-transition: all ease 1300ms; transition: all ease 1300ms; opacity: 0; }

.fainleft-three { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all ease 1800ms; -o-transition: all ease 1800ms; -moz-transition: all ease 1800ms; transition: all ease 1800ms; opacity: 0; }

.fainleft-four { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all ease 2300ms; -o-transition: all ease 2300ms; -moz-transition: all ease 2300ms; transition: all ease 2300ms; opacity: 0; }

.in-Product-bd ul li.active .fainleft-one, .in-Product-bd ul li.active .fainleft-two, .in-Product-bd ul li.active .fainleft-three, .in-Product-bd ul li.active .fainleft-four { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

.in-Product-bd ul li.oneactive .fainleft-one, .in-Product-bd ul li.oneactive .fainleft-two, .in-Product-bd ul li.oneactive .fainleft-three, .in-Product-bd ul li.oneactive .fainleft-four { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

/*首页*/
.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes flashing { 
  0% { opacity: 0.2; }
  20% { opacity: 1; }
  40% { opacity: 0.2; }
  60% { opacity: 1; }
  80% { opacity: 0.2; }
  100% { opacity: 1; }

}

.flashing { -webkit-animation: flashing 3s linear infinite; -moz-animation: flashing 3s linear infinite; -o-animation: flashing 3s linear infinite; animation: flashing 3s linear infinite; }

@-webkit-keyframes imgleft { from { width: 0%;
    opacity: 0; }
  to { width: 100%;
    opacity: 1; } }

.imgleft { -webkit-animation: imgleft 2s linear infinite; -moz-animation: imgleft 2s linear infinite; -o-animation: imgleft 2s linear infinite; animation: imgleft 2s linear infinite; }

@-webkit-keyframes bigimgleft { 0% { -webkit-transform: translate(-100%, -100px); transform: translate(-100%, -100px);
    opacity: 0; }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0);
    opacity: 1; } }

.bigimgleft { -webkit-animation: bigimgleft .4s linear infinite; -moz-animation: bigimgleft .4s linear infinite; -o-animation: bigimgleft .4s linear infinite; animation: bigimgleft .4s linear infinite; }

@-webkit-keyframes imgright { 0% { -webkit-transform: translate(100%, 100px); transform: translate(100%, 100px);
    opacity: 0; }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0);
    opacity: 1; } }

.imgright { -webkit-animation: imgright .6s linear infinite; -moz-animation: imgright .6s linear infinite; -o-animation: imgright .6s linear infinite; animation: imgright .6s linear infinite; }

@-webkit-keyframes aniwidth { 0% { height: 100%; }
  100% { height: 0; } }

.aniwidth { -webkit-animation-name: aniwidth; -moz-animation-name: aniwidth; -o-animation-name: aniwidth; animation-name: aniwidth; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeDown { 0% { opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

.fadeDown { -webkit-animation-name: fadeDown; -moz-animation-name: fadeDown; -o-animation-name: fadeDown; animation-name: fadeDown; }

@-webkit-keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.fadeLeft { -webkit-animation-name: fadeLeft; -moz-animation-name: fadeLeft; -o-animation-name: fadeLeft; animation-name: fadeLeft; }

@-webkit-keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeRight { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.fadeRight { -webkit-animation-name: fadeRight; -moz-animation-name: fadeRight; -o-animation-name: fadeRight; animation-name: fadeRight; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }

/* 视频播放*/
.recruitmentfloat { display: none; z-index: 110; width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; }

.tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 2.5%; margin-top: -125px; }

.tianjiatvwrap .videobox { height: 250px; position: relative; z-index: 1; }

.recclosebtn { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; }

.recclosebtn:before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.recclosebtn:after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.nouse01 { display: none; }

@charset "UTF-8";
@media (min-width: 640px) { .inside-banner img, .mobile-slide ul li img { left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; height: auto; width: 100%; }
  .mobile-slide { margin-bottom: 50px; } }

@media (min-width: 768px) { .m-prl15 { padding-left: 20px; padding-right: 20px; }
  .radar-list li { width: 25%; }
  .radar-list li:nth-child(2n+1) { clear: none; }
  .radar-list li:nth-child(4n+1) { clear: left; }
  .evolution-list li { float: left; padding: 0; }
  .evolution-list li .evo-box { padding: 27px 0 35px; }
  .evolution-list li:nth-child(1) { width: 40%; }
  .evolution-list li:nth-child(2) { width: 20%; padding: 0 10px; }
  .evolution-list li:nth-child(2) .evo-box { max-width: 185px; }
  .evolution-list li:nth-child(3) { width: 40%; }
  .alignment li:nth-child(2n+1) { clear: none; }
  /* 视频播放*/
  .tianjiatvwrap { width: 660px; left: 50%; margin-left: -330px; margin-top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .tianjiatvwrap .videobox { height: 400px; } }

@charset "UTF-8";
@media (min-width: 992px) { .m-prl15 { padding-left: 40px; padding-right: 40px; } }

@media (min-width: 1024px) { .m-inside-top { padding: 3.8% 0; }
  .in-bannerbox { font-size: 20px; line-height: 30px; }
  .in-bannerbox h4 { font-size: 40px; line-height: 40px; margin-bottom: 24px; }
  .inside-banner { max-width: 1560px; width: 81.25%; }
  .m-prl15 { padding-left: 15px; padding-right: 15px; }
  .adas-functions { padding: 60px 0 0; }
  .funtions-top { padding-bottom: 67px; }
  .minside-title { padding-bottom: 84px; }
  .minside-title h3 img { height: 88px; }
  .minside-title h4 { font-size: 26px; margin-top: -35px; }
  .function-left { float: left; width: 50%; }
  .function-imgbox { padding-left: 20px; }
  .container:before { display: block; }
  .function-right { float: left; width: 50%; padding-left: 7%; padding-top: 0; }
  .radar-list li { width: 50%; padding: 0 10px 0 97px; margin-bottom: 53px; }
  .radar-list li .radar-icon img { height: 60px; }
  .radar-list li .radar-icon:before { width: 67px; height: 67px; left: 15px; }
  .radar-list li .radar-con { padding-top: 18px; }
  .radar-list li:nth-child(2n+1) { clear: left; }
  .recognition { position: relative; margin-bottom: 98px; }
  .recognition-left { float: left; width: 40%; padding: 18px 0 0; }
  .recognition-left .rec-title { font-size: 26px; margin-bottom: 24px; }
  .recognition-right { position: relative; float: left; width: 60%; position: static; padding: 0; height: 31.42vw; }
  .recognition-right:before { padding-bottom: 0; }
  .recognition-box { right: 0; width: 56.30208%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .testing-list { margin: 0; }
  .testing-list li { float: none; width: 100%; text-align: left; overflow: hidden;padding:0; }
  .testing-list li span { width: 148px; height: 88px; float: left; margin-right: 15px; }
  .testing-list li span img { height: 88px; margin-top: -6px; margin-left: -6px; }
  .testing-list li .test-title { padding-top: 35px; }
  .evolution-wrap { padding-bottom: 100px; }
  .evolution-list li:nth-child(2) { padding: 0 28px; }
  .environment { margin-bottom: 100px; }
  .box-text { padding-top: 26px; }
  .box-text .num { font-size: 40px; }
  .box-text .evo-en { font-size: 20px; }
  .text-left { position: absolute; left: -24px; }
  .text-right { float: right; }
  .environment-con { position: absolute; top: 21.25%; color: #fff; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .environment-con .envititle { font-size: 34px; margin-bottom: 26px; line-height: 34px; }
  .science-con { top: 16.25%; }
  .science-dec h4 { font-size: 26px; }
  .science-dec h5 { font-size: 24px; }
  .prospects-wrap { padding-bottom: 60px; }
  .prospects { margin: 0 -5px; }
  .prospects li { padding: 0 5px 40px; overflow: hidden; }
  .prospects li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .prospects li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .prospects li .zoom { overflow: hidden; }
  .prospects li h4 { padding: 20px 0 0; }
  .core-technology { padding-top: 45px; }
  .core-technology .minside-title { padding-bottom: 55px; }
  .core-technology .minside-title h3 img { max-width: none; height: 88px; }
  .item-dec { position: absolute; color: #fff; top: 14.28571%; width: 100%; line-height: 26px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); text-align: left; padding-top: 0; padding-bottom: 0;font-size:16px; }
  .item-dec .item-title { padding-bottom: 30px; margin-bottom: 35px; }
  .item-dec .item-title:before { content: ""; position: absolute; left: 0; bottom: 0; width: 29px; height: 2px; display: block; background: #fff; }
  .pro-left { text-align: left; }
  .pro-right { text-align: right; }
  .pro-right .itemtech-box { float: right; }
  .pro-right .item-title:before { right: 0; left: auto; }
  .black { color: #191d20 !important; }
  .black .item-title:before { background: #191d20; }
  /* 视频播放*/
  .tianjiatvwrap { width: 700px; margin-left: -350px; }
  .tianjiatvwrap .videobox { height: 400px; }


  .fight-flash .sight-img{opacity:0;}
  .fight-flash  .sightgif-car{opacity:1;}
}

@charset "UTF-8";
@media (min-width: 1200px) { .inproduct-img { overflow: hidden; }
  .inproduct-img img { width: auto; height: 740px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .inposition { top: 8%; } }

@media (min-width: 1280px) { .function-right { padding-left: 10%; }
  /* 视频播放*/
  .tianjiatvwrap { width: 1000px; margin-left: -500px; }
  .tianjiatvwrap .videobox { height: 600px; } }

@media (min-width: 1400px) { .item-dec { position: absolute; color: #fff; top: 25.71429%; line-height: 26px; }
  .item-dec .item-title { font-size: 34px; padding-bottom: 30px; position: relative; line-height: 60px; margin-bottom: 35px; } }

@media (min-width: 1600px) { .m-prl15 { padding-left: 0; padding-right: 0; }
  .function-left { width: 61.7%; margin-left: -11.918919%; }
  .inproduct-img img { width: 100%; height: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; left: 0; }
  .inposition { top: 13%; }
  .bluedot-g { top: 48.34906%; left: 59.79167%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-left: 0; }
  .bluedot-h { top: 54.48113%; left: 66.35417%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-left: 0; }
  .bluedot-i { top: 60.25943%; left: 50%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-left: 0; }
  .bluedot-j { top: 51.29717%; left: 54.32292%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-left: 0; }
  .bluedot-k { top: 55.66038%; left: 64.94792%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-left: 0; } }

@media (min-width: 1800px) { .inside-banner { width: 100%; padding-right: 120px; } }
/* @media (min-width: 1920px) { .inside-banner { width: 100%; padding-right: 120px; } }   */


@charset "UTF-8";
.insub-nav li.cur a { color: #29c1cf; }

.insub-nav li.cur i { opacity: 1; }

.font-lh-30 { font-size: 14px; color: #696969; line-height: 24px; }

@media (min-width: 1024px) { .font-lh-30 { line-height: 30px; font-size: 16px; } }

/* 底部  start */
footer { padding-bottom: 0; }

.footer-info { padding-top: 20px; }

.footer-email { margin-bottom: 20px; }

.footer-erweima { margin-bottom: 20px; }

.f-info-title { color: #333; font-size: 14px; font-weight: bold; line-height: 2; margin-bottom: 10px; }

footer .footer-drop a { line-height: 30px; }

.footerform { max-width: 478px; width: 100%; position: relative; overflow: hidden; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin: 0 auto; }

.f-fm-wrap { width: 100%; padding-right: 28%; }

.f-fm-input { display: block; width: 100%; background-color: #fff; line-height: 40px; height: 40px; text-indent: 10px; font-size: 14px; color: #999999; }

.f-submit-wrap { position: absolute; top: 0; right: 0; width: 28%; }

.f-fm-submit { display: block; width: 100%; height: 40px; line-height: 40px; background-color: #313131; color: #fff; font-size: 14px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s;text-align:center; }

.f-fm-submit:active { background-color: #414040; }

.erweima > img { display: block; width: 110px; height: 110px; margin: 0 auto; }

.copyright { background-color: #313131; color: #fff; font-size: 12px; text-align: center; padding: 10px 15px; line-height: 1.6; }

.copyright a { color: #fff; }

.copyright a:active { color: #ccc; }

/* 底部  end */
/* 联系我们  start  */
.in-contact { padding-top: 40px; padding-bottom: 20px; }

.g-inside-title { text-align: center; position: relative; }

.g-inside-title h3 img { height: 40px; display: block; margin: 0 auto; }

.g-inside-title h4 { position: absolute; bottom: 0; width: 100%; color: #282828; font-size: 18px; font-weight: bold; line-height: 1; }

@media (max-width: 460px) { .g-title02 h3 img { height: 28px; margin: 0 auto; } }

.in-contact-tab { width: 100%; overflow: hidden; font-size: 14px; background-color: #f0f0f0; line-height: 40px; }

.in-contact-tab li { float: left; width: 50%; text-align: center; }

.in-contact-tab li a { color: #666666; display: block; }

.in-contact-tab li.cur { background-color: #fff; border: 1px solid #cdd7dd; border-bottom: none; }

.tab-wrapper { padding-top: 30px; padding-bottom: 45px; }

.tab-wrapper .content { display: none; }

.tab-wrapper .content.cur { display: block; }

.addr-wrap { position: relative; width: 100%; overflow: hidden; padding: 12px 0; }

.addr-wrap .image { float: left; width: 50px; }

.addr-wrap .image img { display: block; width: 100%; }

.addr-wrap .word { overflow: hidden; padding-left: 15px; padding-top: 12px; }

.addr-wrap .word .title span { display: inline-block; vertical-align: bottom; }

.addr-wrap .word .title .com-addr { font-size: 22px; color: #29c1cf; font-weight: bold; line-height: 1; }

.addr-wrap .word .title .com-name { font-size: 14px; color: #3e3e3e; line-height: 1; }

.addr-wrap .word .info { font-size: 14px; color: #e6e6e6; text-transform: uppercase; letter-spacing: 1px; line-height: 1; margin-top: 4px; }

.tel-item a, .mail-item a { display: block; padding: 12px 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.tel-item a i, .mail-item a i { display: block; width: 100%; font-style: normal; }

.tel-item .image, .mail-item .image { display: block; float: left; width: 56px; overflow: hidden; }

.tel-item .image img, .mail-item .image img { display: block; width: 100%; }

.tel-item .word, .mail-item .word { overflow: hidden; padding-left: 12px; }

.tel-item .word .ps, .mail-item .word .ps { font-size: 12px; line-height: 22px; color: #8e8e8e; display: block; }

.tel-item .word .details, .mail-item .word .details { color: #575757; font-size: 14px; line-height: 24px; overflow: hidden; width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px; }

.ewm-wrap { padding: 12px 0; text-align: center; }

.ewm-wrap .image { width: 110px; height: 110px; overflow: hidden; margin: 0 auto; }

.ewm-wrap .image img { display: block; width: 100%; }

.ewm-wrap .ewm-info { color: #797a81; font-size: 13px; line-height: 18px; }

@-webkit-keyframes dou-dou { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  50% { -webkit-transform: translateY(0); transform: translateY(0); }
  80% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  90% { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-moz-keyframes dou-dou { 0% { -moz-transform: translateY(-10px); transform: translateY(-10px); }
  50% { -moz-transform: translateY(0); transform: translateY(0); }
  80% { -moz-transform: translateY(-5px); transform: translateY(-5px); }
  90% { -moz-transform: translateY(-3px); transform: translateY(-3px); }
  100% { -moz-transform: translateY(0px); transform: translateY(0px); } }

@-o-keyframes dou-dou { 0% { -o-transform: translateY(-10px); transform: translateY(-10px); }
  50% { -o-transform: translateY(0); transform: translateY(0); }
  80% { -o-transform: translateY(-5px); transform: translateY(-5px); }
  90% { -o-transform: translateY(-3px); transform: translateY(-3px); }
  100% { -o-transform: translateY(0px); transform: translateY(0px); } }

@keyframes dou-dou { 0% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
  50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  80% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
  90% { -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); }
  100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }

.maps, .add-maps { height: 330px; }

.add-maps { background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; }

.in-contact-map { position: relative; width: 100%; }

.addr-tabmain { position: absolute; top: 0; width: 100%; max-width: 1280px; margin: 0 auto; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 44; padding: 0 15px; background-color: rgba(41, 193, 207, 0.9); }

.addr-tabmain .item.cur { display: block; }

.addr-tabmain .item.cur .image { -webkit-animation: dou-dou 1.2s 2 alternate; -moz-animation: dou-dou 1.2s 2 alternate; -o-animation: dou-dou 1.2s 2 alternate; animation: dou-dou 1.2s 2 alternate; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

.addr-tabmain .item { display: none; text-align: center; padding: 12px 0; }

.addr-tabmain .item .image { display: block; width: 22px; margin: 0 auto; margin-bottom: 10px; }

.addr-tabmain .item .image img { display: block; width: 100%; }

.addr-tabmain .item .addr-txt { color: #fff; font-size: 14px; line-height: 22px; }

/* 联系我们  start  */
/* 公司简介  start  */
.l-introduce-wrap { padding-bottom: 30px; }

.l-introduce-wrap:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; }

.l-introduce-wrap .imgwrap { padding-top: 20px; padding-bottom: 30px; }

.l-introduce-wrap .image { text-align: center; }

.l-introduce-wrap .image img { max-width: 100%; }

/* 公司简介  end  */
/* 荣誉资质  start*/
.honor-wrapper { padding-top: 20px; padding-bottom: 30px; }

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

.honor-item { margin-bottom: 20px; }

.honor-main { padding: 13.43284% 0 7.46269% 0; border: 1px solid #cdd7dd;background:#fff; }

.honor-main .image { width: 57.39645%; margin: 0 auto; max-width: 192px; height: 210px; overflow: hidden; position: relative; }

.honor-main .image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; max-width: 100%; margin: 0 auto; -webkit-transition: all .9s; -o-transition: all .9s; -moz-transition: all .9s; transition: all .9s; }

.honor-main .info { display: block; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 0 10px; text-align: center; margin-top: 20px; font-size: 14px; color: #666666; line-height: 25px; }

.inside-look { padding: 20px 0 40px 0; }

.look-more-button { width: 100%; display: block; text-align: center; color: #fff; background-color: #3a3f40; font-size: 14px; line-height: 28px; padding: 5px 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.look-more-button:active { background-color: #2c2f30; }

/* 荣誉资质  end*/
/* 轮播相册   */
.thumb-popup { display: none; position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); }

.thumb-popup .thumb-wraper { position: absolute; top: 50%; right: 0; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto; width: 90%; max-width: 600px; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper { position: relative; overflow: hidden; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .close { display: none; position: absolute; right: 0px; top: 0px; z-index: 9; width: 30px; height: 30px; font-size: 30px; font-weight: bold; line-height: 30px; text-align: center; color: #333; cursor: pointer; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li { padding: 40px 20px 10px 20px; overflow: hidden; height: auto; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li .image { max-width: 280px; margin: 0 auto; min-height: 275px; overflow: hidden; position: relative; height: 100%; text-align: center; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li .image:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li .image .imgcell { display: inline-block; vertical-align: middle; width: 100%; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li img { display: block; width: 100%; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li p { text-align: center; font-size: 14px; padding: 5px 0; display: none; }

.thumb-popup .thumb-wraper .banner-btn { display: block; width: 60px; height: 60px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; cursor: pointer; }

.thumb-popup .thumb-wraper .banner-btn::after { content: ""; display: none; position: absolute; top: 50%; left: 50%; margin-top: -5px; width: 20px; height: 20px; border-right: 3px solid #fff; border-top: 3px solid #fff; border-left: 0; border-bottom: 0; }

.thumb-popup .thumb-wraper .banner-btn.swiper-left { left: -80px; }

.thumb-popup .thumb-wraper .banner-btn.swiper-left::after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: -4px; }

.thumb-popup .thumb-wraper .banner-btn.swiper-right { right: -80px; }

.thumb-popup .thumb-wraper .banner-btn.swiper-right::after { margin-left: -7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.thumb-close { position: absolute; top: 20px; right: 20px; color: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 30px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.thumb-close:hover { color: #ccc; }

@media (max-width: 1023px) { .thumb-popup .thumb-wraper .banner-btn { display: none; } }

@media (min-width: 768px) { .thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li .image { max-width: 300px; } }

@media (min-width: 1024px) { .thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li .image { max-width: 320px; } }

/* 轮播相册   */
/* 合作伙伴  start  */
.partner-wrapper { padding-top: 20px; padding-bottom: 30px; }

.partner-row { margin-left: -5px; margin-right: -5px; }

.partner-item { padding-left: 5px; padding-right: 5px; margin-bottom: 25px; }

.partner-item:nth-child(2n+1) { clear: both; }

.partner-item .imgwrap { padding-top: 17.24138%; padding-bottom: 17.24138%; border: 1px solid #cdd7dd;background:#fff; }

.partner-item .imgwrap .image { max-width: 195px; margin: 0 auto; width: 90%; overflow: hidden; height: 58px; }

.partner-item .imgwrap .image img { display: block; max-width: 100%; margin: 0 auto; height: 100%; -webkit-transition: all .9s; -o-transition: all .9s; -moz-transition: all .9s; transition: all .9s; }

.partner-item .name { text-align: center; padding: 0 10px; color: #666666; font-size: 14px; line-height: 24px; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 44px; }

/* 合作伙伴  end  */
/* 人才招聘  start */
.recruit-wrapper { padding-top: 20px; padding-bottom: 30px; }

.re-search-item { width: 100%; position: relative; padding-left: 80px; line-height: 40px; }

.re-search-item .lebel { position: absolute; top: 0; left: 0; color: #898989; font-size: 14px; }

.selection { position: relative; }

.selection .icon { position: absolute; top: 50%; right: 10px; border: 4px solid transparent; border-top-color: #8b8b8b; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.selection .search-input { padding-left: 38px; }

.selection .zoom { position: absolute; height: 100%; width: 38px; background: url(../images/l-s01.png) no-repeat scroll center center; top: 0; left: 0; }

.select-modlue { display: block; width: 100%; line-height: 40px; padding: 0 10px; border-bottom: 1px solid #d6d6d6 !important; color: #898989; }

.re-search-button { display: block; text-align: center; background-color: #29c1cf; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; line-height: 41px; width: 100%; height: 41px; color: #fff; margin-top: 20px; }

.re-search-button:active { background-color: #2baab6; }

.container { overflow: hidden; }

.recruit-ul .main-row { position: relative; padding-right: 40px; }

.recruit-ul .main-row .col-one { padding-bottom: 5px; }

.recruit-ul .main-row .col-one .time { color: #29c1cf; font-size: 18px; font-weight: bold; display: block; line-height: 26px; }

.recruit-ul .main-row .col-two h4 { color: #666666; font-size: 16px; font-weight: bold; line-height: 26px; }

.recruit-ul .main-row .col-two .info { font-size: 0; white-space: normal; padding: 5px 0 10px 0; }

.recruit-ul .main-row .col-two .info .item { display: inline-block; vertical-align: top; font-size: 14px; color: #898989; margin-right: 12px; }

.recruit-ul .main-row .col-three { position: absolute; right: -15px; width: 45px; top: 10px; }

.recruit-ul .main-row .col-three .icon { display: inline-block; vertical-align: middle; width: 36px; height: 35px; overflow: hidden; background: url(../images/l-uu01.png) no-repeat scroll 0 0; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }

.main-head { cursor: pointer; }

.main-bodies { display: none; }

.recruit-li.cur .col-three .icon { background-position: 0 -37px; }

.recruit-details { font-size: 14px; color: #898989; line-height: 30px; }

.recruit-details .title { font-size: 14px; color: #444444; line-height: 25px; }

.recruit-details .txt { padding-bottom: 25px; }

.recruit-li { margin-top: 15px; position: relative; padding: 15px; }

.recruit-li:after { content: ''; position: absolute; width: 15.33%; height: 100%; background-color: #edeff4; z-index:1; top: 0; min-width: 45px; right: 0; }

.recruit-li:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #f6f8fa; z-index:0; top: 0; left: 0; }

.recruit-send-button { display: inline-block; vertical-align: top; color: #fff; font-size: 14px; background-color: #29c1cf; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; line-height: 36px; text-align: center; min-width: 154px; }

.recruit-send-button:active { background-color: #24aebb; }

/* 人才招聘  end */
/* 公司动态  start */
.inside-news-wrap { padding-top: 20px; padding-bottom: 30px; }

.inside-news-ul li { width: 100%; margin-bottom: 20px; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s;background:#fff; }

.inside-news-ul li a { display: block; }

.inside-news-ul li a:active .news-word .title { color: #28bcca; }

.inside-news-ul li a:active .news-zoom .icon { background-position: 0 -25px; }

.inside-news-ul li a:active .news-zoom p { color: #28bcca; }

.inside-news-ul li .image { width: 100%; overflow: hidden; }

.inside-news-ul li .image img { display: block; width: 100%; -webkit-transition: all .9s; -o-transition: all .9s; -moz-transition: all .9s; transition: all .9s; }

.news-word { padding-top: 15px; }

.news-word .title { font-size: 16px; color: #333333; font-weight: bold; line-height: 1.5; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.news-word .time { display: block; width: 100%; color: #a1a1a1; font-size: 12px; line-height: 1.3; padding-top: 5px; padding-bottom: 10px; }

.news-word .info { color: #666666; font-size: 14px; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 66px; }

.news-zoom-wrap { display: none; }

/* 公司动态  end */
/*新闻详情   start*/
.article-wrapper { padding-top: 30px;width:99.8%;background:#fff; }

.article-head { padding-bottom: 15px; }

.article-title { font-size: 22px; color: #333333; line-height: 1.7; }

.article-main { position: relative; width: 100%; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; padding-top: 15px; padding-bottom: 15px; }

.article-aside { display: none; }

.article-time { font-size: 14px; color: #8e8e8e; line-height: 1.5; }

.article-content { font-size: 14px; color: #333; line-height: 180%; }

.article-content img { max-width: 100%; }

.article-tabs-wrap { padding-top: 20px; padding-bottom: 30px; }

.article-tabs { position: relative; }

.article-tabs a { display: block; width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px; color: #666666; line-height: 32px; }

.article-tabs .return-list { text-align: center; color: #fff; background: #28bcca; margin-top: 15px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.article-tabs .return-list:active { background: #29aab6; }

.terms-contents, .legaltext { padding: 15px 0; }

/*新闻详情   end*/
/* 行业资讯  start */
.inside-news-infor ul { margin: 0 -15px; }

.inside-news-infor ul li { padding: 0 15px; margin-bottom: 30px; }

.newslistcont { position: relative; border: 1px solid #cdd7dd; width: 100%; overflow: hidden; }

.newslistext { position: relative; padding: 100px 26px 60px; background-color: #fff; }

.newslistext a { display: block; }

.newslistext h4 { line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3; font-size: 16px; color: #333333; font-weight: bold; height: 40px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 30px; }

.newslistext .nstext { font-size: 14px; color: #666666; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 78px; }

.newsdate { position: absolute; top: 0; left: 26px; color: #fff; background-color: #3a3f40; text-align: center; width: 80px; height: 80px; padding: 10px 0; }

.newsdate p { font-size: 40px; font-family: arial; line-height: 40px; margin-bottom: 5px; }

.newsdate span { font-size: 12px; display: block; width: 100%; line-height: 15px; }

.newslisimg { background-color: #fff; display: none; }

.newslisimg a { display: block; }

.newslisimg .image { width: 100%; overflow: hidden; }

.newslisimg .image img { display: block; width: 100%; }

.newslisimg .title { padding: 30px 26px 0; }

.newslisimg h4 { line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3; font-size: 16px; color: #333333; font-weight: bold; height: 40px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

/* 行业资讯  end */
/* 视频中心  start */
.wonderful-video { padding-top: 20px; padding-bottom: 30px; }

.mv-player { height: 220px; position: relative; z-index: 1; }

.video-wrap { position: relative; }

.player-btn { background: url(../images/v-icon03.png) no-repeat scroll center center; position: absolute; width: 100%; height: 100%; -moz-background-size: 40px; -o-background-size: 40px; background-size: 40px; z-index: 3; background-color: rgba(0, 0, 0, 0.2); display: none; }

.player-bg { background: url(../images/v01.jpg) no-repeat scroll 0 0; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; display: none; }

.wonderful-mvlist { width: 100%; overflow: hidden; padding-top: 10px; }

.wonderful-mvlist li { width: 33.33%; margin-right: 10px; }

.wonderful-mvlist li .image { width: 100%; overflow: hidden; margin-bottom: 10px; position: relative; }

.wonderful-mvlist li .image img { display: block; width: 100%; }

.wonderful-mvlist li .image:after { content: ''; position: absolute; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; bottom: 0; left: 50%; height: 6px; background-color: #29c1cf; width: 0%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; }

.wonderful-mvlist li p { text-align: center; font-size: 14px; color: #282828; line-height: 22px; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 44px; }


.banner-words { position: absolute; top: 44%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.banner-words .title { line-height: 1.3; color: #fff; font-size: 18px; -webkit-transition: all ease 1.3s; -o-transition: all ease 1.3s; -moz-transition: all ease 1.3s; transition: all ease 1.3s; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; }

.banner-words .line { background-color: #333333; height: 2px; width: 34px; margin-top: 12px; margin-bottom: 12px; -webkit-transition: all ease 0.9s; -o-transition: all ease 0.9s; -moz-transition: all ease 0.9s; transition: all ease 0.9s; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; }

.banner-words .wordlist { color: #fff; font-size: 12px; line-height: 1.7; -webkit-transition: all ease 1s; -o-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; }

.banner-words .wordlist li { width: 100%; position: relative; padding-left: 10px; }

.banner-words .wordlist li:before { content: ''; position: absolute; width: 4px; height: 4px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0px; }

.banner-words02 { text-align: center; }

.banner-words02 .line { margin-left: auto; margin-right: auto; background-color: #898989; }

.banner-words02 .wordlist li:before { display: none; }

.banner ul li.active .banner-words .title { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.banner ul li.active .banner-words .line { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.banner ul li.active .banner-words .wordlist { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
@media (min-width: 1024px) { .banner-words .title { font-size: 24px; }
  .banner-words .line { margin-top: 20px; margin-bottom: 20px; }
  .banner-words .wordlist { font-size: 14px; }
  .banner-words .wordlist li { padding-left: 15px; }
  .banner-words .wordlist li:before { left: 4px; } }

@media (min-width: 1200px) { .banner-words .title { font-size: 36px; }
  .banner-words .line { margin-top: 28px; margin-bottom: 26px; }
  .banner-words .wordlist { font-size: 16px; } }

@media (min-width: 1280px) { .banner-words .title { font-size: 48px; }
  .banner-words .wordlist { font-size: 18px; } }

@media (min-width: 414px) { .mv-player { height: 240px; } }

@media (min-width: 640px) { .mv-player { height: 320px; } }

@media (min-width: 768px) { .mv-player { height: 460px; }
  .wonderful-mvlist { padding-top: 20px; } }

@media (min-width: 1024px) { .mv-player { height: 560px; }
  .wonderful-video { padding-top: 0px; padding-bottom: 60px; }
  .wonderful-mvlist { padding-top: 0px; margin-top: 30px; }
  .wonderful-mvlist li { cursor: pointer; margin-right: 0px; }
  .wonderful-mvlist li:hover .image:after { width: 100%; }
  .wonderful-mvlist li .image { margin-bottom: 18px; }
  .wonderful-wrapper { position: relative; }
  .wonderful-wrapper .mv-btn { width: 32px; height: 32px; position: absolute; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-repeat: no-repeat; outline: none; }
  .wonderful-wrapper .mv-btn:hover { background-position: 0 -32px; }
  .wonderful-wrapper .swiper-button-disabled:hover { background-position: 0 0; cursor: default; }
  .mv-list-prev { background-image: url(../images/v-icon01.png); left: -35px; }
  .mv-list-next { background-image: url(../images/v-icon02.png); right: -35px; } }

@media (min-width: 1280px) { .mv-player { height: 670px; }
  .wonderful-mvlist li { margin-right: 30px; }
  .wonderful-mvlist li .image { max-height: 212px; } }

@media (min-width: 1320px) { .mv-list-prev { left: -60px; }
  .mv-list-next { right: -60px; } }

/* 视频中心  end */

@charset "UTF-8";
@media (min-width: 768px) { .erweima > img { margin-right: 15px; float: right; }
  /* 联系我们  start  */
  .in-contact-list { width: 100%; }
  .in-contact-list:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; }
  .in-contact-list .item { float: left; width: 50%; }
  .in-contact-list .item:nth-child(2n+1) { clear: both; }
  .tel-item, .mail-item { text-align: center; }
  .tel-item .image, .mail-item .image { float: none; margin: 0 auto; }
  .tel-item .word, .mail-item .word { padding-left: 0px; }
  .ewm-wrap { text-align: left; }
  .ewm-wrap .image { margin-left: 0; float: left; }
  .ewm-wrap .word { overflow: hidden; padding-left: 15px; height: 110px; display: table; }
  .ewm-wrap .ewm-info { display: table-cell; vertical-align: bottom; }
  .map-table { width: 100%; position: relative; }
  .map-table .maps-left { padding-right: 400px; }
  .map-table .maps-right { position: absolute; top: 0; right: 0; width: 400px; }
  /* 联系我们  start  */
  .honor-row { margin-left: -10px; margin-right: -10px; }
  .partner-item:nth-child(2n+1) { clear: none; }
  .partner-item:nth-child(3n+1) { clear: both; }
  /* 人才招聘  start */
  .recruit-search { padding: 25px 20px; border: 1px solid #cdd7dd; }
  .re-search-left { float: left; width: 32%; }
  .re-search-right { float: right; width: 64%; }
  .flitemle { float: left; width: 70.22654%; }
  .flitemrh { float: left; width: 29.77346%; padding-left: 28px; }
  .re-search-button { margin-top: 0px; }
  .recruit-ul .main-row { padding-right: 0px; }
  .recruit-ul .main-row .col-one { position: absolute; left: 0; top: 0; }
  .recruit-ul .main-row .col-one .time { font-size: 18px; }
  .recruit-ul .main-row .col-two { padding-left: 140px; padding-right: 100px; }
  .recruit-ul .main-row .col-two .info .item { margin-right: 12px; }
  .recruit-ul .main-row .col-three { right: 0px; }
  .recruit-li:after { width: 110px; }
  /* 人才招聘  end */
  /* 公司动态  start */
  .inside-news-ul li { border: 1px solid #cdd7dd; }
  .inside-news-ul li .image { width: 180px; position: absolute; top: 0; left: 0; }
  .news-fonts-wrap { padding-left: 200px; padding-right: 80px; position: relative; height: 100%; min-height: 144px; }
  .news-zoom-wrap { position: absolute; top: 0; right: 0; height: 100%; display: block; width: 80px; }
  .news-zoom { display: table; height: 100%; width: 100%; text-align: center; }
  .news-zoom .cell { display: table-cell; vertical-align: middle; }
  .news-zoom .icon { display: block; width: 25px; height: 25px; margin: 0 auto; background: url(../images/new-zoom.png) no-repeat scroll 0 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
  .news-zoom p { color: #bfbfbf; font-size: 12px; line-height: 22px; white-space: nowrap; }
  /* 公司动态  end */
  /* 行业资讯  start */
  .inside-news-infor ul li:hover .newslistcont { border-color: transparent; -webkit-box-shadow: 0px 0px 15px 3px rgba(164, 164, 164, 0.2); -moz-box-shadow: 0px 0px 15px 3px rgba(164, 164, 164, 0.2); box-shadow: 0px 0px 15px 3px rgba(164, 164, 164, 0.2); }
  .inside-news-infor ul li:hover .newslistext { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); z-index: 1; }
  .inside-news-infor ul li:hover .newslisimg { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 2; }
  .newslistcont { height: 437px; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; }
  .newslistext { padding-top: 118px; position: relative; z-index: 2; height: 100%; -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; will-change: transform; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
  .newslistext h4 { font-size: 18px; height: 46px; margin-bottom: 40px; }
  .newslisimg { display: block; position: absolute; -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; will-change: transform; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
  .newslisimg .image { height: 260px; position: relative; }
  .newslisimg .image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: none; }
  .newslisimg h4 { font-size: 18px; height: 46px; }
  /* 行业资讯  end */ }

@charset "UTF-8";
@media (min-width: 992px) { .partner-item:nth-child(4n+1) { clear: both; }
  .partner-item:nth-child(3n+1) { clear: none; } }

@media (min-width: 1024px) { .container:before { z-index: -1; }
  /* 底部  start */
  footer { padding-top: 70px; }
  footer h5 { font-size: 16px; background: none; border-bottom: none; }
  footer .footer-drop { display: block; }
  footer .footer-drop a { line-height: 24px; padding: 3px 0; }
  footer .footer-drop a:hover { color: #666; }
  .footer-contact .tel { font-size: 20px; }
  .footer-nav ul { margin-left: -5px; margin-right: -5px; }
  .footer-nav ul li { float: left; width: 20%; padding: 0 5px; }
  .footer-contact { display: block; }
  .footer-info { padding-top: 40px; }
  .footer-email { margin-bottom: 0px; padding-left: 0; }
  .footer-erweima { margin-bottom: 0px; padding-left: 0; position: relative; }
  .footer-erweima h6 { padding-right: 150px; text-align: right; }
  .erweima { position: absolute; top: 10px; right: 15px; }
  .erweima > img { margin: 0; }
  .f-info-title { font-size: 16px; margin-bottom: 20px; }
  .footerform { margin-left: 0; }
  .f-fm-wrap { padding-right: 120px; }
  .f-fm-input { line-height: 50px; height: 50px; }
  .f-submit-wrap { width: 120px; }
  .f-fm-submit { height: 50px; line-height: 50px; }
  .f-fm-submit:hover { background-color: #414040; }
  .erweima > img { float: none; }
  .copyright { margin-top: 80px; padding: 20px 15px; }
  .copyright a:hover { color: #ccc; }
  /* 底部  end */
  /* 联系我们  start  */
  .in-contact { padding-top: 60px; padding-bottom: 60px; }
  .g-inside-title h3 img { height: 88px; }
  .g-inside-title h4 { font-size: 26px; }
  .in-contact-tab { font-size: 16px; }
  .in-contact-tab li a:hover { color: #000; }
  .tab-wrapper { padding-top: 60px; padding-bottom: 60px; }
  .in-contact-list .item { float: left; width: 25%; }
  .in-contact-list .item:nth-child(2n+1) { clear: none; }
  .addr-wrap { padding: 24px 0; }
  .addr-wrap .image { width: 76px; }
  .addr-wrap .word { padding-top: 8px; }
  .addr-wrap .word .title .com-addr { font-size: 28px; }
  .addr-wrap .word .title .com-name { font-size: 16px; font-weight: bold; }
  .addr-wrap .word .info { font-size: 14px; }
  .tel-item, .mail-item { text-align: center; }
  .tel-item a, .mail-item a { padding: 24px 0; max-width: 224px; margin: 0 auto; }
  .tel-item a:hover, .mail-item a:hover { -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.2); }
  .tel-item .image, .mail-item .image { float: none; margin: 0 auto; }
  .tel-item .word, .mail-item .word { padding-left: 0px; }
  .tel-item .word .details, .mail-item .word .details { font-size: 16px; font-weight: bold; }
  .ewm-wrap { text-align: left; padding-left: 8px; }
  .ewm-wrap .image { margin-left: 0; float: left; }
  .ewm-wrap .word { overflow: hidden; padding-left: 15px; height: 110px; display: table; }
  .ewm-wrap .ewm-info { display: table-cell; vertical-align: bottom; }
  .maps, .add-maps { height: 500px; }
  .addr-tabmain .item { padding: 20px 0; }
  .addr-tabmain .item .image { width: 32px; margin-bottom: 18px; }
  .addr-tabmain .item .image img { display: block; width: 100%; }
  .map-table .maps-left { padding-right: 500px; }
  .map-table .maps-right { width: 500px; }
  /* 联系我们  start  */
  /* 公司简介  start  */
  .l-introduce-wrap { padding-top: 10px; padding-bottom: 45px; }
  .l-introduce-wrap .imgwrap { padding-top: 0px; padding-bottom: 0px; float: right; width: 370px; position: relative; margin-top: 10px; }
  .l-introduce-wrap .imgwrap .bg { position: absolute; width: 100%; height: 100%; background-color: #46d1e7; top: 0; left: 0; z-index: -1; }
  .l-introduce-wrap .image { -webkit-transform: translate(-40px, -30px); -moz-transform: translate(-40px, -30px); -ms-transform: translate(-40px, -30px); -o-transform: translate(-40px, -30px); transform: translate(-40px, -30px); }
  .l-introduce-wrap .image img { display: block; width: 100%; }
  .l-introduce-wrap .word { overflow: hidden; padding-right: 60px; }
  /* 公司简介  end  */
  .honor-wrapper { padding-top: 0px; padding-bottom: 60px; }
  .look-more-button { font-size: 16px; padding: 12px 0; }
  .look-more-button:hover { background-color: #2c2f30; }
  .honor-main { cursor: pointer; }
  .honor-main:hover .image img { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-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); }
  /* 合作伙伴  start  */
  .partner-wrapper { padding-top: 0px; padding-bottom: 60px; }
  .partner-item:hover .imgwrap .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .partner-item .imgwrap .image { padding: 22px 0; height: 100px; }
  .partner-item .name { margin-top: 15px; }
  /* 合作伙伴  end  */
  /* 人才招聘  start */
  .recruit-wrapper { padding-top: 0px; padding-bottom: 60px; }
  .recruit-search { padding: 35px 30px 35px 50px; }
  .re-search-left { float: left; width: 26.73797%; max-width: 300px; }
  .re-search-right { float: right; width: 55.08021%; }
  .re-search-button:hover { background-color: #2baab6; }
  .recruit-ul .main-row .col-one .time { font-size: 20px; }
  .recruit-ul .main-row .col-two { padding-left: 182px; padding-right: 182px; }
  .recruit-ul .main-row .col-two h4 { font-size: 18px; }
  .recruit-ul .main-row .col-two .info { padding-top: 10px; padding-bottom: 0; }
  .recruit-ul .main-row .col-two .info .item { margin-right: 35px; }
  .recruit-ul .main-row .col-three { right: 30px; top: 10px;z-index:2; }
  .recruit-ul .main-row .col-three .icon { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  .main-head:hover .col-three .icon { background-position: 0 -37px; }
  .main-bodies { padding-top: 20px; }
  .recruit-li { padding: 40px 40px 30px; }
  .recruit-li:after { width: 182px; }
  .recruit-send-button:hover { background-color: #24aebb; }
  /* 人才招聘  end */
  /* 公司动态  start */
  .inside-news-wrap { padding-top: 0px; padding-bottom: 60px; }
  .inside-news-ul li:hover { -webkit-box-shadow: 0 0 20px 2px rgba(164, 164, 164, 0.2); -moz-box-shadow: 0 0 20px 2px rgba(164, 164, 164, 0.2); box-shadow: 0 0 20px 2px rgba(164, 164, 164, 0.2); border-color: transparent; }
  .inside-news-ul li:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .inside-news-ul li:hover .news-zoom .icon { background-position: 0 -25px; }
  .inside-news-ul li:hover .news-zoom p { color: #28bcca; }
  .inside-news-ul li .image { width: 260px; }
  .news-fonts-wrap { padding-left: 300px; padding-right: 120px; min-height: 208px; }
  .news-word { padding: 44px 0; }
  .news-word .title { font-size: 20px; }
  .news-word .time { padding-top: 10px; padding-bottom: 20px; }
  .news-word .info { -webkit-line-clamp: 2; height: 44px; }
  .news-zoom-wrap { width: 120px; }
  .news-zoom .icon { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  .news-zoom p { font-size: 14px; padding-top: 10px; }
  /* 公司动态  end */
  /*新闻详情  */
  .article-wrapper { padding-top: 60px; padding-bottom: 60px; }
  .article-head { padding-bottom: 45px; }
  .article-title { font-size: 34px; }
  .article-main { padding-top: 60px; padding-bottom: 60px; position: relative; z-index: 666; }
  .article-aside { display: block; }
  .article-time { font-size: 24px; }
  .article-content { font-size: 16px; }
  .article-tabs-wrap { padding-top: 40px; padding-bottom: 0px; }
  .article-tabs { position: relative; }
  .article-tabs .return-list { position: absolute; right: 0; width: 150px; line-height: 48px; margin-top: 0px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; top: 50%; }
  .article-tabs .return-list:hover { background: #29aab6; }
  .article-tabs a:hover { color: #29aab6; }
  .article-tabs a.return-list:hover { color: #fff; }
  .terms-contents { padding: 30px 0; }
  .legaltext { padding-top: 60px; padding-bottom: 30px; }
  /*新闻详情  end*/
  /* 行业资讯  start */
  .newslistext h4 { font-size: 20px; height: 52px; }
  .newslisimg .image { height: auto; }
  .newslisimg .image img { position: static; left: 0%; top: 0%; -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%); }
  .newslisimg h4 { font-size: 20px; height: 52px; }
  /* 行业资讯  end */ }

@charset "UTF-8";
@media (min-width: 1280px) { /* 联系我们  start  */
  .tab-wrapper { padding-top: 85px; padding-bottom: 85px; }
  .in-contact-list .item { width: 20%; }
  .in-contact-list .addr-item { width: 40%; }
  .addr-item { padding-left: 45px; }
  .addr-wrap .word { padding-top: 25px; font-size: 0; }
  .addr-wrap .word .title .com-addr { font-size: 34px; }
  .addr-wrap .word .title .com-name { font-size: 16px; padding: 0 5px; }
  .addr-wrap .word .info { font-size: 18px; margin-top: 8px; }
  .maps, .add-maps { height: 600px; }
  .map-table .maps-left { padding-right: 600px; }
  .map-table .maps-right { width: 600px; }
  /* 联系我们  start  */
  /* 公司简介  start  */
  .l-introduce-wrap { padding-bottom: 90px; }
  .l-introduce-wrap .word { padding-right: 110px; }
  /* 公司简介  end  */
  /* 荣誉资质  start*/
  .honor-row { margin-left: -45px; margin-right: -45px; }
  .honor-item { margin-bottom: 40px; padding-left: 45px; padding-right: 45px; }
  .honor-main { padding: 46px 0 38px 0; }
  .honor-main .info { margin-top: 38px; }
  /* 荣誉资质  end*/
  /* 公司动态  start */
  .inside-news-ul { padding-bottom: 20px; }
  .inside-news-ul li .image { width: 300px; height: 240px; }
  .news-fonts-wrap { padding-left: 350px; padding-right: 198px; min-height: 240px; }
  .news-word { padding: 59px 0; }
  .news-word .title { font-size: 22px; }
  .news-zoom-wrap { width: 198px; }
  /* 公司动态  end */
  /*新闻详情  */
  .article-aside { position: absolute; }
  .article-aside .bdsharebuttonbox a { width: 70px; height: 70px; }
  .js-fixshare { position: fixed; left: 50%; margin-left: -590px; }
  .js-fixshareend { top: auto; left: 0px; margin-left: 0; position: absolute; }
  /*新闻详情 end */ }



/*搜索页*/
.searchcont401 { padding: 36px 0; background-color: #ffffff; background-repeat: no-repeat; background-position: center top; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.searchtitle401 { padding: 28px 15px; background-color: #f2f2f2; }

.searchtitle401 span { color: #da251d; }

.resultlist401 { font-size: 13px; padding: 3% 0; }

.resultlist401 img { display: block; width: 100%; margin-bottom: 2%; }

.resultlist401 li { padding: 15px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; }

.resultlist401 h4 { font-size: 16px; line-height: 24px; margin-bottom: 3%; }

.resultlist401 h4 em { color: #da251d; }

.resultlist401 h4 a { display: block; }

.resulttext401 { overflow: hidden; height: 72px; color: #999; line-height: 24px; }

.resultlabel401 { color: #999; display: inline-block; padding-top: 30px; }

.searchinputcont401 dt input { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333333; background-color: #ffffff; }

.searchinputcont401 dd input { width: 100%; height: 40px; line-height: 40px; font-size: 0px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #29b0cf; background-image: url(../images/search402.png); background-repeat: no-repeat; background-position: center; }

.keywords { color: #29b0cf; }

.ms-detail td .short-sl { width: 103px; }

.sitemapcont2 { padding: 6% 0; overflow: hidden; }

.sitemapcont2 dl { position: relative; margin-bottom: 36px; }

.sitemapcont2 dl dt { font-size: 16px; font-weight: bold; color: #074987; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -14px; }

.sitemapcont2 dl dd { padding: 4% 3% 1% 3%; border: 1px solid #e6e6e6; }

.sitemapcont2 dl dd a { display: inline-block; padding-left: 10px; margin: 0 23px 8px 0; }

.sidetop{position:fixed;bottom:50px;right:10px;width:30px;height:30px;border-radius:100%;background-size:cover;background-image:url(../images/top.png);background-position:center center;display:none;z-index:99;}

@media (min-width: 768px) { .searchtitle401 { font-size: 24px; }
  .resultlist401 h4 { font-size: 20px; margin-bottom: 2%; }
  .searchimg401 { float: left; margin: 0 3% 0 0; display: block; width: 200px; height: 150px; overflow: hidden; position: relative; }
  .resultlist401 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; width: auto; }
  .sitemapcont2 { padding: 2% 0 0; overflow: hidden; }
  .sitemapcont2 dl dt { font-size: 20px; }
  .sitemapcont2 dl dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .sitemapcont2 dl dd a { margin: 0 50px 8px 0; }
  .sitemapcont2 dl dd a:hover { color: #074987; } }

@media (min-width: 992px) { .searchinputcont401 { width: 52%; margin: 0 auto; }
  .searchinputcont401 dt { float: left; width: 73%; }
  .searchinputcont401 dd { float: left; width: 27%; }
  .searchinputcont401 dt input { font-size: 18px; }
  .searchinputcont401 dd input { text-align: left; padding-left: 20%; font-size: 18px; font-weight: bold; background-position: 80% center; }
  .peopel-wrapper .people-expalin { line-height: 31px; font-size: 16px; margin-bottom: 25px; padding-top: 0; } 

  .sidetop{width:50px;height:50px;bottom:100px;}
}



/* 20181029 */

.banner-look {
    -webkit-transition: all 1.2s 0.4s;
    -o-transition: all 1.2s 0.4s;
    -moz-transition: all 1.2s 0.4s;
    transition: all 1.2s 0.4s;
    text-align: center;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    text-align:left;
    margin-top:30px;
    padding:0 15px ;
}
.main-look-more {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: 34px;
    padding: 0 50px;
    border: 1px solid #b3b0b2;
}
.main-look-more img {
    display: inline-block;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
    width:auto !important;
    height:auto !important;
}

.banner ul li.active .banner-look{
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.main-look-more:hover {
    background-color: rgba(0, 174, 239, 0.6);
    border-color: transparent;
}
.main-look-more:hover img {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

@media (max-width: 1199px) {
    .banner-look{
        display:none;
    }
}

@media (max-width: 1023px) {

     .carsight-list{
             bottom: 30px;
     }
    .carsight-list li{
            color: #29b0cf;
            min-width: 160px;
    }
    .carsight-list li .car-icon{
            width: 48px;
            height: 48px;
    }
    .carsight-list li .car-icon img{
         width: 48px;
    }
    .car-sight{
            padding: 27px 0 142px;
    }
    .car-sight .flash-dot{
        display:none;
    }
    .adas-functions{
        padding-top:0;
    }
}

@media (max-width: 767px) {
     .car-sight{
             padding: 27px 0 212px;
    }
     .carsight-list li{
         margin-bottom:10px;
     }
      .carsight-list{
             bottom: 10px;
     }

}