@media screen and (min-width:1025px) {
   .prodcutDemo .item:hover .img img {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
   }

   .moreMess:hover:before {
      transform: scaleX(1);
      -webkit-transform: scaleX(1);
      -moz-transform: scaleX(1);
      transform-origin: 0;
      -webkit-transform-origin: 0;
      visibility: visible\9;
   }

   .pro-img-demo figure:hover {
      z-index: 5;
   }

   .pro-img-demo figure:hover .img {
      transform: scale(1.12);
      -webkit-transform: scale(1.12);
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
   }

   .pro-img-demo figure.pro-kc-item5:hover .img {
      transform: none;
      -webkit-transform: none;
      box-shadow: 0 0 0 0 transparent;
   }
}

@media screen and (min-width:1361px) {
   header {
      height: 54px;
   }

   .topbar-inner {
      padding: 15px 3%;
      line-height: 36px;
   }

   .serach-box {
      padding: 5px 40px 5px 10px;
      height: 26px;
      width: 218px;
   }

   .serach-box .stxt {
      height: 26px;
      line-height: 26px;
   }

   .banner .slick-dots {
      width: 1200px;
      margin-left: -600px;
      left: 50%;
   }

   .productIbox .info .c {
      margin-bottom: 28px;
   }

   .pageNav a:hover:before {
      transform: scaleX(1);
      -webkit-transform: scaleX(1);
      -moz-transform: scaleX(1);
      transform-origin: 0;
      -webkit-transform-origin: 0;
      visibility: visible\9;
   }

   .responsibility-page {
      width: 1150px;
   }
}

@media screen and (min-width:1440px) {
   header {
      height: 60px;
   }

   .top {
      height: 60px;
   }

   .logo a {
      padding: 18px 15px 18px 0;
      height: 50px;
      width: 239px;
   }

   .logo .sj {
      width: 32px;
      left: -32px;
   }

   .top.fixed .logo {
      top: -12px;
   }

   .nav li {
      margin-right: 25px;
      height: 60px;
      line-height: 60px;
   }

   .binbox {
      width: 550px;
   }

   .binbox .zh-t {
      font-size: 34px;
   }

   .binbox .zh-by {
      font-size: 54px;
   }

   .binbox .bot {
      margin: 28px 0px 18px;
   }

   .binbox .en-t {
      font-size: 22px;
      padding-bottom: 5px;
   }

   .oneBoxList dd {
      height: 320px;
   }

   .aboutIbox .name {
      font-size: 32px;
   }

   .aboutIbox .en {
      font-size: 42px;
   }

   .aboutIbox .zh {
      font-size: 16px;
   }

   .aboutI-ul article {
      padding: 14px 0px 0px 16%;
      height: 128px;
   }

   .aboutI-ul .num {
      font-size: 48px;
   }

   .videoIbox .vimg {
      width: 100%;
      height: 320px;
   }

   .aboutI-ul .more {
      height: 142px;
   }

   .newIdemo .c {
      height: 100px;
   }

   .productIbox .info {
      padding-top: 25%;
   }

   .productIbox .info .t {
      font-size: 24px;
      margin-bottom: 18px;
   }

   .productIbox .info .c {
      margin-bottom: 32px;
   }

   .pbanner .en {
      font-size: 45px;
   }

   .pagePadding {
      padding: 80px 0px;
   }

   .honor-list {
      margin-top: 55px;
   }

   .pro-i-box .t {
      font-size: 28px;
   }

   .phos-t {
      font-size: 30px;
   }

   .phos-by {
      font-size: 14px;
   }

   .join-t {
      font-size: 28px;
   }

   .language-box {
      height: 60px;
      line-height: 60px;
      margin-right: 440px;
   }
}

@media screen and (min-width:1700px) {
   header {
      height: 72px;
   }

   .top {
      height: 72px;
   }

   .logo {
      top: 19px;
   }

   .logo a {
      padding: 22px 30px 22px 10px;
      height: 61px;
      width: 291px;
   }

   .logo .sj {
      width: 40px;
      left: -40px;
   }

   .top.fixed .logo {
      top: -18px;
   }

   .nav li {
      margin-right: 40px;
      height: 72px;
      line-height: 72px;
   }

   .binbox {
      width: 640px;
      right: 8%;
   }

   .binbox .zh-t {
      font-size: 45px;
   }

   .binbox .zh-by {
      font-size: 64px;
   }

   .binbox .bot {
      margin: 35px 0px 25px;
   }

   .binbox .en-t {
      font-size: 26px;
      padding-bottom: 8px;
   }

   .binbox .en-by {
      font-size: 14px;
   }

   .oneBoxList dd {
      height: 388px;
   }

   .aboutIbox .name {
      font-size: 40px;
   }

   .aboutIbox .en {
      font-size: 50px;
   }

   .aboutIbox .zh {
      font-size: 18px;
   }

   /*.aboutI-ul li{ float: left; width: 18%;}
	.aboutI-ul li.lastMore{ width: 28%;}*/
   .aboutI-ul article {
      padding: 18px 0px 0px 14%;
      height: 144px;
   }

   .aboutI-ul .num {
      font-size: 60px;
   }

   .videoIbox .vimg {
      width: 100%;
      height: 388px;
   }

   .aboutI-ul .more {
      height: 162px;
   }

   .productIbox .con {
      width: 80%;
      left: 10%;
   }

   .pbanner {
      padding: 50px 0px;
   }

   .pbanner .en {
      font-size: 50px;
   }

   .honor-list {
      margin-top: 60px;
   }

   .fixedImg {
      background-size: cover;
   }

   .pro-info-t {
      font-size: 28px;
   }

   .pro-info-by {
      font-size: 18px;
   }

   .pro-i-box .t {
      font-size: 35px;
   }

   .phos-by {
      font-size: 16px;
   }

   .join-t {
      font-size: 30px;
   }

   .humanPage {
      width: 1440px;
   }

   .investorBanner .t {
      font-size: 36px;
      margin-bottom: 20px;
      ;
   }

   .zhangdie {
      font-size: 60px;
      margin-bottom: 20px;
   }

   .zhangdie .ico {
      font-size: 30px;
   }

   .investorBanner .c {
      padding: 5% 0px;
   }

   #noticePage {
      padding: 32px 0px 70px;
   }

   .mapBox {
      height: 560px;
   }

   .contactList .t {
      font-size: 30px;
   }
}

