@charset "utf-8";

.iconfont{-webkit-text-stroke-width:0 !important}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: none; text-decoration: none !important;}
* {
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
}
html{
   width:100%;
   overflow-x:hidden;
}
body{
   min-width:320px;background: #fff;
}
body, input, select, html, button, textarea {
   font: 14px/1.8 Arial,tahoma,"微软雅黑";
   color: #333;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol,ul,li{list-style-image:none;list-style-position:outside;list-style-type:none;}
input, textarea { padding:0; margin:0; font-family:Arial,tahoma,"微软雅黑"; outline:none}
a {
   color: #333;
   transition: all 300ms linear;
}
a:hover {
   color: #0062ef;
}
.left {
   float: left;
}
.right {
   float: right;
}
.clear {
   clear: both;
   height: 0;
   width: 0;
   margin: 0;
   padding: 0;
   border: 0;
   overflow: hidden;
}
.w1400 {
   max-width: 1400px;
   margin: 0 auto;
}
.blue-color {
   color: #0062ef;
}
.flex-center {
   display: flex;
   display: -ms-flexbox;
   align-items: center;
}
.flex-space-between {
   display: flex;
   display: -ms-flexbox;
   justify-content: space-between;
}
img {
   max-width: 100%;
   vertical-align: middle;
}
/**************头部菜单**************/
.header-pc {
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   height: 80px;
   transition: all 300ms linear;
   -webkit-transition: all 300ms linear;
   -moz-transition: all 300ms linear;
   z-index: 100;
}
.header-pc-bg {
   background: #fff;
   box-shadow: 0 0 30px rgba(0,0,0,.1);
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   display: none;
   z-index: 10;
}
.head-W1400 {
   max-width: 1670px;
   display: flex;
   display: -ms-flexbox;
   height: 100%;
   margin: 0 auto;
   align-items: center;
   z-index: 20;
   position: relative;
}
.header-logo {
   width: 135px;
}
.header-logo img {
   width: 100%;
}
.logo-black {
   display: block;
}
.logo-white {
   display: none;
}
.header-pc-menu {
   flex: 1; 
-ms-flex: 1;
   height: 100%;
   display: flex;
   display: -ms-flexbox;
   justify-content: flex-end;
}
.header-pc-menu-list {
   display: flex;
   display: -ms-flexbox;
   flex-wrap: nowrap;
   justify-content: flex-end;
   padding: 0 40px;
   height: 100%;
   width: 90%;
}
.header-pc-menu-list-li {
   padding: 0 20px;
   font-size: 16px;
   color: #b7b7b7;
   position: relative;
   flex: 1; 
   -ms-flex: 1;
   display: flex;
   display: -ms-flexbox;
   justify-content: center;
}
.header-pc-menu-list-li a {
   color: #b7b7b7;
}
.header-pc-menu-list-a {
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   height: 100%;
   position: relative;
}
.header-pc-menu-list-li.active .header-pc-menu-list-a::before, .header-pc-menu-list-li.pro-active .header-pc-menu-list-a::before, .header-pc-menu-list-li:hover .header-pc-menu-list-a::before, .header-icon .language:hover::after {
   position: absolute;
   left: 0;
   bottom: 0;
   right: 0;
   content: '';
   background: #0062ef;
   height: 2px;
}
.header-pc-menu-list-li.active .header-pc-menu-list-a, .header-pc-menu-list-li.pro-active .header-pc-menu-list-a, .header-pc-menu-list-li:hover .header-pc-menu-list-a, .header-icon .language:hover i, .header-icon .language p a.active {
   color: #0062ef !important;
}
.header-icon {
   color: #fff;
   width: 135px;
   display: flex;
   display: -ms-flexbox;
   justify-content: space-between;
   padding-right: 30px;
   /* line-height: 36px; */
   cursor: pointer;
   height: 100%;
}
.header-icon .language {
   position: relative;
   display: flex;
   align-items: center;
}
.header-icon .language i {
   color: #fff;
   font-size: 22px;
   /* position: relative; */
   padding: 0 10px;
}
.header-icon .language p {
   position: absolute;
   background: #fff;
   padding: .75em;
   width: 8em;
   top: 100%;
   left: calc(50% - 4em);
   text-align: center;
   line-height: 2.2;
   display: none;
}
.header-icon .language p a {
   display: block;
}
.header-icon #search {
   font-size: 30px;
   display: flex;
   align-items: center;
}
.header-icon-menu {
   display: none;
}
.header-pc.active .header-pc-bg{
   display: block;
}
.header-pc.active .header-pc-menu-list-li a, .header-pc.active .header-icon, .header-pc.active .header-icon .language i {
   color: #333;
}
.header-pc.active .logo-black {
   display: none;
}
.header-pc.active .logo-white {
   display: block;
}
.menu-public {
   position: absolute;
   top: 100%;
   width: 720px;
   left: calc(-360px + 50%);
   background: #fff;
   padding: 30px 50px;
   box-shadow: 0 0 30px rgba(0,0,0,.1);
   display: none;
}
.menu-public .flex-center {
   justify-content: space-between;
}
.menu-public .menu-public-dl {
   flex: 1; 
-ms-flex: 1;
   color: #333;
}
.menu-public .menu-public-dl dt {
   border-bottom: 1px solid #e1e1e1;
   font-size: 18px;
   line-height: 60px;
   
}
.menu-public .menu-public-dl dd {
   display: flex;
   display: -ms-flexbox;
   flex-direction: column;
   -ms-flex-direction: column;
   font-size: 16px;
   line-height: 3;
   padding-top: .5em;
}
.menu-public .menu-public-dl dd a {
   color: #333;
}
.menu-public .menu-public-dl dd a:hover {
   color: #0062ef;
   text-decoration: underline !important;

}
.menu-public .menu-public-img {
   width: 71%;
   padding-left: 8%;
}
.menu-public .menu-public-img img {
   width: 100%;
}
.sousuo {
   position: fixed;
   background: rgba(0, 0, 0, .8);
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 100001;
   overflow: hidden;
   display: none;
}
.sousuo-button {
   width: 1000px;
   height: 80px;
   background: #fff;
   position: absolute;
   left: calc(50% - 500px);
   top: calc(50% - 40px);
}
.sousuo-input {
   height: 100%;
   padding: 0 30px;
   font-size: 16px;
   color: #333;
   flex: 1; 
-ms-flex: 1;
   border: none;
}
.sousuo-button .iconfont {
   width: 80px;
   cursor: pointer;
   color: #0062ef;
   font-size: 36px;
   line-height: 80px;
   text-align: center;
}
.sousuo .closed {
   position: absolute;
   bottom: 7%;
   cursor: pointer;
   font-weight: lighter;
   color: #fff;
   width: 30px;
   height: 30px;
   left: calc(50% - 15px);
}
.sousuo .closed::before, .sousuo .closed::after {
   content: '';
   width: 100%;
   height: 1px;
   position: absolute;
   left: 0;
   right: 0;
   background: #fff;
}
.sousuo .closed::after {
   transform: rotate(135deg);
}
.sousuo .closed::before {
   transform: rotate(-135deg);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #ccc !important;
   font-size: 16px;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #ccc !important;
   font-size: 16px;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #ccc !important;
   font-size: 16px;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #ccc !important;
   font-size: 16px;
}
.head-product {
   position: absolute;
   left: 0;
   right: 0;
   top: 100%;
   box-shadow: 0 0 30px rgba(0,0,0,.1);
   background: linear-gradient(to right, #f2f6fb 30%,#fff 30%);
   z-index: 9;
   display: none;
}
.head-product .w1400 {
   display: flex;
   display: -ms-flexbox;
}
.head-product-tab {
   background: #f2f6fb;
   width: 22%;
   padding: 30px 0;
   font-size: 16px;
   line-height: 60px;
   display: flex;
   display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
   align-items: flex-end;
   justify-content: center;
}
.head-product-tab a {
   display: flex;
   display: -ms-flexbox;
   padding: 0 10% 0 30%;
   justify-content: space-between;
   width: 100%;
}
.head-product-tab a .iconfont {
   font-size: 20px;
   display: none;
}
.head-product-tab a.tab-active, .head-product-tab a:hover {
   background: #d0e2fc;
   color: #0062ef;
}
.head-product-tab a.tab-active .iconfont, .head-product-tab a:hover .iconfont {
   display: inline-block;
}
.head-product-content {
   background: #fff;
   padding: 30px 0 30px 6.3%;
   flex: 1; 
-ms-flex: 1;
}
.head-product-list {
   display: none;
   justify-content: space-between;
   height: 100%;
   align-items: center;
}
.head-product-list.active {
   display: flex;
   display: -ms-flexbox;
}
.head-product-list-name {
   width: 48.5%;
}
.head-product-list-name dt {
   border-bottom: 1px solid #e1e1e1;
   font-weight: bold;
   font-size: 18px;
   line-height: 3.4;
}
.head-product-list-name dd {
   font-size: 16px;
   line-height: 3;
   padding: 1em 0;
   width: 70%;
   display: flex;
   display: -ms-flexbox;
   flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.head-product-list-name dd a {
   width: 50%;
   padding-right: 10%;
}
.head-product-list-name dd a:hover {
   color: #0062ef;
   text-decoration: underline !important;
}
.mobile-menu {
   position: fixed;
   top: 50px;
   left: 0;
   bottom: 0;
   right: 0;
   background: #fff;
   z-index: 100000;
   line-height: 2.6;
   padding: 0 15px;
   overflow-x: hidden;
   display: none;
}
.mobile-menu ul, .mobile-menu-ul2 {
   display: flex;
   display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
   padding: 0 20px;
}
.mobile-menu-one {
   font-size: 18px;
}
.mobile-menu-two {
   font-size: 16px;
}

.mobile-menu-ul2 a {
   font-size: 14px;
}
/**************banner**************/
.banner .swiper-slide img{
   width: 100%;
}
.banner .swiper-pagination {
   bottom: 6.2%;
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   left: calc(50% - 700px);
   height: 14px;
}
.banner .swiper-pagination .swiper-pagination-bullet {
   background: rgba(255,255,255,.4);
   opacity: 1;
   width: 6px;
   height: 6px;
   margin:  8px;
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .index-product-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background: transparent;
   width: 14px;
   height: 14px;
   border: 1px solid #fff;
   position: relative;
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after, .index-product-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
   position: absolute;
   left: 4px;
   right: 4px;
   top: 4px;
   bottom: 4px;
   z-index: 5;
   content: '';
   background: #fff;
   border-radius: 50%;
}
.swiper-button {
   width: 46px;
   height: 46px;
   border: 1px solid #0062ef;
   background: #0062ef;
   color: #fff;
   margin-top: -23px;
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   justify-content: center;
   font-size: 24px;
}
.banner .swiper-button-prev {
   left: 5%;
}
.banner .swiper-button-next {
   right: 5%;
}
.swiper-button.swiper-button-disabled {
   background: transparent;
   border-color: #fff;
   opacity: .3;
}
/**************foot**************/
.footer {
   background: #212121;
   padding: 20px 0;
   position: relative;
}
.footer-top {
   position: absolute;
   left: calc(50% - 40px);
   height: 80px;
   width: 80px;
   top: -40px;
}
.footer-top .iconfont {
   cursor: pointer;
   border: 10px solid #fff;
   background: #0062ef;
   color: #fff;
   border-radius: 50%;
   display: flex;
   display: -ms-flexbox;
   width: 100%;
   height: 100%;
   align-items: center;
   justify-content: center;
   font-size: 32px;
   transform: rotate(90deg)
}
.footer-menu {
   display: flex;
   display: -ms-flexbox;
   margin: 0 -15px;
   justify-content: space-between;
   padding: 60px 0;
}
.footer-menu li {
   padding: 0 15px;
   display: flex;
   display: -ms-flexbox;
   flex-direction: column;
   -ms-flex-direction: column;
}
.footer-menu li big {
   color: #d7d7d7;
   font-weight: 16px;
   position: relative;
   line-height: 3.6;
   margin-bottom: 15px;
}
.footer-menu li big::before {
   position: absolute;
   left: 0;
   bottom: 0;
   height: 2px;
   width: 22px;
   background: #0062ef;
   content: '';
}
.footer-menu li a {
   color: #5d5d5d;
   line-height: 34px;
}
.footer-text {
   border-top: 1px solid rgba(161, 161, 161, 0.2);
   padding: 60px 0;
   display: flex;
   display: -ms-flexbox;
   justify-content: space-between;
   align-items: center;
   color: #5d5d5d;
   line-height: 2.2;
}
.footer-logo img{
   width: 174px;
}
.footer-msg {
   padding-left: 15px;
}
.footer-copy {
   padding-left: 15px;
   text-align: right;
}
.footer-copy img {
   width: 18px;
   margin-right: 10px;

}
.body-right {
   position: fixed;
   z-index: 10000;
   right: 0;
   top: 30%;
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   flex-direction: column;
   -ms-flex-direction: column;
   background: #fff;
   width: 60px;
}
.body-right-pop {
   position: relative;
}
.body-right-pop p {
   position: absolute;
   right: calc(100% + 1px);
   top: -1px;
   background: #0062ef;
   min-height: 100%;
   color: #fff;
   white-space: nowrap;
   width: 0;
   overflow: hidden;
   transition: all 300ms linear;
}
.body-right-text {
   font-size: 18px;
   display: flex;
   align-items: center;
   bottom: -1px;
}
.body-right a, .body-right-pop, .body-right .body-right-toTop {
   width: 100%;
   height: 60px;
   border: 1px solid #e1e1e1;
   color: #333;
   display: flex;
   display: -ms-flexbox;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   transition: all 300ms linear;
}
.body-right .iconfont {
   font-size: 24px;
}
.body-right a:hover, .body-right .body-right-toTop:hover, .body-right .body-right-pop:hover {
   color: #fff;
   border-color: #0062ef;
   background: #0062ef;
}
.body-right .body-right-pop:hover p {
   width: auto;
   padding: 10px;
}
.body-right .body-right-pop:hover p img {
   max-width: 100px;
}
.body-right .body-right-pop:hover .body-right-text {
   padding: 0 2em;
}
/**************index**************/
.index-container {
   padding: 120px 0 60px;
}
.index-about-title {
   display: flex;
   display: -ms-flexbox;
   flex-wrap: nowrap;
   justify-content: space-between;
   font-size: 36px;
}
.index-about-title .index-about-left {
   width: 49%;
}
.index-container-title {
   font-size: 36px;
   line-height: 2;
   position: relative;
   padding-top: 1em;
}
.index-container-title big {
   position: absolute;
   left: 0;
   top: -.3em;
   line-height: 1;
   font-size: 3.9em;
   z-index: 1;
   font-family: 'Arial';
   font-weight: bold;
   background:-webkit-linear-gradient(top,#ecf0f5 10%,#ecf0f500 85%);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
}
.index-container-title svg {
   display: none;
   position: absolute;
   left: 0;
   top: -.3em;
   line-height: 1;
   z-index: 1;
   font-size: 3.9em;
   width: 100%;
   height: 1em;
}
.about-svg {
   font-size: 1em;
   font-family: 'Arial';
   font-weight: bold;
}
.index-container-title p {
   color: #333;
   position: relative;
   z-index: 2;
}
.index-container-title p::after {
   position: absolute;
   left: 0;
   bottom: 0;
   width: .6em;
   height: 3px;
   background: #0062ef;
   content: '';
}
.index-container-title span {
   font-size: 14px;
   color: #818181;
}
.index-about-text {
   color: #747474;
   font-size: 14px;
   position: relative;
   z-index: 10;
}

.index-about-text .index-about-text1 {
   padding: 30px 0;
   height: calc(10.8em + 60px);
}
.index-about-text2 {
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 4;
   display: -webkit-box;
   -webkit-box-orient: vertical;
}
.index-about-link {
   display: flex;
   display: -ms-flexbox;
   height: 58px;

}
.index-about-link a {
   border: 1px solid #333;
   padding: 0 40px;
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   color: #333;
   font-size: 14px;
}
.index-about-link a:hover {
   background: #0062ef;
   color: #fff;
   border-color: #0062ef;
}
.index-about-link a .iconfont {
   padding-left: .5em;
   font-size: 1.7em;
}
.index-about-right {
   width: 45%;
   padding-top: 1.5em;
}
.index-about-right img {
   width: 100%;
   box-shadow: 0 0 30px rgba(0, 0, 0, .2);
}
.index-about-list {
   margin: 0 -20px;
   padding: 30px 0 10px;
   display: flex;
display: -ms-flexbox;
}
.index-about-list li {
   padding: 20px;
   flex: 1; 
-ms-flex: 1;
}
.index-about-list1 {
   box-shadow: 0 0 30px rgba(0,0,0,.1);
   display: flex;
display: -ms-flexbox;
   padding: 10px 20px;
   align-items: flex-start;
   justify-content: space-between;
   position: relative;
   height: 100%;
}
.index-about-list1::before {
   background: #f8f9fb;
   left: 20px;
   right: 20px;
   top: 100%;
   z-index: -1;
   content: '';
   position: absolute;
   height: 15px;
   transition: all 300ms linear;
}
.index-about-list1 dd {
   padding: 10px 20px;
}
.index-about-list1 dd strong {
   font-size: 36px;
}
.index-about-list1 .iconfont {
   font-size: 50px;
   line-height: 1.4;
   color: #ecf0f5;
   font-weight: lighter;
}
.index-about-list1:hover::before {
   background: #0062ef;
}
.index-product {
   background: url('../image/productbg.jpg') no-repeat center;
   background-size: cover;
}
.index-product-title .index-container-title {
   padding: 0;
   justify-items: center;
}
.index-product1.index-container {
   padding: 40px 0;
}
.index-product-title-right {
   display: flex;
display: -ms-flexbox;
   align-items: center;
}
.index-product-title-right .iconfont {
   font-size: 22px;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background: #0062ef;
   color: #fff;
   overflow: hidden;
   margin-right: 15px;
   justify-content: center;
   font-weight: lighter;
}
.index-product-tel strong {
   font-size: 24px;
}
.index-product-swiper {
   padding-bottom: 50px;
   padding: 0 30px;
   margin: 0 -30px;
   overflow: hidden;
}
.index-product-swiper .swiper-container {
   overflow: visible;
}
.index-product-swiper .swiper-container .swiper-wrapper {
   /* overflow: hidden; */
   padding: 0 30px;
   margin: 0 -30px;
}
.index-product-swiper .swiper-container .swiper-wrapper .swiper-slide {
   padding-top: 30px;
   padding-bottom: 30px;
}
.index-product-list {
   background: #fff;
   display: flex;
   display:-webkit-flex;
   display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
}
.index-product-list .index-product-img {
   width: 100%;
   height: 280px;
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   justify-content: center;
}
.index-product-list .index-product-img img {
   max-height: 100%;
}
.index-product-text {
   padding: 20px;
   overflow: hidden;
   text-align: center;
   color: #333;
}
.index-product-text big, .index-product-text p {
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.index-product-text big {
   font-size: 18px;
}
.index-product-list:hover {
   box-shadow: 0 0 30px rgba(0,0,0,.25);
}
.index-product-list:hover .index-product-text {
   transition: all 300ms linear;
   background: #0062ef;
   color: #fff;
}
.index-product-swiper .swiper-pagination {
   bottom: -50px;
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   justify-content: center;
   left: 0;
   width: 100%;
   height: 14px;
}
.index-product-swiper .swiper-pagination .swiper-pagination-bullet {
   background: rgba(0,0,0,.4);
   opacity: 1;
   width: 6px;
   height: 6px;
   margin:  8px;
}
.index-product-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   border-color: #0062ef;
}
.index-product-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
   background: #0062ef;
}
.index-product-swiper .swiper-button.swiper-button-disabled {
   background: rgba(0, 0, 0, .2);
   border-color: transparent;
   opacity: 1;
}
.index-product-swiper .swiper-button-prev {
   left: -85px;
}
.index-product-swiper .swiper-button-next {
   right: -85px;
}
.all-product-tab {
   display: flex;
display: -ms-flexbox;
   padding: 50px 0 0;
}
.all-tab-menu {
   width: 21%;
   display: flex;
   display: -ms-flexbox;
   flex-direction: column;
   -ms-flex-direction: column;
   padding: 15px 0;
}
.all-tab-menu li {
   display: flex;
   display: -ms-flexbox;
   justify-content: space-between;
   align-items: center;
   height: 120px;
   border-bottom: 1px solid #ecf0f5;
   padding-right: 15px;
   color: #333;
   transition: all 300ms linear;
   cursor: pointer;
}
.all-tab-menu-name {
   flex: 1; 
-ms-flex: 1;
}
.all-tab-menu-name big {
   font-size: 18px;
}
.all-tab-menu-name p {
   color: #ababab;
   transition: all 300ms linear;
   font-weight: lighter;
}
.all-tab-menu li .iconfont {
   border-radius: 50%;
   width: 38px;
   height: 38px;
   overflow: hidden;
   background: #d9d9d9;
   color: #fff;
   justify-content: center;
   font-weight: lighter;
   font-size: 22px;
   transition: all 300ms linear;
   line-height: 1;
   display: flex;
display: -ms-flexbox;
   align-items: center;
}
.all-tab-menu li:hover, .all-tab-menu li.active {
   border-bottom-color: #005fe7;
   color: #0062ef;
}
.all-tab-menu li:hover p, .all-tab-menu li.active p {
   color: #0062ef;
}
.all-tab-menu li:hover .iconfont, .all-tab-menu li.active .iconfont {
   background: #0062ef;
}
.all-tab-container {
   flex: 1; 
-ms-flex: 1;
}
.all-tab-content {
   display: none;
   padding-left: 30px;
}
.all-tab-content li {
   width: 50%;
   padding: 15px 0 15px 30px;
}
.all-tab-content li .all-tab-content1 {
   display: flex;
display: -ms-flexbox;
   border: 1px solid #e1e1e1;
   transition: all 300ms linear;
   padding: 20px 35px;
   height: 100%;
   align-items: center;
}
.all-tab-img {
   width: 50%;
   height: 100%;
   display: flex;
display: -ms-flexbox;
   align-items: center;
}
.all-tab-img img {
   max-height: 100%;
}
.all-tab-text {
   flex: 1; 
-ms-flex: 1;
   width: 50%;
   padding-left: 30px;
}
.all-tab-text span {
   display: block;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   font-size: 18px;
   /* color: #0062ef; */
   padding-bottom: .8em;
}
.all-tab-text p {
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 3;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   line-height: 20px;
   height: 60px;
}
.all-tab-text .iconfont {
   color: #0062ef;
   font-size: 30px;
}
.all-tab-content li .all-tab-content1:hover {
   box-shadow: 0 0 30px rgba(0,0,0,.1);
   border-color: #fff;
}
.all-tab-content.active {
   display: flex;
display: -ms-flexbox;
   flex-wrap: wrap;
-ms-flex-wrap: wrap;
   height: 100%;
}
.index-Solution {
   text-align: center;
}
.index-Solution-title {
   padding: 40px 0;
}
.index-Solution-title big {
   display: block;
   font-size: 36px;
}
.index-Solution-title span {
   height: 3px;
   background: #0062ef;
   width: 20px;
   display: inline-block;
}
.index-Solution-title p {
   color: #818181;
   padding: 20px 0 0;
}
.index-Solution-list {
   position: relative;
}
.solution-IMg, .solution-IMg li {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}
.solution-IMg li {
   display: none;
}
.solution-img {
   opacity: 0;
}
.index-Solution-list img {
   width: 100%;
}
.index-Solution-li {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
}
.index-Solution-li .swiper-slide {
   display: flex;
   display: -ms-flexbox;
   text-align: center;
   flex-direction: column;
   -ms-flex-direction: column;
   justify-content: center;
   color: #fff;
   border-right: 1px solid rgba(255,255,255,.3);
   position: relative;
}
.index-Solution-li .swiper-slide .solution-mobile {
   display: none;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   z-index: 1;
}
.index-Solution-li-content {
   padding: 20px 10%;
   position: relative;
   z-index: 10;
}
.index-Solution-li-content big {
   display: block;
   position: relative;
   line-height: 2.6;
}
.index-Solution-li-content big::before {
   content: '';
   position: absolute;
   left: calc(50% - 15px);
   bottom: 0;
   width: 30px;
   height: 1px;
   background: #fff;
}
.index-Solution-li-content .index-Solution-text {
   display: none;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin: 20px 0 40px;
   transition: all 300ms linear;
}
.index-Solution-li-content a {
   display: none;
   color: #fff;
   border: 1px solid #fff;
   line-height: 44px;
   padding: 0 30px;
   transition: all 300ms linear;
}
.index-Solution-li .swiper-slide:hover {
   background: linear-gradient(to top, rgba(0, 100, 240, .7), rgba(0, 100, 240, 0) 50%);
}
.index-Solution-li .swiper-slide:hover .index-Solution-li-content .index-Solution-text, .index-Solution-li .swiper-slide:hover .index-Solution-li-content a {
   display: -webkit-inline-box;
}
.index-Solution-li .swiper-pagination {
   display: none;
}
.index-Solution-li .swiper-slide {
   display: flex;
display: -ms-flexbox;
}
.index-case {
   background: #f4f6f9;
}
.index-case .index-container-title big {
   background-image:-webkit-linear-gradient(top,#fff 10%,#fff0 85%);
}
.index-case-title {
   display: flex;
display: -ms-flexbox;
   justify-content: space-between;
   align-items: flex-end;
}
.index-case-title .index-about-link {
   margin-bottom: 30px;
}
.index-case-swiper {
   position: relative;
}
.index-case-swiper .swiper-button {
   width: 50px;
   height: 50px;
   color: #fff;
   margin-top: -60px;
   font-size: 22px;
}

.index-case-swiper .swiper-container {
   padding: 20px 0 90px;
}
.index-case-swiper .swiper-button-prev {
   left: -85px;
}
.index-case-swiper .swiper-button-next {
   right: -85px;
}
.index-case-swiper .swiper-slide {
   display: flex;
   display: -ms-flexbox;
}
.index-case-w1 {
   flex: 1; 
   -ms-flex: 1;
   /* height: 100%; */
}
.index-case-w2 {
   width: 33.5%;
   padding-left: 30px;
   display: flex;
   display: -ms-flexbox;
   flex-direction: column;
   -ms-flex-direction: column;
   justify-content: space-between;
}
.index-case-img1 {
   position: relative;
   /* height: 100%; */
}
.index-case-img1 span {
   background: linear-gradient(to top, rgba(0,0,0, .5), rgba(0,0,0, 0));
   color: #fff;
   padding: 45px 25px 10px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   font-size: 16px;
}
.index-News .index-container {
   padding-top: 20px;
}
.index-news-tab {
   display: flex;
   display: -ms-flexbox;
   border-bottom: 1px solid #ccc;
   font-size: 16px;
   line-height: 5.75;
   justify-content: space-between;
   width: 370px;
   margin-bottom: 30px;
}
.index-news-tab li {
   position: relative;
   cursor: pointer;
}
.index-news-tab li.active::after {
   position: absolute;
   left: 0;
   right: 0;
   bottom: -1px;
   background: #0062ef;
   height: 1px;
   content: '';
}
.Index-NewsC .index-NewsC {
   display: none;
}
.Index-NewsC .index-container-title {
   flex: 1;
}
.Index-NewsC .index-NewsC.active {
   display: block;
}
.index-news {
   padding: 0 0 25px;
   margin: 0 -20px;
   display: flex;
display: -ms-flexbox;
}
.index-news li {
   width: 33.3333%;
   padding: 20px;
}
.index-news li img {
   width: 100%;
}
.index-news-content {
   padding: 20px 25px;
   display: flex;
display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
   background: #f4f6f9
}
.index-news-content big {
   font-size: 16px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.index-news-content p {
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   margin: 15px 0;
   color: #747474;
}
.index-news-content span {
   color: #ababab
}
.index-case-title1 {
   align-items: center;
   padding: 60px 0;
}
.index-case-title1 .index-about-link {
   margin-bottom: 0 !important;
}
/********** 案例 **********/
.container-title {
   height: 300px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: auto 100%;
   margin-top: 80px;
}
.container-title .w1400 {
   display: flex;
display: -ms-flexbox;
   align-items: flex-start;
   height: 100%;
   color: #fff;
   flex-direction: column;
-ms-flex-direction: column;
   justify-content: center;
   position: relative;
}
.container-title-name big {
   font-size: 36px;
}
.container-title-name p {
   color: #88b2ef;
}
.container-title-site {
   color: #fff;
   display: none;
   position: absolute;
   bottom: 5px;
   left: 10px;
}
.container-title-site a {
   color: #fff;
   padding: 0 8px;
}
.container-title-site span {
   padding: 0 8px;
}
.page {
   text-align: center;
   padding: 50px 0 30px;
   clear: both;
   overflow: hidden;
   line-height: 2;
   display: flex;
display: -ms-flexbox;
   align-items: center;
   justify-content: center;
   line-height: 40px;
   flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.page a, .page span {
   padding: 0 10px;
   margin: 0 8px;
   background: #fff;
   min-width: 40px;
}
.page a.thisclass, .page a:hover, .page span:hover {
   background: #0062ef;
   color: #fff;
}

.case-bg {
   background-image: url(../image/casebg.jpg);
}
.case-site {
   height: 72px;
   display: flex;
display: -ms-flexbox;
   align-items: center;
   justify-content: space-between;
   line-height: 72px;
}
.case-menu {
   font-size: 16px;
   margin: 0 -25px;
}
.case-menu span {
   padding: 0 25px;
   display: inline-block;
}
.case-menu a {
   display: block;
   position: relative;
}
.case-menu a:hover, .case-menu span.active a {
   color: #0062ef;
}
.case-menu a:hover::before, .case-menu span.active a::before {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   content: '';
   height: 3px;
   background: #0062ef;
}
.case-site1 {
   color: #818181;
}
.case-site1 a {
   color: #818181;
   padding: 0 10px;
}
.case-site1 span {
   color: #0062ef;
   padding-left: 10px;
}
.body-container {
   padding: 70px 0;
   position: relative;
   overflow: hidden;
}
.body-container.body-list {
   padding: 60px 0;
   background: #f5f6fa;
}
.body-container1 ~ .footer .footer-top .iconfont {
   border-color: #f4f6f9;
}
.body-container::before {
   top: -10px;
   right: -10px;
   height: 10px;
   left: -10px;
   content: '';
   position: absolute;
   box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}
.body-container .w1400 {
   display: flex;
display: -ms-flexbox;
}
.body-container.body-list .w1400 {
   flex-direction: column;
-ms-flex-direction: column;
}
.case-details {
   flex: 1; 
-ms-flex: 1;
}
.case-detais-top p {
   font-size: 22px;
   padding: 5px 0;
}
.case-detais-top1 {
   color: #818181;
   margin: 0 -10px;
}
.case-detais-top1 span {
   padding: 0 10px;
}
.case-detais-middle {
   margin: 20px 0;
   padding: 40px 0;
   border: solid #e1e1e1;
   border-width: 1px 0;
   line-height: 2.2;
}
.case-detais-middle.solution-detail {
   border: 0;
}
.case-detais-foot {
   display: flex;
   display: -ms-flexbox;
   justify-content: space-between;
   padding: 10px 0;
   font-size: 16px;
}
.case-details-foot-link  {
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   flex: 1; 
   -ms-flex: 1;
   overflow: hidden;
}
.case-details-foot-list {
   display: flex;
   align-items: center;
   padding: 0 10px
}
.case-detais-foot .iconfont {
   font-size: 22px;
}
.case-details-foot-prev .iconfont {
   transform: rotate(180deg);
   padding-left: 10px;
}
.case-details-foot-next {
   justify-content: flex-end;
}
.case-details-foot-next .iconfont {
   padding-left: 10px;
}
.case-details-list {
   width: 26%;
   padding-left: 40px;
}
.case-details-list-top {
   font-size: 28px;
   line-height: 1;
   position: relative;
   padding-left: 20px;
   margin: 25px 0;
}
.case-details-list-top::before {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 3px;
   background: #0062ef;
   content: '';
}
.case-details-list {
   display: flex;
display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
}
.case-details-list a {
   padding: 15px 0;
   display: flex;
display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
}
.case-details-list a span img {
   width: 100%;
}
.case-details-list-ul-text {
   background: #f5f6fa;
   display: flex;
   display: -ms-flexbox;
   padding: 10px 15px;
   justify-content: space-between;
   align-items: center;
   transition: all 300ms linear;
}
.case-details-list-ul-text p {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   flex: 1;
}
.case-details-list a:hover .case-details-list-ul-text {
   background: #0062ef;
   color: #fff;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   padding-right: 10px;
}

.case-details-list-ul-text .iconfont {
   font-size: 20px;
}
.case-list {
   display: flex;
display: -ms-flexbox;
   flex-wrap: wrap;
-ms-flex-wrap: wrap;
   margin: 0 -20px;
}
.case-list li {
   width: 33.3333%;
   padding: 20px;
}
.case-list li a span img {
   width: 100%;
}
.case-list li a .case-details-list-ul-text {
   background: #fff;
}
.case-list li a:hover .case-details-list-ul-text {
   background: #0062ef;
   color: #fff;
}
/********** 新闻资讯 **********/
.news-bg {
   background-image: url('../image/newsbg.jpg');
}
.news-list li {
   padding: 20px 0;
}
.news-list-first {
   background: #fff;
   display: flex;
display: -ms-flexbox;
   align-items: center;
}
.news-list-first .news-list-img {
   width: 48.5%;
}
.news-list-img img {
   width: 100%;
}
.news-list-first .news-list-content {
   padding: 20px 50px;
   flex: 1; 
   -ms-flex: 1;
   overflow: hidden;
}
.news-list-first .news-list-content-top {
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   justify-content: space-between;
}
.news-list-first .news-list-content-top a {
   padding-right: 30px;
   font-size: 22px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   flex: 1;
   -ms-flex: 1;
}
.news-list-first .news-list-content-top span {
   color: #ababab;
   font-size: 24px;
   font-weight: bold;
   white-space: nowrap;
}
.news-list-content-text {
   line-height: 2.2;
   margin: 30px 0;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   color: #747474;
}
.news-list-content-link a {
   border: 1px solid #333;
   line-height: 58px;
   padding: 0 40px;
   display: inline-flex;
}
.news-list-content-link a .iconfont {
   padding-left: 20px;
   font-size: 22px;
}
.news-list-second {
   padding: 30px;
   display: flex;
display: -ms-flexbox;
   align-items: center;
   background: #fff;
}
.news-list-second .news-list-img {
   width: 31.5%;
}
.news-list-second .news-list-content {
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   justify-content: space-between;
   padding: 0 30px;
   flex: 1; 
   -ms-flex: 1;
   overflow: hidden;
}
.news-list-second .news-list-text {
   display: flex;
   display: -ms-flexbox;
   flex-direction: column;
   -ms-flex-direction: column;
   width: 80%;
   overflow: hidden;
}
.news-list-second .news-list-text big {
   font-size: 18px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.news-list-second .news-list-content-text {
   margin: 20px 0;
}
.news-list-second .news-list-text span {
   color: #ababab;
}
.news-list-second .news-list-content .iconfont {
   font-size: 26px;
}
.news-details-list-text {
   border: solid #e1e1e1;
   border-width: 0 1px 1px;
   padding: 10px 20px;
   display: flex;
display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
}
.news-details-list-text big {
   font-size: 16px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-weight: bold;
   padding: 5px 0;
}
.news-details-list-text1 {
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   color: #747474;
   margin: 10px 0;
}
.news-details-list-text span {
   color: #ababab;
}
.case-list.video-list li {
   width: 50%;
}
.case-list.video-list li a {
   padding: 30px;
   display: flex;
display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
   background: #fff;
}
.case-list.video-list li a .case-details-list-ul-text {
   padding: 10px 0 0 !important;
}
.video-list-text {
   display: flex;
display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
   line-height: 2;
   flex: 1; 
-ms-flex: 1;
   min-width: 0
}
.video-list-text big {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 16px;
}
.video-list-text span, .case-list.video-list li a .iconfont {
   color: #ababab;
}
.case-list.video-list li a .iconfont {
   font-size: 46px;
}
.case-list.video-list li a:hover {
   background: #0062ef;
}
.case-list.video-list li a:hover * {
   color: #fff;
}
.case-details.video-details .case-detais-top {
   text-align: center;
}
.case-details.video-details .case-detais-top p {
   font-size: 24px;
}
/********** 搜索结果 **********/
.result-bg {
   background-image: url('../image/resultbg.jpg');
}
.case-list.result-list li a {
   display: flex;
display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
   background: #fff;
   height: 100%;
}
.case-list.result-list li a span {
   flex: 1; 
   -ms-flex: 1;
   display: flex;
   display: -ms-flexbox;
   align-items: center;
}
.result-list-text {
   display: flex;
   display: -ms-flexbox;
   flex-direction: column;
   -ms-flex-direction: column;
   overflow: hidden;
   flex: 1;
   -ms-flex: 1;
}
.result-list-text p, .result-list-text small {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   transition: all 300ms linear;
}
.result-list-text p {
   font-size: 18px;
}
.result-list-text small {
   font-size: 14px;
   color: #747474;
}
.case-list.result-list li a .case-details-list-ul-text {
   padding: 25px 40px;
}
.case-list.result-list li a:hover {
   box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.case-list.result-list li a:hover .case-details-list-ul-text .result-list-text small {
   color: #fff;
}
/********** 联系我们 **********/
.contact-bg {
   background-image: url('../image/contactbg.jpg');
}
.contact-Down {
   margin: 0 -20px;
   display: flex;
display: -ms-flexbox;
   flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.contact-Down li {
   padding: 20px;
   width: 50%;
}
.contact-Down li a {
   display: flex;
display: -ms-flexbox;
   justify-content: space-between;
   align-items: center;
   background: #fff;
   transition: all 300ms linear;
   padding: 40px;
}
.contact-Down-text {
   display: flex;
   display: -ms-flexbox;
   align-items: flex-start;
   flex-direction: column;
   -ms-flex-direction: column;
   flex: 1; 
-ms-flex: 1;
   overflow: hidden;
}
.contact-Down-number {
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   width: 100%;
}
.contact-Down-number span {
   border-radius: 50%;
   width: 30px;
   height: 30px;
   font-weight: bold;
   font-size: 16px;
   background: #acacac;
   color: #fff;
   line-height: 30px;
   text-align: center;
}
.contact-Down-number p {
   font-size: 18px;
   padding-left: 20px;
   flex: 1; 
-ms-flex: 1;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.contact-Down-msg {
   display: flex;
display: -ms-flexbox;
   color: #747474;
   transition: all 300ms linear;
   line-height: 2.2;
   padding: 10px 0 10px 50px;
   flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.contact-Down-msg span + span {
   padding-left: 40px;
}
.contact-Down li a .iconfont {
   font-size: 32px;
   color: #000;
   transition: all 300ms linear;
}
.contact-Down li a:hover, .contact-question li .contact-question1:hover {
   box-shadow: 0 0 30px rgba(0, 0, 0, .1);
   color: #0062ef;
}
.contact-Down li a:hover .iconfont {
   color: #0062ef;
}
.contact-question li, .constact-recruit li {
   padding: 15px 0;
}
.contact-question li *, .constact-recruit li {
   transition: all 300ms linear;
}
.contact-question1, .recruit {
   background: #fff;
   padding: 30px 40px;
}
.contact-problem {
   display: flex;
display: -ms-flexbox;
   align-items: center;
}
.contact-Qtitle {
   font-size: 18px;
   border-radius: 50%;
   overflow: hidden;
   color: #fff;
   font-weight: bold;
   display: flex;
display: -ms-flexbox;
   align-items: center;
   justify-content: center;
   width: 30px;
   height: 30px;
   margin-right: 30px;
}
.contact-problem .contact-Qtitle {
   background: #0062ef;
}
.contact-problem p {
   flex: 1; 
-ms-flex: 1;
   font-size: 18px;
   padding-right: 30px;
}
.contact-problem .iconfont {
   transform: rotate(-90deg);
   font-size: 22px;
}
.contact-answer {
   padding-top: 15px;
   display: flex;
display: -ms-flexbox;
   width: 90%;
}
.contact-answer .contact-Qtitle {
   background: #c5c5c5;
}
.contact-answer1 {
   flex: 1; 
   -ms-flex: 1;
   line-height: 30px;
   color: #747474;
}
.contact-answer1.answer-height {
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.contact-question li.active .contact-question1 {
   box-shadow: 0 0 30px rgba(0, 0, 0, .1);
   color: #0062ef;
}
.contact-question li.active .contact-problem .iconfont {
   transform: rotate(90deg);
}
.contact-question li.active .contact-answer .contact-Qtitle {
   background: #000;
}
.recruit {
   display: flex;
   display: -ms-flexbox;
   align-items: center;
}
.recruit-name {
   display: flex;
display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
   width: 23%;
   position: relative;
}
.recruit-name big {
   font-size: 24px;
   color: #000;
}
.recruit-name span {
   color: #ababab;
}
.recruit-icon {
   position: absolute;
   right: -15px;
   top: calc(50% - 15px);
   width: 30px;
   height: 30px;
   border-radius: 50%;
   overflow: hidden;
   justify-content: center;
   display: none;
   align-items: center;
   background: #0062ef;
   color: #fff;
   font-size: 20px;
   cursor: pointer;
}
.recruit-msg {
   flex: 1; 
-ms-flex: 1;
   border-left: 1px solid #e1e1e1;
   flex-direction: column;
-ms-flex-direction: column;
   text-overflow: ellipsis;
   -webkit-line-clamp: 4;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   padding: 5px 20px 5px 70px;
   color: #747474;
   line-height: 2.2;

}
.recruit-person {
   width: 8%;
}
.recruit-person span {
   width: 70px;
   height: 70px;
   border-radius: 50%;
   background: #f5f6fa;
   justify-content: center;
   display: flex;
display: -ms-flexbox;
   align-items: center;
   font-size: 16px;
}
.recruit-pop {
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: rgba(0, 0, 0, .8);
   display: none;
   align-items: center;
   justify-content: center;
   z-index: 200000;
}
.recruit-pop-content {
   width: 75%;
   max-height: 70%;
   position: relative;
   background: #fff;
   display: flex;
   display: -ms-flexbox;
   flex-direction: column;
   -ms-flex-direction: column;
}
.recruit-pop-close {
   position: absolute;
   right: -60px;
   top: -30px;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   justify-content: center;
   border: 1px solid #ccc;
   color: #ccc;
   cursor: pointer;
   font-size: 30px;
   font-weight: lighter;
}
.recruit-pop-content1 {
   padding: 40px 60px;
   overflow-x: hidden;
}
.recruit-pop-name {
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   padding-bottom: 30px;
}
.recruit-pop-name dd {
   flex: 1; 
   -ms-flex: 1;
   display: flex;
   display: -ms-flexbox;
   flex-direction: column;
   -ms-flex-direction: column;
}
.recruit-pop-name dd big {
   font-size: 24px;
}
.recruit-pop-name dd span {
   color: #0062ef;
}
.recruit-pop-name dt {
   padding-left: 20px;
}
.recruit-pop-name dt span {
   width: 60px;
   height: 60px;
   border-radius: 50%;
   background: #0062ef;
   color: #fff;
   justify-content: center;
   align-items: center;
   display: flex;
display: -ms-flexbox;
   font-size: 16px;
}
.recruit-pop-msg {
   border: solid #e1e1e1;
   border-width: 1px 0;
   padding: 25px 0;
}
.recruit-pop-msg dt {
   font-size: 18px;
   color: #000;
   line-height: 2.2;
}
.recruit-pop-msg dd {
   color: #747474;
   padding: 15px 0;
   line-height: 2.2;
}
.recruit-pop-email {
   padding-top: 30px;
   color: #0062ef;
}
.recruit-pop-email a {
   color: #0062ef;
   line-height: 20px;
}
.recruit-pop-email a .iconfont {
   font-size: 18px;
   margin-right: 20px;
}
.constact-recruit li.active .recruit, .recruit:hover {
   box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}
.constact-recruit li.active .recruit-name big, .recruit:hover .recruit-name big {
   color: #0062ef;
}
.constact-recruit li.active .recruit-icon, .recruit:hover .recruit-icon {
   display: flex;
display: -ms-flexbox;
}
.constact-recruit li.active .recruit-person span, .recruit:hover .recruit-person span {
   background: #0062ef;
   color: #fff;
}
.constact-recruit li.active .recruit-pop {
   display: flex;
display: -ms-flexbox;
}
.contact-body {
   padding: 50px 0;
}
.contact-body .w1400 {
   flex-direction: column;
-ms-flex-direction: column;
}
.contact-body-head {
   display: flex;
display: -ms-flexbox;
   align-items: center;
   flex-direction: column;
-ms-flex-direction: column;
   font-size: 36px;
   position: relative;
}
.contact-body-head.solution-body-head {
   padding-left: 25px;
   align-items: flex-start;
}
.contact-body-head.solution-body-head span {
   position: absolute;
   left: 3px;
   top: calc(50% - .3em);
   width: 3px;
   height: .6em;
}
.contact-body-head span {
   background: #0062ef;
   width: 0.6em;
   height: 3px;
}
.contact-map {
   background: #f5f6fa;
}
.contact-map1 {
   background: #fff;
   margin: 50px 0;
   padding: 50px;
}
.contact-map1 dt img { 
   width: 100%;
}
.contact-map1 dd {
   display: flex;
display: -ms-flexbox;
   padding-top: 30px;
   align-items: center;
   width: 100%;
}
.contact-map-msg {
   display: flex;
display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
   flex: 1; 
-ms-flex: 1;
}
.contact-map-msg-big {
   font-size: 24px;
   padding: 20px 0;
}
.contact-map-msg1 {
   display: flex;
display: -ms-flexbox;
   align-items: center;
}
.contact-map-msg1 li {
   flex: 1; 
-ms-flex: 1;
   padding-right: 20px;
   line-height: 2.2;
}
.contact-map-msg1 li b {
   font-size: 18px;
   font-weight: normal;
}
.contact-map-msg1 li p {
   color: #747474;
}
.contact-map-wx {
   width: 230px;
   display: flex;
display: -ms-flexbox;
   justify-content: space-between;
   text-align: center;
}
.contact-map-wx p + p {
   padding-left: 60px;
}
.contact-map-wx p img {
   width: 100%;
   display: block;
   margin-bottom: 8px;
}
.contact-map-wx p span {
   color: #747474;
}
.contact-title {
   text-align: center;
   padding: 20px 0;
   color: #747474;
}
.contact-message {
   display: flex;
display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
}
.contact-message dd {
   flex: 1; 
-ms-flex: 1;
   margin: 0 -20px;
   display: flex;
display: -ms-flexbox;
   flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.contact-message1 {
   width: 33.3333%;
   padding: 20px;
   display: flex;
display: -ms-flexbox;
}
.contact-message2 {
   background: #f9f9f9;
   height: 70px;
   display: flex;
display: -ms-flexbox;
   align-items: center;
   padding: 10px;
   width: 100%;
}
.contact-message2 i {
   color: #ff3900;
}
.contact-message2 span {
   color: #747474;
   padding: 0 20px;
}
.contact-message2 img {
   height: 50px;
   cursor: pointer;
}
.contact-input {
   flex: 1; 
-ms-flex: 1;
}
.contact-message2 input, .contact-message-w textarea {
   border: none;
   background: transparent;
   width: 100%;
   color: #747474;
   font-size: 14px;
}
.contact-message-w textarea {
   background: #f9f9f9;
   padding: 20px;
}
.contact-message1.contact-message-w {
   width: 100%;
}
.contact-message1 input::-webkit-input-placeholder,
.contact-message1 textarea::-webkit-input-placeholder {
   font-size: 14px;
}
.contact-message1 input::-moz-placeholder,
.contact-message1 textarea::-moz-placeholder {
   font-size: 14px;
}
.contact-message1 input:-moz-placeholder,
.contact-message1 textarea:-moz-placeholder {
   font-size: 14px;
}
.contact-message1 input:-ms-input-placeholder,
.contact-message1 textarea:-ms-input-placeholder {
   font-size: 14px;
}
.contact-message dt {
   padding: 20px 0;
   display: flex;
display: -ms-flexbox;
   justify-content: center;
}
.contact-message span {
   padding: 0 20px;
}
.contact-message span button {
   height: 56px;
   width: 200px;
   text-align: center;
   border: none;
   font-size: 16px;
}
.contact-reset {
   color: #333;
   background: #dcdcdc;
}
.contact-confirm {
   color: #fff;
   background: #0062ef;
}
/********** 解决方案 **********/
.Solutions-bg {
   background-image: url('../image/Solution_Bg.jpg');
}
.news-list.solution-list li .news-list-img {
   width: 62%;
}
.solution-list-content {
   flex: 1; 
-ms-flex: 1;
   padding: 20px 50px;
   display: flex;
display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
   min-width: 0;
}
.solution-list-content big {
   position: relative;
   font-size: 24px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   line-height: 3;
}
.solution-list-content big::before {
   position: absolute;
   left: 0;
   bottom: 0;
   content: '';
   width: 1.7em;
   height: 2px;
   background: #ababab;
}
.solution-list-text {
   margin: 30px 0;
   line-height: 2;
   color: #747474;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 3;
   display: -webkit-box;
   -webkit-box-orient: vertical;
}
.solution-list-text-a a {
   border: 1px solid #e1e1e1;
   line-height: 44px;
   padding: 0 30px;
   display: inline-block;
}
.news-list.solution-list li:hover {
   color: #0062ef;
}
.news-list.solution-list li:hover .solution-list-content big::before {
   background: #0062ef;
}
.news-list.solution-list li:hover .solution-list-text-a a {
   background: #0062ef;
   border-color: #0062ef;
   color: #fff;
}
.Solutions-bg1 {
   background-image: url(../image/Solution_Bg1.jpg);
   height: 520px;
}
.container-title.Solutions-bg1 .w1400 {
   align-items: center;
   text-align: center;
}
.container-title.Solutions-bg1 .container-title-name p {
   font-size: 16px;
   color: #fff;
}
.solution-product {
   margin: 0 -20px;
   display: flex;
display: -ms-flexbox;
   flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.solution-product li {
   width: 25%;
   padding: 20px;
}
/********** 关于我们 **********/
.about-S768 {
   display: none;
}
.about-bg {
   background-image: url('../image/about_bg.jpg');
}
.about-body {
   padding: 50px 0;
   line-height: 2;
   color: #747474;
}
.about-body img {
   box-shadow: 0 0 30px rgba(0, 0, 0, .2);
}
.about-body .solution-body-head p {
   color: #333;
}
.about-develop {
   background: url('../image/about_bg1.jpg') no-repeat center center;
   background-size: cover;
}
.about-develop .contact-body-head {
   color: #fff;
}
.about-develop .contact-body-head span {
   background: #fff;
}
.about-develop-swiper {
   margin: 60px 0;
   background: #fff;
   padding: 20px 0 10px;
}
.about-develop-swiper .swiper-wrapper .swiper-slide {
   display: flex;
display: -ms-flexbox;
   padding: 40px 60px 60px;
   align-items: center;
}
.about-develop-swiper .swiper-slide dt {
   width: 40%;
}
.about-develop-swiper .swiper-slide dt img {
   width: 100%
}
.about-develop-swiper .swiper-slide dd {
   padding-left: 50px;
   flex: 1; 
-ms-flex: 1;
   display: flex;
display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
}
.about-develop-swiper .swiper-slide dd big {
   color: #0060e9;
   font-weight: bold;
   font-size: 48px;
   line-height: 1.8;
}
.about-develop-content li {
   display: flex;
display: -ms-flexbox;
   color: #747474;
   line-height: 2.2;
}
.about-develop-content li span {
   padding-right: 25px;
}
.about-develop-content li p {
   flex: 1; 
-ms-flex: 1;
}
.about-develop-swiper .swiper-pagination {
   position: relative;
   display: flex;
display: -ms-flexbox;
   justify-content: space-between;
   padding: 0 60px;
}
.about-develop-swiper .swiper-pagination::before {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   height: 1px;
   background: #e1e1e1;
   content: '';
}
.about-develop-swiper .swiper-pagination .swiper-pagination-bullet {
   opacity: 1 !important;
   width: auto;
   height: auto;
   background: transparent !important;
   font-weight: bold;
   font-size: 24px;
   position: relative;
   line-height: 2.5;
}
.about-develop-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   color: #0062ef;
}
.about-develop-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
   position: absolute;
   top: -8px;
   left: calc(50% - 4px);
   width: 0;
	height: 0;
	border-bottom: 8px solid #0062ef;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
   content: '';
}
.about-develop-swiper .swiper-button {
   background: transparent !important;
   border: none !important;
   color: #0062ef;
   opacity: 1 !important;
   bottom: 20px;
   top: auto;
   margin: 0;
   height: 60px;
   display: flex;
display: -ms-flexbox;
   align-items: center;
}
.about-develop-swiper .swiper-button-prev {
   left: 10px;
}
.about-develop-swiper .swiper-button-next {
   right: 10px;
}
.about-case-bg {
   background: #ecf0f5;
}
.about-case-list {
   margin: 0 -20px;
   display: flex;
display: -ms-flexbox;
   flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.about-case-list li {
   padding: 20px;
   width: 50%;
}
.about-case-content {
   background: #fff;
   padding: 40px;
   display: flex;
display: -ms-flexbox;
   height: 100%;
}
.about-case-content dt {
   display: flex;
display: -ms-flexbox;
   align-items: center;
}
.about-case-content dt .iconfont {
   border-radius: 50%;
   width: 140px;
   height: 140px;
   background: #f7f8fa;
   display: flex;
display: -ms-flexbox;
   justify-content: center;
   align-items: center;
   font-size: 70px;
}
.about-case-content dd {
   flex: 1; 
-ms-flex: 1;
   display: flex;
display: -ms-flexbox;
   justify-content: center;
   padding-left: 40px;
   flex-direction: column;
-ms-flex-direction: column;
   line-height: 1.8;
}
.about-case-content dd big {
   font-size: 20px;
   line-height: 3;
}
.about-case-content dd p {
   color: #747474;
}
.about-case-list li:hover .about-case-content {
   background: #0062ef;
   color: #fff;
   box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}
.about-case-list li:hover .about-case-content dt .iconfont {
   background: #fff;
   color: #000;
}
.about-case-list li:hover .about-case-content dd p {
   color: #fff;
}
.about-honors {
   padding: 70px;
   position: relative;
}
.about-honors .swiper-slide {
   display: flex;
display: -ms-flexbox;
   align-items: center;
   justify-content: center;
   flex-direction: column;
-ms-flex-direction: column;
   padding: 30px 0;
}
.about-honors .swiper-slide img {
   box-shadow: 0 24px 44px rgba(0, 0, 0, .2);
   width: 100%;
}
.about-honors .swiper-slide p {
   padding-top: 40px;
   font-size: 16px;
   opacity: 0;
}
.about-honors .swiper-slide.swiper-slide-active img {
   box-shadow: 0 27px 54px rgba(0, 0, 0, .25);
}
.about-honors .swiper-slide.swiper-slide-active p {
   opacity: 1;
}

.about-honors .swiper-button {
   margin: 0;
   display: flex;
display: -ms-flexbox;
   align-items: center;
   border-radius: 50%;
}
.about-honors .swiper-button-prev {
   left: 10px;
}
.about-honors .swiper-button-next {
   right: 10px;
}
/********** 产品中心 **********/
.product-bg {
   background-image: url('../image/product-bg.jpg');
}
.product-body {
   padding: 25px 0;
}
.product-body .case-site1 {
   display: flex;
display: -ms-flexbox;
   justify-content: flex-end;
}
.product-list {
   display: flex;
display: -ms-flexbox;
   padding-top: 25px;
}
.product-list-left {
   width: 23%;
   display: flex;
display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
}
.product-list-bg {
   background: #fff;
}
.product-list-left .product-list-bg {
   margin-bottom: 30px;
}
.product-list-menu {
   padding: 0 30px;
}
.product-list-menu dl {
   border-bottom: 1px solid #ecf0f5;
}
.product-list-menu dl:last-child {
   border-bottom: 0;
}
.product-list-menu dl dt {
   display: flex;
display: -ms-flexbox;
   justify-content: space-between;
   align-items: center;
   transition: all 300ms linear;
   padding: 30px 0 20px;
}
.product-list-menu .all-tab-menu-name big {
   font-weight: bold;
}
.product-list-menu1 dt .iconfont {
   border-radius: 50%;
   width: 38px;
   height: 38px;
   overflow: hidden;
   background: #d9d9d9;
   color: #fff;
   justify-content: center;
   font-weight: lighter;
   font-size: 22px;
   text-align: center;
   transition: all 300ms linear;
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   line-height: 1;
}
.product-list-menu dl dd {
   padding: 0 15px 20px;
   display: none;
}
.product-list-menu dl dd a {
   display: block;
   line-height: 2.8;
   font-size: 16px;
   color: #747474;
}
.product-list-menu dl dd a:hover, .product-list-menu dl dd a.hover, .product-list-menu dl:hover .all-tab-menu-name p, .product-list-menu dl.Ahover .all-tab-menu-name p {
   color: #0062ef;
}
.product-list-menu dl.active, .product-list-menu dl.Ahover, .product-list-menu dl:hover {
   border-bottom-color: #005fe7;
   color: #0062ef;
}
.product-list-menu dl.active .iconfont, .product-list-menu dl.Ahover .iconfont, .product-list-menu dl:hover .iconfont {
   background: #0062ef;
   transform: rotate(90deg);
}
.product-list-menu dl.Ahover dd {
   display: block;
}
.product-slide-title {
   font-size: 24px;
   padding: 20px 25px;
}

.product-slide .swiper-container {
   padding: 0 10px 40px;
   position: relative;
}
.product-slide .swiper-container .swiper-slide {
   padding: 0 15px;
   text-align: center;
}
.product-slide .swiper-container .swiper-slide img {
   width: 100%;
}
.product-slide .swiper-container .swiper-slide big {
   font-size: 18px;
}
.product-slide .swiper-container .swiper-slide big, .product-slide .swiper-container .swiper-slide p {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   display: block;
}
.product-slide .swiper-button {
   width: 30px;
   height: 30px;
   color: #fff;
   margin-top: -30px;
   font-size: 18px;
}
.product-slide .swiper-button-prev {
   left: 0;
}
.product-slide .swiper-button-next {
   right: 0
}
.product-slide .swiper-button.swiper-button-disabled, .index-case-swiper .swiper-button.swiper-button-disabled {
   background: #ccc;
   border-color: #ccc;
   opacity: 1;
}
.product-slide .swiper-pagination, .index-case-swiper .swiper-pagination {
   display: flex;
   display: -ms-flexbox;
   align-items: center;
   justify-content: center;
}
.product-slide .swiper-pagination .swiper-pagination-bullet, .index-case-swiper .swiper-pagination .swiper-pagination-bullet {
   background: rgba(92,92,92,.4);
   opacity: 1;
   width: 6px;
   height: 6px;
   margin:  8px;
}
.product-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .index-case-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background: transparent;
   width: 14px;
   height: 14px;
   border: 1px solid #0062ef;
   position: relative;
}
.product-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after, .index-case-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
   position: absolute;
   left: 4px;
   right: 4px;
   top: 4px;
   bottom: 4px;
   z-index: 5;
   content: '';
   background: #0062ef;
   border-radius: 50%;
}
.product-list-right {
   flex: 1; 
   -ms-flex: 1;
   padding-left: 40px;
   overflow: hidden;
}
.product-ul {
   margin: -20px -20px 0;
   display: flex;
display: -ms-flexbox;
   flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.product-ul li {
   padding: 20px;
   width: 50%;
}
.product-ul li a {
   display: flex;
display: -ms-flexbox;
   background: #fff;
   flex-direction: column;
-ms-flex-direction: column;
   height: 100%;
}
.product-li-img {
   flex: 1; 
-ms-flex: 1;
   display: flex;
display: -ms-flexbox;
   justify-content: center;
   align-items: center;
}
.product-ul-text {
   display: flex;
display: -ms-flexbox;
   align-items: center;
   padding: 30px;
}
.product-ul-text dd {
   flex: 1; 
-ms-flex: 1;
   min-width: 0;
}
.product-ul-text dd span, .product-ul-text dd p {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   display: block;
   line-height: 2.2;
}
.product-ul-text dt {
   padding-left: .8em;
   font-size: 32px;
   color: #ccc;
   font-weight: lighter;
}
.product-ul li:hover a {
   box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}
.product-ul li:hover a .product-ul-text {
   background: #0062ef;
}
.product-ul li:hover a .product-ul-text * {
   color: #fff !important;
}
.product-article {
   margin-top: 80px;
}
.product-details {
   display: flex;
display: -ms-flexbox;
   padding: 30px 0;
}
.product-details-img {
   width: 730px;
   display: flex;
display: -ms-flexbox;
   height: 520px;
}
.product-details-img img {
   max-height: 100%;
}
.product-img-big {
   flex: 1; 
-ms-flex: 1;
   height: 100%;
}
.product-details-img .swiper-slide, .product-img-big {
   background: #fff;
   display: flex;
display: -ms-flexbox;
   align-items: center;
   justify-content: center;
}
.product-img-small {
   width: 150px;
   padding-left: 20px;
}

.product-img-small .swiper-slide:last-child {
   margin-bottom: 0;
}
.product-img-small .swiper-slide.img-active {
   border: 1px solid #0062ef;
}
.product-details-content {
   flex: 1; 
-ms-flex: 1;
   padding: 10px 0 10px 60px;
   line-height: 2.2;
}
.product-content-big {
   font-size: 28px;
}
.product-content-small {
   color: #747474;
}
.product-content-text {
   margin: 20px 0;
   border: solid #e1e1e1;
   border-width: 1px 0;
   padding: 20px 0;
   line-height: 2.7;
   color: #747474;
}
.product-content-a {
   padding: 10px 0;
}
.product-content-a a {
   display: inline-block;
   font-size: 16px;
   color: #fff;
   background: #0062ef;
   line-height: 56px;
   padding: 0 60px;
}
.product-tab {
   box-shadow: 0 0 30px rgba(0, 0, 0, .1);
   z-index: 10;
   position: relative;
}
.product-tab dl {
   display: flex;
display: -ms-flexbox;
   justify-content: space-between;
}
.product-tab dl dt, .product-tab dl dd {
   line-height: 70px;
   display: flex;
display: -ms-flexbox;
}
.product-tab dl dt i.iconfont {
   color: #0062ef;
   padding-right: 20px;
   font-size: 26px;
   font-weight: lighter;
}
.product-tab dl dt b {
   font-size: 24px;
}
.product-tab dd span {
   padding-right: 100px;
   font-size: 18px;
}
.product-tab dd span a {
   display: block;
   position: relative;
}
.product-tab dd span a:hover, .product-tab dd span.active a {
   color: #0062ef;
}
.product-tab dd span a:hover::after, .product-tab dd span.active a::after {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   content: '';
   background: #0062ef;
   height: 3px;
}
.product-AContent {
   padding: 20px 0;
   background: #fff;
}
.product-AContent .w1400 {
   display: flex;
display: -ms-flexbox;
}
.product-AContent-left {
   flex: 1; 
-ms-flex: 1;
   padding: 20px 0;
}
.product-table {
   line-height: 2.2;
   padding: 10px 0;
}
.product-AContent-ul {
   display: flex;
display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
}
.product-AContent-ul a {
   border: 1px solid #e1e1e1;
   display: flex;
   display: -ms-flexbox;
   flex-direction: column;
-ms-flex-direction: column;
   padding: 0;
}
.product-AContent-ul a span img {
   width: 100%;
}
.product-AContent-text {
   display: flex;
   display: -ms-flexbox;
   flex-direction: column;
   -ms-flex-direction: column;
   padding: 20px;
   text-align: center;
}
.product-AContent-text big {
   font-size: 18px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.product-AContent-text p {
   color: #747474;
}
.product-AContent-ul a + a {
   margin-top: -1px;
}
.product-AContent-ul a:hover {
   border-color: #fff;
   position: relative;
   z-index: 1;
   box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}
.product-AContent-ul a:hover .product-AContent-text {
   background: #0062ef;
}
.product-AContent-ul a:hover .product-AContent-text * {
   color: #fff !important;
}
.product-data {
   background: #f5f6fa;
   padding: 30px 0 60px;
}
.product-data ~ .footer .footer-top .iconfont {
   border-color: #f5f6fa;
}