@charset "utf-8";

body { background-color: #f4f5f6; }
.container { width: 1460px; padding-left: 0; padding-right: 0; }

/*  head  */
.common-wap-nav { display: none; }
.head-fixed { position: fixed; width: 100%; background-color: #fff; z-index: 99999; box-shadow: 0 0 0 1px rgba(153,153,153,.1), 0 1px 6px rgba(20,30,50,.1), 0 2px 11px rgba(20,30,50,.1), 0 4px 10px -2px  rgba(20,30,50,.4),
    0 5px 15px -6px rgba(20,30,50,.1);  }
.header { padding: 40px 0 15px; display: flex; align-items: center; position: relative; z-index: 999; }
.header .menu { margin-left: auto; } 
.header .menu .menu-list { float: left; position: relative; z-index: 99999; }
.menu-list a { display: block; font-size: 18px; color: #333; padding: 0 25px; }
.menu-list:hover .drop-menu { display: block; }
.menu-list .drop-menu {  position: absolute; padding-top: 24px; display: none; }
.menu-list .drop-menu a { white-space: nowrap; background-color: #e0e2e6; border-bottom: 1px solid #fff; height: 42px;
  line-height: 42px; font-size: 16px; font-weight: normal; }
.menu-list .drop-menu a:hover { background-color: #303c57; color: #fff; }
.menu-list .search { margin-left: 25px; width: 25px; padding: 0; }
.menu-list .search img, .menu-list .search-close img { vertical-align: inherit; }
.menu-list .search-close { display: none; margin-left: 25px; width: 25px; padding: 0; }
.menu-list .tel { display: block; background:  url(../../images//web_images/tel.png) left center no-repeat; font-size: 22px; 
color: #333; padding-left: 35px; margin-left: 10px; line-height: 24px; font-weight: bold; }
.menu-list .form { position: absolute; top: 38px; left: -45px; display: none; }
.menu-list .form-control { width: 272px; height: 48px; border: 1px solid #949495; font-size: 14px; 
  color: #949495; background-color: #fff; }
.menu-list .search-btn { position: absolute; right: 0; top: 0; height: 48px; width: 41px;  padding: 0;
  background: url(../../images/web_images/search-bg.png) left center no-repeat; border: none; }
.wap-nav-wrap .search-wap { border: 1px solid #ccc; height: 34px; background: #fff; border-radius: 5px; position: relative; }
.wap-nav-wrap .inp { height: 32px; line-height: 32px; border: none; border-radius: 5px; color: #000; padding-left: 10px;
font-size: 12px; }
.wap-nav-wrap .btn { background: url(../../images/web_images/search-bg.png) center center no-repeat; height: 32px; position: absolute; right: 5px; top: 0; }
.logo { height: 44px; }


/*  foot   */
.footer { background-color: #e0e2e6; padding: 70px 0; margin-top: 50px; }
.footer-top { display: flex; align-items: center; }
.footer-center { display: flex; margin-top: 15px; padding-top: 38px; border-top: 2px solid #fff; }
.footer-left { flex: 1; }
.footer-right { width: 615px; }
.footer-right-online { display: flex; align-items: center; }
.footer-right-online a { width: 152px; height: 40px; line-height: 40px; background-color: #2e3c55; color: #fff; border-radius: 20px;
 font-size: 20px; }
.footer-right-online p { flex: 1; font-size: 22px; color: #2e3b55; font-weight: bold; }
.footer-menu { display: flex; }
.footer-menu dl { margin-right: 35px; }
.footer-menu dt { margin-bottom: 10px; }
.footer-menu dt a { font-size: 18px; color: #333; }
.footer-menu dd a { display: block; line-height: 32px; font-size: 16px; color: #333; }
.footer-right-title { font-size: 18px; font-weight: bolder; margin-bottom: 15px; padding-top: 3px; }
.footer-right-info { font-size: 16px; }
.footer-right-info .tel { font-size: 36px; }
.ewm-list { margin-top: 30px; }
.ewm-list li { float: left; width: 25%; padding: 0 5px; }
.ewm-list li h5 { font-size: 16px; padding-top: 15px; }
.footer-bottom { padding: 20px 0; line-height: 32px; font-size: 16px; }
.footer-bottom a { font-size: 16px; color: #333; }
.ga-icon { margin: 0 12px; }


/*   index   */
.mySwiper, .inn-ban { margin-top: 99px; }
.item-box { padding-top: 75px; }
.title { display: flex; margin-bottom: 15px; }
.title-left { flex: 1; }
.title-left h2 { font-size: 32px; font-weight: bolder; }
.title-left p { color: #666; padding-top: 10px; font-size: 20px; }
.title-right {display: flex; align-items: end; justify-content: end; }
.title-right a, .inner-nav a { font-size: 20px; color: #333; padding: 5px 15px; margin-left: 15px; }
.title-right a:hover, .title-right a.active, .inner-nav a:hover, .inner-nav a.active { background-color: #2e3c55; border-radius: 8px;
  color: #fff; }
.pro-list li { padding-left: 8px; padding-right: 8px; margin-bottom: 20px; }
.pro-list li a { display: block; width: 100%; background-color: #fff; border-radius: 8px; padding: 60px 0 50px; overflow: hidden; }
.pro-list li h3 { font-size: 26px; color: #333; padding: 15px 15px 0; }
.pro-list li .pro-img { overflow: hidden; margin: 0 25px; }
.pro-list li a img, .grid li img, .news-list li img, .news-left li img, .item1-area .item1-right img { display: block; 
  width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease;  }
.pro-list li a:hover, .news-list li a:hover { box-shadow: 0 0 0 1px rgba(20,30,50,.2), 0 1px 6px rgba(20,30,50,.2), 0 2px 11px rgba(20,30,50,.2), 0 4px 20px -2px  rgba(20,30,50,.6),
  0 10px 35px -6px rgba(20,30,50,.2); }
.pro-list li a:hover img, .news-left a:hover img, .grid li:hover img, .item1-area .item1-right img:hover { transform: scale(1.2); }
.tab-panel { display: none; }
.tab-panel.active { display: block; }
.tab-list .tab-btn { border: none; font-size: 20px; color: #333; padding: 5px 15px; margin-left: 15px; background: none; }
.tab-list .tab-btn:hover, .tab-list .tab-btn.active { background-color: #2e3c55; border-radius: 8px; color: #fff; }
.grid { font-size: 0; }
.grid li { display: inline-block; vertical-align: bottom; float: none; margin-top: 15px; padding-left: 8px; padding-right: 8px; }
.grid li a { display: block; }
.grid .grid-img { overflow: hidden; }
.grid li a.grid-name { position: absolute; width: 100%; height: 63px; font-size: 26px; left: 0; bottom: 0; line-height: 63px;
padding: 0 30px; background-color: rgba(46, 60, 85, .5); color: #fff; } 
.grid li:nth-child(1), .grid li:nth-child(4) { width: 66.66%; }
.grid li:nth-child(2), .grid li:nth-child(3) { width: 33.33%; }
.about-item { background-color: #e0e2e6; padding: 80px 0; margin-top: 50px; }
.about-item .about-right-img { position: absolute; right: 0; z-index: 0; }
.about-top { width: 985px; background-color: #fff; height: 371px; padding: 90px 60px 0; margin-top: 38px; position: relative; z-index: 9; }
.about-top .about-top-icon { position: absolute; left: -37px; top: -36px; }
.about-top h2 { font-size: 30px; font-weight: 900; color: #2e3b55; }
.about-top .arc { font-size: 18px; color: #666; line-height: 29px; margin-top: 15px; text-align: justify; }
.about-bottom { margin-top: 44px; }
.about-bottom .swiper-slide .about-bottom-icon { height: 54px; line-height: 54px; }
.about-bottom .swiper-slide h2 { font-size: 20px; color: #2e3b55; margin-top: 15px; font-weight: 900; }
.about-bottom .swiper-slide p { margin-top: 15px; font-size: 16px; color: #666; line-height: 25px; }
.news-left { padding-left: 0; padding-right: 0;}
.news-left li, .news-right { padding-left: 9px; padding-right: 9px; }
.news-left li a { display: block; background-color: #fff; padding-bottom: 23px; }
.news-left li h2 { font-size: 22px; color: #333; padding: 30px 26px 20px; font-weight: 900; line-height: 28px; }
.news-left li p { padding: 0 26px; font-size: 18px; color: #666; text-align: justify; }
.news-left li span { display: block; padding: 16px 26px 0; font-size: 18px; color: #666; }
.news-left li .news-img { overflow: hidden; }
.news-left li a:hover h2, .menu-list a:hover, .footer-menu dt a:hover , .footer-menu dd a:hover { color: #2e3b55; }
.news-right li { margin-bottom: 4px; background-color: #fff; }
.news-right li a { display: block; padding: 30px 30px 0; height: 150px; } 
.news-right li h2 { line-height: 28px; font-size: 22px; color: #333; font-weight: 900; }
.news-right li span { font-size: 18px; display: block; color: #666; margin-top: 18px; }

/*  单页  */
.ban-text { position: absolute; top: 29%; left: 0; right: 0; z-index: 9; }
.ban-text h1 { color: #fff; font-size: 40px; font-weight: bold; padding-left: 8px; letter-spacing: 4px; }
.ban-text p { margin-top: 15px; color: #fff; font-size: 22px; padding-left: 8px; letter-spacing: 1.8px; }
.location { height: 46px; line-height: 46px; border-bottom: 1px solid #888; font-size: 16px; color: #666; }
.location a { color: #666; }
.about-area { margin-top: 55px; }
.about-area .about-area-left { width: 880px; background-color: #f4f5f6; margin-top: 30px; height: 470px; padding-right: 65px; z-index: 99; }
.about-area .about-area-top-img { position: absolute; right: 0; top: 0; z-index: 1; }
.about-area-left .title-ch { color: #2e3b55; font-size: 32px; font-weight: bold; }
.about-area-left .title-en { color: #888; font-size: 16px; margin-top: 12px; }
.about-area-left .inner-arc { font-size: 18px; color: #666; margin-top: 28px; line-height: 30px; text-align: justify; }
.about-area-center { background-color: #2e3b55; padding: 50px 0; }
.about-area-center ul { display: flex; align-items: center; justify-content: center; }
.about-area-center li { flex: 1 1 33.33%; color: #f4f5f6; border-right: 1px solid #f4f5f6; }
.about-area-center li:last-child { border-right: none; }
.about-area-center li h2 { font-size: 28px; }
.about-area-center li .line { display: inline-block; width: 25px; height: 2px; background-color: #c30d23; }
.about-area-center li p { font-size: 18px; line-height: 25px; margin-top: 13px; }
.about-area-bottom { margin-top: 50px; }
.about-area-bottom-right { background-color: #f4f5f6; position: absolute; right: 0; top: 30px; width: 880px; height: 470px;
padding: 75px 0 0 65px; z-index: 999; }
.about-area-bottom-right .about-area-bottom-title { font-size: 28px; color: #333; font-weight: bold; }
.about-area-bottom-right .about-area-bottom-arc { font-size: 18px; color: #666; line-height: 32px; margin-top: 25px; text-align: justify; }
.about-area-bottom-right ul { margin-top: 20px; }
.about-area-bottom-right li { line-height: 40px; background: url(../../images/web_images/i10.png) left center no-repeat; padding-left: 23px; }


/*  图文列表   */
.inner-nav { margin-top: 55px; }
.news-list li { margin-top: 18px; }
.news-list li a { display: flex; background-color: #fff; }
.news-list .news-list-left { width: 553px; }
.news-list.sear-list .news-list-left { width: 365px; }
.news-list .news-list-right { flex: 1; padding: 50px 30px 0; }
.news-list.sear-list .news-list-right { padding: 25px 30px 10px; }
.news-list .news-list-title { font-size: 24px; color: #333; font-weight: bold; }
.news-list .news-list-arc { font-size: 18px; color: #666; line-height: 26px; margin-top: 15px; text-align: justify; }
.news-list .news-list-time { display: block; margin-top: 55px; font-size: 18px; color: #666; }
.news-list.sear-list .news-list-time { margin-top: 25px; }
.inner-pro-title { padding-top: 50px; }
.inner-pro-title h2 { font-size: 32px; color: #333; font-weight: bold; }
.inner-pro-title h4 { margin-top: 10px; font-size: 18px; color: #888; }
.inner-pro-list { margin-top: 20px; }
.inner-pro-list li h3 { font-weight: bold; padding: 0 30px; margin-top: 15px; }
.inner-pro-list .pro-arc { padding: 0 30px; margin-top: 15px; font-size: 16px; color: #666; line-height: 24px; }
.inner-pro-list .pro-more { display: block; font-size: 16px; color: #2e3b55; margin-top: 45px; }
.inner-pro-list li a:hover h3 { color: #2e3b55; }
.solu-area { margin-top: 30px; }
.solu-area .solu-line { position: absolute; height: 0; border-bottom: 3px solid #556075; border-bottom-style: dashed; top: 48px;
  left: 17%; right: 17%; z-index: 1; } 
.solu-area ul { display: flex; margin-top: 22px; align-items: center; justify-content: center; }
.solu-area li { flex: 1 1 33.33%; font-size: 18px; color: #666; line-height: 25px; position: relative; z-index: 9; }
.solu-area li img { background-color: #f4f5f6;}
.solu-area li h2 { font-size: 22px; color: #2e3b55; font-weight: bold; margin: 15px 0 10px; }
.item1 { background: url(../../images/web_images/pro-bg.jpg) top center no-repeat; padding-bottom: 15px; }
.item1 .item1-area { margin-top: 25px; display: flex; }
.item1-area .item1-box { flex: 1 1 50%; }
.item1-area .item1-left { font-size: 20px; line-height: 30px; color: #666; padding-right: 50px; text-align: justify; }
.item1-area .item1-right { text-align: right; overflow: hidden; }

.item2 .swiper { margin-top: 18px; }
.item2, .item3, .item4, .item5, .item6 { margin-top: 30px; }
.item3 ul { margin-top: 20px; border-top: 1px solid #888; }
.item3 li { border-bottom: 1px solid #888; padding: 13px 0; font-size: 26px; color: #666; padding-left: 30px; }
.item3 li span { color: #333; margin-right: 60px; }
.item4 .item4-arc { line-height: 36px; font-size: 20px; color: #666; margin-top: 15px; text-align: justify; }
.item6 .item6-list, .item5 .item5-list, .case-list { margin-top: 20px; display: flex; flex-wrap: wrap; padding: 0; list-style: none; }
.item5-list li h3 { font-weight: bold; line-height: 35px; }
.item5-list li .pro-more { display: block; font-size: 16px; color: #666; margin-top: 25px; }
.item5 .item5-list li { width: 50%; padding: 0 10px; box-sizing: border-box; display: flex; }
.item6 .item6-list li, .case-list li { width: 33.33%; padding: 0 10px; box-sizing: border-box; display: flex; }
.item5 .item5-list li a , .item6-list li a, .case-list li a { padding: 0 0 20px; }
.item5-list li .pro-img, .item6-list li .pro-img , .case-list li .pro-img { margin: 0; }
.item6-list li h3, .case-list li h3 { font-size: 22px; line-height: 26px; font-weight: bold; color: #333; }
.item6-list li a:hover h3, .item5-list li a:hover h3, .case-list li a:hover h3, .news-list li a:hover .news-list-title { color: #2e3b55; }
.pro-list.case-list li a { border-radius: 0; }
.case-list li { margin-bottom: 18px; }
.pages { margin-top: 50px; font-size: 16px; }
.pages a, .pages span { color: #484846; border: 1px solid #484846; padding: 6px 13px; border-radius: 4px;
  margin: 0 5px; }
.pages span { border: 1px solid #2e3c55; background-color: #2e3c55; color: #fff; }

/*   图文详情   */
.inner-box-top { display: flex; margin-top: 50px; }
.inner-box-top .box-left { flex: 1; padding-right: 50px; }
.box-left .box-title, .box-right .box-title  { font-size: 32px; color: #333; margin-bottom: 20px; font-weight: bold;  }
.box-left .box-left-info { font-size: 18px; color: #666; }
.box-left-info span { margin-right: 40px; }
.inner-box-top .box-right { width: 368px; }
.box-right ul { background-color: #e0e2e6; padding: 0 30px 30px; }
.box-right li { border-bottom: 1px solid #888; padding: 30px 0 10px; }
.box-right li a { display: block; }
.box-right li:hover h2 { color: #2e3b55; }
.box-right li h2 { font-size: 20px; color: #333; line-height: 24px; font-weight: bold; }
.box-right li span { display: block; font-size: 16px; color: #666; margin-top: 10px; }
.box-right .hot-line { padding: 35px 0 35px 30px; background: #e0e2e6; margin-top: 10px; }
.hot-line .hot-line-area { background: url(../../images/web_images/i11.png) left center no-repeat; padding-left: 70px; }
.hot-line-area h4 { font-size: 20px; color: #333; font-weight: bold; }
.hot-line-area h2 { font-size: 38px; color: #2e3b55; font-weight: bold; margin-top: 10px; letter-spacing: -2px; }
.inner-box-top .inner-arc { margin-top: 45px; font-size: 18px; color: #333; line-height: 30px; }
.inner-box-bottom { margin-top: 80px; }
.inner-box-bottom .keys-word { font-size: 22px; color: #333; }
.keys-word a { color: #333; margin-left: 12px; }
.inner-box-bottom .inner-page { border-top: 1px solid #888; margin-top: 18px; padding-top: 15px; }
.inner-page a { display: block; font-size: 22px; color: #333; line-height: 39px; }
.solu-item { background: url(../../images/web_images/solu-bg.jpg) bottom center no-repeat; padding-bottom: 60px; }
.solu-item .solu-item-area { font-size: 20px; line-height: 30px; margin-top: 30px; color: #666; text-align: justify; }
.ser-item { background: url(../../images/web_images/ser-bg.jpg) center center no-repeat; margin-top: 80px; height: 414px; }
.ser-item .ser-item-area { margin-top: 20px; font-size: 20px; line-height: 35px; padding-right: 250px; }
.inner-contact { margin-top: 80px; }
.contact-top h2 { font-size: 32px; color: #2e3b55; font-weight: bold; }
.contact-top h4 { font-size: 16px; color: #888; margin-top: 15px; }
.contact-center, .contact-bottom { margin-top: 30px; }
.contact-center { display: flex; }
.contact-center .c-left, .contact-center .c-right { flex: 1 1 50%; }
.contact-center .c-right ul { display: flex; text-align: center; }
.c-left .footer-right-info { font-size: 18px; }
.c-left p { margin-bottom: 10px; }
.c-right li { flex: 1 1 25%; padding-left: 18px; }
.c-right li h2 { font-size: 18px; color: #333; margin-top: 20px; }


/*  swiper轮播  */
.swiper-pagination-bullet { width: 11px; height: 11px; }
.swiper-pagination-bullet-active { background-color: #f7f7f8;}
.swiper-slide .swiper-name { position: absolute; bottom: 0; left: 0; right: 0; height: 37px; line-height: 37px; font-size: 18px; 
color: #fff; background: rgba(0, 0, 0, .3); text-align: center; }
.swiper-button-next, .swiper-button-prev { color: #2E3B55; outline: none; }
.mySwiper2 { padding: 0 20px; width: 100%; height: 100%; }
.pro-list .swiper-slide { padding: 25px 0; display: flex; justify-content: center; align-items: center; }
.pro-list .swiper-slide a { display: block; width: 100%; background-color: #fff; border-radius: 8px; padding: 60px 0 50px; overflow: hidden; }
.pro-list .swiper-slide h3 { font-size: 26px; color: #333; padding: 15px 15px 0; font-weight: normal; }
.pro-list .swiper-slide .pro-img { overflow: hidden; margin: 0 25px; }
.pro-list .swiper-slide a img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease;  }
.pro-list .swiper-slide a:hover { box-shadow: 0 0 0 1px rgba(20,30,50,.2), 0 1px 6px rgba(20,30,50,.2), 0 2px 11px rgba(20,30,50,.2), 0 4px 20px -2px  rgba(20,30,50,.6),
    0 10px 35px -6px rgba(20,30,50,.2); }
.pro-list .swiper-slide a:hover img { transform: scale(1.2); }
.pro-list .swiper-slide a:hover h3 { color: #2e3b55; }

/*  404    */
.page-404 { padding: 230px 0 100px; }
.page-404 h2 { font-size: 32px; color: #2e3b55; margin-bottom: 30px; }
.page-404 h3 { font-size: 25px; color: #2e3b55; margin-bottom: 20px; }
.page-404 a { display: inline-block; width: 151px; height: 40px; line-height: 40px; border-radius: 20px; background-color: #2e3c55; color: #fff; font-size: 20px;
 margin: 0 10px; }

@media (max-width: 1460px) {
  .container { width: 100%; padding-left: 15px; padding-right: 15px; }
  .item-box, .about-item { padding-top: 45px; }
  .title-left h2, .contact-top h2, .box-left .box-title, .box-right .box-title { font-size: 28px; }
  .title-left p, .title-right a, .inner-nav a, .tab-list .tab-btn, .about-top .arc, .footer-menu dt a, .footer-right-title,
  .item1-area .item1-left, .about-area-left .title-en, .about-area-left .inner-arc, .solu-area li, .about-area-center li p,
  .about-area-bottom-right .about-area-bottom-arc, .c-left .footer-right-info, .c-right li h2, .box-left .box-left-info { font-size: 16px; }
  .pro-list li a { padding: 30px 0 20px;}
  .pro-list li h3, .pro-list .swiper-slide h3, .grid li a, .ser-item .ser-item-area, .box-right li h2 { font-size: 20px; }
  .grid li a { height: auto; line-height: 100%; padding-top: 15px; padding-bottom: 15px; }
  .about-top h2 { font-size: 26px; }
  .about-top .arc { line-height: 130%; }
  .news-right li h2, .news-left li h2 { font-size: 18px; line-height: 130%; }
  .news-left li p, .news-left li span, .news-right li span, .footer-menu dd a, .footer-right-info, .ewm-list li h5, 
  .footer-bottom a { font-size: 14px; }
  .news-right li a { height: auto; padding: 20px 15px; }
  .news-right li span, .item5-list li .pro-more { margin-top: 15px; }
  .footer-right-online p, .inner-box-bottom .keys-word, .inner-page a { font-size: 18px; }
  .footer-center { display: block; }
  .footer-right, .about-area, .inner-box-top { margin-top: 30px; }
  .footer { padding: 45px 0; margin-top: 30px; }
  .footer-right-info .tel { font-size: 32px; }
  .footer-bottom { padding: 25px 0; font-size: 14px; }
  .inner-pro-title h2 { font-size: 28px; }
  .inner-pro-title h4 { font-size: 14px; }
  .inner-pro-list li h3 { padding: 0 15px; }
  .inner-pro-list .pro-arc { font-size: 14px; padding: 0 15px; }
  .inner-pro-list .pro-more { margin-top: 25px; }
  .solu-area li h2, .item4 .item4-arc, .solu-item .solu-item-area { font-size: 18px; }
  .inner-pro-title { padding-top: 30px; }
  .item1-area .item1-left { line-height: 130%; }
  .item3 li { font-size: 22px; }
  .about-area-left .title-ch { font-size: 28px; }
  .about-area-left .inner-arc, .about-area-bottom-right .about-area-bottom-arc { line-height: 130%; margin-top: 20px; }
  .about-area-center li h2, .about-area-bottom-right .about-area-bottom-title { font-size: 24px; }
  .about-area-center { padding: 30px 0; }
  .about-area-bottom-right li { line-height: 180%; }
  .about-area-bottom { margin-top: 30px; }
  .ser-item, .inner-contact, .inner-box-bottom { margin-top: 50px; }
  .ser-item .ser-item-area { line-height: 140%; }
  .inner-box-top .inner-arc { font-size: 16px; margin-top: 30px; line-height: 150%; }
  .inner-box-top .box-left { padding-right: 30px; }
}

@media (max-width: 1200px) {
  .mySwiper, .inn-ban { margin-top: 54px; }
  .common-wap-nav { display: block; }
  .ban-text h1 { font-size: 36px; }
  .ban-text p { font-size: 18px; }
  .about-top { width: 100%; height: auto; padding: 30px; }
  .about-item .about-right-img { width: 50%; }
  .inner-pro-title h2, .box-left .box-title, .box-right .box-title { font-size: 24px; }
  .item3 li, .ser-item .ser-item-area { font-size: 18px; }
  .item4 .item4-arc, .solu-item .solu-item-area, .news-list .news-list-arc, .news-list .news-list-time, .inner-box-bottom .keys-word
  , .inner-page a { font-size: 16px; line-height: 150%; }
  .pro-list li h3, .pro-list .swiper-slide h3, .grid li a, .box-right li h2 { font-size: 18px; }
  .pro-list li a { padding: 0 0 15px; }
  .item3 li span { margin-right: 20px; }
  .about-area-center li h2, .about-area-bottom-right .about-area-bottom-title, .news-list .news-list-title { font-size: 20px; }
  .news-list .news-list-time { margin-top: 25px; }
  .news-list .news-list-left { width: 50%; }
  .news-list.sear-list .news-list-left { width: 40%; }
  .inner-page a { line-height: 140%; }
  .box-right ul { padding: 0 15px 15px; }
  .box-right li { padding: 10px; }
  .footer-left img { height: 30px; }
  .grid li a.grid-name { font-size: 24px; }
}

@media (max-width: 992px) {
  .ban-text { top: 20%; }
  .ban-text h1 { font-size: 32px; }
  .ban-text p { font-size: 16px; margin-top: 10px; }
  .news-right, .inner-box-bottom { margin-top: 30px; }
  .item3 li, .pro-list li h3, .grid li a, .about-area-center li h2, .about-area-bottom-right .about-area-bottom-title, .box-right li h2
   { font-size: 16px; }
  .item5-list li .pro-more, .news-list .news-list-time, .news-list.sear-list .news-list-time { margin-top: 5px; }
  .item1-area .item1-left { padding-right: 20px; }
  .about-area .about-area-left { width: 100%; padding: 30px; height: auto; margin-top: 0; }
  .about-area .about-area-top-img { position: relative; width: 100%; }
  .about-area, .about-area-bottom, .c-right, .inner-box-top .inner-arc, .inner-box-top { margin-top: 15px; }
  .about-area-center li p, .about-area-bottom-right .about-area-bottom-arc, .news-list .news-list-arc { font-size: 14px; }
  .about-area-bottom-right { position: relative; width: 100%; padding: 15px; height: auto; }
  .about-area-bottom img { width: 100%; }
  .contact-center { display: block; }
  .news-list .news-list-left { width: 40%; }
  .news-list .news-list-right, .news-list.sear-list .news-list-right { padding: 15px; }
  .news-list .news-list-title, .grid li a.grid-name { font-size: 18px; }
  .box-left .box-title, .box-right .box-title { font-size: 20px; }
  .pages { margin-top: 20px; font-size: 12px; }
  .pages a, .pages span { padding: 1px 7px; margin: 0 2px; }
  .footer-right { width: auto; }
}
@media (max-width: 768px) {
  .ban-text { top: 10%; }
  .ban-text h1 { font-size: 24px; }
  .ban-text p { font-size: 14px; margin-top: 5px; }
  .item-box, .about-item { padding-top: 20px; }
  .title-left h2 { font-size: 24px; }
  .title-left p, .title-right a, .inner-nav a, .tab-list .tab-btn, .about-top .arc, .footer-menu dt a, .footer-right-title,
  .item3 li, .item4 .item4-arc, .pro-list li h3, .grid li a, .about-area-left .title-en, .about-area-left .inner-arc, .solu-item .solu-item-area,
  .contact-top h4, .inner-page a, .inner-box-bottom .keys-word, .box-right li h2, .box-left .box-left-info, .inner-box-top .inner-arc { font-size: 14px; }
  .about-item { margin-top: 20px; padding-bottom: 20px; }
  .pro-list li { margin-bottom: 15px; }
  .pro-list li h3, .grid li a, .news-right li h2, .news-left li h2, .news-list .news-list-title, .footer-right-online p, .grid li a.grid-name { font-size: 16px; }
  .tab-list .tab-btn { margin-left: 5px; }
  .title, .footer-top, .footer-right-online, .footer-right-online a { display: block; }
  .title-right a, .inner-nav a { margin-left: 0; }
  .title-right, .footer-right, .footer-right-online a, .solu-area, .footer, .item2, .item3, .item4, .item5, .item6, .solu-item .solu-item-area, 
  .inner-nav, .inner-box-bottom, .inner-box-top .box-right { margin-top: 15px; }
  .grid li a { padding-top: 10px; padding-bottom: 10px; }
  .about-item .about-right-img { width: 70%; top: 15%; }
  .about-top h2 { font-size: 22px; }
  .about-top, .news-right li a { padding: 15px; }
  .about-top .about-top-icon { left: -15px; top: -15px; }
  .news-left li { margin-bottom: 15px; }
  .news-left li h2 { font-size: 16px; padding: 15px;  }
  .news-left li p { padding: 0 15px; font-size: 12px; }
  .news-left li span { padding: 5px 15px 0; }
  .news-left li a { padding-bottom: 10px; }
  .news-right { margin-top: 0; }
  .news-right li span, .inner-box-bottom .inner-page { margin-top: 10px; }
  .footer { padding: 15px 0; }
  .footer-bottom { line-height: 130%; padding-left: 15px; padding-right: 15px; }
  .inner-pro-title h2, .box-left .box-title, .box-right .box-title { font-size: 20px; }
  .solu-area ul { display: block; }
  .solu-area li { margin-bottom: 15px; font-size: 14px; }
  .solu-area li h2 { font-size: 16px; }
  .inner-pro-title, .inner-box-bottom .inner-page { padding-top: 10px; }
  .location { font-size: 14px; height: auto; line-height: 120%; padding: 15px 0; }
  .item3 li { padding: 6px 0; }
  .item1 .item1-area { display: block; }
  .item6 .item6-list, .item5 .item5-list, .case-list { display: block; }
  .item5 .item5-list li, .item6 .item6-list li, .case-list li, .news-list .news-list-left, .news-list.sear-list .news-list-left, .inner-box-top .box-right { width: 100%; }
  .about-area .about-area-left { padding: 15px; }
  .about-area-center ul { display: block; }
  .about-area-center li { border-right: none; border-bottom: 1px solid #f4f5f6; padding: 15px 0; }
  .about-area-center li p, .box-right li span { margin-top: 5px; }
  .about-area-left .title-ch, .contact-top h2 { font-size: 24px; }
  .solu-item { padding-bottom: 30px; }
  .ser-item { height: auto; padding-bottom: 15px; margin-top: 20px; }
  .ser-item .ser-item-area { padding-right: 0; font-size: 14px; }
  .c-right li h2 { font-size: 14px; margin-top: 10px;}
  .news-list li a { display: block; }
  .news-list .news-list-arc { font-size: 12px; }
  .box-right li { padding: 5px; }
  .inner-box-top { display: block; }
  .inner-box-top .box-left { padding-right: 0; }
  .about-area-bottom { margin-bottom: 30px; }
  .footer-right-online a { position: absolute; right: 0; top: -15px; font-size: 14px; width: auto; height: auto; 
    line-height: 130%; padding: 3px 10px 5px; }
  .grid li a.grid-name { height: auto; line-height: 200%; }  
  .grid li { width: 100% !important; }
  .item1-area .item1-left { padding-right: 0; }
  .about-bottom { padding-bottom: 30px; }
  .page-404 { padding: 85px 0 30px; }
  .page-404 h2 { font-size: 28px; }
  .page-404 h3 { font-size: 20px; }
  .page-404 a { font-size: 16px; }
  .page-404 img { width: 60%; }
}