/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/* 1. Buttons */
/* <button> css reset */
.pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: none; box-shadow: none; }

.pswp__button:focus, .pswp__button:hover { opacity: 1; }

.pswp__button:active { outline: none; opacity: 0.9; }

.pswp__button::-moz-focus-inner { padding: 0; border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close { opacity: 1; }

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; } }

.pswp__button--close { background-position: 0 -44px; }

.pswp__button--share { background-position: -44px -44px; }

.pswp__button--fs { display: none; }

.pswp--supports-fs .pswp__button--fs { display: block; }

.pswp--fs .pswp__button--fs { background-position: -44px 0; }

.pswp__button--zoom { display: none; background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom { display: block; }

.pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; }

/* Arrow buttons hit area (icon is added to :before pseudo-element) */
.pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; }

.pswp__button--arrow--left { left: 0; }

.pswp__button--arrow--right { right: 0; }

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute; }

.pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; }

.pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; }

/* 2. Share modal/popup and links */
.pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; }

.pswp__share-modal--hidden { display: none; }

.pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; }

.pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; }

.pswp__share-tooltip a:hover { text-decoration: none; color: #000; }

.pswp__share-tooltip a:first-child { /* round corners on the first/last list item */ border-radius: 2px 2px 0 0; }

.pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in { opacity: 1; }

.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a { padding: 16px 12px; }

a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; }

a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF; }

a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF; }

a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; }

a.pswp__share--download:hover { background: #DDD; }

/* 3. Index indicator ("1 of X" counter) */
.pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px; }

/* 4. Caption */
.pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; }

.pswp__caption small { font-size: 11px; color: #BBB; }

.pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; }

.pswp__caption--empty { display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake { visibility: hidden; }

/* 5. Loading indicator (preloader) You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR */
.pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; }

.pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; }

.pswp__preloader--active { opacity: 1; }

.pswp__preloader--active .pswp__preloader__icn { /* We use .gif in browsers that don't support CSS animation */ background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active { opacity: 1; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; }

.pswp--css_animation .pswp__preloader__cut { /*  The idea of animating inner circle is based on Polymer ("material") loading indicator  by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */ position: relative; width: 7px; height: 14px; overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; }

@media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } }

@-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes clockwise { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% { -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% { -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes donut-rotate { 0% { -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% { -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% { -webkit-transform: rotate(0);
    transform: rotate(0); } }

/* 6. Additional styles */
/* root element of UI */
.pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; }

.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; }

.pswp__top-bar, .pswp__caption { background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar { opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; }

/* pswp__ui--hidden class is added when controls are hidden e.g. when user taps to toggle visibility of controls */
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { /* Force paint & create composition layer for controls. */ opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; }

.pswp__element--disabled { display: none !important; }

.pswp--minimal--dark .pswp__top-bar { background: none; }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; }

.pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.pswp img { max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open { display: block; }

.pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; }

.pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }

/* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */
.pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; }

.pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

.pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; }

.pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; }

.pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }

.pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; }

/* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */
.pswp__img--placeholder { -webkit-backface-visibility: hidden; }

/* div element that matches size of large image large image loads on top of it */
.pswp__img--placeholder--blank { background: #222; }

.pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; }

/* Error message appears when image is not loaded (JS option errorMsg controls markup) */
.pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; }