@media screen and (max-width:1260px) {
   .inner {
      width: 1000px;
   }

   header {
      height: 54px;
   }

   .topbar-inner,
   .nav {
      display: none;
   }

   .top {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
      z-index: 1000;
      background: none #fff;
      transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
      -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
   }

   .logo {
      left: 0;
      right: auto;
      top: 0;
   }

   .logo a {
      padding: 9px 0px 9px 8px;
      height: 36px;
   }

   .menu-handler,
   .serach-Mbtn {
      display: block;
   }

   .binbox {
      width: 40%;
   }

   .binbox .zh-t {
      font-size: 20px;
   }

   .binbox .zh-by {
      font-size: 34px;
   }

   .binbox .bot {
      height: 2px;
      margin: 15px 0 10px;
   }

   .binbox .en-t {
      font-size: 16px;
   }

   .binbox .en-by {
      font-size: 12px;
   }

   /*.aboutI-ul li{ float: left; width: 20%;}
	.aboutI-ul li.lastMore{ width: 20%;}*/
   .aboutI-ul article {
      padding: 15px 0px 0px 10%;
   }

   .aboutI-ul .num {
      font-size: 38px;
   }

   .footDL .name {
      font-size: 20px;
   }

   .newIdemo .item {
      margin: 0px 30px;
   }

   .newIdemo .c {
      height: 50px;
   }

   .productIbox .info .t {
      font-size: 18px;
   }

   .productIbox .info .c {
      height: 50px;
      min-height: 50px;
   }

   .aboutT {
      font-size: 26px;
   }

   .fixedImg {
      background-attachment: inherit;
      background-size: cover;
   }

   .paging a {
      width: 40px;
      height: 40px;
      line-height: 40px;
   }

   .newsList dd {
      height: 134px;
      padding-bottom: 30px;
   }

   .newsList .con h4 {
      font-size: 18px;
      height: 20px;
      overflow: hidden;
   }

   .newsList .img {
      width: 210px;
   }

   .newsList dd {
      padding-left: 340px;
   }

   .newsList .con .c {
      height: 50px;
      margin: 15px auto;
   }

   .pro-info-t {
      font-size: 24px;
   }

   .pro-info-by {
      font-size: 16px;
   }

   .proT {
      font-size: 24px;
   }

   .pro-i-box dl {
      margin: 0;
   }

   .phos-t {
      font-size: 36px;
   }

   .phos-by {
      font-size: 16px;
   }

   .pro-img-demo .img-item1 {
      width: 292px;
   }

   .pro-img-demo .img-item2 {
      width: 222px;
   }

   .pro-img-demo .img-item3 {
      width: 479px;
   }

   .pro-kc-item4 {
      width: 57.7%;
   }

   .pro-kc-item7 {
      width: 57.4%;
   }

   .pro-kc-item5,
   .pro-kc-item6 {
      width: 41%;
   }

   .language-box {
      display: none;
   }
}

