@charset "UTF-8";
html, body { width: 100%; height: 100%; }

.fr { float: right; }

.fl { float: left; }

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

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

.text-right { text-align: right; }

.disblock { display: block; }

.inblock { display: inline-block; }

.text-black { color: #333; }

.text-white { color: #fff; }

.text-gray { color: #666; }

.text-grey { color: #868686; }

.text-red { color: #de0012; }

.transition { -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }

.bold { font-weight: bold; }

.lighter { font-weight: lighter; }

.opacity1 { opacity: 1; }

@media (min-width: 768px) { .sm-fl { float: left; }
  .sm-fr { float: right; }
  .sm-block { display: block; }
  .sm-inblock { display: inline-block; }
  .sm-block { display: block; } }

@media (min-width: 1024px) { .md-fr { float: right; }
  .md-fl { float: left; } }

@media (min-width: 1200px) { .lg-fl { float: left; }
  .lg-fr { float: right; }
  .lg-block { display: block; }
  .lg-inblock { display: inline-block; }
  .lg-block { display: block; } }

header { width: 100%; height: 60px; }

.header { width: 100%; height: 60px; position: fixed; left: 0; top: 0; z-index: 200; padding: 0 15px; background-color: #fff; }

.header.fixed { -webkit-box-shadow: 0 1px 8px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 8px 3px rgba(0, 0, 0, 0.2); }

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

.logo { display: block; float: left; padding: 15px 0; }

.logo img { height: 30px; display: block; }

.search-wrap { position: relative; float: right; }

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

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

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

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

.nav-btn { width: 29px; height: 20px; display: block; -ms-touch-action: manipulation; touch-action: manipulation; float: right; position: relative; margin-top: 2px; margin-left: 20px; }

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

.nav-btn span:first-child { content: ""; top: 0; left: 0; margin-top: 0; }

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

.nav-btn span, .nav-btn span:first-child, .nav-btn span:last-child { left: 1px; position: absolute; background-color: #404244; width: 28px; height: 4px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

.nav-btn.on span { opacity: 0; width: 23px; height: 2px; }

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

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

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

@media (min-width: 1024px) { header { height: 100px; }
  .header { padding: 0 45px; height: 100px; }
  .logo { padding: 10px 0 28px 15px; }
  .logo img { height: 60px; }
  .header-right { padding-top: 32px; }
  nav { font-size: 0; padding-right: 15px; padding-top: 12px; }
  nav a { display: inline-block; font-size: 14px; color: #666; padding: 20px 10px; }
  nav a:hover { color: #19c1f2; }
  .search-box { width: 240px; position: absolute; top: 68px; right: -50px; } }

@media (min-width: 1200px) { nav { padding-right: 20px; }
  nav a { padding: 20px; } }

footer { background-color: #fff; border-top: 1px solid #eee; padding: 15px; }

.footer-info { color: #969599; line-height: 26px; font-size: 0; }

.footer-info a { font-size: 14px; color: #969599; }

.footer-info img { display: inline-block; vertical-align: middle; margin-right: 10px; }

.footer-link a:hover { color: #19c1f2; }

.footer-link i { padding: 0 7px; font-size: 14px; }

.footer-link a { position: relative; }

.footer-link a span { width: 80px; position: absolute; left: 50%; top: -90px; background-color: #19c1f2; border: 1px solid #19c1f2; display: none; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.footer-link a span:after { content: ''; display: block; width: 0; height: 0; border-top: 7px solid #19c1f2; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; bottom: -7px; left: 50%; margin-left: -5px; }

.footer-link a img { width: 100%; display: block; }

.footer-copyright { font-size: 14px; }

@media (min-width: 768px) { footer { padding: 30px; }
  .footer-tel span, .footer-copyright p { padding-right: 20px; } }

@media (min-width: 1024px) { footer { padding: 25px 45px 20px; }
  .footer-tel a { cursor: default; } }

@media (min-width: 1200px) { .footer-link, .footer-tel { text-align: left; }
  .footer-copyright { text-align: right; }
  .footer-link { padding-right: 40px; }
  .footer-tel span { padding-right: 40px; } }

.inbody { overflow: hidden; }

.inbody header { position: fixed; width: 100%; height: 60px; left: 0; top: 0; z-index: 100; }

.full-pages-swiper { width: 100%; height: 100%; }

.full-pages-swiper > .swiper-wrapper > .swiper-slide { overflow: hidden; }

.side-pages { position: fixed; right: 3px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 50; }

.side-pages span { position: relative; display: block; width: 25px; height: 25px; -webkit-border-radius: 0; border-radius: 0; background: none; opacity: 1; margin: 7px 0 !important; }

.side-pages b { display: block; width: 25px; height: 25px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; color: #cdcdcd; font-size: 12px; line-height: 25px; }

.side-pages i { display: none; color: #fff; font-family: Montserrat; }

.side-pages .swiper-pagination-bullet-active.black i { color: #383635; }

.side-pages .swiper-pagination-bullet-active b { color: #fff; background-color: #e6002d; }

.side-pages .swiper-pagination-bullet-active i { position: absolute; top: -12px; right: 0; width: 104px; display: none; font-size: 15px; line-height: 20px; color: #fff; text-transform: uppercase; font-style: normal; padding-left: 6px; }

.side-pages .swiper-pagination-bullet-active i:after { position: absolute; left: 0; bottom: 0; z-index: -1; content: ''; display: block; width: 100%; height: 9px; background-color: #e6002d; }

header.bgnone .header { background: none; }

header.bgnone .header a { color: #fff; }

header.bgnone .header .nav-btn span { background-color: #fff; }

header.bgnone .header .search-btn { background-image: url(../images/search2.png); }

.full-pages-swiper .swiper-slide { position: relative; }
/*
.page01:before, .page02:before, .page03:before, .page04:before, .page05:before, .page06:before { content: ''; position: absolute; left: 50%; top: 0; z-index: 3; width: 81.25%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-width: none; height: 100%; background-repeat: repeat-y; background-position: center 0; -o-background-size: 100% auto; background-size: 100% auto; background-image: url(../images/linebg.png); }
*/


.page01:before, .page02:before { content: ''; position: absolute; left: 50%; top: 0; z-index: 3; width: 81.25%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-width: none; height: 100%; background-repeat: repeat-y; background-position: center 0; -o-background-size: 100% auto; background-size: 100% auto; background-image: url(../images/linebg.png); }

.full-pages-swiper .swiper-slide.blackline:before { background-image: url(../images/linebg02.png); }

#banvideo { min-height: 100%; min-width: 100%; }

.ban-wrap { position: relative; height: 100%; }

.ban-mask, .mask-bg { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.66); position: absolute; left: 0; top: 0; z-index: 2; }

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

.ban-text { width: 100%; text-align: center; position: absolute; left: 0; top: 0; opacity: 0; }

.ban-text h4 { font-family: "SourceHanSans"; }

.ban-text h4:after { content: ''; display: block; width: 20px; height: 2px; background-color: #fff; margin: 10px auto; }

.ban-text h5 { text-transform: uppercase; }

.ban-text01 { position: relative; opacity: 1; }

.font44 { font-size: 20px; line-height: normal; }

.imagebg { background-repeat: no-repeat; -o-background-size: cover; background-size: cover; background-position: center; }

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

.v-center { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }

.font150 { font-size: 3.75rem; line-height: 70px; }

.in-strength { padding: 0 28% 0 0; position: relative; z-index: 4; width: 100%; }

.in-strength li { padding: 5% 0; display: block; width: 100%; }

.in-strength .text { font-size: 12px; }
.in-strength .text div{width: 70px;margin-left: 20px;display: flex;flex-flow: wrap;align-items: center;float: right;margin-top: 10px;}
.in-strength .text div span{display: inline-block;width: 100%;height: 1px;background: #fff;margin-top: 2px;}
/*.in-strength .text:after { content: ''; display: inline-block; width: 50px; height: 1px; background-color: #fff; vertical-align: middle; margin-left: 10px; }*/

.in-strength .disinblock { display: inline-block; text-align: right; }

.in-strength .word { width: 12px; display: inline-block; vertical-align: 13px; line-height: 16px; border-bottom: 3px solid #fff; padding-bottom: 8px; font-size: 12px; margin-left: 10px; }

.in-strength .desc { padding-top: 5px; text-align: right; }

.in-strength .num { font-family: 'DIN'; }

.mask-bg { background-color: rgba(0, 0, 0, 0.6); }

.font56 { font-size: 30px; line-height: normal; }

.in-title { position: relative; z-index: 4; padding: 0 10px; }

.in-title dt { text-transform: uppercase; font-family: "Montserrat"; }

.in-title dt:after { content: ''; display: block; width: 40px; height: 2px; background-color: rgba(255, 255, 255, 0.5); margin: 10px 0; }

.in-case { position: relative; z-index: 4; width: 100%; }

.in-case-list { padding: 20px 10px 0; }

.in-case-list li { border: 1px solid #fff; }

.in-case-list li:nth-child(1), .in-case-list li:nth-child(2) { border-bottom: none; }

.in-case-list li:nth-child(1), .in-case-list li:nth-child(3) { border-right: none; }

.in-case-list .en { text-transform: uppercase; font-size: 0.5rem; opacity: 0.3; }

.in-case-list .tit { font-size: 0.95rem; }

.in-case-list a { width: 100%; height: 6rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px; }

.in-case-list p { width: 100%; }

.in-institution-box { padding-top: 30px; }

.in-institution { position: relative; z-index: 4; padding: 0 10px; margin-bottom: 10px; }

.in-institution a { display: block; position: relative; }

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

.in-institution ul { width: 100%; overflow-x: auto; white-space: nowrap; margin: 0 -10px; }

.in-institution li { padding: 0 10px 10px; display: inline-block; vertical-align: top; }

.in-institution .thumb { width: 300px; }

.in-institution .in-institution-cont { width: 100%; position: absolute; left: 0; bottom: 10px; padding: 0 10px; color: #fff; }

.in-institution .in-institution-cont span { display: block; }

.in-institution .in-institution-cont .desc { display: -webkit-box; height: 36px; line-height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 13px; display: none; }

.in-institution .tit { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; }

.in-institution .thumb { width: 100%; }

.in-institution .btn { width: 15%; min-width: 70px; display: none; background-color: #354048; color: #fff; text-align: center; height: 100%; padding-bottom: 20px; }

/*.in-institution .on .thumb { width: 60%; }*/

.in-institution .tab a { overflow: hidden; vertical-align: bottom; }

.in-title.text-blue dt { color: #19c1f2; }

.in-title.text-blue dt:after { background-color: #19c1f2; }

.positionwrap, .in-news, .in-contact { width: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; }

.in-institution-hd { text-align: center; padding: 10px 0 0; }

.in-institution-wrap { padding: 20px 10px 0; position: relative; z-index: 4; height: auto; }

.in-institution-bd li { width: 100%; }

.in-institution-bd img { width: 100%; display: block; }

.in-institution-bd a { display: block; position: relative; }

.in-institution-bd dl { width: 100%; position: absolute; bottom: 10px; left: 0; z-index: 1; color: #fff; padding: 0 10px; }

.in-institution-bd dt { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; }

.in-institution-bd dd { display: -webkit-box; height: 36px; line-height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 13px; }

.in-news { padding: 0 10px; max-width: 1580px; margin: 0 auto; 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%); }

.in-news .in-title { padding: 0; }

.in-news .in-title dt:after { display: none; }

.in-news .in-title dd { /*display: inline-block; */border-top: 1px solid #19c1f2; margin-top: 15px; }

.in-news .in-title dd a { min-width: 130px; padding: 0 10px; background-color: #fff; display: inline-block; vertical-align: top; text-align: center; line-height: 34px; color: #666; }

.in-news .in-title dd .on { background-color: #19c1f2; color: #fff; }

.in-news-wrap { padding-top: 30px; display: none; }
.in-news-wrap ul li{box-shadow: 0 0 2px #ccc;}
.in-news-wrap img { width: 100%; display: block; }

.in-news-wrap .date { color: #cdcdcd; padding: 15px 5px 10px; }

.in-news-wrap h3 { display: -webkit-box; height: 60px; line-height: 30px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding: 0 5px;}

.in-news-hd { margin-top: 20px; border: 1px solid #d4d4d4; width: 140px; overflow: hidden; float: right; }

.in-news-hd a { width: 69px; height: 48px; float: left; background: url(../images/icon22.png) center no-repeat; }

.in-news-next { border-right: 1px solid #d4d4d4; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.in-contact { padding: 0 10px; }

.in-contact .in-title { color: #19c1f2; padding: 0; }

.in-contact .in-title dt:after { display: none; }

.in-contact-btn { overflow: hidden; margin-top: 15px; border-top: 1px solid #19c1f2; display: inline-block; }

.in-contact-btn a { padding: 0 10px; min-width: 100px; text-align: center; background-color: #fff; float: left; color: #666; line-height: 34px; }

.in-contact-btn .on { background-color: #19c1f2; color: #fff; }

.in-contact-box { padding-top: 20px; color: #666; }

.in-contact-box h2 { padding-bottom: 10px; }

.in-contact-map { display: none; }

.in-contact-map img { max-width: 100%; display: block; }

.in-contact-map .map { display: none; }

.in-contact-map .map:first-of-type { display: block; }

.in-contact-code { padding-top: 20px; }

.in-contact-code img { max-width: 100%; }

.in-contact-code h4 { padding-bottom: 10px; }

.in-contact-info { display: none; font-size: 13px; }

.in-contact-info:first-of-type { display: block; }

.nav-drop { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; background-color: #fff; display: none; }

.nav-drop ul { width: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.nav-drop a { display: block; }

.nav-drop li { border-bottom: 1px solid #ddd; padding: 0 20px; }

.nav-drop li span { display: inline-block; vertical-align: middle; }

.nav-drop li > a.on:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.nav-drop li > a { position: relative; line-height: 60px; font-size: 16px; }

.nav-drop li > a:after { position: absolute; top: 50%; right: 0px; display: block; margin-top: -6px; width: 10px; height: 10px; border-top: 1px solid #666; border-left: 1px solid #666; content: ""; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; }

.nav-drop .side-nav { display: none; padding-left: 55px; padding-bottom: 15px; }

.nav-drop .num { color: #19c1f2; font-family: "Montserrat"; opacity: 0.2; padding-right: 10px; }

.in-institution ul::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #19c1f2; }

.in-institution ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; border-radius: 10px; background: #ddd; }

.in-institution ul::-webkit-scrollbar { width: 4px; height: 2px; }

.transition1 { -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }

.mouseicon { width: 25px; height: 40px; position: absolute; left: 50%; bottom: 10px; z-index: 105; margin-left: -12px; background: url(../images/icon24.png) center no-repeat; display: block; -webkit-animation: updown 1s infinite; -o-background-size: 60%; background-size: 60%; }

.mouseicon.black { background-image: url(../images/icon25.png); }

@-moz-keyframes updown { 0% { bottom: 30px;
    opacity: 1; }
  100% { bottom: 10px;
    opacity: 0; } }

@-o-keyframes updown { 0% { bottom: 30px;
    opacity: 1; }
  100% { bottom: 10px;
    opacity: 0; } }

@keyframes updown { 0% { bottom: 30px;
    opacity: 1; }
  100% { bottom: 10px;
    opacity: 0; } }

@-webkit-keyframes updown { 0% { bottom: 70px;
    opacity: 1; }
  100% { bottom: 50px;
    opacity: 0; } }

.inFooter { width: 100%; position: fixed; bottom: 5px; left: 0; z-index: 98; color: #969599; font-size: 12px; padding: 0 10px; }

.inFooter a { color: #969599; }

.inFooter .mail { width: 16px; height: 12px; display: inline-block; vertical-align: middle; background: url(../images/mail.png) no-repeat; }

.disinblock { display: inline-block; }

.inFooter-left { float: left; }

.inFooter-left a { position: relative; }

.inFooter-left i { width: 80px; background-color: #fff; position: absolute; top: -90px; left: 50%; display: none; margin-left: -40px; }

.inFooter-left i:after { content: ''; display: block; width: 0; height: 0; border-top: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; bottom: -7px; left: 50%; margin-left: -5px; }

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

.inFooter-right { float: right; }

.in-contact-map { position: relative; }

.in-contact-map #allmap, .in-contact-map .map:first-child { height: 400px; }

.map { width: 100%; position: absolute !important; left: 0; top: 0; }

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

.cultrue-text.padbotnone { padding-bottom: 0; padding-left: 10px; padding-right: 10px; }

@media (min-width: 768px) { .font44 { font-size: 30px; }
  .ban-text h4:after { width: 40px; height: 2px; margin: 25px auto 30px; }
  .in-strength { padding: 0 15%; }
  /*.in-strength li { width: 50%; padding-right: 11%; }*/
  .font56 { font-size: 40px; }
  .in-case { padding: 0 5%; }
  .in-title dt:after { margin: 20px 0; }
  .in-case-list { padding-top: 30px; }
  .in-case-list li a { height: 8rem; }
  .in-case-list .en { font-size: 1rem; }
  .in-case-list .tit { padding-top: 5px; font-size: 1.2rem; }
  .positionwrap { padding: 0 5%; }
  .in-contact { padding: 0 10%; }
  .mouseicon { -o-background-size: 100%; background-size: 100%; } }

@media (min-width: 1024px) { .inbody header { height: 100px; }
  .in-news .in-title dd { margin-top: 58px; margin-bottom: 7px; }
  .in-contact-map { display: block; float: left; width: 45%; padding-left: 5%;margin-left: 5%; }
  .in-contact-text { width: 50%; float: left; }
  .in-institution li { width: 350px; }
  .in-institution ul::-webkit-scrollbar { width: 4px; height: 4px; }
  .md-disinblock { display: inline-block; }
  .inFooter { font-size: 13px; padding: 0 45px; }
  .inFooter-left span { padding-right: 10px; }
  .inFooter-code { padding-right: 10px; }
  .inFooter-right { text-align: right; }
  header.bgnone .header a.on { color: #19c1f2; } }

@media (min-width: 1200px) { .inbody { overflow: hidden !important; }
  .inbody header { position: fixed; left: 0; top: 0; z-index: 100; }
  .index-wrapper { width: 100%; height: 100%; }
  #banvideo { position: absolute; left: 0; top: 0; z-index: 1; }
  .font44 { font-size: 36px; }
  .font150 { font-size: 110px; line-height: 120px; }
  .in-strength { padding: 0 5%; text-align: left; }
  .in-strength li { width: 25%; padding-right: 0; display: flex;justify-content: center;align-items: center;}
  .in-strength .word { text-align: center; width: 22px; font-size: 20px; line-height: 26px; }
  .in-strength .text { font-size: 16px; }
  /*.in-strength .text:after { width: 80px; margin-left: 20px; }*/
  .font56 { font-size: 30px; }
  .in-title dt:after { margin: 30px 0; }
  .in-case { max-width: 1250px; margin: 0 auto; }
  .in-case-list li { padding: 0; }
  .in-case-list li a { height: 240px; padding-bottom: 32px; padding-right: 25px; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  .in-case-list li a:hover { background-color: rgba(25, 193, 242, 0.8); }
  .in-news { padding: 0 9.3%; }
  .side-pages { position: fixed; right: 2.5%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 50; }
  .side-pages span { position: relative; display: block; width: 25px; height: 25px; -webkit-border-radius: 0; border-radius: 0; background: none; opacity: 1; margin: 7px 0 !important; }
  .side-pages b { display: block; width: 25px; height: 25px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; color: #cdcdcd; font-size: 12px; line-height: 25px; }
  .side-pages i { display: none; color: #fff; font-family: Montserrat; }
  .side-pages .swiper-pagination-bullet-active.black i { color: #383635; }
  .side-pages .swiper-pagination-bullet-active b { color: #fff; /*background-color: #19c1f2;*/ }
  .side-pages .swiper-pagination-bullet-active i { position: absolute; top: -12px; right: 0; width: 104px; display: none; font-size: 15px; line-height: 20px; color: #fff; text-transform: uppercase; font-style: normal; padding-left: 6px; }
  .side-pages .swiper-pagination-bullet-active i:after { position: absolute; left: 0; bottom: 0; z-index: -1; content: ''; display: block; width: 100%; height: 9px; background-color: #19c1f2; } }

#page { text-align: center; padding-top: 30px; }

#page span, #page a { padding: 0; width: 26px; }

#page a span { margin: 0; }

@media (min-width: 1360px) { .in-case { padding: 0; margin: 0 0 0 9.4%; }
  .in-title { padding: 0; }
  .in-case-list { padding: 30px 0 0; }
  .font56 { font-size: 56px; letter-spacing: -2px; }
  .in-news-wrap .date { padding-top: 25px; padding-bottom: 15px; } }

@media (min-width: 1600px) { .in-news { padding: 0 0.5%; }
  .in-contact { max-width: 1560px; 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%); padding: 0; }
  .in-contact-text { padding-top: 40px; }
  .in-contact-map { padding-left: 0; }
  .in-contact-btn { margin-top: 22px; }
  .in-contact-box { padding-top: 30px; }
  .in-contact-box h2 { padding-bottom: 30px; }
  .in-contact-code { padding-top: 45px; }
  .in-contact-code h4 { padding-bottom: 15px; } }

@media (min-width: 1900px) { .font150 { font-size: 150px; line-height: 180px; }
  .in-strength { padding: 0 7%; }
  .in-strength .desc { text-align: left; }
  .in-strength .text { padding-left: 8px; text-align: left;}
  .in-strength .word { margin-left: 30px; line-height: 26px; vertical-align: 42px; padding-bottom: 15px; min-height: 90px; float: right;}
  /*.in-strength li .disinblock { text-align: left; }*/
  .in-strength li .num { letter-spacing: -6px; }
  /*.in-strength li:nth-child(2) { padding-left: 50px; }*/
  .in-strength li:nth-child(2) .word { margin-left: 30px; vertical-align: 23px; }
  .in-strength li:nth-child(3) .text { padding-left: 15px; }
  .in-strength li:nth-child(3) .text:after { width: 150px; }
  .in-strength li:nth-child(3) .word { margin-left: 10px; }
  /*.in-strength li:nth-child(4) { padding-left: 40px; }*/
  .in-strength li:nth-child(4) .text:after { width: 140px; }
  .in-strength li:nth-child(4) .word { margin-left: 10px; }
  .in-news-hd { margin-top: 45px; }
  .inFooter { bottom: 25px; }
  .inFooter-left .lg-disinblock { display: inline-block; }
  .inFooter-left span { padding-right: 35px; }
  .inFooter-code { padding-right: 35px; } }

.full-main-nav { z-index: -1; opacity: 0; position: fixed; }

@media (min-width: 1024px) { .full-main-nav { position: fixed; left: 0; top: 0; z-index: -1; opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; width: 100%; height: 100%; padding-top: 13.02083%; background-color: #fff; }
  .full-main-nav .full-navbg { position: relative; z-index: 3; padding-left: 9.375%; height: 100%; background: url(../images/img106.jpg) no-repeat center; -o-background-size: cover; background-size: cover; overflow: hidden; }
  .full-main-nav .full-navbg::before { content: ''; position: absolute; left: 50%; top: 0; z-index: 2; width: 81.25%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-width: none; height: 100%; background-repeat: repeat-y; background-position: center 0; -o-background-size: 100% auto; background-size: 100% auto; /*background-image: url(../images/linebg.png);*/ }
  .full-main-nav::before { content: ''; position: absolute; left: 50%; top: 0; z-index: 2; width: 81.25%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-width: none; height: 100%; background-repeat: repeat-y; background-position: center 0; -o-background-size: 100% auto; background-size: 100% auto; /*background-image: url(../images/linebg02.png);*/ }
  .full-main-nav .nav-swiper { position: relative; z-index: 3; height: 100%; overflow: visible; }
  .full-main-nav .nav-swiper .swiper-slide { width: 17.93103%; color: #fff; padding-left: 30px; }
  .full-main-nav .nav-swiper .swiper-slide a { color: #fff; opacity: 0.5; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }
  .full-main-nav .nav-swiper .swiper-slide:hover { background-color: rgba(0, 140, 214, 0.8); }
  .full-main-nav .nav-swiper .swiper-slide:hover a { opacity: 1; }
  .full-main-nav .nav-swiper .swiper-slide:hover .id, .full-main-nav .nav-swiper .swiper-slide:hover .title, .full-main-nav .nav-swiper .swiper-slide:hover .subnav { opacity: 1; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); }
  .full-main-nav .nav-swiper .swiper-slide:hover .title { width: 100%; }
  .full-main-nav .nav-swiper .swiper-slide:hover .title::before { display: none; }
  .full-main-nav.active { z-index: 99; opacity: 1; }
  .full-main-nav.active li { top: 0; opacity: 1; }
  .full-main-nav li { position: relative; position: relative; top: -40px; opacity: 0; -webkit-transition-duration: 0.5s, 0.5s, 0.5s; -moz-transition-duration: 0.5s, 0.5s, 0.5s; -o-transition-duration: 0.5s, 0.5s, 0.5s; transition-duration: 0.5s, 0.5s, 0.5s; -webkit-transition-property: opacity, top; -o-transition-property: opacity, top; -moz-transition-property: opacity, top; transition-property: opacity, top; }
  .full-main-nav li:nth-child(1) { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
  .full-main-nav li:nth-child(2) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
  .full-main-nav li:nth-child(3) { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
  .full-main-nav li:nth-child(4) { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
  .full-main-nav li:nth-child(5) { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
  .full-main-nav li:nth-child(6) { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; }
  .full-main-nav li .id { -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; position: absolute; left: 20px; top: 70px; font-size: 56px; line-height: 56px; color: #fff; font-family: Montserrat; }
  .full-main-nav li .channel { position: absolute; left: 0; top: 63.30935%; padding-left: 30px; }
  .full-main-nav li .title { -webkit-transition: -webkit-transform ease .3s; transition: -webkit-transform ease .3s; -o-transition: -o-transform ease .3s; -moz-transition: transform ease .3s, -moz-transform ease .3s; transition: transform ease .3s; transition: transform ease .3s, -webkit-transform ease .3s, -moz-transform ease .3s, -o-transform ease .3s; margin-bottom: 18px; font-size: 30px; line-height: 38px; color: #fff; width: 1em; }
  .full-main-nav li .title::before { content: ''; display: block; margin-bottom: 25px; width: 2px; width: 3px; height: 36px; background-color: #008cd6; }
  .full-main-nav li .subnav { opacity: 0; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; font-size: 14px; line-height: 28px; height: 168px; } }

@media (min-width: 760px) { 
	.in-institution { width: 50%; float: left; font-size: 0; }
  .in-institution ul { width: auto; overflow: hidden;}
  .in-institution .thumb { width: 0; float: left; overflow: hidden; }
  /*.in-institution .thumb img { width: auto; height: 300px; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }*/
  .in-institution .btn { float: left; width: 60px; height: 300px; display: block; position: relative; overflow: hidden; min-width: 0; border-right: 1px solid rgba(255, 255, 255, 0.3); }
  .in-institution .btn span { width: 100%; display: block; position: absolute; bottom: 20px; left: 0; font-size: 16px; }
  .in-institution .tit { font-size: 16px; }
  .in-institution li { float: left; padding: 0; font-size: 0; width: 60px; -webkit-transition: .5s ease width; -o-transition: .5s ease width; -moz-transition: .5s ease width; transition: .5s ease width; }
  .in-institution li .thumb { width: 0; -webkit-transition: .5s ease width; -o-transition: .5s ease width; -moz-transition: .5s ease width; transition: .5s ease width; position: relative; }
  .in-institution .desc { white-space: normal; }
  .in-institution .btn span { color: #83929c; }
  .in-institution .on { width: 390px; }
  .in-institution .on .thumb { width: 330px; }
  .in-institution .on .btn { background: #304656 url(../images/icon23.png) center 45% no-repeat; -o-background-size: 20px; background-size: 20px; }
  .in-institution .on .btn span { color: #fff; }
  .in-institution:last-child { padding-left: 45px; }
  .positionwrap .in-title { padding-left: 0; } }

@media (min-width: 1580px) { .in-institution-container .in-title dt:after { margin-top: 20px; }
  .positionwrap { padding: 0; }
  .in-institution-box { padding-top: 50px; }
  .in-institution-container { max-width: 1560px; margin: 0 auto; 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%); }
  .in-institution:last-child { padding-left: 15px; }
  .in-institution .in-institution-cont { padding: 0 20px; }
  .in-institution .in-institution-cont .desc { display: -webkit-box; }
  .in-institution .tit { font-size: 20px; }
  .in-institution .thumb img { height: 379px; }
  .in-institution .btn { width: 80px; height: 379px; }
  .in-institution .btn span { font-size: 16px; }
  .in-institution li { width: 80px; }
  .in-institution .on { width: 535px; }
  .in-institution .on .thumb { width: 455px; }
  .in-institution .on .btn { -o-background-size: auto; background-size: auto; } }

@media (min-width: 1880px) { .in-institution:last-child { padding-left: 46px; }
  /*.in-institution:last-child li { width: 120px; } .in-institution:last-child .btn { width: 120px; } .in-institution:last-child .on { width: 624px; } .in-institution:last-child .on .thumb { width: 504px; }*/
  .in-institution .thumb img { height: 420px; }
  .in-institution .btn { height: 420px; }
  .in-institution .on { width: 504px; }
  .in-institution .on .thumb { width: 424px; }
  .in-institution .tit { margin-bottom: 15px; }
  .in-institution .in-institution-cont { padding: 0 30px 10px; } }

#menu { position: fixed; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none; }

#menu a { width: 28px; height: 28px; display: block; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; text-align: center; line-height: 28px; color: #cdcdcd; position: relative; font-size: 15px; margin: 8px 0; }

#menu a:after { content: attr(data); width: 105px; border-bottom: 10px solid #19c1f2; position: absolute; right: 0; bottom: 22px; text-align: left; line-height: 0; color: #383635; display: none; padding-left: 5px; }

#menu .white { color: #fff; }

#menu .white:after { color: #fff; }

#menu .active a { color: #fff; background-color: #19c1f2; }

#menu .active a:after { display: block; }

#menu li a:hover { color: #fff; background-color: #19c1f2; }

#menu li a:hover:after { display: block; }

@media (min-width: 1024px) { #menu { display: block; } }

.subbanner { position: relative; }

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

.subbanner-text { width: 100%; max-width: 1200px; position: absolute; left: 50%; top: 50%; padding: 0 20px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.subbanner-text .entit { font-size: 18px; padding-bottom: 5px; color: #fff; opacity: 1; font-family: "microsoft yahei"; }

.subbanner-text .cntit { font-size: 16px; line-height: 18px; color: #19c1f2; }

@media (min-width: 1024px) { .subbanner img { height: 160px; }
  .subbanner-text { line-height: 30px; }
  .subbanner-text .entit { font-size: 26px; padding-bottom: 8px; }
  .subbanner-text .cntit { font-size: 24px; } }

@media (min-width: 1280px) { .subbanner-text { padding: 0; } }

.column { background-color: #f2f2f2; }

.column ul { display: none; }

.column ul a { display: block; width: 100%; font-size: 15px; padding: 10px 0; text-align: center; line-height: 20px; color: #666; position: relative; }

.column ul .on { background-color: #19c1f2; color: #fff; }

.column-btn { padding: 15px; color: #666; font-size: 16px; cursor: pointer; }

.column-btn a:after { display: inline-block; content: ""; width: 12px; height: 12px; border-left: 1px solid #333333; border-bottom: 1px solid #333333; margin: 0 0 3px 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

@media (min-width: 768px) { .column { background-color: #fff; border-bottom: 1px solid #dddddd; }
  .column ul { text-align: center; }
  .column ul li { padding-right: 12px; vertical-align: top; }
  .column ul a { position: relative; line-height: 70px; padding: 0; }
  .column ul a:after { content: ''; display: block; width: 100%; height: 2px; background-color: #19c1f2; position: absolute; bottom: -1px; left: 0; z-index: 1; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }
  .column ul .on { background-color: #fff; color: #19c1f2; }
  .column ul .on:after { opacity: 1; } }

@media (min-width: 1024px) { .column ul { text-align: left; width: 80%;}
  .column ul a:hover { color: #19c1f2; }
  .column ul a:hover:after { opacity: 1; }
  .column-thumb { line-height: 70px; color: #888888; }
  .column-thumb a { color: #888888; }
  .column-thumb a:hover { color: #19c1f2; }
  .column-thumb i { display: inline-block; padding: 0 2px; }
  .column-thumb span { color: #19c1f2; }
  .column-thumb .home { padding-left: 23px; background: url(../images/home.png) left center no-repeat; } }

.container { padding: 30px 0; }

.m-title { font-size: 20px; text-transform: uppercase; text-align: center; color: #868686; letter-spacing: 3px; }

.m-title:after { content: ''; display: block; width: 60px; height: 2px; margin: 15px auto 0; background-color: #19c1f2; }

.single { padding-top: 30px; }

.font16 { font-size: 14px; }

.font18, .font20 { font-size: 16px; }

.font22, .font24, .font28 { font-size: 18px; }

.font32, .font38 { font-size: 20px; }

.font60 { font-size: 30px; }

.ovhid { overflow: hidden; }

.ac { color: #19c1f2; }

.unline { text-decoration: underline; }

@media (min-width: 768px) { .m-title { font-size: 24px; }
  .font28, .font24 { font-size: 22px; }
  .font32, .font38 { font-size: 24px; }
  .font16 { font-size: 16px; }
  .font18, .font22, .font20 { font-size: 18px; }
  .font60 { font-size: 40px; } }

@media (min-width: 1024px) { .container { padding: 50px 0; }
  .single { padding-top: 65px; }
  .font22, .font20 { font-size: 18px; }
  .font24 { font-size: 24px; }
  .font28 { font-size: 28px; }
  .font60 { font-size: 50px; } }

@media (min-width: 1200px) { .m-title { font-size: 30px; }
  .m-title:after { margin-top: 22px; }
  .font22 { font-size: 22px; }
  .font32 { font-size: 32px; }
  .font38 { font-size: 38px; }
  .font60 { font-size: 60px; } }

.solution-container { padding-bottom: 5px; }

.solution-list li { padding-bottom: 10px; }

.solution-list li a { position: relative; display: block; }

.solution-list li 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: 200px; }

.solution-list li h3 { padding-bottom: 15px; font-weight: bold; }

.solution-list .more { margin-top: 15px; display: block; }

.solution-list-thumb { width: 100%; 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%); padding: 0 20px; }

@media (min-width: 768px) { .solution-list li img { height: 250px; }
  /*.solution-list li:nth-child(2n) .sm-fr { color: #333; }*/
  /*.solution-list .sm-fr { width: 55%; }*/ 
  }

@media (min-width: 1024px) { .solution-list img { -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; }
  .solution-list a:hover img { -webkit-transform: translateX(-50%) scale(1.03, 1.03); -moz-transform: translateX(-50%) scale(1.03, 1.03); -ms-transform: translateX(-50%) scale(1.03, 1.03); -o-transform: translateX(-50%) scale(1.03, 1.03); transform: translateX(-50%) scale(1.03, 1.03); } }

@media (min-width: 1200px) { .solution-list li img { height: 420px; }
  .solution-list li h3 { padding-bottom: 25px; }
  /*.solution-list .sm-fr { width: 48%; }*/
  /*.solution-list .more { padding-top: 32px; }*/
  }

.product-bigImg img { max-width: 100%; display: block; margin: 0 auto; border: 1px solid #c0c7d2; }

.product-bigImg-dot { text-align: center; padding: 10px 0 20px; }

.detail-content { padding: 25px 0 30px; }

.detail-content h3 { padding: 30px 0; color: #1a1a1a; }

.detail-content img { max-width: 100%; display: block; margin: 0 auto; }

.iconlist { font-size: 16px; }

.iconlist li { padding-bottom: 25px; }

.iconlist img { display: block; max-width: 100%; margin: 0 auto 10px; }

.product-desc { padding: 15px 0; margin-top: 15px; border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; }

.product-switch { max-width: 1110px; margin: 0 auto; padding-top: 52px; }

.product-switch a { width: 25%; display: block; float: left; text-align: center; color: #666; font-size: 16px; line-height: 60px; background-color: #ededed; position: relative; }

.product-switch a:after { content: ''; display: block; width: 1px; height: 17px; background-color: #ccc; position: absolute; right: 0; top: 23px; }

.product-switch a:nth-child(4n):after { display: none; }

.detail-img01 { position: relative; margin-top: 10px; }

.detail-img01 img { max-width: 100%; display: block; }

.detail-img01 .tit { width: 100%; display: block; line-height: 40px; background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; z-index: 1; font-size: 14px; }

.detail-content .bod { border: 1px solid #ddd; }

.detail-content .changepad { padding-bottom: 15px; }

.detail-list01 { padding-top: 30px; }

.detail-list01 li { margin-bottom: 30px; }

.detail-list01 .thumb { border: 1px solid #dcdce5; border-top: none; padding: 20px 15px; color: #888; }

.detail-list01 h4 { padding-bottom: 5px; }

.iconlist02 { background-repeat: no-repeat; -o-background-size: cover; background-size: cover; background-position: center center; padding: 30px 30px 10px; }

.iconlist02 dl { padding-bottom: 20px; }

.iconlist02 dl img { height: 70px; }

.iconlist02 dl h4 { padding-bottom: 5px; }

.iconlist02 dl dt { padding-right: 20px; }

.iconlist02 dl dt, .iconlist02 dl dd { display: inline-block; vertical-align: middle; }

.iconlist02 dl dd p { opacity: 0.6; }

.detail-text { padding: 30px 15px 0; }

.detail-img02 li { padding: 0 5px 10px; }

.detail-img02 .thumb { width: 100%; height: 94px; border: 1px solid #ddd; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.detail-img03 li { padding-bottom: 20px; }

.detail-img03 img { width: 100%; margin-bottom: 10px; }

@media (min-width: 768px) { .iconlist img { margin-bottom: 15px; }
  .detail-img01 .tit { line-height: 60px; font-size: 18px; }
  .detail-img01 { margin-bottom: 40px; margin-top: 20px; }
  .detail-list01 { margin: 0 -3px; }
  .detail-list01 li { padding: 0 3px; }
  .iconlist02 { padding: 50px 50px 0; }
  .iconlist02 dl { padding-bottom: 50px; }
  .detail-text { padding: 40px 25px 0; }
  .detail-img03 ul { margin: 0 -3px; }
  .detail-img03 li { padding: 0 3px 20px; }
  .detail-img03 p { padding: 0 25px 25px; } }

@media (min-width: 1024px) { .product-switch .on, .product-switch a:hover { background-color: #19c1f2; color: #fff; }
  .product-switch .on:after, .product-switch a:hover:after { background-color: #19c1f2; }
  .solution-detail-container { padding-top: 60px; }
  .product-wrap { padding: 0 45px; }
  .product-textcont { min-height: 285px; }
  .product-text { width: 420px; padding: 18px 0 0; }
  .product-text h1 { line-height: normal; }
  .product-img { width: 480px; margin-right: 30px; padding-left: 0; }
  .product-img .pc-img { border: 1px solid #dbdbdb; }
  .product-desc { margin-top: 30px; padding: 15px 0; line-height: 24px; }
  .product-smallImg { margin-top: 55px; width: 318px; margin-left: 40px; position: relative; }
  .product-smallImg li { overflow: hidden; }
  .product-smallImg a { width: 25px; height: 100%; position: absolute; display: block; top: 0; z-index: 40; }
  .product-smallImg a:after { content: ''; display: block; width: 20px; height: 20px; -webkit-transition: .2s; -o-transition: .2s; -moz-transition: .2s; transition: .2s; }
  .product-smallImg a:hover:after { border-color: #0098e7; }
  .product-smallImg img { width: 100px; height: 100px; display: block; margin: 0 auto; border: 1px solid #dadada; }
  .product-smallImg .swiper-slide-active img { border-color: #007AFF; }
  .product-smallImg-prev { left: -43px; }
  .product-smallImg-prev:after { border-left: 3px solid #666; border-bottom: 3px solid #666; top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin: 35px 0 0 5px; }
  .product-smallImg-next { right: -43px; }
  .product-smallImg-next:after { border-right: 3px solid #666; border-top: 3px solid #666; top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin: 35px 0 0 0; }
  .iconlist { padding-top: 40px; }
  .iconlist img { margin-bottom: 15px; }
  .iconlist.iconpad { padding-bottom: 45px; }
  .iconlist.iconpad img { margin-bottom: 30px; }
  .detail-img01 .tit { line-height: 80px; font-size: 20px; }
  .detail-img01 { margin-bottom: 45px; }
  .detail-content .changepad { padding-top: 40px; padding-bottom: 28px; }
  .detail-list01 { padding-top: 50px; }
  .detail-list01 .thumb { padding: 30px 20px 25px; }
  .iconlist02 { padding: 100px 15% 20px; }
  .iconlist02 dl { padding-bottom: 80px; }
  .detail-text { padding: 65px 35px 25px; }
  .detail-img02 { padding: 25px 40px; }
  .detail-img02 li { padding-bottom: 35px; }
  .detail-img03 { padding-top: 25px; }
  .detail-img03 li { padding-bottom: 0; } }

@media (min-width: 1200px) { .solution-detail-container { padding-top: 85px; }
  .product-text { width: 490px; }
  .product-smallImg { width: 380px; }
  .product-textcont { min-height: 280px; }
  .product-text h1 { font-weight: bold; }
  .detail-img01 .tit { line-height: 100px; } }

@media (min-width: 1280px) { .product-text { width: 570px; }
  .product-img { margin-right: 60px; }
  .product-smallImg { width: 487px; }
  .iconlist02 { padding: 180px 6% 100px 16%; margin-top: 5px; } }

.more-btn { display: block; line-height: 50px; text-align: center; color: #fff; background-color: #19c1f2; font-size: 16px; }

.newslist407 { padding-top: 30px; }

.newslist407 dl { margin-bottom: 30px; color: #666666; padding-bottom: 30px; border-bottom: 1px solid #cccccc; }

.newslist407 dt { overflow: hidden; padding: 0; }

.newslist407 dt img { display: block; width: 100%; margin: 0 auto; -webkit-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.newslist407 dl:hover dt img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }

.newslist407 dl:hover a.newsmore407,.pagen a:hover,.pagen a.on { background-color: #19c1f2; color: #ffffff; border: 1px solid #19c1f2; }
.pagen a { display: inline-block; width: 32px; height: 32px; border: 1px solid #b3b3b3; text-align: center; line-height: 30px; font-size: 13px; color: #666666; background-color: #ffffff; }
.pagen a.pre,.pagen a.next{width: 80px;}
.newslist407 dd h4 { font-size: 16px; margin-top: 15px; }

.newslist407 dd h4 a { display: block; height: 24px; overflow: hidden; color: #595959; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.newslist407 dd p { display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 20px; color: #a1a1a1; }

.newsmore407 { display: inline-block; width: 97px; height: 36px; border: 1px solid #b3b3b3; text-align: center; line-height: 34px; font-size: 13px; color: #666666; background-color: #ffffff; }

.newsdate407 { display: block; margin: 10px 0; font-family: Arial; font-size: 18px; color: #19c1f2; }

@media (min-width: 768px) { .newslist407 { padding-bottom: 20px; padding-top: 50px; }
  .newslist407 dl { margin-top: 0; padding-bottom: 48px; margin-bottom: 40px; }
  .newslist407 dt { float: right; text-align: right; }
  .newslist407 dt a { display: inline-block; overflow: hidden; vertical-align: top; }
  .newslist407 dt img { width: 375px; height: 211px; }
  .newslist407 dd { padding: 0 20px 0 0; }
  .newslist407 dd h4 { font-size: 18px; margin: 0; }
  .newslist407 dd p { margin-bottom: 35px; }
  .newsdate407 { font-size: 20px; padding-top: 3px; } }

@media (min-width: 1024px) { .newslist407 { padding-top: 80px; }
  .container.padnone { padding-bottom: 0; } }

.news-wrap { margin-top: 30px; }

.news-list .name { font-size: 16px; color: #595959; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; }

.news-list .date { display: block; color: #19c1f2; font-size: 18px; font-family: "Montserrat"; }

.news-list .text { font-size: 12px; display: -webkit-box; height: 54px; line-height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #737373; margin: 5px 0; }

.news-list .remmo-new { background: -webkit-gradient(linear, left top, right top, from(#f4f6f9), to(#fff)); background: -webkit-linear-gradient(left, #f4f6f9, #fff); background: -moz- oldlinear-gradient(left, #f4f6f9, #fff); background: -o-linear-gradient(left, #f4f6f9, #fff); background: linear-gradient(to right, #f4f6f9, #fff); }

.news-list .remmo-new dt img { display: block; width: 100%; }

.news-list .remmo-new dd { padding: 15px; }

.news-list .momend-new li { border-bottom: 1px dashed #e7e7e7; padding: 12px 0; }

.news-list .momend-new li:last-child { border: 0; }

.news-list .momend-new a { display: block; }

.news-list .momend-new .name { padding: 0 110px 0 0; position: relative; }

.news-list .momend-new .date { 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%); right: 0; }

@media (min-width: 1024px) { .news-wrap { margin-top: 60px; background-color: #f4f4f4; }
  .news-list { padding: 0 0 14px; }
  .news-list .name { font-size: 18px; }
  .news-list .date { font-size: 20px; }
  .news-list .text { margin: 12px 0; }
  .news-list .remmo-new: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); }
  .news-list .remmo-new dt { overflow: hidden; float: left; width: 39.8%; margin: 0 20px 0 0; }
  .news-list .remmo-new dt img { -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; }
  .news-list .remmo-new dd { padding: 17px 0 0 0; }
  .news-list .remmo-new:hover .name { color: #19c1f2; }
  .news-list .momend-new li { -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; padding: 27px 0; }
  .news-list .momend-new li:hover { border-bottom-color: #19c1f2; }
  .news-list .momend-new li:hover .name { color: #19c1f2; }
  .news-list .momend-new li .text { height: 36px; margin: 12px 0 0 0; }
  .news-list .momend-new li:last-child { padding-bottom: 21px; }
  .commonwebleft { float: left; width: 66.97248%; padding: 0 2.7% 80px 0; background-color: #ffffff; }
  .commonwenright { float: right; width: 33.02752%; margin: 0; padding: 0 28px 100px 26px; background-color: #f4f4f4; } }

@media (min-width: 1199px) { .news-list .remmo-new .name { display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; } }

.Preview-main { padding: 20px 0 0; }

.Preview-main .pevname { font-size: 16px; line-height: 20px; }

.Preview-main .fu-name { font-size: 16px; text-transform: uppercase; color: #737373; }

.Preview-main .prev-list { padding: 10px 0 0 0; }

.Preview-main .prev-list li { margin: 0 0 15px 0; }

.Preview-main .prev-list li:last-child { margin-bottom: 0; }

.Preview-main .prev-list img { display: block; width: 100%; }

.Preview-main .prev-list .pevtxt { padding: 10px 0; }

.Preview-main .prev-list .pevtxt h4 { color: #444444; font-size: 15px; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin: 5px 0; }

.Preview-main .prev-list .pevtxt p { color: #838288; display: -webkit-box; height: 72px; line-height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; opacity: .6; }

@media (min-width: 1024px) { .Preview-main { padding: 38px 0; }
  .Preview-main .fu-name { font-size: 18px; }
  .Preview-main .prev-list { padding: 15px 0 0 0; }
  .Preview-main .prev-list li { margin: 0 0 27px 0; }
  .Preview-main .prev-list 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); }
  .Preview-main .prev-list li p.img { overflow: hidden; }
  .Preview-main .prev-list li p.img img { transition: -webkit-transform ease 0.7s; -webkit-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; }
  .Preview-main .prev-list li:hover .pevtxt h4 { color: #19c1f2; }
  .Preview-main .prev-list .pevtxt h4 { font-size: 17px; margin: 5px 0 15px 0; } }

.downloadcont03 { padding: 30px 0 0; color: #333333; }

.downloadlist03 dl { font-size: 16px; position: relative; margin-bottom: 22px; -webkit-transition: .2s; -o-transition: .2s; -moz-transition: .2s; transition: .2s; }

.downloadlist03 dl dd { padding: 10px 120px 10px 18px; border: 1px solid #e6e6e6; position: relative; }

.downloadlist03 dl dd span { display: block; }

.downloadlist03 dl dd em { display: inline-block; color: #888; font-size: 14px; margin: 8px 0 0; font-style: normal; }

.downloadlist03 dl dd a { color: #666; width: 60px; height: 100%; -o-background-size: 20px; background-size: 20px; }

.pcdownload03 { display: block; content: ""; background: #f2f2f2 url(../images/nicon03.png) center no-repeat; position: absolute; right: 0; top: 0; }

.pcdowncheck { display: block; background: #f2f2f2 url(../images/nicon01.png) center no-repeat; position: absolute; right: 61px; top: 0; }

.phdownload03 { display: block; font-size: 14px; padding-left: 25px; background: url(../images/xz06.png) left 0 no-repeat; }

.downloadlist03 { padding: 0; }

@media (min-width: 992px) { .phdownload03 { display: none; }
  .downloadlist03 dl dd { padding: 28px 270px 28px 36px; }
  .downloadlist03 dl dd span { float: left; width: 60%; }
  .downloadlist03 dl dd em { float: right; font-size: 16px; margin: 0; }
  .downloadlist03 dl dd a { width: 90px; height: 100%; }
  .pcdowncheck { right: 91px; }
  .downloadlist03 dl:hover dd { border: 1px solid #19c1f2; background-color: #19c1f2; color: #ffffff; }
  .downloadlist03 dl:hover a { color: #ffffff; }
  .downloadlist03 dl:hover dd em { color: #ffffff; }
  .downloadlist03 dl:hover .pcdownload03 { background: #19c1f2 url(../images/nicon04.png) center no-repeat; }
  .downloadlist03 dl:hover .pcdowncheck { background: #19c1f2 url(../images/nicon02.png) center no-repeat; }
  .downloadlist03 dl .pcdownload03:hover, .downloadlist03 dl .pcdowncheck:hover { background-color: #19c1f2; }
  .downloadcont03 { padding-top: 70px; }
  .downloadlist03 { padding-bottom: 20px; } }

.detailtitle11 h2 { font-size: 18px; line-height: 26px; color: #333333; margin-bottom: 10px; }

.detaildate11 { font-size: 16px; color: #8e8e8e; font-family: Arial; }

.detailtext11 { padding: 20px 0; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; margin-top: 20px; font-size: 16px; line-height: 32px; color: #888888; text-align: justify;}

.detailtext11 img { display: block; max-width: 100%; width: auto !important; height: auto !important; margin: 17px auto; }

.detailpage11 { padding-top: 20px; color: #666666; line-height: 28px; }

.detailpage11 dd a { color: #666666; }

.detailback11 { display: block; width: 144px; height: 49px; background-color: #19c1f2; color: #ffffff; text-align: center; line-height: 49px; margin: 20px auto 0; }

.detailback11:hover { color: #ffffff; }

.Share11 { display: none; position: absolute; left: 0px; top: 710px; width: 73px; z-index: 999; padding-top: 38px; }

#newsshare a { display: block; width: 50px; height: 50px; margin: 0 0 1px 0; float: none; -o-background-size: cover; background-size: cover; }

.weibolink { background-image: url(../images/news11xw02.jpg) !important; }

.qqlink { background-image: url(../images/news11xw04.jpg) !important; }

.weixinlink { background-image: url(../images/news11xw05.jpg) !important; }

.weibolink:hover { background-image: url(../images/news11xw08.jpg) !important; }

.qqlink:hover { background-image: url(../images/news11xw10.jpg) !important; }

.weixinlink:hover { background-image: url(../images/news11xw11.jpg) !important; }

@media (min-width: 768px) { .detailtext11 { padding: 50px 12%; min-height: 320px; }
  .Share11 { display: block; }
  .detailpage11 { padding-top: 40px; } }

@media (min-width: 992px) { .detailtitle11 { padding-right: 133px; }
  .detailtitle11 h2 { font-size: 24px; line-height: 26px; }
  .detaildate11 { font-size: 13px; }
  .detailpage11 dd { float: left; }
  .detailpage11 dt { float: right; }
  .detaildate11 { padding-top: 13px; }
  .detailback11 { margin: 0; } }

@media (min-width: 1024px) { #newsshare a { width: 73px; height: 73px; }
  .container.newspad { padding-top: 70px; padding-bottom: 47px; }
  .detailtext11 { margin-top: 37px; padding: 25px 12px 55px; }
  .detailpage11 { padding-bottom: 30px; }
  .detailpage11 a:hover { color: #19c1f2; }
  .detailpage11 .detailback11:hover { color: #fff; } }

.cooperation-top { color: #868686; padding-bottom: 25px; background: url(../images/icon13.png) left bottom repeat-x; }

.cooperation-top h4 { color: #202020; padding-bottom: 5px; }

.cooperation-top img { display: block; max-width: 100%; margin: 10px auto 0; }

.cooperation-top-text { padding-top: 18px; }

.cooperation-list li { margin-bottom: 20px; }

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

.cooperation-list .thumb { border: 1px solid #dcdce5; border-top: none; padding: 15px 20px; color: #888; }

.cooperation-list .thumb a { color: #888; display: inline-block; margin-top: 5px; }

.cooperation-list h4 { color: #202020; padding-bottom: 5px; }

@media (min-width: 768px) { .cooperation-list ul { margin: 0 -15px; }
  .cooperation-list li { padding: 0 15px; } }

@media (min-width: 1024px) { .cooperation-list .thumb { padding: 25px 30px; }
  .cooperation-list .thumb h4 { padding-bottom: 10px; }
  .cooperation-list .thumb a { margin-top: 25px; }
  .cooperation-list img { -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; }
  .cooperation-list li:hover .thumb { background-color: #19c1f2; color: #fff; }
  .cooperation-list li:hover h4 { color: #fff; }
  .cooperation-list li:hover a { color: #fff; }
  .cooperation-list 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); } }

@media (min-width: 1200px) { .cooperation-top { padding-bottom: 28px; }
  .cooperation-top h4 { padding-bottom: 10px; } }

.feedback { padding-bottom: 20px; }

.feedback-content .form { overflow: hidden; }

.feedback-content label { display: block; margin-bottom: 10px; }

.feedback-content label input { display: block; width: 100%; font-size: 14px; line-height: 18px; color: #333; padding: 12px 20px; border: 1px solid #edeae8; background-position: 97.31544% center; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

.feedback-content label input::-webkit-input-placeholder { color: #b2b2b2; }

.feedback-content label input:-moz-placeholder { color: #b2b2b2; }

.feedback-content label input::-moz-placeholder { color: #b2b2b2; }

.feedback-content label input:-ms-input-placeholder { color: #b2b2b2; }

.feedback-content label input:focus { border-color: #19c1f2; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15); }

.feedback-content label .name { background-image: url("../images/inpt01.png"); }

.feedback-content label .name:focus { background-image: url("../images/inpt01ac.png"); }

.feedback-content label .tel { background-image: url("../images/inpt02.png"); }

.feedback-content label .tel:focus { background-image: url("../images/inpt02ac.png"); }

.feedback-content label .country { background-image: url("../images/inpt03.png"); }

.feedback-content label .country:focus { background-image: url("../images/inpt03ac.png"); }

.feedback-content label .company { background-image: url("../images/inputc.png"); }

.feedback-content label .company:focus { background-image: url("../images/inputcho.png"); }

.feedback-content label .mail { background-image: url("../images/inpt04.png"); }

.feedback-content label .mail:focus { background-image: url("../images/inpt04ac.png"); }

.feedback-content label textarea { display: block; width: 100%; height: 120px; padding: 14px 20px; border: 1px solid #edeae8; color: #333333; font-size: 14px; line-height: 24px; background-position: 97.31544% 14px; background-image: url("../images/inpt05.png"); -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

.feedback-content label textarea::-webkit-input-placeholder { color: #b2b2b2; }

.feedback-content label textarea:-moz-placeholder { color: #b2b2b2; }

.feedback-content label textarea::-moz-placeholder { color: #b2b2b2; }

.feedback-content label textarea:-ms-input-placeholder { color: #b2b2b2; }

.feedback-content label textarea:focus { border-color: #19c1f2; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15); background-image: url("../images/inpt05ac.png"); }

.feedback-content .form-ctrl { text-align: center; font-size: 0; }

.feedback-content .form-ctrl input { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; line-height: 18px; color: #fff; padding: 12px 55px; border: 0; }

.feedback-content .form-ctrl input[type="submit"] { float: left; margin-right: 5px; background-color: #19c1f2; }

.feedback-content .form-ctrl input[type="reset"] { float: left; background-color: #d7d7d7; cursor: pointer; }

.feedback-msg { padding-top: 15px; position: relative; }

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

.feedbackcode401 { width: 100%; height: 38px; background-color: #ffffff; position: relative; margin-bottom: 10px; }

.feedbackcode401 input { width: 100%; height: 36px; padding-left: 12px; border: 1px solid #dcdcdc; }

.feedbackcode401 input:focus { border-color: #19c1f2; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15); }

.feedbackcodeimg401 { display: block; position: absolute; top: 0px; right: 0; }

.feedbackcodeimg401 img { display: block; width: 83px; height: 36px; }

.u-sup-title { padding-bottom: 10px; }

.u-sup-title h3 { font-size: 20px; color: #19c1f2; }

.u-sup-title h2 { font-size: 16px; }

@media (min-width: 768px) { .contact-info { padding: 0 30px 0 0; }
  .contact-map { padding: 0; }
  .u-sup-title { padding-bottom: 15px; }
  .u-sup-title h3 { font-size: 24px; padding-bottom: 5px; }
  .u-sup-title h2 { font-size: 18px; } }

@media (min-width: 1024px) { .contact-info h3 { font-size: 18px; padding-bottom: 18px; }
  .contact-qrcode { font-size: 18px; padding-top: 38px; }
  .contact-qrcode img { margin-top: 18px; }
  .feedback { padding-top: 20px; padding-bottom: 50px; }
  .feedback .u-sup-title { padding-top: 25px; padding-bottom: 45px; }
  .feedback-content { position: relative; padding-right: 430px; }
  .feedback-content label input { padding: 17px 20px; }
  .feedback-content label textarea { height: 182px; }
  .feedback-content .row { margin: 0 -5px; }
  .feedback-content .row label { float: left; width: 50%; padding: 0 5px; }
  .feedback-content .row label input { background-position: 94.64789% center; }
  .feedback-content .pt { padding-top: 10px; margin-bottom: 20px; }
  .feedback-content .form-ctrl input { padding: 17px 82px; }
  .feedback-msg { position: absolute; right: 0; top: 0; width: 411px; padding-top: 0; }
  .feedbackcode401 { width: 217px; margin-bottom: 20px; }
  .u-sup-title { padding-bottom: 25px; }
  .u-sup-title h3 { font-size: 30px; padding-bottom: 9px; }
  .u-sup-title h2 { font-size: 20px; } }

.idea { color: #868686; }

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

.idea .bod { border: 1px solid #f2f4f5; }

.idea .pad8 { padding: 8px 0; }

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

.introductionD-image .text { min-width: 200px; padding: 30px 15px; text-align: right; background: url(../images/img48.jpg) top center no-repeat; }

.introductionD-image h3 { color: #fff; /* {"title": "图文长标题颜色","type":"color","name": "@cllongtitcolor","value": "#fff"}*/ text-transform: uppercase; font-size: 20px; font-family: "DIN"; }

.introductionD-image h4 { color: #fff; color: #ffffff; /* {"title": "图文短标题颜色","type":"color","name": "@clshorttitcolor","value": "#ffffff"}*/ text-transform: uppercase; font-size: 16px; overflow: hidden; }

.introductionD-image h4 span { display: block; }

.introductionD-image h4:after { content: ''; display: block; width: 60px; height: 1px; background-color: #fff; background-color: #ffffff; /* {"title": "图文短标题横线","type":"color","name": "@bgclongtitline","value": "#ffffff"}*/ float: right; margin: 10px 0; }

.introductionD-image p { color: #fff; /* {"title": "图文内容颜色","type":"color","name": "@clcontcolor","value": "#fff"}*/ font-size: 18px; line-height: 30px; }

.partner h2 { color: #202020; }

.partner li { margin-bottom: 20px; padding: 0 3px; }

.partner h2 { padding-bottom: 25px; }

.partner img { display: block; max-width: 100%; max-height: 100%; margin: 0 auto; }

.partner .thumb { border: 1px solid #e2e2e2; height: 80px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.idea-num { padding: 30px 0 10px; color: #666; }

.idea-num li { padding-bottom: 30px; }

@media (min-width: 768px) { .introductionD-image { width: 100%; display: table; }
  .introductionD-image .discell { display: table-cell; vertical-align: middle; }
  .partner { padding-left: 30px; padding-right: 30px; }
  .partner h2 { padding-bottom: 35px; }
  .partner li { width: 20%; } }

@media (min-width: 992px) { .introductionD-image .text { width: 365px; }
  .partner h2 { padding-bottom: 55px; }
  .idea-num { padding: 50px 0 20px; } }

@media (min-width: 1200px) { .introductionD-image .text { padding: 90px 20px 30px; vertical-align: top; }
  .introductionD-image h4 { font-size: 20px; padding-top: 2px; }
  .introductionD-image h4:after { margin-top: 25px; margin-bottom: 40px; }
  .introductionD-image p { font-size: 24px; line-height: 40px; letter-spacing: -1px; }
  .idea-num { padding: 70px 0 30px; }
  .partner { padding: 65px 60px 35px; } }

.cultrue-text { padding-bottom: 20px; }

.cultrue-text img { display: block; max-width: 100%; margin: 0 auto; }

.m-scroll { background-color: #19c1f2; position: relative; overflow: hidden; }

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

.m-scroll h4 { opacity: 0.5; }

.m-scroll h3 { padding-bottom: 10px; }

.m-scroll-text { padding: 20px 15px 25px; }

.m-dot { background-color: #fff; padding-top: 10px; }

.m-btn { display: none; }

.manual { color: #868686; }

.manual ul { padding-top: 25px; }

.manual li { line-height: 42px; }

.manual .thumb { border-bottom: 1px dashed #e5e5e5; padding: 10px 0; }

.manual span { float: left; width: 50%; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.manual a { line-height: 40px; border: 1px solid #e5e5e5; display: block; min-width: 110px; padding: 0 10px; float: right; text-align: center; color: #868686; }

.cultrue-list { padding-top: 10px; }

.cultrue-list ul { padding-bottom: 10px; }

.cultrue-list li { margin-bottom: 20px; }

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

.cultrue-list .text-content { border: 1px solid #dcdce5; padding: 15px; }

.cultrue-list h3 { color: #202020; padding-bottom: 10px; }

.cultrue-list .desc { display: -webkit-box; height: 40px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.activity h2:after { content: ''; display: block; width: 1px; height: 50px; background-color: #19c1f2; margin: 20px auto 10px; }

.activity .cultrue-list .text-content { border: none; }

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

.cultrue-padnone { padding-bottom: 0; }

@media (min-width: 768px) { .cultrue-list ul { margin: 0 -15px; padding-bottom: 0px; }
  .cultrue-list li { margin-bottom: 32px; padding: 0 16px; }
  .cultrue-list li .text-content { padding: 27px 70px 35px 30px; }
  .cultrue-list li h3 { padding-bottom: 20px; }
  .activity .cultrue-list li { margin-bottom: 10px; }
  .activity .cultrue-list .text-content { padding: 30px; }
  .activity .cultrue-list h3 { padding-bottom: 10px; }
  .activity-img img { width: 100%; height: auto; }
  .cultrue-list .more-btn { width: 180px; margin: 0 auto; } }

@media (min-width: 1024px) { .manual ul { margin: 0 -15px; }
  .manual li { width: 50%; float: left; padding: 0 15px; }
  .manual li a { -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
  .manual li:hover a { border-color: #19c1f2; color: #19c1f2; }
  .cultrue-text { padding-bottom: 40px; }
  .m-scroll-img { width: 50%; float: left; }
  .m-scroll.change .m-scroll-text { padding: 30px 120px 60px 30px; }
  .m-scroll-text { width: 50%; float: left; padding: 30px 120px 30px 30px; }
  .m-scroll-text h4 { padding-bottom: 5px; }
  .m-scroll-text h3 { padding-bottom: 20px; }
  .m-dot { display: none; }
  .m-btn { width: 100%; display: block; position: absolute; bottom: 0; left: 0; z-index: 30; font-size: 0; }
  .m-btn a { width: 40px; height: 40px; display: inline-block; background-color: #fff; vertical-align: top; position: relative; }
  .m-btn a:after { content: ''; display: block; width: 10px; height: 10px; border-left: 1px solid #333; border-bottom: 1px solid #333; position: absolute; left: 55%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
  .m-btn .m-next { background-color: #333; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
  .m-btn .m-next:after { border-color: #fff; }
  .cultrue-container { padding-bottom: 65px; }
  .cultrue-list { padding-top: 20px; }
  .cultrue-list ul { padding-bottom: 10px; }
  .cultrue-list img { -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; }
  .cultrue-list li:hover a { color: #19c1f2; }
  .cultrue-list 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); }
  .activity h2:after { height: 100px; margin-bottom: 10px; }
  .activity .cultrue-list .text-content { padding: 30px 40px; } }

@media (min-width: 1200px) { .cultrue-container { padding-bottom: 85px; }
  .cultrue-text { padding-bottom: 55px; }
  .cultrue-container { padding-top: 50px; }
  .manual { padding-top: 100px; }
  .manual ul { padding-top: 60px; margin: 0 -30px; }
  .manual li { padding: 0 30px; }
  .cultrue-list { padding-bottom: 10px; }
  .cultrue-list ul { padding-bottom: 40px; }
  .activity { padding-top: 85px; padding-bottom: 30px; } }

@media (min-width: 1280px) { .m-scroll.change .m-scroll-text { padding: 10px 15% 20px 70px; }
  .m-scroll-text { padding: 50px 11% 30px 70px; }
  .m-scroll-text h3 { padding-bottom: 30px; }
  .m-btn a { width: 50px; height: 50px; } }

@media (min-width: 1360px) { .m-btn a { width: 60px; height: 60px; } }

@media (min-width: 1600px) { .m-scroll.change .m-scroll-text { padding: 3.1% 10% 30px 70px; }
  .m-scroll-text { padding-right: 24%; padding-top: 130px; }
  .m-btn a { width: 80px; height: 80px; }
  .m-btn a:after { width: 13px; height: 13px; } }

@media (min-width: 1900px) { .m-scroll.change .m-scroll-text { padding: 5.1% 17% 60px 70px; } }

.introductionA-one { padding-top: 30px; padding-bottom: 20px; color: #666; /* {"title": "第一屏内容颜色","type":"color","name": "@clcontcolor","value": "#666"}*/ }

.introductionA-one h3 { color: #202020; /* {"title": "第一屏标题颜色","type":"color","name": "@cltitcolor","value": "#202020"}*/ font-size: 18px; padding-bottom: 10px; }

.introductionA-slide { padding-right: 40px; padding-bottom: 30px; position: relative; }

.introductionA-bd { overflow: hidden; padding-top: 20px; }

.introductionA-bd img { width: 100%; display: block; margin-bottom: 5px; }

.introductionA-hd { position: absolute; right: 0; bottom: 59px; z-index: 20; font-size: 0; white-space: nowrap; }

.introductionA-hd a { width: 40px; height: 40px; display: inline-block; vertical-align: top; position: relative; }

.introductionA-hd a:after { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 50%; top: 50%; }

.introductionA-prev { background-color: #FFFFFF; /* {"title": "左箭头背景","type":"color","name": "@bgcprevbg","value": "#FFFFFF"}*/ }

.introductionA-prev:after { border: 1px solid #666666; /* {"title": "左箭头颜色","type":"rgbcolor","name": "@bdrgbprevcolor","value": "#666666"}*/ border-right: none; border-top: none; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin: -6px 0 0 -3px; }

.introductionA-next { background-color: #333333; /* {"title": "右箭头背景","type":"color","name": "@bgcnextbg","value": "#333333"}*/ }

.introductionA-next:after { border: 1px solid #ffffff; /* {"title": "右箭头颜色","type":"rgbcolor","name": "@bdrgbnextcolor","value": "#ffffff"}*/ border-left: none; border-bottom: none; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin: -6px 0 0 -9px; }

.introductionA-dot { text-align: center; padding-top: 5px; position: absolute; width: 100%; }

.introductionA-dot span { width: 20px; height: 2px; opacity: 1; background-color: #c1c1c1; /* {"title": "滚动分页背景","type":"color","name": "@bgcpagebg","value": "#c1c1c1"}*/ -webkit-border-radius: 0; border-radius: 0; margin: 0 5px; }

.introductionA-dot span.swiper-pagination-bullet-active { background-color: #00a2e9; /* {"title": "滚动分页背景","type":"color","name": "@bgcnowbg","value": "#00a2e9"}*/ }

.introductionA-two { background-image: url("../images/img60.jpg"); /* {"title": "第二屏背景图","type":"image","name": "@imgtwobgimg","value": "url(../images/img60.jpg)"}*/ -o-background-size: cover; background-size: cover; padding: 30px 0; }

.introductionA-two img { margin: 0 auto; display: block; max-width: 100%; }

.introductionA-two h3 { color: #19c1f2; /* {"title": "第二屏标题","type":"color","name": "@cltwotitle","value": "#19c1f2"}*/ padding-bottom: 5px; opacity: 0.6; text-transform: uppercase; font-size: 16px; }

.introductionA-two .weight { color: #202020; /* {"title": "第二屏副标题","type":"color","name": "@cltwosmalltitle","value": "#202020"}*/ font-size: 18px; padding-bottom: 10px; }

.introductionA-two .text { padding-top: 20px; color: #535353; /* {"title": "第二屏文案","type":"color","name": "@cltwotext","value": "#535353"}*/ }

.introductionA-two .text-cont { opacity: 0.6; }

.introductionA-three img { max-width: 100%; display: block; }

.introductionA-three { margin-top: 30px; margin-bottom: 30px; }

/*.introductionA-three-img { border: 1px solid #e4e4e4; }*/
.introductionA-three-text { padding: 20px; background-color: #19c1f2; }

.introductionA-three-text dl { padding-bottom: 10px; }

.introductionA-three-text dt { text-transform: uppercase; opacity: 0.5; font-family: arial; letter-spacing: -1px; }

.introductionA-three-text .opacity { opacity: 0.8; }

@media (min-width: 768px) { .introductionA-one h3 { font-size: 20px; }
  .introductionA-two .text { padding-top: 0; }
  .sm-tablecell { width: 100%; display: table; }
  .sm-tablecell { width: 50%; display: table-cell; padding: 0 10px; vertical-align: middle; }
  .introductionA-three-text { padding: 20px; }
  .introductionA-three-text dl { padding-bottom: 15px; }
  .introductionA-three { margin-top: 0px; margin-bottom: 40px; } }

@media (min-width: 992px) { .introductionA-bd { padding-top: 0; }
  .introductionA-three-text dt { padding-bottom: 5px; } }

@media (min-width: 1200px) { .introductionA-one { padding-top: 50px; }
  .introductionA-one h3 { font-size: 30px; line-height: 30px; padding-bottom: 23px; }
  .introductionA-text { padding-top: 20px; }
  .introductionA-slide { padding-right: 80px; }
  .introductionA-hd a { width: 80px; height: 80px; }
  .introductionA-two { padding: 48px 0 40px; }
  .introductionA-two .text { padding-left: 0; padding-right: 20px; }
  .introductionA-two h3 { font-size: 20px; font-weight: lighter; padding-bottom: 8px; }
  .introductionA-two .weight { font-size: 30px; line-height: 30px; padding-bottom: 17px; }
  .introductionA-two .text-cont { padding-right: 100px; }
  .introductionA-three { margin-top: 0px; margin-bottom: 75px; }
  .introductionA-three-img { width: 64%; }
  .introductionA-three-text { padding: 20px 45px; }
  .introductionA-three-text dl { padding-bottom: 32px; } }

@media (min-width: 1360px) { .introductionA-text { padding: 0 30px 0 0; }
  .introductionA-slide, .introductionA-dot { padding-right: 0; }
  .introductionA-hd { right: -80px; }
  .introductionA-one { padding-top: 70px; padding-bottom: 30px; } }

.ChairmanMes h2, .ChairmanMes h3 { color: #202020; padding-bottom: 5px; }

.ChairmanMes img { display: block; max-width: 100%; margin: 0 auto; position: relative; z-index: 2; }

.ChairmanMes-img { margin-top: 20px; display: inline-block; position: relative; vertical-align: top; float: right; }

.ChairmanMes-img:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; right: -13px; bottom: -10px; background: url(../images/img63.jpg) no-repeat; z-index: 1; }

.identity { padding: 10px 0; }

.identity ul { margin: 0 -10px; }

.honor-top { padding: 0 10px 20px; }

.introductionD-image h5 { opacity: 0.6; padding: 0 8%; }

.introductionD-image .text.changebg { background-image: url(../images/img65.jpg); }

.introductionD-image .en { font-size: 24px; }

.introductionD-image .year { font-size: 40px; }

.introductionD-image .font { padding: 10px 8% 0; }

.introductionD-image .font p { font-size: 14px; line-height: 24px; letter-spacing: normal; text-align: left; }

@media (min-width: 768px) { .honor-top { padding: 0 20px 20px; }
  .introductionD-image .text.changebg { padding: 5px 10px; }
  .introductionD-image .font { padding: 0; }
  .introductionD-image .font p { font-size: 12px; }
  .introductionD-image h5 { padding: 0; } }

@media (min-width: 992px) { .honor-top { padding: 0 30px 20px; }
  .ChairmanMes .ChairmanMes-img { margin-top: 15px; }
  .introductionD-image .text.changebg { padding: 5px 10px; }
  .introductionD-image .font { padding: 10px 10%; }
  .introductionD-image .font p { font-size: 14px; }
  .introductionD-image h5 { padding: 0 10%; } }

@media (min-width: 1200px) { .ChairmanMes { padding: 113px 20px 40px; }
  .ChairmanMes h2 { padding-bottom: 10px; }
  .ChairmanMes h3 { padding-bottom: 15px; }
  .ChairmanMes .col-md-5, .ChairmanMes .col-md-7 { padding: 0; }
  .ChairmanMes img { float: right; }
  .identity { padding: 22px 0 27px; }
  .honor-top { padding-top: 55px; }
  .honor-top { padding-bottom: 45px; }
  .introductionD-image .text.changebg { padding: 5px 10px; vertical-align: middle; -o-background-size: cover; background-size: cover; }
  .introductionD-image .en { font-size: 30px; }
  .introductionD-image .year { font-size: 72px; }
  .introductionD-image .font { padding: 10px 10%; }
  .introductionD-image .font p { font-size: 16px; line-height: 26px; }
  .introductionD-image h5 { padding: 0 10%; } }

.honorlist403 ul li { text-align: center; margin-top: 20px; }

.honorlist403 { padding-top: 10px; }

.honordiv403 { padding: 4% 4% 20px; background-color: #f2f2f2; color: #666; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.honordiv403 img { display: block; max-width: 100%; margin: 0 auto; -webkit-transition: all .8s; -o-transition: all .8s; -moz-transition: all .8s; transition: all .8s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.honordiv403 span { display: block; padding: 20px 0; }

.honorlist403 ul li:hover .honordiv403 { color: #19c1f2; }

.honorlinkpage403 { text-align: center; font-size: 16px; }

.honorlinkpage403 a { display: block; padding: 8px 33px; background-color: #f2f2f2; color: #666666; -webkit-border-radius: 20px; border-radius: 20px; margin: 0 12px 6px; }

.honorlinkpage403 a:hover { background-color: #b22125; color: #ffffff; }

.thumb-popup { display: none; position: fixed; left: 0; top: 0; z-index: 1021; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.thumb-popup-mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1022; }

.thumb-copy-wrapper { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 94%; height: 50%; max-width: 1000px; background: #fff; overflow: hidden; z-index: 1023; }

.thumb-copy-wrapper .swiper-wrapper li { width: 100%; height: 100%; position: relative; }

.thumb-copy-wrapper .swiper-wrapper li img { display: block; max-height: 80%; max-width: 90%; position: relative; 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%); }

.thumb-copy-wrapper .close { 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; background: rgba(255, 255, 255, 0.5); cursor: pointer; }

.thumb-text { position: absolute; padding: 10px; background-color: rgba(0, 0, 0, 0.8); left: 10px; right: 10px; bottom: 10px; color: #ffffff; z-index: 10; font-weight: bold; }

.thumb-index { display: inline-block; margin-left: 12px; }

.thumb-leftbtn, .thumb-rightbtn { display: none; position: absolute; top: 50%; z-index: 10; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.thumb-leftbtn { left: 10px; }

.thumb-rightbtn { right: 10px; }

.thumb-leftbtn::before, .thumb-rightbtn::before { display: inline-block; content: ""; width: 20px; height: 20px; border-left: 2px solid #333333; border-bottom: 2px solid #333333; }

.thumb-leftbtn::before { -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); margin: 12px 0 0 5px; }

.thumb-rightbtn::before { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); margin: 12px 5px 0 0; }

.subordinate-bd { overflow: hidden; }

.subordinate-dot { position: absolute; bottom: 3px !important; text-align: center; z-index: 20; }

.subordinate-dot span { background-color: #fff; opacity: 1; }

.subordinate-dot span.swiper-pagination-bullet-active { background-color: #19c1f2; }

@media (min-width: 768px) { .honorlinkpage403 a { display: inline-block; }
  .honorlist403 { padding-top: 30px; }
  .honorlist403 ul { padding-top: 10px; margin: 0 -18px; }
  .honorlist403 ul li { padding: 0 18px; margin-top: 35px; } }

@media (min-width: 1024px) { .honordiv403 span { display: block; overflow: hidden; position: relative; height: 280px; }
  .honordiv403 span img { height: 240px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .honordiv403:hover img { -webkit-transform: translateX(-50%) scale(1.03); -moz-transform: translateX(-50%) scale(1.03); -ms-transform: translateX(-50%) scale(1.03); -o-transform: translateX(-50%) scale(1.03); transform: translateX(-50%) scale(1.03); }
  .thumb-copy-wrapper { width: 800px; height: 600px; }
  .thumb-copy-wrapper .swiper-wrapper li img { width: auto; max-height: 580px; }
  .honorlist403 { padding-top: 20px; } }

@media (min-width: 1200px) { .honorlist403 { padding-bottom: 60px; width: 1200px;margin: 0 auto;} }

.subordinate-tab { padding-top: 30px; }

.subordinate-tab a { display: block; position: relative; border: 1px solid #eee; border-right: none; line-height: 40px; padding: 0; font-size: 12px; }

.subordinate-tab a:after { content: ''; display: block; width: 100%; height: 2px; background-color: #19c1f2; bottom: -1px; left: 0; z-index: 1; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }

.subordinate-tab a:nth-child(2n) { border-right: 1px solid #eee; }

.subordinate-tab .on { color: #19c1f2; }

.subordinate-tab .on:after { opacity: 1; }

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

.subordinate-list img { display: block; margin: 0 auto; max-width: 100%; }

.subordinate-box { background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); background: -webkit-linear-gradient(#fefefe, #f4f4f4); background: -moz- oldlinear-gradient(#fefefe, #f4f4f4); background: -o-linear-gradient(#fefefe, #f4f4f4); background: linear-gradient(#fefefe, #f4f4f4); }

.subordinate-img { padding: 0; position: relative; }

.subordinate-text { padding: 15px; border: 1px solid #eee; }

.subordinate-text h3 { color: #202020; padding-bottom: 5px; }

.client { border-bottom: 1px solid #eee; color: #020202; padding-bottom: 10px; }

.client h4 { padding: 20px 0; }

.client ul { margin: 0 -3px; }

.client li { padding: 0 3px 20px; }

.client-img { border: 1px solid #eee; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto 7px; width: 194px; height: 99px; max-width: 100%; }

.client-img img { max-height: 100%; }

@media (min-width: 768px) { .subordinate-box { overflow: hidden; }
  .subordinate-box .sm-tablecell { vertical-align: top; display: block; float: left; }
  .subordinate-img { width: 35%; }
  .subordinate-text { width: 65%; padding: 10px 30px; }
  .subordinate-tab a:nth-child(2) { border-right: none; }
  .client { padding-bottom: 10px; margin-bottom: 30px; }
  .client li { padding-bottom: 15px; }
  .subordinate-tab { padding: 30px 30px 0; }
  .subordinate-tab a { font-size: 14px; line-height: 50px; } }

@media (min-width: 1024px) { .subordinate-list { padding-top: 50px; }
  .client { padding-bottom: 30px; margin-bottom: 47px; }
  .client h4 { padding: 35px 0; }
  .subordinate-tab { padding: 50px; }
  .subordinate-tab a { font-size: 16px; }
  .subordinate-tab a:hover:after { opacity: 1; } }

@media (min-width: 1200px) { .subordinate-text { width: 63%; padding: 20px 30px 4%; min-height: 229px; }
  .subordinate-text h3 { padding-bottom: 15px; }
  .subordinate-img { width: 37%; }
  .client { padding-bottom: 46px; }
  .subordinate-tab { padding: 60px 80px; } }

.text-dark { color: #202020; }

.quality-btn { border: 1px solid #dadada; font-size: 0; overflow-x: auto; white-space: nowrap; }

.quality-btn a { font-size: 14px; line-height: 40px; padding: 0 15px; color: #868686; display: inline-block; }

.quality-btn .on { background-color: #19c1f2; color: #fff; }

.quality-wrap { padding-top: 17px; display: none; }

.quality-wrap:first-of-type { display: block; }

.quality-bd { background-color: #f2f2f2; }

.quality-img { border: 1px solid #dadada; background-color: #fff; padding: 15px; }

.quality-img img { display: block; max-width: 100%; max-height: 100%; margin: 0 auto; }

.quality-text { padding: 15px; color: #868686; }

.quality-text h3 { padding-bottom: 10px; }

.quality-hd { background-color: #f2f2f2; font-size: 0; text-align: center; }

.quality-hd a { width: 32px; height: 32px; display: inline-block; background: url(../images/icon14.png) no-repeat; margin: 0 8px; }

.quality-hd .quality-prev { background-position-x: left; }

.quality-hd .quality-next { background-position-x: right; }

@media (min-width: 768px) { .quality-wrap { position: relative; }
  .quality-btn a { min-width: 200px; text-align: center; line-height: 50px; }
  .quality-text { padding-top: 50px; }
  .quality-text h3 { padding-bottom: 30px; }
  .quality-hd { padding-top: 10px; padding-left: 10px; position: absolute; left: 50%; top: 370px; z-index: 30; background: none; }
  .quality-text-scroll { padding-right: 10px; height: 250px; overflow-y: auto; }
  .quality-text-scroll::-webkit-scrollbar { width: 4px; height: 1px; }
  .quality-text-scroll::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #19c1f2; }
  .quality-text-scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; border-radius: 10px; background: #ddd; } }

@media (min-width: 1024px) { .quality-btn a { min-width: 300px; line-height: 60px; }
  .quality-text { padding: 50px; }
  .quality-hd { padding-left: 45px; } }

@media (min-width: 1200px) { .quality-text { padding: 115px 50px 0; }
  .quality-text h3 { padding-bottom: 42px; }
  .quality-hd { top: 410px; }
  .quality-btn { margin-top: 20px; }
  .quality-main { padding-bottom: 10px; } }

.process h3 { color: #525252; padding-bottom: 30px; }

.process-list { position: relative; }

.process-list ul { padding: 0; background: url(../images/icon26.png) center 40px no-repeat; -o-background-size: 48px; background-size: 48px; }

.process-list ul li { width: 100%; min-height: 104px; text-align: center; color: #5f5f5f; padding: 0 10px 0; position: relative; overflow: hidden; }

.ser-icon { width: 50%; }

.process-list ul li:nth-child(2n) .ser-icon { float: right; }

.process-list ul li:nth-child(2n) .ser-icon .prodot { left: 8px; right: auto; }

.process-list ul li:nth-child(2n) .ser-icon .prodot { bottom: 48%; }

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

.process-img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none; }

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

.ser-icon { position: relative; padding-bottom: 16px; }

.ser-icon img { height: 67px; }

.ser-icon .prodot { display: block; width: 32px; height: 32px; background: rgba(125, 180, 241, 0.2); -webkit-border-radius: 100%; border-radius: 100%; position: relative; position: absolute; bottom: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 8px; display: block; }

.ser-icon .prodot:after { content: ""; position: absolute; display: block; width: 12px; height: 12px; -webkit-border-radius: 100%; border-radius: 100%; display: block; background: #7DB4F1; left: 10px; top: 10px; }

@media (min-width: 1024px) { .process { padding-top: 55px; padding-bottom: 50px; }
  .process h3 { padding-bottom: 80px; }
  .process-img { display: block; }
  .ser-icon { padding-bottom: 56px; width: 100%; }
  .process-list ul li:nth-child(2n) .ser-icon .prodot { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; }
  .ser-icon .prodot { display: block; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; bottom: 0; }
  .processbox { position: absolute; padding: 20px 15px; width: 190px; left: 95px; top: -20px; display: block; visibility: hidden; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all ease-out .35s; -o-transition: all ease-out .35s; -moz-transition: all ease-out .35s; transition: all ease-out .35s; }
  .processbox:before { -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); position: absolute; left: -7px; top: 50%; }
  .process-list ul { padding: 15% 0; background: none; }
  .process-list ul li { position: absolute; width: auto; padding: 0; cursor: pointer; }
  .process-list ul li:nth-child(1) { left: 7.3%; bottom: 55.4%; }
  .process-list ul li:nth-child(2) { left: 20%; top: 55%; }
  .process-list ul li:nth-child(3) { left: 34%; bottom: 55.4%; }
  .process-list ul li:nth-child(4) { left: 47%; top: 55%; }
  .process-list ul li:nth-child(5) { left: 61%; bottom: 55.4%; }
  .process-list ul li:nth-child(6) { left: 74.3%; top: 55%; }
  .process-list ul li:nth-child(7) { left: 87%; bottom: 55.4%; }
  .process-list ul li:nth-child(7) .processbox { right: 95px; left: auto; }
  .process-list ul li:nth-child(7) .processbox:before { right: -7px; left: auto; -webkit-transform: translateY(-50%) rotate(-135deg); -moz-transform: translateY(-50%) rotate(-135deg); -ms-transform: translateY(-50%) rotate(-135deg); -o-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); }
  .process-list ul li:nth-child(even) .processbox { top: 33px; }
  .process-list ul li:nth-child(even) .ser-icon { padding: 56px 0 0; }
  .process-list ul li:nth-child(even) .ser-icon .prodot { top: 0; bottom: auto; } }

@media (min-width: 1200px) { .process { padding-bottom: 55px; }
  .feedback.supadbot { padding-bottom: 25px; } }

.shreial-list li { margin-bottom: 15px; }

.shreial-list .content { border: 1px solid #dcdcdc; background-color: #FFFFFF; padding: 10px; color: #636363; font-size: 13px; height: 240px; overflow: hidden; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; line-height: 22px; }

.shreial-list h3 { color: #323232; }

.shreial-list .zhaopmin { color: #b9b9b9; }

.shreial-list .system-bot { font-size: 0; text-align: center; background-color: #19c1f2; height: 45px; line-height: 45px; opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; z-index: 100; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; }

.shreial-list .system-bot a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; color: #FFFFFF; position: relative; padding: 0 10px; }

.shreial-list .system-bot a:after { content: ""; display: block; width: 1px; height: 15px; background-color: #FFFFFF; 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%); right: 0; }

.shreial-list .system-bot a:last-child:after { display: none; }

.shreial-list .system-bot .Clickbtn2 { display: none; }

.shreial-list .shreal-box { position: relative; }

.shreial-list li:hover .content, .shreial-list li.cur .content { border-color: #19c1f2; }

.shreial-list li:hover .system-bot, .shreial-list li.cur .system-bot { opacity: 1; }

.h13 { height: 13px; }

@media (min-width: 768px) { .adre-selet { text-align: center; font-size: 0; }
  .adre-selet li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 25%; max-width: 183px; font-size: 14px; margin: 0; }
  .shreial-list ul { margin: 0 -10px; }
  .shreial-list li { margin-bottom: 20px; height: 240px; }
  .shreial-list .posititext { position: absolute; left: 0; right: 0; height: 173px; overflow-y: hidden; z-index: 10; padding: 10px; background-color: #FFFFFF; border: 1px solid #d8d8d8; border-top: 0; border-bottom: 0; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; }
  .shreial-list li:hover .posititext, .shreial-list li.cur .posititext { border-color: #19c1f2; }
  .shreial-list .zl-scrollBar { background-color: #19c1f2; }
  .shreial-list li.cur .posititext { overflow-y: auto; }
  .shreial-list .posititext::-webkit-scrollbar { width: 4px; height: 1px; }
  .shreial-list .posititext::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #19c1f2; }
  .shreial-list .posititext::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; border-radius: 10px; background: #ddd; } }

@media (min-width: 1024px) { .shrecruit-main { padding: 56px 0; }
  .adre-selet li { margin: 0 10px; }
  .adresal-lis { padding: 26px 0; margin: 7px 0 0 0; }
  .adresal-lis a { font-size: 18px; padding: 0 26px; }
  .shreial-list { padding-bottom: 0px; }
  .shreial-list.padding { padding-bottom: 270px; }
  .shreial-list .content { padding: 29px 20px 20px; }
  .shreial-list .posititext { padding: 10px 20px; }
  .shreial-list .system-bot { height: 54px; line-height: 54px; }
  .shreial-list .system-bot a { padding: 0 23px; } }

#allmap, .in-contact-map .map:first-child { width: 100%; height: 298px; }

.contact-tflmdl { padding-bottom: 30px; }

.contact-tflmdl .text { padding: 10px 0 0 0; color: #868686; }

.contact-tflmdl .text img { max-width: 100%; }

.contact-tflmdl .text h4 { padding: 0 0 10px; }

.contact-tflmdl .thumb { padding: 20px 0 0 0; }

.contact-tflmdl .bod { border-top: 1px solid #dcdce5; padding-top: 12px; margin-top: 17px; }

.row .drop { position: relative; float: left; width: 100%; }

.row .drop label { width: 100%; }

.feedback-content label .character { background-image: url(../images/icon28.png); cursor: pointer; }

.feedback-content label .character:focus { background-image: url(../images/icon29.png); }

.drop-cont { width: 100%; position: absolute; left: 0; top: 45px; z-index: 1; border: 1px solid #19c1f2; border-top: none; background-color: #fff; padding: 5px 0; display: none; }

.drop-cont a { display: block; color: #666; padding: 10px 20px; }

.drop-cont a:hover { background-color: #ddd; }

@media (min-width: 1024px) { #allmap, .in-contact-map .map:first-child { height: 409px; }
  .contact-tflmbox { padding-top: 93px; padding-bottom: 50px; }
  .row .drop { width: 50%; }
  .drop-cont { width: 97.5%; top: 54px; margin: 0 5px; }
  .contact-tflmdl { padding-bottom: 50px; }
  .contact-tflmdl .infor { float: left; width: 30%; max-width: 400px; padding: 11px 0 0 0; }
  .contact-tflmdl .text { padding: 16px 0 0 0; }
  .contact-tflmdl .text h4 { padding: 17px 0; }
  .contact-tflmdl .thumb { float: right; width: 61.5%; padding: 0; } }

@media (min-width: 1200px) { .contact-tflmdl .infor { width: 40%; } }

.introductionA-two.contact-bot .en { text-transform: uppercase; }

.introductionA-two.contact-bot h4 { color: #58585e; }

.introductionA-two.contact-bot .text-cont { opacity: 1; }

.introductionA-two.contact-bot .name { padding: 10px 0; }

@media (min-width: 768px) { .introductionA-two.contact-bot .en { padding-bottom: 17px; }
  .introductionA-two.contact-bot .name { padding: 20px 0; }
  .introductionA-two.contact-bot .sm-table { width: 100%; display: table; } }

@media (min-width: 1200px) { .introductionA-two.contact-bot { padding: 70px 0; }
  .introductionA-two.contact-bot .text { padding-left: 22px; } }

.searchcont401 { padding: 36px 0; background-color: #ffffff; background-repeat: no-repeat; background-position: center top; -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; position: relative; }

.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; color: #ffffff; cursor: pointer; background-color: #0098e7; }

.keywords { color: #da251d; }

.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: #009ca3; 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; }

@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: #009ca3; } }

@media (min-width: 992px) { .searchinputcont401 { width: 45%; margin: 0 auto; }
  .searchinputcont401 dt { float: left; width: 78%; }
  .searchinputcont401 dd { float: left; width: 22%; }
  .searchinputcont401 dt input { font-size: 18px; }
  .searchinputcont401 dd input { text-align: center; font-size: 18px; } }

@media screen and (min-width: 1180px) and (max-width: 1380px) { .in-case-list { padding-right: 10.4%; }
  .in-case-list li a { height: 145px; }
  .in-news-wrap img { width: auto; height: 180px; width: 100%;}
  .in-news-hd { margin-top: 0; }
  .in-news .in-title dd { margin-top: 10px; }
  .in-news-wrap { padding-top: 15px; }
  .in-news-wrap .date { padding: 20px 0 10px; }
  /*.in-institution:last-child li{width:80px;} .in-institution:last-child .btn{width:80px;} .in-institution:last-child li.on {width: 390px;} .in-institution:last-child .on .thumb{width:310px;}*/ }

.animateac { -webkit-transition: all ease .7s; -o-transition: all ease .7s; -moz-transition: all ease .7s; transition: all ease .7s; }

.fadeInUp { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }

.fadeInLeft { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }

.fadeInRight { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }

.fadeInUp.animateac { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.fadeInLeft.animateac { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.fadeInRight.animateac { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.zoomIn.animateac { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

.zoomOut.animateac { opacity: 0; -webkit-transform: scale3d(0, 0, 0); -moz-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); }

/*search*/
.jionlist-wrapper .leftnav { position: relative; }

.jionlist-wrapper .leftnav .title { position: relative; padding-left: 10px; font-size: 20px; line-height: 45px; background: #19c1f2; color: #fff; white-space: nowrap; }

.jionlist-wrapper .leftnav .title:after { content: ''; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; position: absolute; right: 10px; top: 18.5px; width: 0; height: 0; border: 8px solid transparent; border-top-color: #fff; }

.jionlist-wrapper .job-cate { display: none; position: absolute; left: 0px; top: 45px; width: 100%; z-index: 10; padding: 0 10px 20px; -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1); background: #fff; }

.jionlist-wrapper .job-cate li { padding-top: 10px; }

.jionlist-wrapper .job-cate li a { display: block; font-size: 14px; line-height: 34px; border-bottom: 2px solid #fff; }

.jionlist-wrapper .job-cate li.cur a { border-bottom-color: #19c1f2; }

.jionlist-wrapper .rightlist { padding: 20px 0 0; }

.jionlist-wrapper .rightlist .job-list { padding-bottom: 12px; }

.jionlist-wrapper .rightlist li { border-top: 4px solid #fbfbfb; padding: 10px; margin-bottom: 10px; background-color: #fbfbfb; background-position: 3.5% 37%; position: relative; }

.jionlist-wrapper .rightlist li img { width: 100%; display: block; margin-bottom: 10px; }

.jionlist-wrapper .rightlist .title { margin-bottom: 2px; font-size: 18px; line-height: 28px; color: #333; }

.jionlist-wrapper .rightlist .msg { padding-bottom: 5px; }

.jionlist-wrapper .rightlist .msg p { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; margin-right: 10px; font-size: 12px; line-height: 22px; color: #999; background-position: 0 center; background-repeat: no-repeat; }

.jionlist-wrapper .rightlist .desc { font-size: 14px; line-height: 22px; color: #999; height: 44px; line-height: 22px; display: -webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

/*20190404*/
.mobile-img { -o-background-size: cover; background-size: cover; background-position: center center; min-height: 100%; min-width: 100%; }

#banvideo { display: none; }

@media (min-width: 768px) { .jionlist-wrapper .rightlist li img { width: 30%; float: left; margin-bottom: 0; margin-right: 20px; } }

@media (min-width: 1024px) { .jionlist-wrapper { position: relative; padding-top: 60px; padding-bottom: 100px; min-height: 780px; }
  .jionlist-wrapper .leftnav { position: absolute; width: 192px; left: 40px; top: 71px; }
  .jionlist-wrapper .leftnav .title { position: relative; padding-left: 0; font-size: 24px; line-height: 45px; background: none; color: #333; }
  .jionlist-wrapper .leftnav .title:after { display: none; }
  .jionlist-wrapper .job-cate { display: block; position: absolute; left: 0px; top: 45px; width: 100%; z-index: 10; padding: 0 0 20px; -webkit-box-shadow: none; box-shadow: none; background: #fff; }
  .jionlist-wrapper .job-cate li { padding-top: 40px; }
  .jionlist-wrapper .job-cate li a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }
  .jionlist-wrapper .job-cate li:hover a { border-bottom-color: #19c1f2; }
  .jionlist-wrapper .rightlist { padding: 20px 0 0 242px; }
  .jionlist-wrapper .rightlist .job-list { padding-bottom: 40px; }
  .jionlist-wrapper .rightlist li { padding: 33px 20px 29px 20px; margin-bottom: 20px; background-position: 6% 37%; }
  .jionlist-wrapper .rightlist li:hover { border-top-color: #19c1f2; -webkit-box-shadow: 0 1px 7px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 7px 3px rgba(0, 0, 0, 0.15); }
  .jionlist-wrapper .rightlist .title { margin-bottom: 6px; }
  .jionlist-wrapper .rightlist .msg { padding-bottom: 11px; }
  .jiondetail-wrapper { position: relative; padding-top: 60px; padding-bottom: 100px; }
  .jobdetail { border-top: 4px solid #19c1f2; margin-right: 242px; padding: 36px 20px 0; }
  .jobdetail .job-hd .name { margin-bottom: 18px; font-size: 24px; line-height: 48px; }
  .jobdetail .job-hd .msg { padding-bottom: 25px; }
  .jobdetail .job-hd .msg .addr { margin-right: 68px; }
  .jobdetail .job-bd { padding: 19px 40px 65px; }
  .jobdetail .job-ft { padding-left: 40px; }
  .job-relatived { position: absolute; right: 40px; top: 60px; width: 193px; z-index: 2; }
  .job-relatived .u-side-job { margin-bottom: 60px; padding: 14px 20px 26px; }
  .mobile-img { display: none; }
  #banvideo { display: block; } }

@media (min-width: 1200px) { .jionlist-wrapper .leftnav { left: 0; }
  .job-relatived { right: 0; } }

.in-introductionA { width: 100%; padding-top: 20px; }

.in-introductionul { margin-left: -7px; margin-right: -7px; }

.in-introductionul li { margin-bottom: 10px; padding-left: 7px; padding-right: 7px; width: 100%; }

@media (min-width: 1024px) { .in-introductionul li { width: 33.333%; }
  .introductionA-three-text { padding: 30px 20px; }
  .introductionA-three-text dt { font-size: 20px; text-align: center; }
  .introductionA-three-text dd { font-size: 22px; text-align: center; } }

@media (min-width: 1200px) { .introductionA-three-text { padding: 65px 45px; } }

.new-solution { padding-top: 10px; }

.new-solution h4 { padding: 20px 0 15px; color: #020202; }

.new-solution h4 a { color: #000; }

.new-solution .thumb { line-height: 4.5; display: block; color: #fff; text-align: center; background-position: center; -o-background-size: cover; background-size: cover; border: 1px solid #eee; margin-bottom: 5px; }

.new-solution .new-more { float: right; font-size: 14px; }

@media (min-width: 768px) { .new-solution .list { margin: 0 -4px; }
  .new-solution li { padding: 0 4px; }
  .new-solution .thumb { margin-bottom: 0; } }

@media (min-width: 1024px) { .new-solution { padding-top: 30px; padding-bottom: 10px; }
  .new-solution h4 { padding-bottom: 25px; }
  .new-solution .new-more:hover { color: #19c1f2; } }
.in-case-list li:hover { background-color: rgba(25, 193, 242, 0.8); }

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.in-institution ul { width: auto; overflow: hidden;height: 300px; }
	.in-institution .tab{height: 100%;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.in-strength li { width: 25% !important; padding: 0 !important; display: flex;justify-content: center;align-items: center;}
	/*.in-strength .num{font-size: 2.5rem !important;}*/
	.desc>div{height: 90px;overflow: hidden;padding-top: 0 !important;}
	.desc>div>img{margin-top: -55px;}
	.bgnone .header{background: none !important;z-index: 999999999999;}
	.header{background: #fff !important;z-index: 999999999999;}
	.in-institution ul li .tab .thumb>img { width: auto; height: 300px;}
	.in-institution ul { width: auto; overflow: hidden;height: 300px; }
	/*.in-institution:first-child { width: 100%; float: left; font-size: 0; }
	.in-institution:last-child { width: 0%; float: left; font-size: 0;display: none; }*/
	.page04 .positionwrap{padding: 0 1% !important;}
	.in-institution ul li:nth-child(4){display: none !important;}
	/*.in-title.text-blue,.page03 .in-title dt{display: none; }*/
	#pro h3 {height: 30px; line-height: 20px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap; padding: 0 5px;}
	#pro h3 a{font-size: 14px;}
	.in-news .in-title dd a{min-width: 120px;font-size: 14px}
	.in-title.text-blue dt{font-size: 22px;margin-top: 45px;}
	.in-news .in-title dd {
    margin-top: 10px;
    margin-bottom: 7px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1579px) {
	.desc>div{height: 150px;overflow: hidden;padding-top: 0 !important;}
	.desc>div>img{margin-top: -15px;}
	.bgnone .header{background: none !important;z-index: 999999999999;}
	.header{background: #fff !important;z-index: 999999999999;}
	.in-institution .thumb img { width: auto; height: 300px;}
}
@media only screen and (min-width: 1580px) and (max-width: 1900px) {
	.desc>div{height: 90px;overflow: hidden;padding-top: 0 !important;margin-top: 15px;}
	.desc>div>img{margin-top: -30px;}
}