.pswp__error-msg a { color: #CCC; text-decoration: underline; }

.pswp__bg { background: rgba(0, 0, 0, 0.7); }

.pswp__top-bar { background-color: transparent; }

.pswp__top-bar .pswp__button--close { position: relative; width: 50px; height: 50px; top: 0; background: #F08519; font-size: 16px; color: white; background-position: 0 0; opacity: 1; z-index: 2; }

.pswp__caption { margin-top: 20px; background: transparent; bottom: 0; display: none; }

.pswp__caption small { display: none; }

.pswp__caption__center { width: auto; min-height: 44px; line-height: 1.2; -webkit-transition: .3s; transition: .3s; font-size: 14px; color: #747474; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; background: white; -webkit-box-sizing: border-box; box-sizing: border-box; }

.pswp__button { width: 30px; height: 30px; background: transparent; }

.pswp__button--arrow--left, .pswp__button--arrow--right { width: 46px; height: 46px; background: white; border-radius: 50%; -webkit-transition: .3s; transition: .3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; color: #F08519; opacity: 1; }

.pswp__button--arrow--left:hover, .pswp__button--arrow--right:hover { background: #F08519; color: white; }

.pswp__button--arrow--left { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.pswp__button--arrow--right { right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); }

.pswp__button--arrow--left { margin-left: -600px; }

.pswp__button--arrow--right { margin-right: -600px; }

.pswp__button--arrow--left:before { width: 66px; height: 66px; background: transparent; }

.pswp__button--arrow--right:before { width: 66px; height: 66px; background: transparent; }

@media screen and (max-width: 1800px) { .w1680 { width: 90%; }
  .serviceAftersale .font { padding: 60px 60px 30px 6%; }
  .serviceAftersale .font .text { height: 200px; } }

@media screen and (max-width: 1600px) { .indexProfile .item .font { padding: 0 60px; }
  .indexBus .item .box .ititle h5 { font-size: 20px; }
  .indexBus .item .box .font .list a { font-size: 18px; }
  .indexProfile .item .numlist .list:nth-child(1) p { -webkit-transform: translateX(-15px); transform: translateX(-15px); }
  .servicePhone { padding: 110px 0 160px; }
  .time .listline .swiper-list { width: 70%; }
  .basics .w1440 .item .font h5 { font-size: 24px; }
  .fangan .w1440 .items .item .font { padding: 30px; padding-bottom: 0; }
  .w1440 { width: 90%; }
  .businesshead .w1440 .innerText .font h6 { margin-top: 4px; }
  .ititle h5 { font-size: 24px; }
  .indexProfile .item .numlist .list .num span { font-size: 40px; }
  .businesshead .w1440 .innerText h5 { font-size: 32px; } }

@media screen and (max-width: 1440px) { .swiper-box1 .swiper-wrapper .swiper-slide .box1text h5 { font-size: 42px; }
  .subnavHead .bannerText .w1440 h5 { font-size: 32px; }
  .subnavHead .bannerText.special .w1440 p { margin-top: 30px; }
  .indexBus .item .box .font .list { margin-top: 40px; }
  .businesshead .w1440 .head .item { margin: 0 30px; }
  .basicsInner .w1440 .font { padding-top: 0; }
  .iotSpecial { padding-top: 250px; }
  .iotSpecial .w1440 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .iotSpecial .w1440 .item { margin-right: 0%; width: 22%; }
  .iotSpecial .w1440 .item:last-child:nth-child(4n - 1) { margin-right: calc(22% + 12% / 3); }
  .iotSpecial .w1440 .item:last-child:nth-child(4n - 2) { margin-right: calc(44% + 16% / 2); }
  .time .w1680 .swiper-time .swiper-wrapper .swiper-slide h5 { font-size: 80px; }
  .time .listline .swiper-list .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p { font-size: 20px; }
  footer .footerTop .w1680 .item:nth-child(1) { width: 45%; }
  footer .footerTop .w1680 .item:nth-child(2) { width: 36%; }
  footer .footerTop .w1680 .item:nth-child(2) ul { padding-left: 50px; }
  .news .w1440 .newsitems .item .font { padding: 40px 75px 0 30px; }
  .honor .w1680 .box .swiper-honor .swiper-wrapper .swiper-slide { height: 250px; }
  .honor .w1680 .box .swiper-honor { height: 550px; }
  .indexContact .w1680 .box { margin-left: 60px; }
  .servicePromise .w1440 .items .item .dot { width: 120px; height: 120px; }
  .servicePromise .w1440 .items .item .dot i { font-size: 42px; }
  .serviceAftersale .font { padding: 30px; }
  .serviceAftersale .font .text { height: 180px; }
  .servicePhone { padding: 110px 0; } }

@media screen and (max-width: 1366px) { .indexProfile .item .font .text { margin: 30px 0; }
  .serviceWish .swiper-line .w1680 { width: 90%; }
  .indexProfile .item .numlist .list:nth-child(1) p { -webkit-transform: translateX(-9px); transform: translateX(-9px); }
  .serviceWish .w1680 .swiper .swiper-text { margin: 0 60px; }
  .indexContact .indexContactBg { top: 30%; }
  .news .w1440 .newsitems .item .font time { width: 70px; height: 70px; }
  .news .w1440 .newsitems .item .font time span:first-child { font-size: 22px; }
  .time .listline .swiper-list .swiper-wrapper .swiper-slide p { margin-top: 10px; line-height: 1.4; }
  .basics .w1440 .item { padding: 30px; }
  .getfangan .text .ptitle h5 { font-size: 32px; }
  .fangan .w1440 .items .item .font ul { margin: 30px 0; }
  .fangan .w1440 .items .item .font ul li { margin-bottom: 10px; }
  header .w1680 { width: 96%; }
  header .w1680 ul { position: static; left: 0; -webkit-transform: translate(0); transform: translate(0); }
  header .w1680 ul li { margin: 0 10px; }
  .program .w1440 .font { padding-top: 0; margin-right: 60px; }
  .program .w1440 .font .text { margin-top: 30px; }
  .indexProfile .item .numlist .list .num span { font-size: 32px; }
  .indexProfile .item .numlist .list .num .littledot { margin-left: 10px; }
  .indexProfile .item .numlist .list p { height: 38px; font-size: 14px; }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item { padding-top: 8%; }
  .indexNews .w1680 .title { padding-top: 8%; }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item .linebox .learnMore { margin: 20px 0; }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item .linebox h5 { margin: 15px 0; } }

@media screen and (max-width: 1280px) { .fangan .w1440 .items .item .font .learn .ljgd { margin-right: 20px; }
  .popUp .popUpBox .businessXml .businessPopitems .item { width: 48%; }
  .popUp .popUpBox .businessXml .businessPopitems .item:last-child:nth-child(3n - 1) { margin-right: 0; }
  .serviceAftersale figure { width: 60%; }
  .serviceAftersale .font { width: 40%; }
  .servicePromise .w1440 .items .item .dot { width: 100px; height: 100px; }
  .servicePromise .w1440 .items .item .dot i { font-size: 42px; }
  .servicePromise .w1440 .items .item p { width: 200px; }
  .inner { width: 90%; }
  .qiyekanwu .w1680 .neiken { padding: 0; }
  .case .w1440 { padding: 0; }
  .popUp .popUpBox { padding: 60px; }
  footer .footerTop .w1680 .item:nth-child(1) { width: 48%; }
  footer .footerTop .w1680 .item:nth-child(1) .listtwo { margin: 15px 0; }
  footer .footerTop .w1680 .item:nth-child(2) { width: 32%; }
  footer .footerTop .w1680 .item:nth-child(2) ul { padding: 0 30px; }
  .Iot .w1180 { width: 90%; }
  .popUp .popUpBox .profilebox .text { padding: 30px; padding-bottom: 0; }
  .fangan .w1440 .items .item .font .text h4 { margin-bottom: 10px; }
  .getfangan .text .list li { margin: 0 30px; }
  .Iot .w1180 .items .item .golink { position: static; margin-top: 15px; margin-left: auto; }
  .lotcanshu .w1440 figure { width: 45%; padding: 0; }
  .lotcanshu .w1440 .listbox { width: 50%; }
  .news .w1440 .newsitems .item .font { padding: 30px 75px 0 30px; }
  .news .w1440 .newsitems .item .font p { margin: 15px 0; }
  .indexContact .w1680 .box { margin-left: 30px; }
  .indexContact .w1680 .box .mapswiper { -webkit-transform: translate(22px, 0); transform: translate(22px, 0); }
  .indexContact .w1680 .box .mapswiper .swiper-map .swiper-wrapper .swiper-slide h5 { font-size: 24px; } }

@media screen and (max-width: 1024px) { .program, .programAdvantage, .programPrd, .programSite, .fangan, .profile, .basics, .basicsInner, .prdAdvantage, .prdDispaly, .lotcanshu, .lotmap, .news, .case, .honor .w1680, .qiyekanwu, .service, .serviceWish, .servicePromise { padding: 60px 0; }
  .programSiteItems .swiper-menu .num1 { font-size: 24px; }
  .indexContact { padding: 100px 0; }
  .indexContact.pro { padding: 100px 0; }
  .indexNews .w1680 .box .swiper-news { height: auto; }
  .kade { height: auto; }
  .kade > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .swiper-box1 { height: auto; }
  .swiper-box1 .swiper-wrapper .swiper-slide .box1img { position: static; }
  .indexBus .w1680 .ititle { margin-top: 30px; }
  .indexBus .item .box .font .list { margin-top: 30px; }
  .mobileNav .box { height: calc(100vh - 50px); padding-top: 65px; }
  .servicePhone { padding: 90px 0; }
  .servicePhone .w1680 { padding: 0; }
  .servicePhone .w1680 .box { width: 100%; }
  .serviceAftersale { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .serviceAftersale figure { width: 100%; }
  .serviceAftersale .font { width: 100%; }
  .serviceAftersale .font .text { height: auto; }
  .servicePromise .w1440 .items .item { width: 48%; margin-bottom: 30px; }
  .servicePromise .w1440 .items .item .dot i { font-size: 32px; }
  .servicePromise .w1440 .items .item p { width: 100%; }
  .service .w1440 .box h6 { font-size: 20px; }
  .serviceWish .w1680 .swiper { margin: 60px 0; }
  .serviceWish .w1680 .swiper .swiper-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  header .w1680 .morelink .education { display: none; }
  .mobileMenu { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .case .w1440 .items .item { width: 24%; }
  .case .w1440 .items i { width: 24%; }
  .pagingchin { margin-top: 60px; }
  .news .w1440 .newsitems .item figure { width: 46%; }
  .news .w1440 .newsitems { margin-top: 60px; }
  footer .footerTop { padding: 30px 0; }
  footer .footerTop .w1680 .item:nth-child(1) { display: none; }
  footer .footerTop .w1680 .item:nth-child(2) { width: 70%; }
  .newsInner .w1680 { padding-top: 30px; -webkit-transform: translateY(-60px); transform: translateY(-60px); margin-bottom: -60px; }
  .newsInner .w1680 .w1440 .font { padding: 30px 0; }
  .newsInner .w1680 .w1440 .title { margin: 15px 0; }
  .newsInner .w1680 .w1440 .head h5 { font-size: 24px; }
  .time { padding-top: 60px; }
  .time .w1680 .swiper-time .swiper-wrapper .swiper-slide h5 { font-size: 60px; margin-bottom: 15px; }
  .time .listline .swiper-list { width: 60%; padding: 0 15px; }
  .time .listline .swiper-list .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p { font-size: 16px; }
  .time .listline .swiper-list .swiper-wrapper .swiper-slide p { font-size: 16px; }
  .lotmap .w1440 .items { margin: 60px 0; }
  .iotSpecial { padding-top: 180px; }
  .spep { margin-top: 10px; -webkit-line-clamp: 3; }
  .headScroll { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow: -webkit-scrollbars-none; white-space: nowrap; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; }
  .headScroll::-webkit-scrollbar { display: none; }
  .headScroll a { margin: 0; margin-right: 30px; scroll-snap-align: start; }
  .headScroll a.active { font-size: 16px; font-weight: 400; }
  .headScroll a.active:after { top: auto; bottom: 0; }
  .headScroll a:hover { font-size: 16px; font-weight: 400; }
  .headScroll a:hover:after { top: auto; bottom: 0; }
  .Iot .w1180 .items .item { padding: 30px; }
  .prdDispaly .w1440 .swiper-display { width: 100%; }
  .prdDispaly .w1440 .swiper-display .swiper-wrapper .swiper-slide p { margin: 10px 0; }
  .basicsInner .w1440 .swiper { width: 50%; }
  .basicsInner .w1440 .font { width: 45%; }
  .basics .w1440 .item .font { width: 100%; }
  .basics .w1440 .item figure { margin-top: 30px; width: 100%; }
  .subnavHead .bannervideo .needs .needVideo { width: 50px; height: 50px; }
  .profile .w1680 .icon { width: 45%; }
  .profile .w1680 .icon .item .box .hiddenHeight { height: auto !important; margin-top: 30px; }
  .profile .w1680 .icon .item .box i { font-size: 32px; }
  .subnavHead .bannervideo .needs h5 { font-size: 24px; }
  header .w1680 .morelink .searchBox { display: none; }
  .indexNews .w1680 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .indexNews .w1680 .title { width: 100%; padding-top: 60px; }
  .indexNews .w1680 .title .ititle { text-align: center; }
  .indexNews .w1680 .title .pagtitle { margin: 40px 0; text-align: center; }
  .indexNews .w1680 .title .pagtitle span { display: inline-block; margin-bottom: 0; margin: 0 20px; }
  .indexNews .w1680 .title .more { border-radius: 0; width: 120px; height: 35px; margin: 0 auto; }
  .indexNews .w1680 .box { width: 100%; }
  .indexNews .w1680 .box .swiper-news { margin-top: 30px; border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item { padding: 30px; width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item.active .linebox:after { -webkit-transform: translate(-30px, 0px); transform: translate(-30px, 0px); }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item .linebox:after { -webkit-transform: translate(-30px, 0px); transform: translate(-30px, 0px); }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item .linebox h5 { font-size: 18px; font-weight: 400; margin: 15px 0; }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item .linebox .learnMore { margin: 30px 0; }
  .getfangan .text .list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .getfangan .text .list li { width: 100%; margin-bottom: 30px; }
  .getfangan .text .list li:last-child { margin-bottom: 0; }
  .getfangan .text .list li p { margin-top: 5px; }
  .getfangan .text .phone i { font-size: 32px; }
  .getfangan .text .phone p { font-size: 24px; }
  .getfangan .text .ptitle h5 { font-size: 24px; }
  .fangan .w1440 .items .item .font .jian { display: none !important; }
  .fangan .w1440 .items .item { margin-bottom: 30px; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .fangan .w1440 .items .item .font { width: 100%; padding: 30px; }
  .fangan .w1440 .items .item figure { width: 100%; }
  .businesshead .w1440 .head .item { width: 150px; height: 150px; }
  .businesshead .w1440 .head .item.active .dot { width: 135px; height: 135px; }
  .businesshead .w1440 .head .item.active .dot i { font-size: 32px; }
  .businesshead .w1440 .head .item.active .dot p { font-size: 14px; }
  .businesshead .w1440 .head .item:hover .dot { width: 135px; height: 135px; }
  .businesshead .w1440 .head .item:hover .dot i { font-size: 32px; }
  .businesshead .w1440 .head .item:hover .dot p { font-size: 14px; }
  .businesshead .w1440 .head .item .dot { width: 120px; height: 120px; }
  .businesshead .w1440 .head .item .dot i { font-size: 32px; margin-bottom: 6px; }
  .businesshead { padding: 100px 0 60px; }
  .businesshead .w1440 .innerText h5 { font-size: 24px; margin-right: 60px; }
  .businesshead .w1440 .innerText .font h6 { font-size: 18px; margin-top: 0; }
  .prdlinks .swiper-prd .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .prdlinks .swiper-prd .swiper-wrapper .swiper-slide { height: auto; -webkit-transform: translate(0); transform: translate(0); }
  .prdlinks .swiper-text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .prdlinks .swiper-text .item:after { display: none; }
  .prdlinks .swiper-text .item figure { width: 30px; }
  .prdlinks .swiper-text .item h5 { margin-top: 20px; }
  .prdlinks .swiper-text .item .ljbox { margin-top: 20px; height: 40px; }
  .subnavBody .w1440 .crumbs { display: none; }
  .subnavBody .w1440 .crumbs.special { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow: -webkit-scrollbars-none; }
  .subnavBody .w1440 .crumbs.special::-webkit-scrollbar { display: none; }
  .subnavBody .w1440 .link { overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow: -webkit-scrollbars-none; }
  .subnavBody .w1440 .link::-webkit-scrollbar { display: none; }
  .subnavBody .w1440 .link a { margin-right: 30px; white-space: nowrap; }
  .subnavHead .bannerText { padding-top: 65px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .subnavHead .bannerText.special .w1440 h5 { margin-bottom: 10px; }
  .subnavHead .bannerText.special .w1440 .line { height: 3px; }
  .subnavHead .bannerText.special .w1440 p { margin-top: 15px; }
  header { position: fixed; height: 65px; }
  header .w1680 ul { display: none; }
  .programPrd .w1440 .swiper-prd .swiper-wrapper .swiper-slide { height: auto; }
  .programAdvantage .box { width: 420px; height: 420px; }
  .prdAdvantage .w1440 .box { width: 420px; height: 420px; }
  .ptitle h5 { font-size: 24px; }
  .ptitle .line { margin-top: 15px; }
  .swiper-box1 .swiper-wrapper .swiper-slide .box1text h5 { font-size: 32px; }
  .program .w1440 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .subnavHead .bannerText .w1440 h5 { font-size: 24px; }
  .indexBus .item { padding: 120px 0; }
  .indexProfile .item .needvideobg .needVideo { width: 90px; height: 90px; }
  .indexProfile .item .needvideobg .needVideo svg { display: none; }
  .indexProfile { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .indexProfile .item { width: 100%; }
  .indexProfile .item:last-child { padding-top: 60px; }
  .indexProfile .item:last-child .font { padding: 0 5%; }
  .indexProfile .item:last-child .numlist { margin-top: 60px; }
  .indexProfile .item:last-child .numlist .list { padding: 30px 0; } }

@media screen and (max-width: 860px) { .swiper-box1 .swiper-prev, .swiper-box1 .swiper-next { display: none; }
  .swiper-box1 .shubiao { display: none; }
  .programSiteItems .item { width: 49%; }
  .indexBus .item .box .font .list a:hover { -webkit-transform: translateX(5%); transform: translateX(5%); }
  .indexBus .item .box .font .list a.active { -webkit-transform: translateX(5%); transform: translateX(5%); }
  .servicePhone { padding: 60px 0; }
  .indexContact .indexContactBg { top: 30%; }
  .indexContact { padding: 60px 0; }
  .indexContact.pro { padding: 60px 0; }
  .indexContact .w1680 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .indexContact .w1680 .box { margin-left: 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .indexContact .w1680 .box .map { width: 100%; }
  .indexContact .w1680 .box .mapswiper { margin: 0 auto; margin-top: 30px; }
  .time .w1680 .swiper-time .swiper-prev, .time .w1680 .swiper-time .swiper-next { width: 30px; height: 30px; top: 0; -webkit-transform: translateY(0); transform: translateY(0); }
  .time .w1680 .swiper-time .swiper-wrapper .swiper-slide h5 { font-size: 42px; }
  .lotmap .w1440 .items .item { width: 48%; }
  .lotmap .w1440 .items .item:last-child:nth-child(3n - 1) { margin-right: 0; }
  .iotSpecial { padding: 60px 0; }
  .iotSpecial .w1440 { padding: 0; }
  .iotSpecial .w1440 .item { width: 30%; }
  .iotSpecial .w1440 .item:last-child:nth-child(4n - 1) { margin-right: 0; }
  .iotSpecial .w1440 .item:last-child:nth-child(4n - 2) { margin-right: 0; }
  .iotSpecial .w1440 .item:last-child:nth-child(3n - 1) { margin-right: calc(30% + 10% / 2); }
  .Iot .w1180 .items .item { width: 48%; }
  .Iot .w1180 .items .item:last-child:nth-child(3n - 1) { margin-right: 0; }
  .popUp .popUpBox { padding: 30px; }
  .popUp .popUpBox .profilebox .text { padding: 15px; padding-bottom: 0; }
  .profile .w1680 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .profile .w1680 .font { width: 100%; }
  .profile .w1680 .font .text { margin: 30px 0; }
  .profile .w1680 .icon { width: 100%; margin-top: 60px; }
  .profile .w1680 .icon .item::after { height: 100%; }
  .profile .w1680 .icon .item::before { display: none; }
  .profile .w1680 .icon .item:last-child::after { display: none; }
  .profile .w1680 .icon .item .box { position: static; -webkit-transform: translate(0); transform: translate(0); text-align: center; }
  .subnavHead .bannerimg.special img { width: auto; height: 222px; }
  .programPrd .w1440 .swiper-prd .swiper-wrapper .swiper-slide.swiper-slide-active figure img { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .programPrd .w1440 .swiper-prd .swiper-wrapper .swiper-slide.swiper-slide-active p { color: #0562A9; -webkit-transform: translateY(-12px); transform: translateY(-12px); }
  .programPrd .w1440 .swiper-prd .swiper-wrapper .swiper-slide.swiper-slide-active p:after { width: 100%; }
  .programAdvantage .box { width: 360px; height: 360px; }
  .programAdvantage .box .bigdot { width: 250px; height: 250px; }
  .programAdvantage .box .item p { font-size: 14px; }
  .prdAdvantage .w1440 .box { width: 360px; height: 360px; }
  .prdAdvantage .w1440 .box .bigdot { width: 250px; height: 250px; }
  .prdAdvantage .w1440 .box .item p { font-size: 14px; }
  .program .w1440 .font { margin-right: 0; width: 100%; }
  .program .w1440 .font .text { margin: 30px 0; }
  .program .w1440 figure { width: 100%; }
  .indexBus .items { overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow: -webkit-scrollbars-none; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; }
  .indexBus .items::-webkit-scrollbar { display: none; }
  .indexBus .items:after { display: none; }
  .indexBus .items .item { padding: 120px 0 60px; width: 80%; -webkit-box-flex: 0; -ms-flex: none; flex: none; scroll-snap-align: start; }
  .indexBus .items .item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.16); }
  .indexBus .items .item .box { padding: 0 10%; -webkit-transform: translate(0); transform: translate(0); }
  .indexBus .items .item .box .font { margin-top: 30px; }
  .indexBus .items .item .box .font .hiddenHeight { opacity: 1; visibility: visible; }
  .indexBus .items .item .box .font .list { margin-top: 30px; height: auto; }
  .indexBus .items .item .box .font .list a { width: 80%; height: 40px; font-size: 18px; }
  .indexBus .items .item .box .font .list a:after { -webkit-transform: translateX(-5%); transform: translateX(-5%); }
  .iotInner { padding: 60px 0; }
  .iotInner .w1440 .head, .iotInner .w1440 .foot { margin: 0 auto; position: static; -webkit-transform: translate(0); transform: translate(0); width: 60%; }
  .iotInner .w1440 .ptitle { margin: 60px 0; }
  .spepbox { -webkit-transform: translate(0); transform: translate(0); } }

@media screen and (max-width: 750px) { .businesshead .w1440 .innerText .font { margin-top: 20px; }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item .linebox h5 { height: auto; }
  .sitetext { padding: 15px; }
  .programSiteItems .swiper-prev { left: 5px; font-size: 14px; }
  .programSiteItems .swiper-next { right: 5px; font-size: 14px; }
  .programSite .w1440 .box .big { width: 100%; margin-bottom: 1.4%; }
  .programSite .w1440 .box .smallbox { width: 100%; }
  .popUp .popUpBox .businessXml .ptitle p { margin-top: 15px; font-size: 16px; }
  .popUp .popUpBox .businessXml .businessPopitems { margin-top: 30px; }
  .popUp .popUpBox .businessXml .businessPopitems .item { width: 100%; margin-bottom: 15px; font-size: 14px; }
  .popUp .popUpBox .businessXml .businessPopitems .item:last-child { margin-bottom: 0; }
  .popUp .popUpBox .businessXml .businessPopitems .item input { height: 40px; }
  .popUp .popUpBox .businessXml .businessPopitems .item .icon { -webkit-transform: translateX(15px); transform: translateX(15px); }
  .popUp .popUpBox .businessXml .businessCont { min-height: 120px; font-size: 14px; padding: 7px; }
  .popUp .popUpBox .businessXml button { font-size: 14px; height: 40px; }
  .honor .w1680 .head .ptitle { width: 100%; }
  .honor .w1680 .head .honnr_list { width: 100%; margin-top: 30px; }
  .honor .w1680 .head .honnr_list a { margin: 0 !important; }
  .case .w1440 .items .item { width: 32%; }
  .case .w1440 .items i { width: 32%; }
  .news .w1440 .newsitems .item { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .news .w1440 .newsitems .item figure { width: 100%; }
  .news .w1440 .newsitems .item .font { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; padding: 30px; }
  .news .w1440 .newsitems .item .font time, .news .w1440 .newsitems .item .font i { display: none; }
  .lotcanshu .w1440 { margin-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .lotcanshu .w1440 .listbox { width: 100%; height: auto; }
  .lotcanshu .w1440 .listbox .list { width: 100%; }
  .lotcanshu .w1440 .listbox .list li { margin-bottom: 10px; }
  .lotcanshu .w1440 .listbox .list li:last-child { margin-bottom: 0; }
  .lotcanshu .w1440 .listbox .listzhan { display: none; }
  .lotcanshu .w1440 figure { width: 70%; margin-bottom: 30px; }
  .basicsInner .w1440 .swiper { width: 100%; }
  .basicsInner .w1440 .swiper .prev, .basicsInner .w1440 .swiper .next { font-size: 14px; width: 30px; height: 30px; }
  .basicsInner .w1440 .swiper .swiper-prd { margin: 0 15px; }
  .basicsInner .w1440 .font { width: 100%; margin-top: 30px; }
  .basicsInner .w1440 .font p { min-height: auto; }
  .basicsInner .w1440 .font .ptitle { text-align: center; }
  .basicsInner .w1440 .font .ljgd { margin: 0 auto; }
  .indexNews .w1680 .box .swiper-news { padding-bottom: 30px; }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item { width: 100% !important; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item:last-child:before { width: 100%; height: 1px; top: auto; bottom: 0; }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item:after { width: 100%; height: 1px; }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item .linebox:after { display: none; }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item .linebox time { display: none; }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item .linebox h5 { font-size: 16px; -webkit-line-clamp: 1; margin-bottom: 10px; }
  .indexNews .w1680 .box .swiper-news .swiper-wrapper .swiper-slide .item .linebox .learnMore { display: none; }
  .businesshead { padding-top: 60px; }
  .businesshead .w1440 .head { position: static; -webkit-transform: translate(0); transform: translate(0); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .businesshead .w1440 .head .item { margin: 0 15px; width: 100px; height: 100px; }
  .businesshead .w1440 .head .item.active .dot { width: 95px; height: 95px; }
  .businesshead .w1440 .head .item.active .dot i { font-size: 24px; }
  .businesshead .w1440 .head .item.active .dot p { font-size: 12px; }
  .businesshead .w1440 .head .item:hover .dot { width: 95px; height: 95px; }
  .businesshead .w1440 .head .item:hover .dot i { font-size: 24px; }
  .businesshead .w1440 .head .item:hover .dot p { font-size: 12px; }
  .businesshead .w1440 .head .item .dot { width: 95px; height: 95px; }
  .businesshead .w1440 .head .item .dot i { font-size: 24px; margin-bottom: 6px; }
  .businesshead .w1440 .head .item .dot p { font-size: 12px; line-height: 1.4; }
  .businesshead .w1440 .innerText { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .businesshead .w1440 .innerText h5 { width: 100%; margin-right: 0; margin: 30px 0; }
  .businesshead .w1440 .innerText .font { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; }
  .programSite .w1440 .box { margin-top: 30px; }
  .programAdvantage .box { width: 90%; margin: 0 auto; height: auto; background: none; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .programAdvantage .box .bigdot { width: 350px; height: 350px; background: #F7F7F5; margin-bottom: 30px; }
  .programAdvantage .box .bigdot:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; width: 80%; height: 80%; background: #E6E6E6; }
  .programAdvantage .box .bigdot .dot { z-index: 5; width: 120px; height: 120px; }
  .programAdvantage .box .bigdot .imgdot { z-index: 3; width: 70%; }
  .programAdvantage .box .bigdot .imgdot img { width: 100%; }
  .programAdvantage .box .item { position: static; width: 48%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transform: translate(0) !important; transform: translate(0) !important; margin-bottom: 20px; }
  .programAdvantage .box .item:hover .itemdot { -webkit-transform: translate(0); transform: translate(0); }
  .programAdvantage .box .item .itemdot { width: 58px; height: 58px; }
  .programAdvantage .box .item p { -webkit-transform: translate(0) !important; transform: translate(0) !important; position: static; margin: 0 !important; margin-left: 15px !important; }
  .prdAdvantage .w1440 .box { margin: 0 auto; margin-top: 60px; width: 100%; height: auto; background: none; -ms-flex-wrap: wrap; flex-wrap: wrap; border: none; }
  .prdAdvantage .w1440 .box .bigdot { width: 350px; height: 350px; margin-bottom: 30px; }
  .prdAdvantage .w1440 .box .bigdot:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; width: 80%; height: 80%; }
  .prdAdvantage .w1440 .box .item { position: static; width: 48%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transform: translate(0) !important; transform: translate(0) !important; margin-bottom: 20px; }
  .prdAdvantage .w1440 .box .item:hover .itemdot { -webkit-transform: translate(0); transform: translate(0); }
  .prdAdvantage .w1440 .box .item .itemdot { width: 58px; height: 58px; }
  .prdAdvantage .w1440 .box .item p { -webkit-transform: translate(0) !important; transform: translate(0) !important; position: static; margin: 0 !important; margin-left: 15px !important; }
  .honor .w1680 .box .swiper-honor { margin-top: 30px; padding-bottom: 30px; }
  .honor .w1680 .box .swiper-honor .honorDot { overflow: hidden; }
  .honor .w1680 .box .swiper-honor .honorDot span { width: 6px; height: 6px; border-radius: 50%; margin: 0 3px !important; } }

@media screen and (max-width: 640px) { .program, .programAdvantage, .programPrd, .programSite, .fangan, .profile, .basics, .basicsInner, .prdAdvantage, .prdDispaly, .Iot, .lotcanshu, .lotmap, .news, .case, .honor .w1680, .qiyekanwu, .service, .serviceWish, .servicePromise { padding: 30px 0; }
  .iotInner .w1440 .ptitle { margin-bottom: 0 !important; }
  .honor .w1680 .box .swiper-honor { padding-bottom: 50px; }
  .honorBoxr span { height: 15px; margin: 0 15px; }
  .honorBoxr .honorprev, .honorBoxr .honornext { width: 30px; height: 30px; }
  .indexContact.pro { padding: 30px 0; }
  .programSiteItems .swiper-menu .num1 { font-size: 18px; }
  .sitetext { font-size: 16px; }
  .programSiteItems .swiper-menu { bottom: 15px; padding: 0 15px; }
  .programSiteItems .item { width: 100%; }
  .swiper-box1 .swiper-wrapper .swiper-slide .box1text.active h5 { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); }
  .indexProfile .item .numlist .list:nth-child(1) p { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
  .serviceAftersale .font { padding: 30px 5%; }
  .serviceAftersale .font .text { margin-top: 20px; }
  .mobileNav .box { padding-top: 50px; }
  .mobileNav .box .mobileNavitems .mobilelinkitems:before, .mobileNav .box .mobileNavitems .mobilelinkitems:after { height: 7px; }
  .mobileNav .box .mobileNavitems .item { height: 45px; }
  .mobileNav .box .mobileNavitems .mobilelinkitems a { height: 35px; }
  .servicePhone { padding: 30px 0; }
  .servicePhone .w1680 .box .ptitle { text-align: center; }
  .servicePhone .w1680 .box .text { margin-top: 30px; }
  .servicePromise .w1440 .items { margin-top: 30px; }
  .servicePromise .w1440 .items .item { width: 100%; margin-bottom: 20px; }
  .servicePromise .w1440 .items .item:last-child { margin-bottom: 0; }
  .servicePromise .w1440 .items .item .dot { width: 60px; height: 60px; }
  .servicePromise .w1440 .items .item .dot i { font-size: 22px; }
  .servicePromise .w1440 .items .item p { margin-top: 10px; }
  .serviceWish .w1680 .swiper { margin: 25px 0; }
  .serviceWish .w1680 .swiper .swiper-text { margin: 0 20px; }
  .serviceWish .w1680 .swiper .swiper-text .swiper-wrapper .swiper-slide p { font-size: 14px; }
  .serviceWish .w1680 .swiper .prev, .serviceWish .w1680 .swiper .next { font-size: 16px; }
  .serviceWish .swiper-line .w1680 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .dot i { font-size: 24px; }
  .serviceWish .swiper-line .w1680 .swiper-wrapper .swiper-slide .dot { width: 40px; height: 40px; }
  .serviceWish .swiper-line .w1680 .swiper-wrapper .swiper-slide .dot:last-child { margin-top: 0; }
  .serviceWish .swiper-line .w1680 .swiper-wrapper .swiper-slide .dot i { font-size: 16px; }
  .serviceWish .swiper-line .w1680 .swiper-wrapper .swiper-slide .dot p { font-size: 16px; }
  .ititle h5 { margin-bottom: 2px; }
  .service .w1440 .box { margin-top: 30px; }
  .service .w1440 .box h6 { font-size: 16px; }
  .indexContact .w1680 .box .map .item .dot { width: 60px; height: 60px; }
  .indexContact .w1680 .box .map .item i { font-size: 14px; }
  .indexContact { padding: 30px 0; }
  .indexContact .w1680 .box .mapswiper { -webkit-transform: translate(0); transform: translate(0); width: 100%; }
  .indexContact .w1680 .box .mapswiper .swiper-map { width: 100%; }
  .indexContact .w1680 .box .mapswiper .swiper-map .swiper-wrapper .swiper-slide { padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
  .indexContact .w1680 .box .mapswiper .swiper-map .swiper-wrapper .swiper-slide h5 { font-size: 18px; font-weight: 400; }
  .indexContact .w1680 .box .mapswiper .swiper-map .swiper-wrapper .swiper-slide img { margin: 10px 0; width: 100%; }
  .indexContact .w1680 .box .mapswiper .swiper-map .swiper-wrapper .swiper-slide h6 { font-size: 14px; margin-bottom: 5px; }
  .indexContact .w1680 .box .mapswiper .swiper-map .swiper-wrapper .swiper-slide p { font-size: 14px; }
  .qiyekanwu .w1680 .neiken .swiper-neikan .neikan-list span { width: 6px; height: 6px; margin: 0 3px !important; }
  .qiyekanwu .w1680 .neiken .swiper-neikan { padding: 30px 0; }
  .qiyekanwu .w1680 .neiken .swiper-neikan .swiper-wrapper .swiper-slide p { font-size: 14px; margin-top: 10px; }
  .case .w1440 .items { margin-top: 30px; }
  .case .w1440 .items .item { height: 60px; }
  .case .w1440 .items .item { width: 49%; }
  .case .w1440 .items i { width: 49%; }
  .pagingchin { margin-top: 30px; }
  .pagingchin a { height: 30px; min-width: 30px; font-size: 14px; }
  .news .w1440 .newsitems { margin-top: 30px; }
  .news .w1440 .newsitems .item .font { padding: 15px; }
  .news .w1440 .newsitems .item .font h5 { font-weight: 400; font-size: 16px; }
  .news .w1440 .newsitems .item .font p { margin: 0; margin-top: 7px; font-size: 14px; }
  footer .footerTop { padding: 25px 0; }
  footer .footerTop .w1680 { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  footer .footerTop .w1680 .item:after { display: none; }
  footer .footerTop .w1680 .item:nth-child(1) { display: none; }
  footer .footerTop .w1680 .item:nth-child(2) { width: 100%; margin-top: 20px; }
  footer .footerTop .w1680 .item:nth-child(2) ul { padding: 0; }
  footer .footerTop .w1680 .item:nth-child(2) ul li { margin-bottom: 10px; }
  footer .footerFoot { padding: 15px 0; }
  .newsInner { padding-bottom: 30px; }
  .newsInner .w1680 { padding-top: 20px; -webkit-transform: translateY(-20px); transform: translateY(-20px); margin-bottom: -20px; }
  .newsInner .w1680 .w1440 .font { padding: 15px 0; }
  .newsInner .w1680 .w1440 .title { margin: 10px 0 5px; }
  .newsInner .w1680 .w1440 .title span { font-size: 12px; }
  .newsInner .w1680 .w1440 .head { text-align: left; }
  .newsInner .w1680 .w1440 .head h5 { font-size: 17px; }
  .newsInner .w1680 .w1440 .fontlink { padding: 30px 0; }
  .newsInner .w1680 .w1440 .fontlink .item { width: 100%; }
  .newsInner .w1680 .w1440 .fontlink .item a { margin-bottom: 0; }
  .newsInner .w1680 .w1440 .fontlink .ljgd { width: 100px; height: 35px; margin: 0 auto; margin-top: 15px; }
  .newsInner .w1680 .w1440 .fontlink .ljgd i { font-size: 14px; margin-left: 15px; }
  .time { padding: 30px 0 180px; }
  .time .w1680 .swiper-time { margin-top: 25px; }
  .time .w1680 .swiper-time .swiper-wrapper .swiper-slide p { font-size: 14px; }
  .time .w1680 .swiper-time .swiper-wrapper .swiper-slide h5 { font-size: 32px; }
  .time .listline { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); }
  .time .listline .swiper-list { width: 40%; }
  .time .listline .swiper-list .swiper-wrapper .swiper-slide.swiper-slide-active p { font-size: 12px; }
  .time .listline .swiper-list .swiper-wrapper .swiper-slide p { -webkit-transform: rotate(18deg); transform: rotate(18deg); font-size: 12px; padding-bottom: 8px; }
  .spep { font-size: 12px; margin-top: 0; -webkit-line-clamp: 2; }
  .lotmap .w1440 .items { margin: 30px 0 0; }
  .lotmap .w1440 .load { width: 100px; height: 35px; }
  .lotmap .w1440 .items .item { margin-bottom: 20px; }
  .lotmap .w1440 .items .item p { font-size: 14px; }
  .iotSpecial { padding: 30px 0; }
  .iotSpecial .w1440 .item { width: 48%; margin-bottom: 18px; padding: 30px 15px; height: auto; }
  .iotSpecial .w1440 .item:last-child:nth-child(4n - 1) { margin-right: 0; }
  .iotSpecial .w1440 .item:last-child:nth-child(4n - 2) { margin-right: 0; }
  .iotSpecial .w1440 .item:last-child:nth-child(3n - 1) { margin-right: 0; }
  .iotSpecial .w1440 .item figure img { width: 40px; }
  .iotSpecial .w1440 .item p { margin-top: 15px; }
  .Iot .w1180 .items .item .golink { display: none; }
  .iotInner { padding: 30px 0; }
  .iotInner .w1440 .ptitle { margin: 30px 0; }
  .Iot .w1180 .items .item .text { margin-bottom: 15px; }
  .Iot .w1180 .items { margin-top: 30px; }
  .Iot .w1180 .loadmore { margin-top: 30px; }
  .Iot .w1180 .loadmore .dot { width: 30px; height: 30px; font-size: 12px; }
  .prdAdvantage .w1440 .ptitle p, .prdDispaly .w1440 .ptitle p { margin-top: 15px; }
  .Iot .w1180 .items .item { width: 100%; padding: 15px; margin-bottom: 20px; }
  .Iot .w1180 .items .item:last-child { margin-bottom: 0; }
  .prdDispaly .w1440 .swiper-display { margin-top: 25px; }
  .prdDispaly .w1440 .swiper-display .swiper-wrapper .swiper-slide p { font-size: 14px; }
  .prdDispaly .w1440 .swiper-display .paginations span { width: 16px; height: 2px; margin: 0 3px; }
  .basics .w1440 .item { padding: 15px; width: 100%; margin-bottom: 20px; }
  .basics .w1440 .item:last-child { margin-bottom: 0; }
  .basics .w1440 .item .font h5 { font-size: 18px; margin-bottom: 12px; }
  .basics .w1440 .item .font .ljgd { width: 100px; height: 35px; }
  .basics .w1440 .item .font .ljgd i { margin-left: 10px; }
  .basics .w1440 .item figure { margin-top: 15px; }
  .popUp .popUpBox { padding: 15px; padding-top: 30px; width: 90%; }
  .popUp .popUpBox .profilebox .text { margin-top: 20px; padding: 15px 0 0; }
  .popUp .popUpBox .xmlclose { display: none; }
  .popUp .popUpBox .profilebox .ititle h6 { font-size: 12px; }
  .subnavHead .bannervideo .needs h5 { font-size: 18px; }
  .profile .w1680 .font .learnMore { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .profile .w1680 .icon { margin-top: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .profile .w1680 .icon .item { width: 100%; margin-bottom: 40px; }
  .profile .w1680 .icon .item:last-child { margin-bottom: 0; }
  .profile .w1680 .icon .item:after { display: none; }
  .profile .w1680 .icon .item .box { padding: 0; }
  .profile .w1680 .icon .item .box i { font-size: 24px; margin-bottom: 15px; }
  .profile .w1680 .icon .item .box .ptitle .line { margin-top: 5px; }
  .profile .w1680 .icon .item .box .hiddenHeight { margin-top: 15px; }
  .subnavHead .bannervideo .needs .needVideo { width: 35px; height: 35px; font-size: 14px; }
  .subnavHead .bannervideo .needs h5 { margin-top: 5px; }
  .fangan .w1440 .items { margin-top: 30px; }
  .indexNews .w1680 .title { padding-top: 30px; }
  .indexNews .w1680 .title .more { width: 90px; height: 30px; }
  .indexNews .w1680 .title .pagtitle { margin: 20px 0 25px; }
  .indexNews .w1680 .title .pagtitle span { font-size: 16px; margin: 0 12px; }
  .indexBus .w1680 .ititle { text-align: left; }
  .indexBus .items .item { padding: 90px 0 30px; }
  .indexBus .items .item .box .ititle { text-align: left; }
  .indexBus .items .item .box .font h5 { font-size: 16px; }
  .indexBus .items .item .box .font .list { margin-top: 15px; }
  .indexBus .items .item .box .font .list a { height: 30px; font-size: 14px; }
  .ititle .line { height: 2px; margin-top: 8px; }
  .getfangan { padding: 30px 0; }
  .getfangan .text .ptitle h5 { font-size: 18px; }
  .getfangan .text .list { margin: 30px 0; }
  .getfangan .text .list li { margin-bottom: 20px; }
  .getfangan .text .list li .title { font-size: 18px; }
  .getfangan .text .list li p { font-size: 14px; }
  .getfangan .text .phone i { font-size: 22px; }
  .getfangan .text .phone p { font-size: 18px; margin-left: 10px; }
  .fangan .w1440 .items .item .font { padding: 15px; }
  .fangan .w1440 .items .item .font .text h4 { font-size: 16px; margin-bottom: 5px; }
  .fangan .w1440 .items .item .font ul { margin: 20px 0; }
  .fangan .w1440 .items .item .font .learn .ljgd { width: 110px; height: 35px; }
  .fangan .w1440 .items .item .font .learn .ljgd i { margin-left: 10px; }
  .subnavHead .bannerText { padding-top: 50px; }
  .subnavHead .bannerText .w1440 h5 { font-size: 17px; margin-bottom: 6px; }
  .subnavHead .bannerText .w1440 h6 { font-size: 14px; }
  .prdlinks .swiper-text .item figure { width: 24px; }
  .prdlinks .swiper-text .item h5 { margin-top: 12px; }
  .prdlinks .swiper-text .item .ljbox { margin-top: 12px; height: 35px; }
  .prdlinks .swiper-text .item .ljbox .ljgd { width: 120px; height: 35px; }
  .prdlinks .swiper-text .item .ljbox .ljgd span { margin-right: 15px; }
  .subnavBody { height: 40px; }
  .subnavBody .w1440 .link a { margin-right: 12px; }
  header { height: 50px; }
  header .w1680 .logo img { height: 20px; }
  .programPrd .w1440 .swiper-prd .swiper-wrapper .swiper-slide { padding: 15px; }
  .subnavHead .bannerText.special .w1440 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .subnavHead .bannerText.special .w1440 h5 { font-size: 18px; margin-bottom: 7px; }
  .subnavHead .bannerText.special .w1440 p { font-size: 13px; margin-top: 10px; line-height: 1.4; }
  .programPrd .w1440 .swiper-prd { padding: 30px 0; }
  .programPrd .w1440 .swiper-prd .paginations span { width: 6px; height: 6px; margin: 0 3px !important; }
  .ptitle h5 { font-size: 18px; }
  .ptitle .line { margin-top: 5px; height: 2px; }
  .program .w1440 .font .text { margin: 20px 0; }
  .swiper-box1 .swiper-wrapper .swiper-slide .box1text h5 { font-size: 20px; }
  .swiper-box1 .swiper-pag { display: none; }
  .indexProfile .item .needvideobg .needVideo { width: 60px; height: 60px; }
  .indexProfile .item .needvideobg .needVideo i { font-size: 22px; }
  .indexProfile .item .needvideobg .needVideo p { -webkit-transform: translate(12px, 0); transform: translate(12px, 0); font-size: 12px; }
  .ititle { text-align: center; }
  .ititle h5 { font-size: 18px; }
  .ititle h6 { font-size: 14px; }
  .indexProfile { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .indexProfile .item:last-child { padding-top: 30px; }
  .indexProfile .item:last-child .font .text { margin: 15px 0; }
  .indexProfile .item:last-child .font .learnMore { margin: 0 auto; }
  .indexProfile .item:last-child .numlist { margin-top: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .indexProfile .item:last-child .numlist .list { padding: 15px 0; width: 50%; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
  .indexProfile .item:last-child .numlist .list .num span { font-size: 24px; }
  .indexProfile .item:last-child .numlist .list .num .littledot { margin-left: 5px; }
  .indexProfile .item:last-child .numlist .list p { height: auto; text-align: center; margin-top: 10px; }
  .prdlinks .swiper-text .item .ljbox .ljgd { width: 90px; height: 32px; }
  .prdlinks .swiper-text .item .ljbox .ljgd span { margin-right: 5px; }
  .prdlinks .swiper-text .item .ljbox .ljgd i { font-size: 14px; } }

@media screen and (max-width: 480px) { .programAdvantage .box .item { margin-bottom: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }
  .programAdvantage .box .item .itemdot { width: 40px; height: 40px; margin: 0 auto; margin-bottom: 8px; }
  .programAdvantage .box .item p { width: 100%; margin-left: 0 !important; }
  .programAdvantage .box .bigdot { width: 270px; height: 270px; }
  .prdAdvantage .w1440 .box .bigdot { width: 270px; height: 270px; }
  .honor .w1680 .head .honnr_list { margin-top: 15px; }
  .honor .w1680 .head .honnr_list a { margin: 0 !important; font-size: 16px; }
  .honor .w1680 .head .honnr_list a.active { font-size: 16px; }
  .honor .w1680 .head .honnr_list a:after { -webkit-transform: translateY(3px); transform: translateY(3px); }
  .honor .w1680 .box .swiper-honor .swiper-wrapper .swiper-slide { height: 250px; padding: 15px; }
  .honor .w1680 .box .swiper-honor .swiper-wrapper .swiper-slide p { margin-top: 15px; }
  .honor .w1680 .box .swiper-honor { height: auto; }
  .prdAdvantage .w1440 .box { margin-top: 30px; }
  .time { padding: 30px 0 100px; }
  .prdAdvantage .w1440 .box .item { margin-bottom: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }
  .prdAdvantage .w1440 .box .item .itemdot { width: 40px; height: 40px; margin: 0 auto; margin-bottom: 8px; }
  .prdAdvantage .w1440 .box .item p { width: 100%; margin-left: 0; }
  .basicsInner .w1440 .font p { margin: 20px 0; }
  .basicsInner .w1440 .font .ljgd { width: 100px; height: 35px; }
  .basicsInner .w1440 .font .ljgd i { margin-left: 10px; }
  .businesshead { padding: 30px 0; }
  .businesshead .w1440 .head { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .businesshead .w1440 .head .item { margin: 0px; }
  .businesshead .w1440 .head .item .dot { width: 95px; height: 95px; }
  .businesshead .w1440 .head .item .dot i { font-size: 24px; margin-bottom: 6px; }
  .businesshead .w1440 .head .item .dot p { font-size: 12px; line-height: 1.4; }
  .businesshead .w1440 .innerText h5 { margin-bottom: 15px; font-size: 18px; text-align: center; }
  .businesshead .w1440 .innerText .font { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; }
  .businesshead .w1440 .innerText .font h6 { font-size: 16px; margin-bottom: 5px; } }

@media screen and (max-width: 370px) { .businesshead .w1440 .head .item { -webkit-transform: scale(0.8); transform: scale(0.8); }
  .businesshead .w1440 .head .item.active { border-color: #fff; }
  .businesshead .w1440 .head .item:hover { border-color: #fff; } }