@media screen and (max-width:1024px) {
   .inner {
      width: 90%;
   }

   .transYT,
   .transYT2 {
      transform: translateY(0px);
      -webkit-transform: translateY(0px);
      transition: transform 0ms;
      -webkit-transition: transform 0ms;
      transition-timing-function: ease-out;
   }

   .transXT,
   .transXT2 {
      transform: translateX(0px);
      -webkit-transform: translateX(0px);
      transition: transform 0ms;
      -webkit-transition: transform 0ms;
   }

   .transYT50,
   .transYT280,
   .transYT10 {
      transform: translateY(0px);
      -webkit-transform: translateY(0px);
      opacity: 1;
      visibility: visible;
      transition: transform 0ms, opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1);
      -webkit-transition: transform 0ms, opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1);
      transition-timing-function: ease-out;
      -webkit-transition-timing-function: ease-out;
   }

   .transXT50,
   .transXT250 {
      transform: translateX(0px);
      -webkit-transform: translateX(0px);
      opacity: 1;
      visibility: visible;
      transition: transform 0ms, opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1);
      -webkit-transition: transform 0ms, opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1);
      transition-timing-function: ease-out;
      -webkit-transition-timing-function: ease-out;
   }

   .action.transYT,
   .action.transYT2 {
      transform: translateY(0px);
      -webkit-transform: translateY(0px);
   }

   .action.transXT,
   .action.transXT2 {
      transform: translateY(0px);
      -webkit-transform: translateY(0px);
   }

   .action.transYT50,
   .action.transYT280,
   .action.transYT10 {
      opacity: 1;
      visibility: visible;
      transform: translateY(0px);
      -webkit-transform: translateY(0px);
   }

   .action.transXT50,
   .action.transXT280 {
      opacity: 1;
      visibility: visible;
      transform: translateX(0px);
      -webkit-transform: translateX(0px);
   }

   footer {
      background-size: cover;
   }

   .footDL .item1 {
      display: none;
   }

   .foot-tel {
      float: none;
      display: block;
   }

   .footC {
      text-align: left;
   }

   .binbox .bot {
      width: 38px;
   }

   .binbox {
      background-image: -webkit-linear-gradient(to right, rgba(50, 50, 50, 0.57), rgba(0, 0, 0, 0));
      background-image: linear-gradient(to right, rgba(50, 50, 50, 0.57), rgba(0, 0, 0, 0));
      right: 0;
   }

   .binbox .zh-t {
      font-size: 18px;
      line-height: 1.5;
   }

   .binbox .zh-by {
      font-size: 24px;
   }

   .binbox .en-t,
   .binbox .en-by {
      display: none;
   }

   .banner .slick-dots {
      bottom: 3%;
   }

   .banner .slick-dots li {
      margin-left: 2px;
   }

   .banner .slick-dots a {
      background-size: 70% auto;
   }

   .oneBoxList dd {
      float: none;
      width: auto;
      height: auto;
   }

   .aboutIbox .t {
      padding: 25px 0 25px 3.5%;
   }

   .aboutI-ul {
      position: relative;
      left: auto;
      bottom: auto;
   }

   .newIdemo .item .t,
   .newIdemo .item .btn-viewMore2 .txt {
      color: #5d176d;
   }

   .newIdemo .item .btn-viewMore2 .i {
      background-image: url(../images/jt_3.png);
      width: 41px;
   }

   .productIbox dd {
      width: 100%;
      float: none;
   }

   .productIbox .img {
      margin: 0px 50% 0px 0px;
   }

   .productIbox .twoItem .img {
      margin: 0px 0px 0px 50%;
   }

   .productIbox .con {
      top: 0;
      left: 50%;
      width: 40%;
      height: 100%;
      padding: 0px 5%;
   }

   .productIbox .twoItem .con {
      top: 0;
      height: 100%;
      left: 0%;
   }

   .productIbox .arrow {
      width: 0;
      height: 0;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      border-right: 12px solid #ededed;
      background: none;
      left: -10px;
      top: 50%;
      margin: -12px 0px 0px;
   }

   .productIbox .twoItem .arrow {
      width: 0;
      height: 0;
      background: no-repeat;
      border-right: 0px none;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      border-left: 12px solid #ededed;
      top: 50%;
      bottom: auto;
      left: auto;
      right: -10px;
      margin: -12px 0px 0px 0px;
   }

   .productIbox .info {
      padding-top: 25%;
      transform: none;
      -webkit-transform: none;
   }

   .productIbox .btn-viewMore {
      opacity: 1;
      visibility: visible;
   }

   .productIbox .info .c {
      height: auto;
   }

   .pbanner {
      padding: 50px 0px;
   }

   .pbanner .en {
      font-size: 36px;
   }

   .pbanner .gp1 {
      width: 120px;
      height: 120px;
      background-size: cover;
   }

   .pbanner .gp2 {
      width: 160px;
      height: 160px;
      background-size: cover;
   }

   .pageNav {
      height: auto;
   }

   .pageNav li {
      margin: 0px 5px;
   }

   .pagePadding {
      padding: 50px 0px;
   }

   .aboutT {
      font-size: 24px;
   }

   .history-nav {
      padding: 50px 0px 30px;
   }

   .history-nav li {
      padding-left: 0;
      width: 150px;
   }

   .history-item {
      font-size: 14px;
      line-height: 1.5;
      width: 130px;
      height: 113px;
      background-size: cover;
   }

   .history-item:before {
      background-size: cover;
   }

   .history-item .year {
      font-size: 18px;
      font-weight: normal;
   }

   .history-line {
      left: 9px;
   }

   .historyDemo .h-year {
      margin-left: 0;
      font-size: 24px;
      background-size: auto 80%;
      padding-left: 50px;
   }

   .history-list .img {
      margin: 0px 50px;
      width: 20%;
   }

   .history-list .yd {
      left: 4px;
      top: 0%;
      width: 8px;
      height: 8px;
      background: none #fff;
      border-radius: 50%;
      border: 3px solid #e87b00;
   }

   .history-list .con {
      width: 60%;
   }

   .history-list .con .sj {
      display: none;
   }

   .teamList figure {
      width: 30%;
   }

   .teamList .con {
      width: 62%;
   }

   .teamList .name {
      font-size: 18px;
   }

   .innovations-dl {
      width: 90%;
   }

   .innovations-list1 dd,
   .innovations-list2 dd {
      float: none;
      width: 100%;
   }

   .newsList .tiemBox {
      width: 68px;
   }

   .newsList .tiemBox .day {
      font-size: 30px;
   }

   .newsList .tiemBox .time {
      font-size: 12px;
   }

   .newsList .img {
      left: 80px;
   }

   .newsList dd {
      padding-left: 310px;
   }

   .infoC {
      padding: 50px 5%;
   }

   .infoT .t {
      font-size: 24px;
   }

   .pager a {
      height: 44px;
      line-height: 44px;
   }

   .infoPage .ys1,
   .infoPage .ys2 {
      background-attachment: inherit;
   }

   .pro-i-box .t {
      font-size: 20px;
   }

   .concept-tab-c h4 {
      font-size: 18px;
      margin-bottom: 10px;
   }

   .spiritList article {
      padding: 30px 5%;
   }

   .spiritList article h3 {
      font-size: 20px;
      margin-bottom: 10px;
   }

   .spirit-T .t {
      font-size: 24px;
   }

   .responsibility-page .time {
      padding: 10px 0px;
      font-size: 12px;
      width: 100px;
   }

   .responsibility-page .con {
      margin-left: 140px;
   }

   .responsibility-page .line {
      left: 48px;
      height: 100%;
   }

   .phos-t {
      font-size: 30px;
   }

   .phositem {
      width: 154px;
      height: 177px;
   }

   .phositem .img,
   .phositem .img .ico {
      width: 40px;
      height: 40px;
   }

   .chT {
      font-size: 20px;
   }

   .phos-list li {
      font-size: 14px;
      height: 44px;
      line-height: 44px;
   }

   .humanPage {
      width: 90%;
   }

   .hrlist dd {
      float: none;
      width: 100%;
   }

   .hrItem {
      margin-bottom: 20px;
   }

   .hrItem:last-child {
      margin-bottom: 0;
   }

   .hrItem img {
      display: none;
   }

   .hrItem .whitebg {
      background: url(../images/white_90.png) repeat;
      background: none rgba(255, 255, 255, 0.9);
   }

   .hrItem .con {
      top: auto;
      margin-top: 0;
      position: relative;
      padding: 20px 5%;
      width: auto;
      background-color: #F2F2F2;
   }

   .hrItem .con .t,
   .hrItem:hover .con .t {
      color: #212121;
      border-bottom-color: #212121;
      font-size: 16px;
      padding-bottom: 10px;
      margin-bottom: 10px;
   }

   #joinPage {
      padding: 0;
   }

   #joinPage .humanPage {
      padding: 0 0px 40px 0px;
      width: 100%;
   }

   .join-t {
      font-size: 20px;
   }

   .slider-nav {
      float: none;
      width: 100%;
   }

   .slider-nav .human-T {
      display: none;
   }

   .slider-nav-list li {
      float: left;
      display: block;
      width: 33.33%;
      background-color: #b6b6b6;
   }

   .slider-nav-list a {
      padding: 8px 0%;
      font-size: 14px;
      text-align: center;
   }

   .slider-nav-list {
      border-top: 0px none;
      padding: 0;
      margin: 0;
   }

   .joinC {
      width: 90%;
      margin: 0px auto;
      float: none;
      padding-top: 40px;
   }

   .joinC .human-T {
      font-size: 18px;
      text-align: center;
   }

   .joinBy {
      padding: 20px 0px;
      margin: 0;
   }

   .joinSelect {
      padding: 0px 0px 20px;
   }

   .zhangdie {
      font-size: 30px;
      margin-bottom: 8px;
   }

   .zhangdie .ico {
      font-size: 16px;
   }

   .investorBanner .t {
      font-size: 24px;
      margin-bottom: 8px;
   }

   .investorBanner .c {
      padding: 15px 0px;
   }

   .mapBox {
      height: 400px;
   }

   .contactPage .bgf2 {
      display: none;
   }

   .contactList dd {
      float: none;
      width: 100%;
   }

   .contactList .t {
      font-size: 20px;
   }

   .con-left-box .c {
      font-size: 14px;
      padding: 20px 0px;
   }

   .con-left-box .c-i {
      background-size: auto 70%;
   }

   .addressList {
      border-bottom: 1px solid #cccccc;
   }

   .addressList li {
      padding-top: 30px;
      padding-bottom: 30px;
   }

   .con-right-box {
      padding-bottom: 35px;
   }

   .con-right-box .t {
      padding-left: 0;
   }

   .formbox {
      margin-left: 0%;
   }

   .formbox .ctxt {
      padding: 8px 3%;
   }

   .vwrap .videobox {
      width: 700px;
      margin-left: -350px;
   }

   .pro-img-demo dd {
      margin-right: 0.5%;
      margin-bottom: 1%;
   }

   .pro-img-demo figure {
      margin-bottom: 2%;
   }

   .pro-img-demo .pro-kc-item1,
   .pro-img-demo .pro-kc-item3,
   .pro-img-demo .pro-kc-item6,
   .pro-img-demo .pro-kc-item7 {
      margin-bottom: 0px;
   }

   .pro-img-demo .pro-kc-item4,
   .pro-img-demo .pro-kc-item5 {
      margin-bottom: 1%;
   }

   .pro-kc-item4,
   .pro-kc-item6 {
      margin-right: 1%;
   }

   .pro-img-demo .img-item1 {
      width: 29%;
   }

   .pro-img-demo .img-item2 {
      width: 22%;
   }

   .pro-img-demo .img-item3 {
      width: 47.5%;
   }

   .fancybox-prev span,
   .fancybox-next span {
      background-color: rgba(0, 0, 0, 0.5);
      width: 30px !important;
      height: 30px !important;
      margin-top: -15px !important;
      background-size: 30% auto !important;
      background-repeat: no-repeat !important;
      background-position: center center !important;
   }

   .fancybox-prev {
      left: -15px !important;
   }

   .fancybox-next {
      right: -15px !important;
   }

   .fancybox-close {
      width: 40px !important;
      height: 40px !important;
      top: -20px !important;
      right: -10px !important;
      background-size: 30% auto !important;
   }

   .fancybox-title {
      font-size: 14px !important;
   }

   .prodcut-list dt {
      font-size: 24px;
   }

   .prodcut-list .item2,
   .prodcut-list .item3,
   .prodcut-list .item4 {
      width: 20%;
   }

   .prodcut-list .item5 {
      display: none;
   }

   /*.prodcut-list .item5 { background: url(../images/more_2.png) no-repeat scroll center center; min-height: 23px; }
    .prodcut-list .more-l { display: none; }*/
   .phosinfo-page-inner {
      overflow-y: hidden;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
   }

   .phosinfo-page {
      width: auto;
      overflow: auto;
   }

   .ch-footsharp a {
      margin: 0 10px 0 0;
   }

   .ch-footsharp a img {
      width: 24px;
   }
}

@media screen and (max-width:860px) {
   .binbox {
      width: 50%;
   }

   .aboutIbox .name {
      font-size: 20px;
   }

   .aboutIbox .en {
      font-size: 30px;
   }

   .productIbox .info {
      padding-top: 20%;
   }

   .productIbox .con {
      width: 42%;
      padding: 0px 4%;
   }

   .about-pdl .img,
   .about-pdl .con {
      float: none;
      width: auto;
   }

   .about-pdl .item {
      padding: 25px 0px 0px;
   }

   .about-pdl-r .item {
      padding: 25px 0px 0px;
   }

   .aboutT {
      font-size: 20px;
   }

   .historyDemo .h-year {
      padding-left: 5%;
   }

   .history-nav li {
      width: 140px;
   }

   .history-list .img {
      margin: 0px 5%;
   }

   .history-list .con {
      width: 70%;
      box-sizing: border-box;
   }

   .history-list dt {
      padding-bottom: 35px;
   }

   .teamList figure {
      width: 34%;
   }

   .teamList .con {
      width: 58%;
      padding: 25px 4%;
   }

   .initem {
      width: 150px;
      height: 150px;
   }

   .initem .img {
      padding-top: 20px;
   }

   .initem .img,
   .initem .img .ico {
      width: 40px;
      height: 40px;
   }

   .initem .img .ico {
      top: 20px;
   }

   .spiritList {
      margin-left: 0;
   }

   .spiritList dd {
      float: none;
      margin: 0px 0px 20px 0;
      width: 100%;
   }

   .phos-dl dd {
      margin: 0px 10px;
   }

   .phos-t {
      font-size: 24px;
   }

   .phositem {
      width: 130px;
      height: 149px;
      font-size: 14px;
   }

   .phos-con {
      width: 100%;
      margin-bottom: 30px;
   }

   .investorBanner {
      position: relative;
      left: auto;
      bottom: auto;
      background-color: #00050a;
   }

   .noticeList li {
      width: 48%;
   }

   .vwrap .videobox {
      width: 560px;
      margin-left: -298px;
   }

   .pro-info-con .pageC {
      width: auto;
      font-size: 14px;
   }

   .pro-img-demo {
      margin-top: 30px;
   }

   .pro-img-demo dd {
      margin-right: 1%;
   }

   .pro-img-demo .img-item1 {
      width: 29%;
   }

   .pro-img-demo .img-item2 {
      width: 22%;
      margin-right: 0;
   }

   .pro-img-demo .img-item3 {
      width: 47.5%;
   }

   .pro-kc-item4 {
      width: 57.9%;
   }

   .pro-img-demo .img-item1 {
      width: 56.3%;
   }

   .pro-img-demo .img-item2 {
      width: 42.6%;
   }

   .pro-img-demo .img-item3 {
      width: 100%;
   }

   .prodcut-list dt {
      font-size: 20px;
   }
}

@media screen and (max-width:641px) {
   .footDL {
      padding: 35px 0px;
   }

   .pageC img {
      width: auto !important;
      height: auto !important;
   }

   .smlink {
      margin-left: 0;
      display: block;
   }

   .banner .pimg1 {
      display: none;
   }

   .banner .pimg2 {
      display: block;
   }

   .binbox {
      width: 60%;
   }

   .binbox .zh-t {
      font-size: 16px;
   }

   .aboutIbox .t {
      padding: 15px 0 15px 3.5%;
   }

   .aboutIbox .name {
      font-size: 16px;
   }

   .aboutIbox .en {
      font-size: 26px;
   }

   .aboutI-ul li {
      width: 50%;
      border-bottom: 1px solid #f2b75f;
   }

   .aboutI-ul li.lastMore {
      width: 100%;
      border-bottom: 0px none;
   }

   .aboutI-ul .bot {
      display: none;
   }

   .aboutI-ul .num {
      font-size: 30px;
   }

   .aboutI-ul article {
      padding: 8px 0px 0px 8%;
      height: 84px;
   }

   .aboutI-ul .more {
      height: 60px;
      border-left: 0px none;
      background-color: #666;
      background-size: auto 40%;
   }

   .videoIbox .vimg {
      height: 240px;
   }

   .newIbox {
      padding: 30px 45px;
   }

   .newIbox .item {
      margin: 0px 5px;
   }

   .newIdemo .slick-prev {
      left: -45px;
   }

   .newIdemo .slick-next {
      right: -45px;
   }

   .productIbox .info {
      padding-top: 16%;
   }

   .productIbox .info .c {
      height: 50px;
      max-height: 50px;
   }

   .linkList {
      width: 100%;
   }

   .pbanner {
      padding: 35px 0px;
   }

   .pbanner .en {
      font-size: 32px;
   }

   .pbanner .gp1 {
      width: 80px;
      height: 80px;
   }

   .pbanner .gp2 {
      width: 120px;
      height: 120px;
   }

   .pagePadding {
      padding: 35px 0px;
   }

   .pageNav {
      border-bottom: 0px none;
   }

   .pageNav li {
      display: block;
      margin: 0;
      text-align: left;
      width: 50%;
      float: left;
   }

   .pageNav a:before {
      background: url(../images/page_menu.png) no-repeat scroll left -22px;
      width: 9px;
      height: 16px;
      position: absolute;
      left: auto;
      right: 10px;
      top: 50%;
      margin-top: -8px;
      transform: scaleX(1);
      -webkit-transform: scaleX(1);
      -moz-transform: scaleX(1);
      transform: scale(0.8);
      -webkit-transform: scale(0.8);
      transform-origin: 0;
      -webkit-transform-origin: 0;
      visibility: visible\9;
   }

   .pageNav a {
      line-height: 1.5;
      padding: 8px 10%;
      border-bottom: 1px solid #EDEDED;
   }

   .pageNav a.active,
   .pageNav a:hover {
      border-bottom-color: #e98205;
   }

   .pageNav a.active:before {
      background-position: left 0px;
      transform: scale(0.8);
      -webkit-transform: scale(0.8);
   }

   .honor-list {
      width: 100%;
      margin-top: 30px;
   }

   .honor-list .itemT {
      font-size: 14px;
   }

   .honor-list .itemC {
      font-size: 12px;
   }

   .honor-list .item1,
   .honor-list .item2,
   .honor-list .item3 {
      padding-left: 4%;
   }

   .honor-list .item1 {
      width: 38%;
      padding-left: 5%;
   }

   .honor-list .item2 {
      width: 20%;
   }

   .honor-list .item3 {
      width: 25%;
   }

   .historyDemo .h-year {
      padding-left: 30px;
   }

   .history-nav {
      padding: 30px 0px 15px;
   }

   .history-list .img {
      width: 170px;
      float: none;
      margin: 0px 0px 0px 30px;
   }

   .history-list .con {
      margin: 20px 0px 0px 30px;
      width: auto;
      float: none;
      padding: 0;
      background-color: transparent;
      border-radius: 0;
      box-shadow: 0px 0px 0px;
      color: #333;
   }

   .history-list .con .day {
      border-bottom-color: #333;
   }

   .history-list .con .c {
      min-height: auto;
   }

   .history-nav li {
      width: 25%;
      float: left;
      text-align: center;
      background: no-repeat;
      margin-bottom: 15px;
   }

   .history-item {
      width: 106px;
      height: 92px;
      font-size: 12px;
   }

   .history-item .year {
      font-size: 14px;
   }

   .teamList {
      width: 100%;
   }

   .teamList figure {
      width: 32%;
      padding: 3%;
   }

   .teamList .con {
      padding: 3% 2%;
   }

   .teamList .t {
      font-size: 14px;
      margin-bottom: 10px;
   }

   .teamList .name {
      font-size: 16px;
   }

   .innovations-dl {
      width: 100%;
      text-align: center;
      padding: 35px 0px;
   }

   .innovations-dl dd {
      float: none;
      display: inline-block;
      padding: 0;
      width: auto;
      margin: 0px 2%;
   }

   .initem {
      width: 140px;
      height: 140px;
   }

   .newsList .tiemBox {
      display: none;
   }

   .newsList .img {
      left: 0;
   }

   .newsList dd {
      padding-left: 230px;
   }

   .videoList dd {
      width: 100%;
      margin-bottom: 40px;
   }

   .videoList dd article {
      line-height: 1.5;
      padding: 12px 0px;
      height: auto;
      font-size: 15px;
   }

   .infoT .t {
      font-size: 20px;
   }

   .infoC {
      padding: 30px 5%;
   }

   .pager a {
      height: 40px;
      line-height: 40px;
   }

   .pager .prev,
   .pager .next {
      padding: 0px;
      text-align: center;
      width: 100px;
   }

   .pager .prev i {
      width: 13px;
      right: 82px;
   }

   .pager .next i {
      width: 13px;
      left: 82px;
   }

   .pager .prev:hover i,
   .pager .next:hover i {
      width: 12px;
   }

   .pro-info-t {
      font-size: 20px;
      margin-bottom: 8px;
   }

   .pro-info-by {
      font-size: 14px;
   }

   .proT {
      font-size: 20px;
   }

   .pro-i-box dd {
      float: none;
      width: 100%;
   }

   .pro-i-box .t {
      font-size: 18px;
   }

   .serviceLINK {
      position: relative;
      right: auto;
      bottom: auto;
   }

   .proPage table tr td {
      padding: 8px !important;
      font-size: 14px;
   }

   .concept-tab {
      width: 100%;
      padding: 18px 0px;
   }

   .conceptItem {
      font-size: 14px;
   }

   .conceptItem .img,
   .conceptItem .img .ico {
      width: 40px;
      height: 40px;
   }

   .conceptItem .img {
      margin-bottom: 8px;
   }

   .spiritList {
      padding-top: 30px;
   }

   .spirit-T .t {
      font-size: 18px;
   }

   .responsibility-page .line {
      display: none;
   }

   .responsibility-page .time {
      position: relative;
      left: auto;
      top: auto;
      width: 100%;
      margin-bottom: 15px;
      background-color: #e87b00;
   }

   .responsibility-page .t {
      font-size: 16px;
      margin-bottom: 8px;
      color: #e87b00;
   }

   .responsibility-page .con {
      margin-left: 0;
      margin-bottom: 25px;
   }

   .responsiblility-img li {
      width: 24%;
   }

   .phos-t {
      font-size: 20px;
   }

   .phos-dl {
      padding-top: 30px;
   }

   .phositem {
      width: 100px;
      height: 115px;
      font-size: 12px;
   }

   .phositem .img {
      padding-top: 10px;
      margin: 0px auto;
   }

   .phositem .img .ico {
      top: 10px;
   }

   .chT {
      font-size: 18px;
      margin-bottom: 20px;
   }

   .phos-cimg {
      padding-bottom: 30px;
   }

   .phos-cimg li {
      margin-bottom: 10px;
   }

   .phos-list li .more {
      display: none;
   }

   .joinList .joinspan:nth-child(2),
   .joinList .joinspan:nth-child(4),
   .joinList .joinspan.joinspan4 {
      display: none;
   }

   .joinList .joindt .joinspan:nth-child(1),
   .joinList .joinT .joinspan:nth-child(1) {
      width: 55%;
   }

   .joinList .joindt .joinspan:nth-child(3),
   .joinList .joinT .joinspan:nth-child(3) {
      width: 33%;
   }

   .investorBanner .list {
      width: 100%;
   }

   .investorBanner .list li {
      width: 50%;
   }

   .zhangdie {
      font-size: 24px;
      margin-bottom: 5px;
   }

   .zhangdie .ico {
      font-size: 14px;
   }

   .investorBanner .t {
      font-size: 16px;
      margin-bottom: 5px;
   }

   #noticePage {
      padding: 0 0 40px 0;
   }

   .noticeList {
      padding: 0 0px 25px 0px;
   }

   .noticeList .item .down-btn {
      background-size: auto 80%;
   }

   .allMore {
      width: 120px;
      height: 36px;
      line-height: 36px;
   }

   .noticeList .item .filler-left {
      height: 100%;
   }

   .noticeList .item .filler-right {
      height: 100%;
   }

   .noticeList .item .filler-top {
      width: 100%;
   }

   .noticeList .item .filler-bottom {
      width: 100%;
   }

   .noticeList .item .down-btn {
      background-image: url(../images/pdfico2.png);
      color: #e98205;
   }

   .presentationList .t {
      font-size: 18px;
      margin: 10px 0px;
   }

   .presentationList .item {
      padding: 20px 5%;
   }

   .presentationList dd .filler-left {
      height: 100%;
   }

   .presentationList dd .filler-right {
      height: 100%;
   }

   .presentationList dd .filler-top {
      width: 100%;
   }

   .presentationList dd .filler-bottom {
      width: 100%;
   }

   .presentationList dd .pdf {
      background-image: url(../images/pdf1.png);
      background-size: 80% auto;
      top: 10px;
      right: 10px;
      margin-top: 0;
   }

   #presentationPage {
      padding-bottom: 40px;
   }

   .presentationList {
      padding-bottom: 30px;
   }

   .mapBox {
      height: 280px;
   }

   .con-left-box .c-i {
      margin-bottom: 4px;
   }

   .addressList {
      flex-wrap: wrap;
      margin-left: 0;
   }

   .addressList li {
      width: 100%;
      padding: 20px 0px;
      border-bottom: 1px solid #cccccc;
   }

   .addressList li::before {
      display: none;
   }

   .addressList li:last-child {
      border-bottom: 0 none;
   }

   .addressList .add {
      font-size: 16px;
   }

   .formbox .ctxt {
      padding: 5px 3%;
   }

   .vwrap .videobox {
      width: 400px;
      margin-left: -218px;
      height: 350px;
      margin-top: -175px;
   }

   .pro-kc-item5 .txt {
      font-size: 1.4em;
   }

   .prodcut-list .itemC {
      font-size: 12px;
   }

   .prodcut-list {
      margin-bottom: 35px;
   }

   .ppnum {
      height: 40px;
      line-height: 40px;
   }
}

@media screen and (max-width:481px) {
   .productIbox .info .t {
      font-size: 16px;
   }

   .productIbox .info .c {
      font-size: 12px;
      height: 65px;
      max-height: 65px;
   }

   .productIbox .btn-viewMore {
      display: none;
   }

   .pbanner .en {
      font-size: 30px;
   }

   .history-nav li {
      width: 50%;
   }

   .history-item {
      margin: 0px auto;
      width: 130px;
      height: 113px;
   }

   .newsList dd {
      padding-left: 0;
      height: auto;
      padding-bottom: 20px;
      margin-bottom: 25px;
   }

   .newsList .img {
      position: relative;
      left: auto;
      top: auto;
      width: 40%;
      float: left;
      display: block;
   }

   .newsList .con {
      float: left;
      display: block;
      width: 55%;
      margin-left: 5%;
   }

   .newsList .con h4 {
      font-size: 14px;
      height: auto;
      line-height: 1.5;
      margin-bottom: 15px;
      height: 42px;
      overflow: hidden;
   }

   .newsList .con .c {
      display: none;
   }

   .phos-t {
      font-size: 18px;
   }

   .phos-dl {
      padding-top: 20px;
   }

   .mapBox {
      height: 200px;
   }

   .vwrap .videobox {
      width: 300px;
      margin-left: -178px;
      height: 300px;
      margin-top: -150px;
   }
}

@media screen and (max-width:421px) {
   .binbox .zh-by {
      font-size: 22px;
   }

   .videoIbox .vimg {
      height: 200px;
   }

   .pbanner .en {
      font-size: 28px;
   }

   .pbanner .zh {
      font-size: 16px;
   }

   .teamList figure {
      padding: 8% 0px;
      width: 84%;
      float: none;
      margin: 0px auto;
   }

   .teamList .con {
      padding: 0px 8% 5%;
      width: auto;
      float: none;
   }

   .phos-dl dd {
      margin: 0px 2px;
   }

   .noticeList {
      margin: 0;
   }

   .noticeList li {
      width: 100%;
      margin: 0px 0px 20px 0px;
   }

   .pro-kc-item4 {
      width: 100%;
      margin-left: 0;
   }

   .pro-img-demo .pro-kc-item4 {
      margin-right: 0;
   }

   .pro-kc-item5 {
      width: 100%;
   }

   .pro-kc-item5 .img {
      display: none;
   }

   .pro-kc-item5 .txt {
      position: relative;
      left: auto;
      top: auto;
      padding: 40px 0px;
      display: block;
   }
}

@media screen and (max-width: 375px) {
   .binbox .zh-t {
      font-size: 14px;
   }

   .binbox .zh-by {
      font-size: 18px;
   }

   .pbanner .en {
      font-size: 24px;
   }

   .responsiblility-img li {
      width: 32.33%;
   }

   .vwrap .videobox {
      width: 240px;
      margin-left: -138px;
      height: 300px;
      margin-top: -150px;
   }
}

@media screen and (max-width: 360px) {
   .newIdemo .t {
      margin: 2px 0 8px;
      font-size: 16px;
      height: 24px;
   }

   .productIbox .info {
      padding-top: 40%;
   }

   .productIbox .info .c {
      display: none;
   }

   .newsList .con h4 {
      margin-bottom: 5px;
   }

   .pager .list {
      display: none;
   }

   .phositem {
      width: 84px;
      height: 97px;
   }

   .phositem .img {
      padding-top: 5px;
   }

   .phositem .img .ico {
      top: 5px;
   }

   .joinSelect .sebox,
   .chabtn {
      float: none;
      margin-right: 0;
   }

   .chabtn {
      width: 244px;
      height: 36px;
      line-height: 36px;
   }

   .mapBox {
      height: 180px;
   }
}