/* 公共部分 */
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../font/SourceHanSansCN-Normal.ttf');
    src: url('../font/SourceHanSansCN-Normal.eot') format('embedded-opentype'),
    url('../font/SourceHanSansCN-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arial_bold';
    src: url('../font/arial_bold_t.ttf');
    src: url('../font/arial_bold_t.eot') format('embedded-opentype'),
    url('../font/arial_bold_t.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('../font/SourceHanSansCN-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot') format('embedded-opentype'),
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'),
    url('../font/iconfont.svg') format('svg');

}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
body{font-family: 'SourceHanSansCN-Normal','Microsoft YaHei';color:#222222 ;}
html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* header部分 */
.header{width: 100%;height: 76px;line-height: 76px;background: #ffffff;position: relative;}
.header .wrap{height: 100%;padding: 0 1vw;}
.header .logo{display: inline-block;height: 100%;width: 140px;position: relative;}
.header .logo img{position: absolute;left: 0;top: 50%;}
.header .navlist{display: inline-block;padding:0 0 0 19%;width: 72%;}
.header .navlist>li{display: inline-block;margin-right: 5%;position: relative;}
.header .navlist>li:last-child{margin-right: 0;}
.header .navlist>li .nav-item{display: inline-block;color: #222222;font-size: 16px;transition: all 0.4s;position: relative;font-style: normal; border: 1px solid #ffffff; background: #ffffff;}
.header .navlist>li .nav-item:hover{transition: all 0.4s;color: #004EA2;}
.header .navlist>li .nav-item::after{content: "";display: inline-block;width: 0%;height: 2px;background: #004EA2;border-radius: 1px;position: absolute; bottom: -3px;left: 50%;transform: translateX(-50%);transition: all 0.5s;}
.header .navlist>li .nav-item:hover::after{transition: all 0.4s;width: 100%;}
.header .navlist>li .nav-item.active-nav{transition: all 0.4s;color: #004EA2;}
.header .navlist>li .nav-item.active-nav::after{transition: all 0.4s;width: 100%;}
.header .navlist>li .drop-nav{width: 140px; display: none; position: absolute; padding: 10px 0; top: 82px; left: 50%; margin-left: -70px; z-index: 3; text-align: center; background: #ffffff;}
.header .navlist>li .drop-nav .item{height: 40px;line-height: 40px;background: #ffffff;width: 100%;}
.header .navlist>li .drop-nav .item a{ display: inline-block; width: 100%; height: 100%; transition: all 0.4s; background: #ffffff; border-color: #ffffff; color: #666666;}
.header .navlist>li .drop-nav .item a:hover{translate: all 0.4s;background: #fcfcfc;color:#004EA2 ;}
.header .ph-number{display: inline-block;}
.header .ph-number img{position: relative;top:22px;}
.header .ph-number .number{display: inline-block;padding-left: 10px; font-weight: 600;font-size: 28px;font-family: arial_bold;color: #004EA2;}
@media screen and (max-width: 1680px) {
    .header .navlist {width: 70%; }
}
@media screen and (max-width: 1440px) {
    .header .navlist {width: 66%;padding: 0 0 0 10%; }
    .header .ph-number img {width: 36px;}
    .header .ph-number .number { padding-left: 8px; font-size: 26px;}
}
@media screen and (max-width: 1366px) {
    .header .navlist {width: 63%;padding: 0 0 0 8%; }
    .header .ph-number img {width: 34px;}
    .header .ph-number .number { padding-left: 8px; font-size: 24px;}
    .header .navlist>li {  margin-right: 4%;}
    .header .navlist>li .nav-item::after {bottom: 0px;}
}
@media screen and (max-width: 1280px) {
    .header .ph-number img {width: 30px;top: 24px;}
    .header .ph-number .number { padding-left: 5px; font-size: 20px;}
    .header .navlist {padding: 0 0 0 5%; }
}
@media screen and (max-width: 1040px) {
    .header .navlist>li .nav-item {font-size: 14px;}
    .header .ph-number img {width: 28px;top: 26px;}
    .header .ph-number .number { padding-left: 5px; font-size: 18px;}
    .header .navlist{display: none; position: absolute;width: 100%;padding: 10px 0;left: 0;top: 68px;z-index: 3;background: #ffffff;box-shadow: 0px 4px 4px 1px #fcfcfc;border-top: 1px solid #fcfcfc;}
    .header .toggle-humber {width: 40px;position: absolute;height: 35px;margin-top: 21px;cursor: pointer;right: 0;top: 0; }
    .header .toggle-humber span {display: inline-block;width: 20px;height: 2px;background-color: #000;position: absolute;top: 16px;right: 0px; transition: background-color 0.3s ease-out 0.1s;}
    .header .toggle-humber span:before {content: '';display: inline-block;width: 23px;height: 2px;background-color: #000;position: absolute;top: -8px;right: 0px;transition: transform 0.3s ease-out, top 0.5s ease 0.4s;transform: rotate(0deg); }
    .header .toggle-humber span:after {content: '';display: inline-block;width: 20px;height: 2px;background-color: #000;position: absolute;top: 8px;right: 0px;transition: transform 0.3s ease-out, top 0.5s ease 0.4s;transform: rotate(0deg);}
    .header .wrap>.fr{position: relative;padding-right: 50px;}
    .header .toggle-humber.on span { background-color: transparent; }
    .header .toggle-humber.on span:before { transition: top 0.5s ease, transform 0.3s ease-out 0.4s; transform: rotate(45deg); top: 0px;}
    .header .toggle-humber.on span:after { transition: top 0.5s ease, transform 0.3s ease-out 0.4s; transform: rotate(-45deg); top: 0px; width: 23px; }
    .header .navlist>li { margin-right: 0; width: 100%; line-height: 42px; padding: 0 4%;}
    .header .navlist>li .nav-item{position: relative;}
    .header .navlist>li:nth-child(2) .nav-item::before {content: '>';display: inline-block;width: 100%;height: 100%;position: absolute;left: 108%;top: 0;}
    .header .navlist>li:nth-child(3) .nav-item::before {content: '>';display: inline-block;width: 100%;height: 100%;position: absolute;left: 108%;top: 0;}
    .header .navlist>li:nth-child(4) .nav-item::before {content: '>';display: inline-block;width: 100%;height: 100%;position: absolute;left: 108%;top: 0;}
    .header .navlist>li .drop-nav{width: 100%;top: 0;left: 0;margin-left: 0;position: relative;text-align: left;padding: 0 0 0 20px;} 
    .header .navlist>li .nav-item:hover::after{width: 0%;}
    .header .navlist>li .nav-item.active-nav::after{width: 0%;}
}
@media screen and (max-width: 768px) {
    .header { height: 68px; line-height: 68px;}
    .header .ph-number img { width: 24px; top: 24px; }
    .header .toggle-humber {margin-top: 17px;}
    .header .logo {width: 14vw;}
}
@media screen and (max-width: 500px) {
    .header .logo {width: 22vw;}
    .header .ph-number .number {padding-left: 4px;font-size: 16px;}
    .header .ph-number img {width: 20px; top: 26px;}
    .header .navlist {top: 68px;}
}
/* footer部分 */
.footer {background: #004ea2;color: #ffffff;}
.footer .footer-left h5{font-size: 16px;}
.footer .footer-left .f1{font-weight: 600;font-family: 'arial_bold';letter-spacing: 1px;}
.footer .footer-left .consult-btn{display: block;width: 144px; height: 42px;color: #ffffff;background: #F4BB01;transition: all 0.4s;line-height: 40px;text-align: center;}
.footer .footer-left .consult-btn:hover{transition: all 0.4s;background: #ffffff;color:#F4BB01;}
.footer .footer-left .links-list .item{display: inline-block;position: relative; margin-right: 20px;transition: all 0.4s;width: 46px;height: 46px;background: url(../image/f_icon1.png) no-repeat center center;background-size: 46px;}
.footer .footer-left .links-list .item:nth-child(2){background: url(../image/f_icon2.png) no-repeat center center;background-size: 46px;}
.footer .footer-left .links-list .item:nth-child(3){background: url(../image/f_icon2.png) no-repeat center center;background-size: 46px;}
.footer .footer-left .links-list .item:hover{transition: all 0.4s;opacity: 1;background: url(../image/f_icon1_o.png) no-repeat center center;background-size: 46px;}
.footer .footer-left .links-list .item:nth-child(2):hover{background: url(../image/f_icon2_o.png) no-repeat center center;background-size: 46px;}
.footer .footer-left .links-list .item:nth-child(3):hover{background: url(../image/f_icon2_o.png) no-repeat center center;background-size: 46px;}
.footer .footer-left .links-list .item .over-data{opacity: 0; position: absolute;top: 45px;left: 50%;width: 180px;text-align: center;transition: all 0.4s;}
.footer .footer-left .links-list .item:hover .over-data{opacity: 1;transition: all 0.4s;}
.footer .footer-right {width: 70%;}
.footer .company-item{color: #ffffff;transition: all 0.4s;width: 207px;margin-left: 10%;}
.footer .company-item .item-img{width: 100%;overflow: hidden;}
.footer .company-item .item-img img{width: 100%;transition: all 0.4s;}
.footer .company-item:hover .item-img img{transition: all 0.4s;transform: scale(1.1);}
.footer .company-item h6{margin-top: 10px;}
.footer .company-item p{ color: #D0E7FF;line-height: 22px;}
.footer .company-item:nth-child(3) {  margin-left: 0%;  }
.footer .footer-bottom {border-top: 1px solid #326295;line-height: 68px;text-align: center;}
@media screen and (max-width: 1366px) {
    .footer .company-item { margin-left: 8%; }
}
@media screen and (max-width: 1280px) {
    .footer .company-item { margin-left: 6%; }
    .footer .footer-right {width: 78%; }
    .footer .footer-left .links-list .item .over-data{width: 150px;}
}
@media screen and (max-width: 1040px) {
    .footer .company-item { margin-left: 3%; width: 26%;}
    .footer .footer-left .f1 {  font-size: 22px;}
    .footer .footer-left h5 {  font-size: 14px;}
    .footer .footer-left .links-list .item {margin-right: 15px;width: 40px;height: 40px;background-size: 100%;}
    .footer .footer-left .links-list .item:hover {background-size: 100%;}
    .footer .footer-left .links-list .item:nth-child(2) {background-size: 100%;}
    .footer .footer-left .links-list .item:nth-child(3) {background-size: 100%;}
    .footer .footer-left .links-list .item:nth-child(2):hover {background-size: 100%;}
    .footer .footer-left .links-list .item:nth-child(3):hover {background-size: 100%;}
    .footer .footer-left .links-list .item .over-data{width: 120px;left: 60%;}

    .footer .footer-right {  width: 76%; }
}
@media screen and (max-width: 768px) {
    .footer .footer-left{width: 100%;  padding: 20px;}
    .footer .footer-left .consult-btn {width: 130px;height: 38px; line-height: 38px;display: inline-block;float: right; margin-right: 20px;}
    .footer .footer-left .links-list .item { margin-right: 10px; width: 32px; height: 32px;}
    .footer .footer-right {  width: 100%;margin-top:20px; }
    .footer .company-item {  margin-left: 3%;  width: 31%; }
    .footer .footer-left .links-list .item .over-data{width: 120px;}
    .footer .footer-bottom {line-height: 22px;padding: 20px;}
    .footer .footer-left .f1 { font-size: 18px; }


}
@media screen and (max-width: 500px) {
    .footer .footer-left .links-list .item .over-data{width: 110px;left: 66%;}

}
/* 侧边栏 */
.m-fixed-box { width: 70px; position: fixed; right: 0px; top: 56%; z-index: 99998; border-radius: 0.100000rem 0 0 0.100000rem;}
.m-fixed-box li{cursor: pointer;transition: all 0.4s;text-align: center; position: relative; width: 64px;height: 65px;background: #FFFFFF;border: 1px solid #EEEEEE;}
.m-fixed-box a{display: inline-block;width: 100%;height: 100%;}
.m-fixed-box li:hover{transition: all 0.4s;background: #004EA2;}
.m-fixed-box .iconfont{position: absolute;top: 50%;left: 50%;width: 26px;height: 28px;background: url(../image/slide1.png) no-repeat center center;background-size: 100%;transition: all 0.4s;}
.m-fixed-box  li:nth-child(2) .iconfont{background: url(../image/slide2.png) no-repeat center center;background-size: 100%;}
.m-fixed-box  li:nth-child(3) .iconfont{width:21px; background: url(../image/slide3.png) no-repeat center center;background-size: 100%;}
.m-fixed-box  li:nth-child(4) .iconfont{width:26px;background: url(../image/slide4.png) no-repeat center center;background-size: 100%;}
.m-fixed-box  li:nth-child(5) .iconfont{background: transparent;}
.m-fixed-box  li:nth-child(1):hover .iconfont{background: url(../image/slide1_0.png) no-repeat center center;background-size: 100%;}
.m-fixed-box  li:nth-child(2):hover .iconfont{background: url(../image/slide2_0.png) no-repeat center center;background-size: 100%;}
.m-fixed-box  li:nth-child(3):hover .iconfont{background: url(../image/slide3_0.png) no-repeat center center;background-size: 100%;}
.m-fixed-box  li:nth-child(4):hover .iconfont{background: url(../image/slide4_0.png) no-repeat center center;background-size: 100%;}
.m-fixed-box  li:nth-child(5):hover .iconfont{background: transparent;}
.m-fixed-box .q_pinfo {position: absolute;right: 70px;top: 50%;transform: translateY(-50%); background: #ffffff;
    box-shadow: 0px 0px 11px 0px rgba(213, 213, 213, 0.5);color: #040404; padding: 5px 15px;line-height: 22px;color: #666666;opacity: 0;transition: all .3s;white-space: nowrap;box-sizing: border-box;}
.m-fixed-box .jsBack {color: #004EA2;transition: all 0.4s;font-size: 30px;}
.m-fixed-box .jsBack .iconfont{font-size: 22px;font-weight: 600;}
.m-fixed-box .jsBack:hover {background: #004EA2;color: #ffffff;transition: all 0.4s;border-color: #004EA2;}
.m-fixed-box li:hover .q_pinfo, .m-fixed-box li .q_pinfo.on { opacity: 1; transform: translateY(-50%);}
.m-fixed-box li .q_pinfo .txt.mm{padding: 10px 15px;text-align: center;color: #666666;}
.m-fixed-box li .q_pinfo::after{content: "";display: inline-block;position: absolute;right: -12px;top: 50%; margin-top: -6px;border-style: solid;border-width: 6px 6px;border-color: transparent transparent transparent #ffffff;}
@media screen and (max-width: 1440px) {
    .m-fixed-box { width: 55px; top: 45%;}
    .index-right-fixed{
        top:14% !important;
    }
    .m-fixed-box li {width: 50px;height: 50px;}
    .m-fixed-box .iconfont { width: 20px;}
    .m-fixed-box li:nth-child(3) .iconfont { width: 16px;}
    .m-fixed-box li:nth-child(4) .iconfont { width: 20px;}
    .m-fixed-box .jsBack .iconfont {font-size: 18px;line-height: 28px;}
}
@media screen and (max-width: 1040px) {
    .m-fixed-box {top: 80%; width: 54px;}
    .m-fixed-box  li{ display: none;width: 50px; height: 50px; }
    .m-fixed-box .jsBack{display: block;}
}
@media screen and (max-width: 768px) {
    .m-fixed-box .jsBack .iconfont { font-size: 16px; }
    .m-fixed-box li { width: 40px; height: 40px; }
    .m-fixed-box {width: 42px; }
}
.banner{width: 100%;}
.banner .swiper-slide{display:inline-block;width: 100%;position: relative;overflow: hidden;}
.banner .swiper-slide>img{width: 100%;}
.areacont{overflow: hidden;}
.areacont .area-title{text-align: center;}
.areacont .area-title .title{font-size: 44px;font-weight: bold;color: #222222;line-height: 66px;}
.areacont .area-title .title-txt{padding: 0 30px;}
.areacont .area-title .title-txt i{font-weight: 600;color: #004ea2 ;}
.areacont .detaile-links{display: block; border: 1px solid #ffffff;transition: all 0.4s; background: #004EA2;margin-top: 35px; width: 200px;height: 46px;line-height: 46px;color: #ffffff;font-size: 20px;text-align: center;transition: all 0.4s;}
.areacont .detaile-links .icon{display: inline-block;width: 22px;height: 15px;margin-left: 3px; background: url(../image/icon2.png) no-repeat center center;background-size: 100%;}
.areacont .detaile-links:hover{transition: all 0.4s;background: #ffffff;color: #004ea2;}
.areacont .detaile-links:hover .icon{background: url(../image/icon3.png) no-repeat center center;background-size: 100%;}
.secondary-banner{width: 100%;overflow: hidden;position: relative;}
.secondary-banner>img{width: 100%;transition: all 0.4s;}
.secondary-banner:hover>img{transition: all 0.4s;transform: scale(1.1);}
.secondary-banner .overtxt{position: absolute;top: 50%;left: 50%;color: #ffffff;font-weight: 600;}
.secondary-banner .tit{font-size: 48px;font-weight: normal;}
.bf.detaile-links{display: block; margin:50px auto 0;border:2px solid #004EA2;background: #FFFFFF;color:#004EA2 ;transition: all 0.4s;}
.bf.detaile-links .icon{background: url(../image/icon3.png) no-repeat center center ;}
.bf.detaile-links:hover{border:2px solid #004EA2;background: #004EA2;color:#ffffff ;}
.bf.detaile-links:hover .icon{background: url(../image/icon2.png) no-repeat center center ;}
.secondary-banner.b2b .tit{font-size: 32px;font-weight: normal;}
.secondary-banner.b2b .txt{font-size: 36px;}


@media screen and (max-width: 1680px) {
    .areacont .area-title .title{font-size: 42px;}
    .secondary-banner .tit {font-size: 40px;}
    .secondary-banner p{font-size: 38px;}
    .about-area1 .tit{font-size: 40px;}
    .about-area1 .usinfor {line-height: 32px;}
    .secondary-banner.b2b .tit{font-size: 30px;font-weight: normal;}
    .secondary-banner.b2b .txt{font-size: 36px;}

}
@media screen and (max-width: 1440px) {
    .areacont .area-title .title{font-size: 38px;}
    .secondary-banner .tit {font-size: 36px;}
    .about-area1 .tit{font-size: 36px;}
    .about-area1 .usinfor {line-height: 30px;}
    .secondary-banner.b2b .tit{font-size: 28px;font-weight: normal;}
    .secondary-banner.b2b .txt{font-size: 34px;}
}
@media screen and (max-width: 1366px) {
    .areacont .area-title .title{font-size: 32px;}
    .areacont .detaile-links { font-size: 16px;width: 170px;height: 44px;line-height: 42px;}
    .areacont .detaile-links .icon {width: 19px;height: 11px;}
    .secondary-banner .tit {font-size: 32px;}
    .secondary-banner p{font-size: 36px;}
    .about-area1 .tit{font-size: 32px;}

}
@media screen and (max-width: 1280px) {
    .areacont .area-title .title{font-size: 30px;}
    .areacont .detaile-links { font-size: 14px;width: 160px;height: 40px;line-height: 38px;margin-top: 30px;}
    .areacont .detaile-links .icon {width: 18px;height: 11px;}
    .about-area1 .tit{font-size: 28px;}
    .secondary-banner .tit {font-size: 28px;}
    .secondary-banner p{font-size: 30px;}

}
@media screen and (max-width: 1024px) {
    .areacont .area-title .title{font-size: 26px;}
    .areacont .detaile-links { font-size: 14px;width: 14vw;height: 36px;line-height: 32px;border-width: 1px;margin-top: 25px;}
    .areacont .detaile-links .icon {width: 15px;height: 9px;}
    .about-area1 .tit{font-size: 24px;}
    .about-area1 .usinfor {line-height: 26px;}
    .secondary-banner .tit {font-size: 24px;}
    .secondary-banner p{font-size: 26px;}
    .secondary-banner.b2b .tit{font-size: 26px;font-weight: normal;}
    .secondary-banner.b2b .txt{font-size: 32px;}

}
@media screen and (max-width: 768px) {
    .areacont .area-title .title{font-size: 24px;}
    .areacont .detaile-links { font-size: 14px;width: 25vw;height: 36px;line-height: 32px;margin-top: 20px;}
    .areacont .detaile-links .icon {width: 19px;height: 9px;}
    .about-area1 .tit{font-size: 22px;}
    .secondary-banner .tit {font-size: 20px;margin-top: 18px;}
    .secondary-banner p{font-size: 22px;}
    .secondary-banner .overtxt { text-align: center;}

 
}
@media screen and (max-width: 600px) {
    .areacont .area-title .title{padding:0 24px;font-size: 16px;line-height: 30px;}
    .areacont .detaile-links { font-size: 14px;width: 30vw;height: 30px;line-height: 28px;border-width: 1px;}
    .areacont .detaile-links .icon {width: 0px;height: 9px;}
    .areacont .area-title .title-txt { padding: 0 20px; font-size: 14px; }
    .about-area1 .tit{font-size: 18px;}
    .about-area1 .usinfor {line-height: 22px;}
    .secondary-banner .tit {font-size: 14px;margin-top: 10px;}
    .secondary-banner p{font-size: 16px;}
    .secondary-banner { height: 20vh;}
    .secondary-banner>img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: none;height: 100%;}
    .secondary-banner.b2b .tit{font-size: 16px;font-weight: normal;}
    .secondary-banner.b2b .txt{font-size: 18px;}
    .areacont {padding-bottom: 12px; }
}
/* 公共部分end */

/* 首页 */
/* 首页banner */
.index-banner .mask-box{position: absolute;left: 0;top: 0; width: 100%;padding: 5% 0; height: 100%; color: #ffffff;z-index: 3;}
.index-banner .mask-box .txt1 p:nth-child(1){font-size: 50px;} 
.index-banner .mask-box .txt1 p:nth-child(2){font-size: 56px;font-weight: 600;} 
.index-banner .mask-box .txt2{margin-top: 6%;}
.index-banner .mask-box .h-btn{transition: all 0.4s;margin-bottom: 2%; display: block;width: 260px;height: 60px;line-height: 60px;color: #ffffff; background: #F4BB01;text-align: center;font-size: 18px;}
.index-banner .mask-box .h-btn .icon{ display: inline-block;width: 21px;height: 15px;background: url(../image/icon2.png) no-repeat center center;margin-left: 4px;}
.index-banner .mask-box .h-btn:hover{transition: all 0.4s;background: #004ea2;}
.index-banner .swiper-slide>img{transition: all 0.9s;transform: scale(1);}
.index-banner .swiper-slide.swiper-slide-active>img{transition: all 0.9s;transform: scale(1.1);}
.index-banner .swiper-pagination{bottom: 30px;}
.index-banner .swiper-pagination .swiper-pagination-bullet{width: 56px;height: 3px;background: #FFFFFF;border-radius: 0;opacity: 1;position: relative;}
.index-banner .swiper-pagination .swiper-pagination-bullet::after{content: "";display: inline-block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;background: #004ea2;transition: all 0.3s;}
.index-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{transition: all 3s;width: 100%;}
@media screen and (max-width: 1680px) {
    .index-banner .mask-box .txt2 {  margin-top: 4%;}
    .index-banner .mask-box .txt1 p:nth-child(1) {font-size: 46px; }
    .index-banner .mask-box .txt1 p:nth-child(2) { font-size: 52px;}
}
@media screen and (max-width: 1440px) {
    .index-banner .mask-box .txt1 p:nth-child(1) {font-size: 42px; }
    .index-banner .mask-box .txt1 p:nth-child(2) { font-size: 48px;}
    .index-banner .mask-box .h-btn { width: 230px; height: 58px; line-height: 58px;}
    .index-banner .swiper-pagination .swiper-pagination-bullet {width: 52px;}
}
@media screen and (max-width: 1366px) {
    .index-banner .mask-box .txt2 {  margin-top: 2%;}
    .index-banner .mask-box .txt1 p:nth-child(1) {font-size: 40px; }
    .index-banner .mask-box .txt1 p:nth-child(2) { font-size: 44px;}
    .index-banner .mask-box .h-btn { width: 220px; height: 50px; line-height: 50px;}
    .index-banner .swiper-pagination .swiper-pagination-bullet {width: 50px;}
}
@media screen and (max-width: 1280px) {
    .index-banner .mask-box {padding: 3% 0;}
    .index-banner .mask-box .txt1 p:nth-child(1) {font-size: 34px; }
    .index-banner .mask-box .txt1 p:nth-child(2) { font-size: 38px;}
    .index-banner .mask-box .h-btn { font-size: 16px; width: 200px; height: 46px; line-height: 46px;}
    .index-banner .swiper-pagination .swiper-pagination-bullet {width: 46px;}
    .index-banner .mask-box .h-btn .icon { width: 20px; height: 13px; background: url(../image/icon2.png) no-repeat center center; background-size: 100% auto; }
}
@media screen and (max-width: 1040px) {
    .index-banner .mask-box .txt1 p:nth-child(1) { font-size: 28px; }
    .index-banner .mask-box .txt1 p:nth-child(2) {  font-size: 32px; }
    .index-banner .mask-box .h-btn { font-size: 14px; width: 20vw; height: 40px; line-height: 40px;}
    .index-banner .mask-box .h-btn .icon {width: 18px; height: 9px; }
    .index-banner .swiper-pagination .swiper-pagination-bullet { width: 36px; height: 4px; border-radius: 10px; }
    .index-banner .swiper-pagination .swiper-pagination-bullet::after { border-radius: 10px;}
}
@media screen and (max-width: 768px) {
    .index-banner .mask-box .txt1 p:nth-child(1) { font-size: 24px; }
    .index-banner .mask-box .txt1 p:nth-child(2) {  font-size: 26px; }
    .index-banner .mask-box .h-btn { width: 25vw; height: 36px; line-height: 36px;}
    .index-banner .swiper-pagination .swiper-pagination-bullet { width: 30px; height: 3px; border-radius: 10px; }
    .index-banner .swiper-pagination .swiper-pagination-bullet::after { border-radius: 10px;}
}
@media screen and (max-width: 600px) {
    .index-banner .mask-box .txt1 p:nth-child(1) { font-size: 14px;}
    .index-banner .mask-box .txt1 p:nth-child(2) {font-size: 16px; }
    .index-banner .mask-box p.phone-txt{display: none;}
    .index-banner .mask-box p.link-txt{display: none;}
    .index-banner .mask-box .h-btn .icon { display: none; }
    .index-banner .swiper-pagination {bottom: 10px;}
    .index-banner .swiper-pagination .swiper-pagination-bullet { width: 20px;height: 2px;}
    .index-banner .mask-box .h-btn {width: 24vw;height: 28px;line-height: 28px;margin: 10px auto 0;}
    .index-banner .mask-box { text-align: center; }

}
/* <!-- 首页-数据列表 --> */
.index-area1 {margin-bottom: 50px;}
.index-area1 .data-item{display: inline-block;width: 20%;padding-left: 5%; position: relative;transition: all 0.4s;}
.index-area1 .data-item .counter{font-size: 64px;font-weight: 600;color: #222222;line-height: 96px;font-family: 'SourceHanSansCN-Bold';}
.index-area1 .data-item::after{content: "";display: inline-block;width: 1px; height: 44px; background: #D5D5D5;position: absolute;top: 50%;right: 0;margin-top: -22px;}
.index-area1 .data-item:last-child::after{opacity: 0;}
.index-area1 .data-item .secorde{font-size: 24px;} 
.index-area1 .data-item .name{font-size: 16px; font-weight: 400; color: #666666; line-height: 24px;}
@media screen and (max-width: 1680px) {
    .index-area1 .data-item .counter { font-size: 62px;}
}
@media screen and (max-width: 1440px) {
    .index-area1 .data-item .counter { font-size: 58px;}
}
@media screen and (max-width: 1366px) {
    .index-area1 .data-item .counter { font-size: 54px;}
    .index-area1 {margin-bottom: 30px;}
}
@media screen and (max-width: 1280px) {
    .index-area1 .data-item .counter { font-size: 50px;}
    .index-area1 .data-item .secorde { font-size: 20px;}
    .index-area1 .data-item::after { height: 40px;}
}
@media screen and (max-width: 1024px) {
    .index-area1 .data-item .counter { font-size: 42px;    line-height: 80px;}
    .index-area1 .data-item .secorde { font-size: 18px;}
    .index-area1 .data-item::after { height: 30px;}
    .index-area1 .data-item .name {  font-size: 14px;}

}
@media screen and (max-width: 768px) {
    .index-area1 .data-item .counter { font-size: 38px;line-height: 70px;}
    .index-area1 .data-item .secorde { font-size: 16px;}
    .index-area1 {margin-bottom: 20px;}


}
@media screen and (max-width: 500px) {
    .index-area1 .data-item .counter { font-size: 25px;}
    .index-area1 .data-item .secorde { font-size: 14px;}
    .index-area1 .data-item { padding-left: 3%;width: 33.3%;}
    .index-area2 .skill-cont li p { margin-top: 10px;}

}
/* 首页-技术开发 */
.index-area2 .left-cont{display: inline-block;width: 74.5%;margin-right: 1.5%;}
.index-area2 .skill-cont li{position: relative;overflow: hidden;}
.index-area2 .left-cont>li{margin-bottom: 2.2%;}
.index-area2 .left-cont>li:nth-child(2n+1){margin-right: 2.3%;}
.index-area2 .left-cont .big-item{ width: 65.7%;}
.index-area2 .left-cont .small-item{width: 31.9%;}
.index-area2 .right-cont{display: inline-block;width: 24%;}
.index-area2 .right-cont li>img{width: 100%;}
.index-area2 .skill-cont li>img{width: 100%;transition: all 0.4s;}
.index-area2 .skill-cont li:hover>img{transition: all 0.4s;transform: scale(1.1);}
.index-area2 .skill-cont li .overtxt{ position: absolute;top: 50%;left: 50%;width: 100%;height: 100%; transition: all .5s cubic-bezier(.4,0,.2,1) 0s;}
.index-area2 .skill-cont li .state1{display: block;text-align: center;transition: all 0.4s;position: absolute; top: 50%;left: 0;width: 100%;}
.index-area2 .skill-cont li p{color: #ffffff;margin-top: 15px;}
.index-area2 li .state2{width: 100%;opacity: 0;transition: all 0.4s; position: absolute; top: 50%;left: 0;padding:0 42px;-webkit-transform: translateX(100%);transform: translateX(100%);}
.index-area2 .skill-cont li:hover .overtxt{transition: all .5s cubic-bezier(.4,0,.2,1) 0s;background: rgba(0, 78, 162,0.8);}
.index-area2 li:hover .state1{display: none; }
.index-area2 li:hover .state2{opacity: 1; transition: all 0.4s;color: #ffffff;left: 50%;-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.index-area2 li .state2 .titele img{display: inline-block;margin-right: 20px;}
.index-area2 li .state2 .item-txt{text-align: justify; -webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.index-area2 li:hover .state2 .detaile-links{transition: all 0.8s;float: right;}
@media screen and (max-width: 1440px) {
    .index-area2 .skill-cont li .overtxt img{width: 42px;}
}
@media screen and (max-width: 1366px) {
    .index-area2 .skill-cont li .overtxt img{ width: 35px; margin-right: 14px; position: relative; top: -4px;}
    .index-area2 li .state2 {  padding: 0 30px;}
}
@media screen and (max-width: 1280px) {
    .index-area2 .skill-cont li .overtxt img{width: 30px;margin-right: 15px;}
    .index-area2 li .state2 {  padding: 0 22px;}
}
@media screen and (max-width: 1040px) {
    .index-area2 .skill-cont li .overtxt img{width: 25px;margin-right: 10px;}
    .index-area2 li .state2 {  padding: 0 15px;}
    .index-area2 li .state2 .titele{font-size: 16px;margin-bottom: 10px;    text-align: center;}
    .index-area2 li .state2 .item-txt{display: none;}
    .index-area2 li:hover .state2 .detaile-links { float: none; margin: 20px auto 0;    width: 16vw;}

}
@media screen and (max-width: 500px) {
    .index-area2 .left-cont { width: 100%; margin-right: 0%;  }
    .index-area2 .skill-cont li .overtxt img {width: 22px; margin-right: 3px; }
    .index-area2 .right-cont {  width: 100%;  }
    .index-area2 .right-cont .big-item {overflow: hidden;position: relative;height: 18vh;}
    .index-area2 .right-cont .big-item>img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
    .index-area2 .right-cont .big-item:hover>img{transform: translate(-50%,-50%) scale(1.1);}
    .index-area2 li .state2 .titele { font-size: 14px;  margin-bottom: 6px;}
    .index-area2 li:hover .state2 .detaile-links { margin: 10px auto 0; width: 20vw;  }
}
/*首页- 产品中心 */
.index-area3{color: #ffffff;transition: all 0.5s;}
.index-area3.bg1{background: #35404d url(../image/bg2.jpg) no-repeat center top;background-size:auto 100%;} 
.index-area3.bg2{background: #35404d url(../image/bg2_1.jpg) no-repeat center top;background-size:auto 100%;} 
.index-area3.bg3{background: #35404d url(../image/bg2_2.jpg) no-repeat center top;background-size:auto 100%;} 
.index-area3.bg4{background: #35404d url(../image/bg2_3.jpg) no-repeat center top;background-size:auto 100%;} 
.index-area3 .area-title{color: #ffffff;} 
.index-area3 .area-title .title{color: #ffffff;} 
.index-area3 .product-cont{width: 100%;}
.index-area3 .left-tab{width: 20%;}
.index-area3 .left-tab .tab-item{display: block;font-size: 22px;cursor: pointer;margin-bottom: 6px; width: 100%;height: 60px;line-height: 60px;padding:0 20px;
    transition: all 0.4s;position: relative;}
.index-area3 .left-tab .tab-item:hover{transition: all 0.4s;background: #004EA2;}
.index-area3 .left-tab .tab-item .icon {display: inline-block;width: 30px;height: 100%; opacity: 0; position: relative;
    background:url(../image/icon2.png) no-repeat center center;position: absolute;top: 0;right: 20px;}
.index-area3 .left-tab .tab-item:hover .icon{opacity: 1;}
.index-area3 .left-tab .tab-item.active{background: #004EA2;} 
.index-area3 .left-tab .tab-item.active .icon{opacity: 1;} 
.index-area3 .right-cont {width: 73%;}
.index-area3 .product-cont .cont-item{width: 100%;display: none;}
.index-area3 .product-cont .cont-item.active-cont{display: block;}
.index-area3 .right-cont .cont-item .item{transition: all 0.4s; display: inline-block;width: 31.4%;margin-right: 2.5%;background: #ffffff;}
.index-area3 .right-cont .cont-item .item:last-child{margin-right: 0;}
.index-area3 .right-cont .item .item-img{overflow: hidden;position: relative;width: 100%;}
.index-area3 .right-cont .item .item-img img{width: 100%;transition: all 0.4s;}
.index-area3 .right-cont .item:hover .item-img::after{content: "";display: inline-block;width: 100%;height: 100%;background: #00162E;opacity: 0.69;position: absolute;top: 0;left: 0;}
.index-area3 .right-cont .item:hover .item-img img{transform: scale(1.1);}
.index-area3 .right-cont .item .item-txt{padding: 20px 22px;transition: all 0.4s;}
.index-area3 .right-cont .item .p-title{font-size: 24px;margin-bottom: 10px;font-weight: 600;}
.index-area3 .right-cont .item .p-txt{font-size: 18px;color: #222222;width: 100%;text-align: justify;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-area3 .right-cont .detaile-links{width: 140px; height: 40px;font-size: 18px;top:8px ; border: 2px solid #004EA2;color: #004EA2;line-height: 36px;background: #ffffff;}
.index-area3 .right-cont .detaile-links .icon{margin-left:3px; background: url(../image/icon3.png) no-repeat ;height: 14px; background-size: 100%;    position: relative;
    top: 3px;}
.index-area3 .right-cont .item:hover .detaile-links{transition: all 0.4s;border-color: #ffffff ;background:#004EA2 ;color: #ffffff;}
.index-area3 .right-cont .item .detaile-links:hover {transition: all 0.4s;border-color: #ffffff ;background:#004EA2 ;color: #ffffff;}
.index-area3 .right-cont .item:hover .detaile-links .icon{background: url(../image/icon2.png) no-repeat ;background-size: 100%;}
.index-area3 .right-cont .item .detaile-links:hover .icon{background: url(../image/icon2.png) no-repeat ;background-size: 100%;}
.index-area3 .right-cont .item:hover .item-txt{transition: all 0.4s;background: #004EA2;color: #ffffff;}
.index-area3 .right-cont .item:hover .p-txt{color: #ffffff;}
@media screen and (max-width: 1440px) {
    .index-area3 .right-cont .item .p-title { font-size: 22px;}
    .index-area3 .left-tab .tab-item { font-size: 20px;}

}
@media screen and (max-width: 1366px) {
    .index-area3 .right-cont .cont-item .item {width: 31.5%;margin-right: 2.1%;}
    .index-area3 .right-cont .item .item-txt {padding: 16px;}
    .index-area3 .right-cont .item .p-txt{margin-bottom: 20px;}
    .index-area3 .right-cont .item .p-title { font-size: 20px;}
    .index-area3 .left-tab .tab-item { font-size: 18px;}

}
@media screen and (max-width: 1280px) {
    .index-area3 .right-cont .item .p-txt{margin-bottom: 18px;}
    .index-area3 .right-cont .item .p-title { font-size: 18px;}
    .index-area3 .right-cont .detaile-links { font-size: 16px;border-width: 1px;}
    .index-area3 .right-cont .detaile-links .icon { margin-left: 5px;width: 18px;}
    .index-area3 .left-tab .tab-item { font-size: 16px;}

}
@media screen and (max-width: 1040px) {
    .index-area3 .left-tab { width: 20%; }
    .index-area3 .left-tab .tab-item{width: 100%;height: 42px;line-height: 42px; padding: 0 10px;    height: 12px;}
    .index-area3 .left-tab .tab-item .icon {width: 16px; }
    .index-area3 .right-cont .item .item-txt { padding: 10px; }
    .index-area3 .right-cont {  width: 76%; }
    .index-area3 .right-cont .detaile-links { font-size: 14px;height: 34px;line-height: 32px;width: 130px;}
}
@media screen and (max-width:768px) {
    .index-area3 .left-tab { width: 22%; }
    .index-area3 .left-tab .tab-item{width: 100%;height: 36px;line-height: 34px;font-size: 14px;}
    .index-area3 .left-tab .tab-item.active .icon{display: none;background: none;}
    .index-area3 .left-tab .tab-item:hover .icon{display: none;background: none;}

}
@media screen and (max-width:700px) {
    .index-area3 .left-tab {width: 100%;margin-bottom: 10px; }
    .index-area3 .left-tab .tab-item {width: 23%;margin-right: 1%;}
    .index-area3 .right-cont { width: 100%;}
    .index-area3 .right-cont .cont-item .item {width: 48.4%;margin-bottom: 3.1%;}
    .index-area3 .right-cont .cont-item .item:nth-child(3n) {margin-right: 2.1%;}
    .index-area3 .right-cont .cont-item .item:nth-child(2n) {margin-right: 0;}

}
@media screen and (max-width:550px) {
    .index-area3 .right-cont .item .p-title {font-size: 16px;margin-bottom: 5px; }
    .index-area3 .right-cont .item .p-txt { margin-bottom: 10px; font-size: 14px;}
    .index-area3 .right-cont .detaile-links .icon {margin-left: 5px;height: 9px;width: 15px;top: 0px;}
    .index-area3 .left-tab .tab-item {width: 24%;margin-right: 1%;text-align: center;padding: 10px;line-height: 22px;height: 68px;background: #334a63;}
}
/*-解决方案 */
.index-area4 .tab-box .tab-item{position: relative;display: inline-block;width: 16.6%;text-align: center;transition: all 0.4s;padding: 22px 10px 15px;}
.index-area4 .tab-box .tab-item.active-tab::after{content: "";display: inline-block;width: 0;height: 0;position: absolute;bottom: -26px;left: 50%;margin-left: -16px;border-style: solid;border-width: 13px 15px;border-color: #ffffff transparent transparent transparent;z-index: 1;}
.index-area4 .tab-box .tab-item .tab-tit{margin-top: 10px;font-weight: 600;line-height: 26px;}
.index-area4 .tab-box .tab-item:hover{transition: all 0.4s;color: #004EA2;}
.index-area4 .tab-box .tab-item.active-tab{color: #004EA2;}
.index-area4 .tab-box .tab-item .icon{height: 56px;position: relative;}
.index-area4 .tab-box .tab-item .icon img{height: 100%;}
.index-area4 .tab-box .tab-item .icon .c2{opacity: 0;transition: all 0.4s;-webkit-transform: translate(-50%,0%);position: absolute;transform: translate(-50%,-0%);left: 50%;bottom: 0;}
.index-area4 .tab-box .tab-item:hover .icon .c1{display: none;}
.index-area4 .tab-box .tab-item:hover .icon .c2{opacity: 1;transition: all 0.4s;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);transition: all 0.4s;}
.index-area4 .tab-box .tab-item.active-tab .icon .c1{display: none;}
.index-area4 .tab-box .tab-item.active-tab .icon .c2{opacity: 1;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
.index-area4 .case-info{position: relative;display: none;overflow: hidden;}
.index-area4 .case-info.active-c{display: block;}
.index-area4 .case-info>img{width: 100%;}
.index-area4 .case-info .overtxt{position: absolute;top: 50%;left: 0;width: 100%;}
.index-area4 .case-info .overtxt .title{font-size: 48px;color: #222222;margin-bottom: 30px;font-weight: 600;}
.index-area4 .case-info.black-item .overtxt{color: #ffffff;}
.index-area4 .case-info.black-item .overtxt .title{color: #ffffff;}
.index-area4 .case-info .infor-txt{font-size: 24px;line-height: 38px;width: 60%;text-align: justify;}
.index-area4 .case-info.black-item .overtxt .detaile-links{background:#ffffff ;color: #004EA2;}
.index-area4 .case-info.black-item .overtxt .detaile-links .icon{background: url(../image/icon3.png) no-repeat;background-size: 100%;}
.index-area4 .case-info.black-item .overtxt .detaile-links:hover{transition: all 0.4s;background: transparent; color: #ffffff;border: 1px solid #ffffff;}
.index-area4 .case-info.black-item .overtxt .detaile-links:hover .icon{background: url(../image/icon2.png) no-repeat;background-size: 100%;}
.index-area4 .case-info .overtxt .wrap{animation:fadeIn 0.5s ease-in ;}

@media screen and (max-width: 1680px) {
    .index-area4 .tab-box .tab-item .icon{height: 52px;}
    .index-area4 .case-info .overtxt .title { font-size: 46px;}
}
@media screen and (max-width: 1440px) {
    .index-area4 .tab-box .tab-item .icon{height: 50px;}
    .index-area4 .case-info .overtxt .title { font-size: 42px;}
    .index-area4 .case-info .infor-txt{font-size: 20px;line-height: 34px;}

}
@media screen and (max-width: 1366px) {
    .index-area4 .tab-box .tab-item .icon{height: 42px;}
    .index-area4 .case-info .overtxt .title { font-size: 36px; margin-bottom: 15px;}
    .index-area4 .case-info .infor-txt{font-size: 18px;line-height: 30px;}


}
@media screen and (max-width: 1280px) {
    .index-area4 .tab-box .tab-item .icon{height: 38px;}
    .index-area4 .case-info .overtxt .title { font-size: 30px;}

}
@media screen and (max-width: 1040px) {
    .index-area4 .tab-box .tab-item .icon{height: 38px;}
    .index-area4 .case-info .overtxt .title { font-size: 28px;}
    .index-area4 .tab-box .tab-item { padding: 22px 5px 15px;}
    .index-area4 .case-info .overtxt .title { font-size: 26px;margin-bottom: 10px;}
    .index-area4 .case-info .infor-txt{font-size: 18px;}
    .index-area4 .tab-box .tab-item { padding: 15px 5px 10px;}
}
@media screen and (max-width: 768px) {
    .index-area4 .tab-box .tab-item .icon{height: 30px;}
    .index-area4 .case-info .overtxt .title { font-size: 20px;margin-bottom: 5px;}
    .index-area4 .case-info .infor-txt{font-size: 16px;line-height: 22px;}
    .index-area4 .tab-box .tab-item { padding: 15px 5px 10px;}
    .index-area4 .tab-box .tab-item { padding: 15px 5px 10px;}
    

}
@media screen and (max-width: 500px) {
    .index-area4 .case-info .overtxt .title { font-size: 18px;margin-bottom: 5px;}
    .index-area4 .tab-box .tab-item .tab-txt{ display: none;}
    .index-area4 .case-info .infor-txt{font-size: 14px;width: 90%;line-height: 20px;}
    .index-area4 .case-info {height: 40vh;position: relative; }
    .index-area4 .tab-box .tab-item .icon{  height: 22px;}
    .index-area4 .tab-box .tab-item.active-tab::after {bottom: -20px;margin-left: -18px;border-width: 10px 10px;}
    .index-area4 .detaile-links {font-size: 14px;width: 35vw;height: 36px;line-height: 32px;border-width: 1px;margin-top: 15px; }
    .index-area4 .case-info>img { width: auto; height: 100%; position: absolute;max-width: none; top: 50%; left: 50%; transform: translate(-55%, -50%); }
    .index-area4 .tab-box .tab-item .tab-tit {line-height: 20px; }
    .index-area4 .case-info .overtxt { padding: 0 15px;}
}
/*服务案例 */
.index-area5 .service-list{padding: 0 30px;}
.service-list .list-item{position: relative;width: 32.2%;margin-right: 1.6%;;margin-bottom: 1.6%;overflow: hidden;}
.service-list .list-item:nth-child(3n){margin-right: 0;}
.service-list .list-item .item-img{width: 100%;overflow: hidden;}
.service-list .list-item .item-img>img{width: 100%;transition: all 0.4s; height: 19vw;}
.service-list .list-item:hover .item-img img{transition: all 0.4s;transform: scale(1.15);}
.service-list .list-item .item-img .logo{opacity: 1;position: absolute;left: 50%;top: 50%;display: inline-block;}
.service-list .list-item .item-img .logo img{height:110px;}
.service-list .list-item:hover .item-img .logo{opacity: 0;}
.service-list .list-item:hover::after{content: "";display: block;width: 100%;height: 100%;background: #004EA2;opacity: 0.89;position: absolute;top: 0;left: 0;}
.service-list .list-item .overtxt{position: absolute;left: 0;top: 50%;z-index: 5; text-align: center; width: 100%; opacity: 0; transition: all 0.4s;transform: translateY(-150%);} 
.service-list .list-item:hover .overtxt{transition: all 0.4s;opacity: 1;transform: translateY(-50%);}
.service-list .list-item .item-item{font-size: 48px;color: #ffffff;position: relative;margin-bottom: 60px;}
.service-list .list-item .detaile-links{margin:0 auto 20px;border-radius: 23px;transition: all 0.4s;}
.service-list .list-item .detaile-links:hover{background: #ffffff;transition: all 0.4s;}
.index-area5 .contlink{margin: 40px auto 0;border: 2px solid #004EA2;color: #004EA2;background: #ffffff;}
.index-area5 .contlink .icon{background: url(../image/icon3.png) no-repeat ; background-size: 100%;margin-left: 4px;}
.index-area5 .contlink:hover {transition: all 0.4s;background: #004EA2;color: #ffffff;}
.index-area5 .contlink:hover .icon{background: url(../image/icon2.png) no-repeat ; background-size: 100%;}

@media screen and (max-width: 1680px) {
    .service-list .list-item .item-item {font-size: 44px; margin-bottom: 30px; }
    .service-list .list-item .item-img>img{ height: 18.8vw;}

}
@media screen and (max-width: 1440px) {
    .service-list .list-item .item-item {font-size: 40px;margin-bottom: 26px; }
}
@media screen and (max-width: 1366px) {
    .service-list .list-item .item-item {font-size: 32px;margin-bottom: 20px; }
    .service-list .list-item .detaile-links { margin: 0 auto 16px;}

}
@media screen and (max-width: 1280px) {
    .service-list .list-item .item-item {font-size: 28px;margin-bottom: 15px; }
    .service-list .list-item .detaile-links { margin: 0 auto 12px;}
    .service-list .list-item .detaile-links{ width: 140px;height: 36px;line-height: 34px;}
}
@media screen and (max-width: 1040px) {
    .service-list .list-item .item-item {font-size: 26px;margin-bottom: 12px; }
    .service-list .list-item .detaile-links { margin: 0 auto 10px;}
    .service-list .list-item .detaile-links{ width: 130px;height: 32px;line-height: 30px;}
    .index-area5 .service-list { padding: 0 20px;}


}
@media screen and (max-width: 768px) {
    .service-list .list-item .item-item {font-size: 22px;margin-bottom: 20px;}
    .service-list .list-item{width: 49%;margin-right: 1.6%;margin-bottom: 1.6%;}
    .service-list .list-item:nth-child(3n){margin-right: 1.6%;}
    .service-list .list-item:nth-child(2n){margin-right: 0;}
    .index-area5 .contlink .icon { background: url(../image/icon3.png) no-repeat; background-size: 14px auto; margin-left: 4px;}
    .service-list .list-item .item-img>img {  height: 28.5vw; }
}
@media screen and (max-width: 600px) {
    .service-list .list-item .item-item {font-size: 22px;margin-bottom: 20px;}
    .service-list .list-item{width: 49%;margin-right: 1.6%;margin-bottom: 1.6%;}
    .service-list .list-item:nth-child(3n){margin-right: 1.6%;}
    .service-list .list-item:nth-child(2n){margin-right: 0;}
    .index-area5 .contlink .icon { background: url(../image/icon3.png) no-repeat;background-size: 100%; width: 16px; margin-left: 4px;}
    .service-list .list-item { width: 100%; margin-right: 0;}
    .index-area5 .service-list { padding: 0 10px;}
    .service-list .list-item .item-img>img {height: 59.5vw;}
}

/*首页- 开发平台  聚利共赢  */
.index-area6{background: #f9f9f9;}
.index-area6 .teamwork-list .item{width: 18.8%;margin-right: 1.5%;margin-bottom: 1.5%;background: #ffffff;transition: all 0.4s;}
.index-area6 .teamwork-list .item:hover{transition: all 0.4s; box-shadow: 0 0 12px 3px #e4e4e3;}
.index-area6 .teamwork-list .item:nth-child(5n){margin-right: 0;}
.index-area6 .teamwork-list .item img{width: 100%;}
@media screen and (max-width: 1280px) {
    .index-area6 .teamwork-list .item{width: 23.8%;}
    .index-area6 .teamwork-list .item:nth-child(5n){margin-right: 1.5%;}
    .index-area6 .teamwork-list .item:nth-child(4n){margin-right: 0%;}

}
@media screen and (max-width: 1040px) {
    .index-area6 .teamwork-list .item{width: 32.3%;}
    .index-area6 .teamwork-list .item:nth-child(4n){margin-right: 1.5%;}
    .index-area6 .teamwork-list .item:nth-child(3n){margin-right: 0%;}
}
@media screen and (max-width: 500px) {
    .index-area6 .teamwork-list .item{width: 49.2%;}
    .index-area6 .teamwork-list .item:nth-child(3n){margin-right: 1.5%;}
    .index-area6 .teamwork-list .item:nth-child(2n){margin-right: 0%;}
}


/* 新闻动态 */
.index-area7 .newscont .item{display: inline-block; margin-right: 3%; width: 31.3%;transition: all 0.4s;}
.index-area7 .newscont .item:last-child{margin-right: 0;}
.index-area7 .newscont .item .item-img {width: 100%;overflow: hidden;}
.index-area7 .newscont .item .item-img img{width: 100%;transition: all 0.4s; height: 16.2vw;}
.index-area7 .newscont .item:hover .item-img img{transition: all 0.4s;transform: scale(1.1);}
.index-area7 .newscont .item .item-txt{transition: all 0.4s;padding: 20px;border: 1px solid #F2F2F2;    height: 190px;}
.index-area7 .newscont .item .item-txt:hover{transition: all 0.4s;background: #f9f9f9;}
.index-area7 .newscont .item .item-txt h5{font-size: 24px;color:#222222 ;transition: all 0.4s;font-weight: 600;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-area7 .newscont .item:hover .item-txt h5{transition: all 0.4s;color: #004EA2;}
.index-area7 .newscont .item .txt{color: #333333;line-height: 30px;font-size: 18px;height: 90px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} 
.index-area7 .contlink{margin:25px auto;background: #ffffff;border: 2px solid #004EA2;color:#004EA2 ;}
.index-area7 .contlink .icon{background: url(../image/icon3.png) no-repeat center center;background-size: 100%;}
.index-area7 .contlink:hover{transition: all 0.4s;background:#004EA2 ;color: #ffffff;}
.index-area7 .contlink .icon{background: url(../image/icon3.png) no-repeat center center;background-size: 100%;}
.index-area7 .contlink:hover .icon{background: url(../image/icon2.png) no-repeat center center;background-size: 100%;}

@media screen and (max-width: 1680px) {
    .index-area7 .newscont .item .item-img img{ height: 16.2vw;}
}
@media screen and (max-width: 1440px) {
    .index-area7 .newscont .item .item-txt h5 { font-size: 22px; margin-bottom: 18px;}
    .index-area7 .newscont .item .item-img img {  height: 17.8vw;  }

}
@media screen and (max-width: 1366px) {
    .index-area7 .newscont .item .item-txt h5 { font-size: 20px; margin-bottom: 16px;}
    .index-area7 .newscont .item .txt { font-size: 16px;line-height: 24px;height: 75px;}
    .index-area7 .newscont .item .item-txt { height: 172px;}
    .index-area7 .newscont .item .item-img img {  height: 18.5vw; }
    .index-area7 .contlink{margin:30px auto;}

}
@media screen and (max-width: 1280px) {
    .index-area7 .newscont .item .item-txt h5 { font-size: 18px; margin-bottom: 14px;}
    .index-area7 .newscont .item .txt { font-size: 14px;line-height: 22px;height: 66px;}
    .index-area7 .newscont .item .item-txt { height: 172px;}
    .index-area7 .newscont .item .item-img img {   height: 18vw;  }

}
@media screen and (max-width: 768px) {
    .index-area7 .newscont .item .item-txt { transition: all 0.4s; padding: 15px;height: auto;}
    .index-area7 .newscont .item { margin-right: 0; width: 100%; margin-bottom: 15px;}
    .index-area7 .newscont .item .item-img img {height: 62.5vw; }
    .index-area7 .contlink{margin:20px auto;}
}
@media screen and (max-width: 600px) {
    .index-area7 .contlink { margin: 10px auto; border: 1px solid #004EA2; }
    .index-area7 .newscont .item .txt {  -webkit-line-clamp: 2;text-align: justify;}
    .index-area7 .newscont .item .item-img img {  height: 63.5vw;}
}

/* 免费获取解决方案 */
.index-area8{background: #f9f9f9;   padding-top: 20px;}
.index-area8 .input-item{width: 18%;font-size: 16px;padding: 0 25px; display: inline-block;margin-right: 1.5%;height: 64px;line-height: 64px; background: #FFFFFF;border: 1px solid #F2F2F2;}
.index-area8 .input-item:nth-child(4){width: 23%;}
.index-area8 .input-item.btn{width: 12%;background: #f4bb01;color: #ffffff;transition: all 0.4s;}
.index-area8 .input-item.btn:hover{transition: all 0.4s;background:#004EA2 ;}
@media screen and (max-width: 1366px) {
    .index-area8 .input-item { padding: 0 20px; margin-right: 1%; height: 56px; line-height: 56px;}
    .index-area8 .input-item.btn {width: 16%;}
    .index-area8 .input-item { width: 24.2%;margin-bottom: 20px;}
    .index-area8 .input-item.btn {width: 24%; margin-top: 20px; }
    .index-area8 .input-item.btn {width: 24%;margin: 25px auto;display: block;float: none;}
}
@media screen and (max-width: 768px) {
    .index-area8 .input-item { width: 49%;}
    .index-area8 .input-item:nth-child(4) { width: 49%; }
    .index-area8 .input-item.btn {width: 100%;margin-top: 20px;}

}
@media screen and (max-width: 500px) {
    .index-area8 .input-item { padding: 0 15px; margin-right: 0%; height: 46px; line-height: 46px; width: 100%; margin-bottom: 10px;}
    .index-area8 .input-item:nth-child(4) { width: 100%;}
    .index-area8 .input-item.btn {width: 100%; }
}
/* APP开发专题页 */
/* <!-- 服务场景 --> */
.jishu-area1 .scene-cont .item{width: 24%;margin-right: 1.3%;text-align: center; position: relative;overflow: hidden;}
.jishu-area1 .scene-cont .item>img{transition: all 0.4s;width: 100%;}
.jishu-area1 .scene-cont .item::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;transition: all 0.4s;}
.jishu-area1 .scene-cont .item:hover::after{transition: all 0.4s;opacity: 0.7;background:#004EA2 ;}
.jishu-area1 .scene-cont .item:hover>img{transition: all 0.4s;transform: scale(1.1);}
.jishu-area1 .scene-cont .item:nth-child(4n){margin-right: 0;}
.jishu-area1 .scene-cont .item .overtxt{z-index: 5; position: absolute;left: 0;top: 50%; width: 100%;color: #ffffff;padding: 0 5%;}
.jishu-area1 .scene-cont .item .txt2{padding: 0 10%; transition: all 0.4s;opacity: 0; position: absolute;width: 100%;left: 0;top:50%;-o-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform:translateY(-100%); -webkit-transform:translateY(-100%) ; transform: translateY(-100%);}
.jishu-area1 .scene-cont .item .txt1{opacity: 1;animation: fadeInUp 0.4s ease-in;}
.jishu-area1 .scene-cont .item:hover .txt1{opacity: 0;}
.jishu-area1 .scene-cont .txt1 h4{position: relative;}
.jishu-area1 .scene-cont .txt1 h4::after{content: "";display: inline-block;width: 60px; height: 3px; background: #FFFFFF; border-radius: 2px;position: absolute;left: 50%;bottom: -10px;-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); transform: translateX(-50%);}
.jishu-area1 .scene-cont .item:hover .txt2{transition: all 0.6s;opacity: 1; -o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform:translateY(-50%); -webkit-transform:translateY(-50%) ; transform: translateY(-50%);}
.jishu-area1 .scene-cont .txt2 h4{margin-bottom: 15px;}
.jishu-area1 .scene-cont .txt2 .txt{font-size: 22px; -webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.jishu-area1 .scene-cont .zixun-btn{width: 200px;height: 46px;line-height: 42px;transition: all 0.4s; text-align: center;color: #ffffff; border-radius: 23px;border: 2px solid #FFFFFF;margin: 0 auto;}
.jishu-area1 .scene-cont .zixun-btn .icon{display: inline-block;margin-left: 2px;width: 22px;height: 14px;background: url(../image/icon2.png) no-repeat center center ;}
@media screen and (max-width: 1440px) {
    .jishu-area1 .scene-cont .item .txt1 .icon img{height: 62px;} 
    .jishu-area1 .scene-cont .txt2 .txt {font-size: 20px;}
}
@media screen and (max-width: 1366px) {
    .jishu-area1 .scene-cont .item .txt1 .icon img{height: 58px;} 
    .jishu-area1 .scene-cont .item  h4 { font-size: 24px;}
    .jishu-area1 .scene-cont .item .txt2 {padding: 0 8%;}
    .jishu-area1 .scene-cont .txt2 h4 {margin-bottom: 10px; font-size: 25px;}
    .jishu-area1 .scene-cont .txt2 .txt {font-size: 18px;}
    .jishu-area1 .scene-cont .item .txt2 {padding: 0 6%;}
    .jishu-area1 .scene-cont .zixun-btn { width: 180px; height: 44px; line-height: 40px;}
    .jishu-area1 .scene-cont .txt1 h4::after { width: 56px; height: 2px;}

}
@media screen and (max-width: 1280px) {
    .jishu-area1 .scene-cont .item .txt1 .icon img{height: 52px;} 
    .jishu-area1 .scene-cont .item  h4 { font-size: 20px;}
    .jishu-area1 .scene-cont .txt2 .txt {font-size: 16px;}
    .jishu-area1 .scene-cont .zixun-btn { width: 160px; height: 42px; line-height: 40px;border-width: 1px;}
    .jishu-area1 .scene-cont .txt1 h4::after { width: 50px;}
    .jishu-area1 .scene-cont .item .txt1 .icon img{height: 42px;} 
    .jishu-area1 .scene-cont .item .txt2>.icon img{height: 38px;} 
}
@media screen and (max-width: 1040px) {
    .jishu-area1 .scene-cont .item .txt1 .icon img{height: 42px;} 
    .jishu-area1 .scene-cont .item .txt2>.icon img{height: 26px;} 
    .jishu-area1 .scene-cont .item .txt2>.icon{margin-bottom: 10px;}
    .jishu-area1 .scene-cont .item  h4 { font-size: 18px;}
    .jishu-area1 .scene-cont .txt2 .txt {font-size: 14px; margin-bottom: 15px;}
    .jishu-area1 .scene-cont .zixun-btn { width: 140px; height: 40px; line-height: 38px;}
    .jishu-area1 .scene-cont .zixun-btn .icon{background-size: 18px;height: 11px;}
}
@media screen and (max-width: 768px) {
    .jishu-area1 .scene-cont .item .txt1 .icon img{height: 36px;border-radius: 0;} 
    .jishu-area1 .scene-cont .item .txt2>.icon img{height: 32px;} 
    .jishu-area1 .scene-cont .item  h4 { font-size: 16px;}
    .jishu-area1 .scene-cont .zixun-btn { width: 120px; height: 38px; line-height: 36px;}
    .jishu-area1 .scene-cont .zixun-btn .icon{background-size: 18px ;height: 15px;}
    .jishu-area1 .scene-cont .txt1 h4::after { width: 40px;}
}
@media screen and (max-width: 700px) {
    .jishu-area1 .scene-cont .item { width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
    .jishu-area1 .scene-cont .item:nth-child(2n){margin-right: 0;}
    .jishu-area1 .scene-cont .zixun-btn { width: 20vw; height: 36px; line-height: 34px;}

}
/* 极客精神 */
.jishu-area2{background: #4a5a6b url(../image/bg1.jpg) no-repeat center center;background-size:100% 100% ;}
.jishu-area2 .area-title{color: #ffffff;}
.jishu-area2 .area-title .title{color: #ffffff;}
.jishu-area2 .Geek-oriented .item{padding-left:30px; width: 18.8%;height: 100px;color: #222222;background: #ffffff; line-height: 100px; margin-right: 1.5%;margin-bottom: 1.5%;transition: all 0.4s;}
.jishu-area2 .Geek-oriented .item:nth-child(5n){margin-right: 0;}
.jishu-area2 .Geek-oriented .item:hover{transition: all 0.4s; background: #004EA2;color: #ffffff;}
.jishu-area2 .Geek-oriented .item .icon{display: inline-block; width: 65px; float: left; height: 100%;position: relative; }
.jishu-area2 .Geek-oriented .item .icon img{position: absolute;top: 50%;left: 0;}
.jishu-area2 .Geek-oriented .item .icon .i1{opacity: 0;transition: all 0.4s;}
.jishu-area2 .Geek-oriented .item .icon .i2{opacity: 1;}
.jishu-area2 .Geek-oriented .item:hover .icon .i1{opacity: 1;transition: all 0.4s;}
.jishu-area2 .Geek-oriented .item:hover .icon .i2{opacity: 0;}
.jishu-area2 .detaile-links{margin:0 auto;}
.jishu-area2 .detaile-links:hover{transition: all 0.4s;background: #004EA2;color: #ffffff;border-color:#004EA2;}
@media screen and (max-width: 1440px) {
    .jishu-area2 .Geek-oriented .item .icon img {width: 38px;}
}
@media screen and (max-width: 1366px) {
    .jishu-area2 .Geek-oriented .item .icon img {width: 36px;}
    .jishu-area2 .Geek-oriented .item .icon { width: 50px;}
    .jishu-area2 .Geek-oriented .item {padding-left: 20px;}
}
@media screen and (max-width: 1280px) {
    .jishu-area2 .Geek-oriented .item .icon img {width: 32px;}
    .jishu-area2 .Geek-oriented .item .icon { width: 40px;}
    .jishu-area2 .Geek-oriented .item { width: 23.8%;margin-right: 1.5%;}
    .jishu-area2 .Geek-oriented .item:nth-child(5n){margin-right: 1.5%;}
    .jishu-area2 .Geek-oriented .item:nth-child(4n){margin-right: 0%;}
}
@media screen and (max-width: 1040px) {
    .jishu-area2 .Geek-oriented .item .icon { width: 38px;}
}
@media screen and (max-width: 768px) {
    .jishu-area2 .Geek-oriented .item {width: 32.3%;margin-right: 1.5%;}
    .jishu-area2 .Geek-oriented .item:nth-child(4n){margin-right: 1.5%;}
    .jishu-area2 .Geek-oriented .item:nth-child(3n){margin-right: 0%;}
    .jishu-area2 .detaile-links { margin: 40px auto 20px; }
}
@media screen and (max-width: 500px) {
    .jishu-area2 .Geek-oriented .item {width: 49%;margin-right: 2%;}
    .jishu-area2 .Geek-oriented .item:nth-child(5n) { margin-right: 2%;}
    .jishu-area2 .Geek-oriented .item:nth-child(4n){margin-right: 2%;}
    .jishu-area2 .Geek-oriented .item:nth-child(3n){margin-right: 2%;}
    .jishu-area2 .Geek-oriented .item:nth-child(2n){margin-right: 0%;}
}
/* 服务流程 */
.jishu-area3 .flow-cont .flow-item{width: 20%;margin-right: 3.5%;display: inline-block;}
.jishu-area3 .flow-cont .flow-item:nth-child(3){margin-right: 0;}
.jishu-area3 .flow-cont .flow2{width: 53%;}
.jishu-area3 .flow-cont .cont{width: 100%;}
.jishu-area3 .flow-cont .flow-item .flow-c{display: inline-block;width: 100%;height: 200px;padding: 30px 20px 0; border: 1px solid #E6E6E6;}
.jishu-area3 .flow-cont .flow-item .flow-c:nth-child(2n+1){background: #ffffff;border-bottom: #ffffff;}
.jishu-area3 .flow-cont .flow-item .flow-c:nth-child(2n){background: #F9F9F9;}
.jishu-area3 .flow-cont .flow2 .flow-c{ width: 33.28%;border-top: #ffffff;}
.jishu-area3 .flow-cont .flow2 .flow-c:nth-child(2n){background: #ffffff;}
.jishu-area3 .flow-cont .flow2 .flow-c:nth-child(2){border: none;border-bottom:  1px solid #E6E6E6;}
.jishu-area3 .flow-cont .flow2 .flow-c:nth-child(5){border: none;border-bottom:  1px solid #E6E6E6;}
.jishu-area3 .flow-cont .flow2 .flow-c:nth-child(2n+1){background: #F9F9F9;}
.jishu-area3 .flow-cont .flow-item .tite{height: 64px;line-height: 64px; background: #004EA2;color: #ffffff;text-align: center;}
.jishu-area3 .flow-cont .flow-item .c-top img{display: inline-block;margin-right: 6px;}
.jishu-area3 .flow-cont .flow-item .txt{color: #808B9F;line-height: 27px;text-align: left;-webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
@media screen and (max-width: 1366px) {
    .jishu-area3 .flow-cont .flow-item {margin-right: 2%;}
    .jishu-area3 .flow-cont .flow2 { width: 54%;}
    .jishu-area3 .flow-cont .flow-item .tite { height: 60px; line-height: 60px;}
    .jishu-area3 .flow-cont .flow-item .flow-c { padding: 20px 20px 0;}
    .jishu-area3 .flow-cont .flow-item .c-top img { margin-right: 5px;height: 32px;}
    .jishu-area3 .flow-cont .flow-item .txt { line-height: 24px;}
}
@media screen and (max-width: 1280px) {
    .jishu-area3 .flow-cont .flow-item .c-top img { margin-right: 5px; height: 30px; }
    .jishu-area3 .flow-cont .flow-item {margin-right: 1.5%;}
    .jishu-area3 .flow-cont .flow-item .txt { line-height: 22px; -webkit-line-clamp: 4;}
    .jishu-area3 .flow-cont .flow-item .tite {height: 56px;line-height: 56px;}
}
@media screen and (max-width: 1040px) {
    .jishu-area3 .flow-cont .flow-item .c-top img {  height: 28px; }
    .jishu-area3 .flow-cont .flow-item .txt { line-height: 20px; -webkit-line-clamp: 4;font-size: 14px;}
    .jishu-area3 .flow-cont .flow-item .flow-c .c-top {font-size: 16px;}
    .jishu-area3 .flow-cont .flow-item .tite {height: 52px;line-height: 52px;}
}
@media screen and (max-width: 900px) {
    .jishu-area3 .flow-cont .flow-item {width: 100%;}
    .jishu-area3 .flow-cont .flow-item .flow-c { width: 50%; height: 200px; border: none;border-bottom: 1px solid #E6E6E6;height: 146px;}
    .jishu-area3 .flow-cont .flow-item .flow-c:nth-child(2n+1) {border-bottom: 1px solid #e6e6e6;background: #ffffff; }
    .jishu-area3 .flow-cont .flow-item .flow-c:nth-child(4){background: #F9F9F9;}
    .jishu-area3 .flow-cont .flow-item .flow-c:nth-child(5){background: #F9F9F9;}
    .jishu-area3 .flow-cont .flow-item .flow-c:nth-child(1){background: #F9F9F9;}


    .jishu-area3 .flow-cont .flow-item .tite {height: 50px;line-height: 50px;}

}
@media screen and (max-width: 768px) {

}
/* 服务优势 */
.jishu-area4 .advantage-cont{position: relative;height: 556px;overflow: hidden;}
.jishu-area4 .advantage-cont .list-item{position: absolute;width: 25%;height: 556px;top: 0;}
.jishu-area4 .advantage-cont .list-item:nth-child(1){left: 0;width: 23%;}
.jishu-area4 .advantage-cont .list-item:nth-child(2){left: 17%;}
.jishu-area4 .advantage-cont .list-item:nth-child(3){left: 37%;}
.jishu-area4 .advantage-cont .list-item:nth-child(4){left: 57%;}
.jishu-area4 .advantage-cont .list-item:nth-child(5){left: 77%;z-index: 1;width: 23%;}
.jishu-area4 .advantage-cont .list-item .overtxt{position: absolute;top: 50%; left: 0;width: 100%;color: #ffffff;padding: 0 20%;text-align: center;z-index: 3;}
.jishu-area4 .advantage-cont .list-item:first-child .overtxt { padding: 0 25% 0 9%;}
.jishu-area4 .advantage-cont .list-item .txt{display: none;margin-top: 30px; transition: all 0.4s;text-align: left;}
.jishu-area4 .advantage-cont .list-item .icon2{display: none;transition: all 0.4s; padding-left: 20px;text-align: left;}
.jishu-area4 .advantage-cont .list-item .icon2 img{display: inline-block;margin-right: 20px;position: relative;top: -3px;}
.jishu-area4 .advantage-cont .list-item::after{content: "";opacity: 0;transition: all 0.4s; display: inline-block;width: 100%;height: 100%;background: url(../image/41.png) no-repeat center center;background-size: 100% 100%; position: absolute;left: 0;top: 0;}
.jishu-area4 .advantage-cont .list-item:nth-child(1)::after{background: url(../image/12.png) no-repeat center center;}
.jishu-area4 .advantage-cont .list-item:nth-child(5)::after{background: url(../image/11.png) no-repeat 6% center;}
.jishu-area4 .advantage-cont .list-item:hover::after{opacity:1;transition: all 0.4s;}
.jishu-area4 .advantage-cont .list-item:hover .txt{display: block;transition: all 0.4s;}
.jishu-area4 .advantage-cont .list-item:hover .icon2{display: block;transition: all 0.4s;}
.jishu-area4 .advantage-cont .list-item:hover .icon1{display: none;transition: all 0.4s;}
@media screen and (max-width: 1366px) {
    .jishu-area4 .advantage-cont .list-item .overtxt{padding: 0 15%;}
    .jishu-area4 .advantage-cont .list-item .overtxt .tit{font-size: 20px;}
    .jishu-area4 .advantage-cont .list-item .overtxt .tit img{ width: 36px; margin-right: 15px;}
    .jishu-area4 .advantage-cont .list-item .icon2 { padding-left: 10px;}

}
@media screen and (max-width: 1280px) {
    .jishu-area4 .advantage-cont .list-item .overtxt{padding: 0 20%;}
    .jishu-area4 .advantage-cont .list-item .overtxt .tit{font-size: 18px;}
    .jishu-area4 .advantage-cont .list-item .overtxt .tit img{width: 34px;}
    .jishu-area4 .advantage-cont .list-item .txt {margin-top: 20px;}
    .jishu-area4 .advantage-cont .list-item .icon2 { padding-left: 0px;}
}
@media screen and (max-width: 1040px) {
    .jishu-area4 .advantage-cont .list-item .overtxt{padding: 0 10%;}
    .jishu-area4 .advantage-cont .list-item .overtxt .tit{font-size: 16px;}
    .jishu-area4 .advantage-cont .list-item .overtxt .tit img{width: 30px;margin-right: 10px;}
    .jishu-area4 .advantage-cont .list-item .txt {margin-top: 10px;}

}
@media screen and (max-width: 768px) {
    .jishu-area4 .advantage-cont { height: auto!important;}
    .jishu-area4 .advantage-cont .list-item {width: 34.5%;position: relative; background: #718592;float: left;height: auto!important;}
    .jishu-area4 .advantage-cont .list-item .overtxt .tit img{width: 28px;margin-right: 8px;}
    .jishu-area4 .advantage-cont .list-item:nth-child(1) {width: 46.5%; }
    .jishu-area4 .advantage-cont .list-item:nth-child(2) { left: 0;width: 53%;}
    .jishu-area4 .advantage-cont .list-item:nth-child(3) { left: 0; }
    .jishu-area4 .advantage-cont .list-item:nth-child(4) { left: 0;}
    .jishu-area4 .advantage-cont .list-item:nth-child(5) { left: 0; width: 30.7%; }
    .jishu-area4 .advantage-cont .list-item:hover .txt { display: none;}
}
@media screen and (max-width: 600px) {

}
/* 资质展示 */
.jishu-area5 {background: #F9F9F9;}
.jishu-area5 .certi-cont {overflow: hidden;}
.jishu-area5 .certi-cont .item{display: inline-block;width: 23.5%;margin-right: 2%; margin-bottom: 2%; background: #FFFFFF;text-align: center;transition: all 0.4s;padding: 5px 30px 20px;}
.jishu-area5 .certi-cont .item:nth-child(4n){margin-right: 0;}
.jishu-area5 .certi-cont .item:hover{box-shadow: 0px 4px 10px 4px #E0E0E0;transition: all 0.4s;}
@media screen and (max-width: 1680px) {
    .jishu-area5 .certi-cont .item h6{font-size: 20px;}

}
@media screen and (max-width: 1440px) {
    .jishu-area5 .certi-cont .item h6{font-size: 18px;}
}

@media screen and (max-width: 1280px) {
    .jishu-area5 .certi-cont .item {padding: 10px 15px 20px;}
    .jishu-area5 .certi-cont .item h6{font-size: 16px;}
}
@media screen and (max-width: 1040px) {
    .jishu-area5 .certi-cont .item {width: 32%;}
    .jishu-area5 .certi-cont .item:nth-child(4n){margin-right: 2%;}
    .jishu-area5 .certi-cont .item:nth-child(3n){margin-right: 0;}
}

@media screen and (max-width: 768px) {
    .jishu-area5 .certi-cont .item {width: 48.5%;margin-right: 3%;}
    .jishu-area5 .certi-cont .item:nth-child(3n){margin-right: 3%;}
    .jishu-area5 .certi-cont .item:nth-child(2n){margin-right: 0;}
    .jishu-area5 .certi-cont .item h6{font-size: 14px;height: 36px;}

}
/* 案例中心 */
.case-area1 .tab-box{width: 100%; height: 60px;background: #FFFFFF;box-shadow: 0px 5px 12px 2px rgba(227, 227, 227, 0.5);}
.case-area1 .tab-box.on{position: fixed;top: 0;left: 0;z-index: 5;}
.case-area1 .tab-box .tab-item{display: inline-block;width: 9%;text-align: center; height: 100%;line-height: 60px;transition: all 0.4s;font-weight: 600;border-left: 1px solid #f2f2f2;}
.case-area1 .tab-box .tab-item:last-child{border-right: 1px solid #f2f2f2;}
.case-area1 .tab-box .tab-item:hover{transition: all 0.4s; background: #004EA2;color: #ffffff;font-weight: 400;border-color: #004EA2;}
.case-area1 .tab-box .tab-item.active-tab{transition: all 0.4s; background: #004EA2;color: #ffffff;font-weight: 400;border-color: #004EA2;}
.case-area1 .tabcont-box{padding: 70px 30px 60px;} 
.case-area1 .tabcont-box .contitem{display: none;}
.case-area1 .tabcont-box .contitem.active-c{display: block;}
.case-area1 .tabcont-box .contitem .ifnocase{width: 100%;text-align: center;font-size: 16px;}
.case-area1 .tabcont-box .contitem .ifnocase:hover{background: #ffffff;}

@media screen and (max-width: 1280px) {
    .case-area1 .tabcont-box { padding: 60px 20px 50px; }
    .case-area1{margin-bottom: 40px;}
}
@media screen and (max-width: 1040px) {
    .case-area1 .tab-box {height: 50px;}
    .case-area1 .tabcont-box { padding: 50px 20px 40px; }
    .case-area1 .tab-box .tab-item { line-height: 50px; font-size: 14px; }
}
@media screen and (max-width: 768px) {
    .case-area1 .tab-box {height: 50px;overflow: hidden;overflow-x: scroll;scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */}
    .case-area1 .tab-box::-webkit-scrollbar { display: none; /* Chrome Safari */}
    .case-area1 .tab-box>.wrap{width: 1000px;}
    .case-area1 .tabcont-box { padding: 40px 10px 30px; }
    .case-area1{margin-bottom: 20px;}

}
@media screen and (max-width: 500px) {
    .case-area1 .tabcont-box { padding: 30px 0px; }
    .case-area1{margin-bottom: 10px;}


}
/* 案例详情 */
.case-area2 .left-data{width: 39%;padding:30px 30px 0 4%;}
.case-area2 .left-data .data-title{font-size: 34px;position: relative;font-weight: 600;margin-bottom: 10px;}
.case-area2 .left-data .data-title::before{content: "";display: inline-block;width: 8px;height: 34px;background: #004EA2;margin-right: 16px;position: relative;top: 3px;}
.case-area2 .left-data .data-type{color: #333333;margin-bottom: 15px;} 
.case-area2 .left-data .ata-info{color: #333333;line-height: 24px;text-align: justify;}
.case-area2 .left-data .btn-box a{display: inline-block;margin-bottom: 15px;color: #ffffff;}
.case-area2 .left-data .btn-box .btn{width: 150px; height: 34px; background: #004EA2;line-height: 34px;text-align: center;color: #ffffff;transition: all 0.4s;}
.case-area2 .left-data .btn-box .btn:hover{transition: all 0.4s;background: #ff9e01;}
.case-area2 .left-data .btn-box .back-btn{background: #BABABA;}
.case-area2 .left-data .links .icon{width: 60px;height: 34px;background: #004EA2;transition: all 0.4s;line-height: 34px;text-align: center;font-size: 22px;}
.case-area2 .left-data .links .icon:hover{transition: all 0.4s;background:  #ff9e01;}
.case-area2 .right-data{width:60.5% ;}
.case-area2 .right-data p{padding: 0 30px;line-height: 26px;font-size: 16px;}
@media screen and (max-width: 1440px) {
    .case-area2 .left-data .data-title {font-size: 32px;}
}
@media screen and (max-width: 1366px) {
    .case-area2 .left-data .data-title {font-size: 30px;}
}
@media screen and (max-width: 1280px) {
    .case-area2 .left-data .data-title {font-size: 28px;}
    .case-area2 .left-data .data-title::before {width: 6px;height: 30px;}

}
@media screen and (max-width: 1040px) {
    .case-area2 .left-data .data-title {font-size: 26px;}
}
@media screen and (max-width: 768px) {
    .case-area2 .left-data .data-title {font-size: 22px;}
    .case-area2 .left-data {width: 100%;padding: 20px 20px 0 3%; }
    .case-area2 .right-data {width: 100%;padding: 20px; }
    .case-area2 .left-data .data-title::before {width: 4px;height: 26px;}

}
@media screen and (max-width: 500px) {
    .case-area2 .left-data .data-title {font-size: 18px;}
    .case-area2 .left-data {width: 100%;padding: 20px 10px 0 3%; }
    .case-area2 .right-data {width: 100%;padding: 10px; }
    .case-area2 .left-data .data-title::before {width: 3px;height: 24px;}

}
/* 高端网站定制 */
/* 服务流程 */
.made-area1 .flow-cont .item{width: 25%;padding: 20px 2%;text-align: center;transition: all 0.4s;}
.made-area1 .flow-cont .item .icon{margin-bottom: 15px;transition: all 0.8s;transform: rotateY(0deg);}
.made-area1 .flow-cont .item .icon:hover{transition: all 0.8s;transform: rotateY(-180deg);}
.made-area1 .flow-cont .item h5{margin-bottom: 15px;font-weight: 600;}
.made-area1 .flow-cont .item .txt{line-height: 32px;}
@media screen and (max-width: 1680px) {
    .made-area1 .flow-cont .item .icon img{height: 70px;}
}
@media screen and (max-width: 1440px) {
    .made-area1 .flow-cont .item .icon img{height: 66px;}
}
@media screen and (max-width: 1366px) {
    .made-area1 .flow-cont .item .icon img{height: 62px;}
    .made-area1 .flow-cont .item h5 {font-size: 22px;}
}
@media screen and (max-width: 1280px) {
    .made-area1 .flow-cont .item .icon img{height: 56px;}
    .made-area1 .flow-cont .item h5 {font-size: 20px;}
    .made-area1 .flow-cont .item .txt{font-size: 16px;}
}
@media screen and (max-width: 1040px) {
    .made-area1 .flow-cont .item .icon img{height: 50px;}
    .made-area1 .flow-cont .item h5 {font-size: 18px;}
    .made-area1 .flow-cont .item .txt{font-size: 14px;}
}
@media screen and (max-width: 768px) {
    .made-area1 .flow-cont .item .icon img{height: 42px;}
    .made-area1 .flow-cont .item { width: 49%; padding: 20px 2%; margin-right: 2%; margin-bottom: 10px; box-shadow: 0 0 10px 2px #ececec;height: 360px;}
    .made-area1 .flow-cont .item:nth-child(2n){margin-right: 0;}

}
@media screen and (max-width: 414px) {
    .made-area1 .flow-cont .item .icon img{height: 36px;}
    .made-area1 .flow-cont .item .txt { height: 110px; }
    .made-area1 .flow-cont .item {  height: 350px; }
}
/* 技术理念 */
.made-area2 {background: #F9F9F9;}
.made-area2 .jishu-idea .item{width: 32%;margin-right: 2%;}
.made-area2 .jishu-idea .item:last-child{margin-right: 0;}
.made-area2 .jishu-idea .item-img{overflow: hidden;width: 100%;}
.made-area2 .jishu-idea .item-img img{width: 100%;transition:all 0.4s;}
.made-area2 .jishu-idea .item:hover img{transition: all 0.4s;transform: scale(1.1);}
.made-area2 .jishu-idea .item-txt{background: #ffffff;padding:0 30px 20px;text-align: center;transition: all 0.4s;}
.made-area2 .jishu-idea .item:hover .item-txt{background: #004ea2;color: #ffffff;}
.made-area2 .jishu-idea .item .tit{margin-bottom: 10px;font-weight: 600;}
.made-area2 .jishu-idea .item .txt{line-height: 26px;}
@media screen and (max-width: 1440px) {
    .made-area2 .jishu-idea .item .tit{font-size: 24px;}
}
@media screen and (max-width: 1366px) {
    .made-area2 .jishu-idea .item .tit{font-size: 22px;}
}
@media screen and (max-width: 1280px) {
    .made-area2 .jishu-idea .item .tit{font-size: 20px;}
    .made-area2 .jishu-idea .item .txt{font-size: 16px;line-height: 22px;height: 68px;}
}
@media screen and (max-width: 1040px) {
    .made-area2 .jishu-idea .item .tit{font-size: 18px;}
    .made-area2 .jishu-idea .item .txt{font-size: 14px;line-height: 20px;height: 68px;}
    .made-area2 .jishu-idea .item-txt { padding: 0 20px 20px;}
}
@media screen and (max-width: 768px) {
    .made-area2 .jishu-idea .item .tit {font-size: 16px;text-align: justify; }
    .made-area2 .jishu-idea .item .txt {font-size: 14px;line-height: 20px;height: 80px;text-align: justify;}
    .made-area2 .jishu-idea .item-txt { padding: 0 15px 20px;}

}
@media screen and (max-width: 500px) {
    .made-area2 .jishu-idea .item .tit {font-size: 16px; }
    .made-area2 .jishu-idea .item .txt {height:auto;}
    .made-area2 .jishu-idea .item { width: 100%; margin-right: 0;margin-bottom: 10px;box-shadow: 0 0 10px 3px #ececec;}

}
/* 增值服务 */
.made-area3 .value-added{overflow: hidden;height: 504px;}
.made-area3 .value-added .list-item{height: 100%;width: 15%;position: relative;background-size: auto 100%;color: #ffffff;overflow: hidden;transition: width 0.4s;}
.made-area3 .value-added .list-item.bigitem{width: 40%;}
.made-area3 .value-added .list-item::after{content: ""; display: none;width: 100%;height: 100%;background: #004EA2;opacity: 0;transition: all 0.5s;}
.made-area3 .value-added .list-item:hover::after{transition: all 0.5s;opacity: 0.8;display: block;}
.made-area3 .value-added .list-item .itemtxt{position: absolute;left: 0;top: 50%;transition: all 0.4s;width: 100%; z-index: 3;text-align: center;}
.made-area3 .value-added .list-item .overtxt{position: absolute;left: 0;top: 50%;padding: 0 7%; line-height: 38px;text-align: justify; transition: all 0.4s;width: 100%; display: none;z-index: 3;}
.made-area3 .value-added .list-item img{position: relative;top: -5px;}
.made-area3 .value-added .list-item:hover .itemtxt{display: none;}
.made-area3 .value-added .list-item:hover .overtxt{display: block;opacity: 1;}
.made-area3 .value-added .overtxt .tit {font-size: 48px;}
.made-area3 .value-added .overtxt .tit img{display: inline-block;margin-right: 20px;}
.made-area3 .value-added .link-btn{display: inline-block;width: 200px;color: #ffffff; float: right; text-align: center; margin-top: 130px; height: 46px;line-height: 42px;border-radius: 23px;border: 2px solid #FFFFFF; }
.made-area3 .value-added .link-btn .icon{display: inline-block;width: 30px;height: 14px;margin-left: 2px;background: url(../image/icon2.png) no-repeat center center;}
@media screen and (max-width: 1680px) {
    .made-area3 .value-added .list-item img{height: 55px;}
    .made-area3 .value-added .overtxt .tit {font-size: 46px;}

}
@media screen and (max-width: 1440px) {
    .made-area3 .value-added .list-item img{height: 50px;}
    .made-area3 .value-added .overtxt .tit {font-size: 40px;}
    .made-area3 .value-added .list-item .itemtxt h6{font-size: 40px;}
    .made-area3 .value-added { height: 480px; }

}
@media screen and (max-width: 1360px) {
    .made-area3 .value-added .list-item img{height: 50px;top: -3px;}
    .made-area3 .value-added .overtxt .tit {font-size: 34px;}
    .made-area3 .value-added .list-item .itemtxt h6{font-size: 38px;}
    .made-area3 .value-added { height: 450px; }
    .made-area3 .value-added .link-btn{margin-top: 100px;width: 180px;}
}
@media screen and (max-width: 1280px) {
    .made-area3 .value-added .list-item img{height: 44px;}
    .made-area3 .value-added .overtxt .tit {font-size: 28px;}
    .made-area3 .value-added .list-item .itemtxt h6{font-size: 28px;}
    .made-area3 .value-added { height: 420px; }
    .made-area3 .value-added .link-btn{margin-top: 80px;width: 160px;}
}
@media screen and (max-width: 1280px) {
    .made-area3 .value-added .list-item img{height: 38px;}
    .made-area3 .value-added .overtxt .tit {font-size: 22px;}
    .made-area3 .value-added .list-item .itemtxt h6{font-size: 22px;}
    .made-area3 .value-added { height: 380px; }
    .made-area3 .value-added .link-btn{margin-top: 60px;width: 150px;border-width: 1px;}
    .made-area3 .value-added .overtxt .tit img { margin-right: 12px;top: -5px; }
    .made-area3 .value-added .list-item .overtxt { line-height: 30px;}
}
@media screen and (max-width: 1040px) {
    .made-area3 .value-added .list-item img{height: 30px;}
    .made-area3 .value-added .overtxt .tit {font-size: 18px;}
    .made-area3 .value-added .list-item .itemtxt h6{font-size: 18px;}
    .made-area3 .value-added { height: 320px; }
    .made-area3 .value-added .link-btn{margin-top: 50px;height: 40px; line-height: 38px;width: 140px;}
    .made-area3 .value-added .overtxt .tit img { margin-right: 8px; top: 0px; }
    .made-area3 .value-added .list-item .overtxt { line-height: 26px;}
    .made-area3 .value-added .list-item .overtxt .txt{font-size: 16px;}

}
@media screen and (max-width: 768px) {
    .made-area3 .value-added .list-item img{height: 24px;}
    .made-area3 .value-added .overtxt .tit {font-size: 16px;}
    .made-area3 .value-added .list-item .itemtxt h6{font-size: 16px;}
    .made-area3 .value-added { height: 330px; }
    .made-area3 .value-added .link-btn{margin-top: 30px;height: 38px; line-height: 36px;}
    .made-area3 .value-added .overtxt .tit img { margin-right: 5px; }
    .made-area3 .value-added .list-item .overtxt { line-height: 22px;}
    .made-area3 .value-added .list-item .overtxt .txt{font-size: 14px;}

}
@media screen and (max-width: 500px) {
    .made-area3 .value-added {height: auto; }
    .made-area3 .value-added .list-item { height: 100%; width: 100%; height: 200px; background-size: 100%!important;margin-bottom: 10px;}
    .made-area3 .value-added .list-item .itemtxt {display: none; }
    .made-area3 .value-added .list-item .overtxt { line-height: 20px; display: block; }
    .made-area3 .value-added .list-item.bigitem { width: 100%;  }
    .made-area3 .value-added .link-btn {margin-top: 10px;}
}
/* 关于我们 */
/* 成熟可靠的伙伴 */
.about-area1 .tit{text-align: center;font-size: 44px;font-weight: 600;}
.about-area1 .usinfor{line-height: 36px;text-align: justify;}
.about-area1 .about-list {padding: 0 10px;}
.about-area1 .about-list .item{width: 31%;padding: 35px ;transition: all 0.3s; margin-right: 3.5%;text-align: center;height: 270px;background: #FFFFFF;box-shadow: 0px 0px 10px 2px rgba(234, 234, 234, 0.5);}
.about-area1 .about-list .item:hover{transition: all 0.3s;transform: translateY(-30px);}
.about-area1 .about-list .item:last-child{margin-right: 0;}
@media screen and (max-width: 1360px) {
    .about-area1 .tit { font-size: 40px;}
    .about-area1 .about-list .item img{height: 60px;}
    .about-area1 .about-list .item { padding: 30px; height: 250px;}
}
@media screen and (max-width: 1280px) {
    .about-area1 .tit { font-size: 36px;}
    .about-area1 .about-list .item img{height: 52px;}
    .about-area1 .about-list .item { padding: 28px; height: 230px;}

}
@media screen and (max-width: 1040px) {
    .about-area1 .tit { font-size: 32px;}
    .about-area1 .about-list .item img{height: 46px;}
    .about-area1 .about-list .item { padding: 25px; height: 220px;}

}
@media screen and (max-width: 768px) {
    .about-area1 .about-list .item { padding: 20px; height: 200px;}
    .about-area1 .tit { font-size: 24px;}
    .about-area1 .about-list .item img{height: 40px;}
}
@media screen and (max-width: 500px) {
    .about-area1 .tit { font-size: 22px;}
    .about-area1 .about-list .item img{height: 30px;}
    .about-area1 .about-list .item {padding: 20px;height: 140px; }
}

/* 企业文化 */
.about-area2 .culture-list .left-c{width: 24%;margin-right: 1.5%;}
.about-area2 .culture-list .left-c .list-item{width: 100%;}
.about-area2 .culture-list .right-c{width:74.5% ;}
.about-area2 .culture-list .right-c .list-item{width: 32.0%;margin-right: 1.9%;margin-bottom: 1.9%;}
.about-area2 .culture-list .right-c .list-item:nth-child(3){margin-right: 0;}
.about-area2 .culture-list .right-c .list-item:nth-child(5){margin-right: 0;width: 66%;}
.about-area2 .culture-list .list-item {position: relative;overflow: hidden;border-radius: 13px;}
.about-area2 .culture-list .list-item>img{width: 100%;transition: all 0.4s;}
.about-area2 .culture-list .list-item::after{content: "";transition: all 0.4s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #004EA2;opacity: 0;}
.about-area2 .culture-list .list-item:hover>img{transition: all 0.4s;transform: scale(1.2);}
.about-area2 .culture-list .list-item:hover::after{opacity: 0.7;transition: all 0.4s;}
.about-area2 .culture-list .list-item .overtxt{position: absolute;left: 0;top: 50%;color: #ffffff;width: 100%;text-align: center;z-index: 3;}
.about-area2 .culture-list .list-item h6{margin-top: 10px;}
.about-area2 .culture-list .list-item .overtxt2{transition: all 0.4s;}
.about-area2 .culture-list .list-item .overtxt1{transition: all 0.12s;opacity: 0;}
.about-area2 .culture-list .list-item:hover .overtxt2{transition: all 0.5s;opacity: 1;}



@media screen and (max-width: 1440px) {
    .about-area2 .culture-list .list-item .overtxt img{height: 45px;}
}

@media screen and (max-width: 1366px) {
    .about-area2 .culture-list .list-item .overtxt img{height: 42px;}
}
@media screen and (max-width: 1280px) {
    .about-area2 .culture-list .list-item .overtxt img{height: 38px;}
}
@media screen and (max-width: 1040px) {
    .about-area2 .culture-list .list-item .overtxt img{height: 35px;}
    .about-area2 .culture-list .list-item .overtxt {padding: 10px;}
}
@media screen and (max-width: 768px) {
    .about-area2 .culture-list .list-item .overtxt img{height: 32px;}
}
@media screen and (max-width: 500px) {
    .about-area2 .culture-list .list-item .overtxt img{height: 26px;}
    .yl-AboutDsjCon li i.yl-icobj01 {width: 12px;height: 12px;  }
    .yl-AboutDsjCon li { width: 12%; }
    .about-area2 .culture-list .left-c {width: 100%;margin-right: 0; }
    .about-area2 .culture-list .left-c .list-item {width: 100%;margin-bottom: 1.9%;max-height: 40vw;}
    .about-area2 .culture-list .right-c {width: 100%; }
    .about-area2 .culture-list .right-c .list-item {width: 49%;margin-right: 2%;margin-bottom: 1.9%;max-height: 40vw;}
    .about-area2 .culture-list .right-c .list-item:nth-child(2n){margin-right: 0;}
    .about-area2 .culture-list .right-c .list-item:nth-child(3) {margin-right: 2%;}
    .about-area2 .culture-list .right-c .list-item:nth-child(5) {margin-right: 0;  width: 100%; }

}
@media screen and (max-width: 400px) {
    .about-area2 .culture-list .list-item .overtxt img{height: 22px;}
    .about-area2 .culture-list .list-item h6 { margin-top: 6px; font-size: 12px;}
    
}

/* 成长历程 */
.about-area3{background: #F9F9F9;}
.about-area3 .yl-AboutDsj {width: 100%;height: 320px;background: url(../image/icon12.png) no-repeat center center;padding: 112px 0 164px;}
.yl-AboutDsjCon { position: relative;}
.yl-AboutDsjCon li {position: absolute;width: 14.5%;color: #656565;cursor: pointer;padding: 0 5px;}
.yl-AboutDsjCon li.yl-DWtop { height: 123px; bottom: 100%;}
.yl-AboutDsjCon li i.yl-icobj01 {display: block;width: 21px;height: 18px;background: url(../image/icon11.png) no-repeat left bottom;position: absolute;left:10%;}
.yl-AboutDsjCon li:nth-child(1) i.yl-icobj01 { background: none;}
.yl-AboutDsjCon li.yl-DWtop i.yl-icobj01 { left: 10%;}
.yl-AboutDsjCon li i.yl-icobj02 {display: block;width: 31px;height: 0px;background: url(../image/icon10.png) no-repeat;position: absolute;left: -3px;bottom: 0;transition: all linear .3s;-webkit-transition: all linear .3s;-moz-transition: all linear .3s;-ms-transition: all linear .3s;-o-transition: all linear .3s;}
.yl-AboutDsjCon li:nth-child(1) i.yl-icobj01 .yl-icobj02 { height: 52px;}
.yl-AboutDsjCon li:nth-child(1) div {color: #004EA2;}
.yl-AboutDsjCon li.yl-DW01 {left: 0;}
.yl-AboutDsjCon li.yl-DW02 {left: 8%;}
.yl-AboutDsjCon li.yl-DW03{left: 18%;}
.yl-AboutDsjCon li.yl-DW04{left:25% ;}
.yl-AboutDsjCon li.yl-DW05{left: 35%;}
.yl-AboutDsjCon li.yl-DW06{left: 42%;}
.yl-AboutDsjCon li.yl-DW07{left: 52%;}
.yl-AboutDsjCon li.yl-DW08{left: 60%;}
.yl-AboutDsjCon li.yl-DW09{left: 70%;}
.yl-AboutDsjCon li.yl-DW10{left: 78%;}
.yl-AboutDsjCon li.yl-DW11{left: 88%;height: 30px;bottom: -20px;}
.yl-AboutDsjCon li.yl-DWbot div { margin-top: 110px;text-align: justify;}
.yl-AboutDsjCon li.yl-DW01 i.yl-icobj01 { bottom: -23px;}
.yl-AboutDsjCon li.yl-DW02 i.yl-icobj01 { top: 38px;}
.yl-AboutDsjCon li.yl-DW03 i.yl-icobj01{bottom: -36px;}
.yl-AboutDsjCon li.yl-DW04 i.yl-icobj01{top: 44px;}
.yl-AboutDsjCon li.yl-DW05 i.yl-icobj01{bottom: -12px;}
.yl-AboutDsjCon li.yl-DW06 i.yl-icobj01{top: 40px;}
.yl-AboutDsjCon li.yl-DW07 i.yl-icobj01{bottom: -42px;}
.yl-AboutDsjCon li.yl-DW08 i.yl-icobj01{top: 44px;}
.yl-AboutDsjCon li.yl-DW09 i.yl-icobj01{bottom: -36px;}
.yl-AboutDsjCon li.yl-DW10 i.yl-icobj01{top: 65px;}
.yl-AboutDsjCon li.yl-DW11 i.yl-icobj01{bottom: -34px;}
.yl-AboutDsjCon li .fon16{color:#004EA2;font-weight: bold;}
.yl-AboutDsjCon li.orange{color: #004EA2;}
.yl-AboutDsjCon li div:hover{color: #004EA2;}
.yl-AboutDsjCon li i.yl-icobj01:hover .yl-icobj02 { height: 52px;}
@media screen and (max-width: 1680px) {
    .yl-AboutDsjCon li.yl-DW02 i.yl-icobj01 {  top: 33px;  }
    .yl-AboutDsjCon li.yl-DW10 i.yl-icobj01 {  top: 48px; }
}
@media screen and (max-width: 1440px) {
    .yl-AboutDsjCon li {width: 15%;}
    .yl-AboutDsjCon li.yl-DW10 i.yl-icobj01 {  top: 34px; }
    .yl-AboutDsjCon li i.yl-icobj01 { width: 18px; height: 18px; left: 10%; background-size: 100%; }
}
@media screen and (max-width: 1366px) {
    .yl-AboutDsjCon li {width: 16%;}
    .yl-AboutDsjCon li.yl-DWtop { height: 150px;}
    .yl-AboutDsjCon li.yl-DW11 { height: 70px;}
}
@media screen and (max-width: 1280px) {
    .yl-AboutDsjCon li i.yl-icobj01 { width: 15px; height: 15px;}
    .yl-AboutDsjCon li.yl-DW05 i.yl-icobj01 { bottom: -18px;}
}

@media screen and (max-width: 1040px) {
    .about-area3{overflow: auto;}
    .yl-AboutDsjCon li i.yl-icobj01 { width: 15px; height: 15px;}
    .yl-AboutDsjCon li.yl-DW05 i.yl-icobj01 { bottom: -18px;}
    .about-area3 .about-history{overflow: hidden; overflow-x: scroll;  scrollbar-width: none; /* firefox */-ms-overflow-style: none; /* IE 10+ */}
    .about-area3 .about-history::-webkit-scrollbar {display: none; /* Chrome Safari */ }
    .about-area3 .yl-AboutDsj { width: 1600px;}

}


/* 服务企业 */
.about-area4  .teamwork-list .item{width: 18.7%;border: 1px solid #e6e6e6; margin-right: 1.5%;margin-bottom: 1.5%;background: #ffffff;transition: all 0.4s;}
.about-area4  .teamwork-list .item:hover{transition: all 0.4s; box-shadow: 0 0 16px 6px #eeeeee;}
.about-area4  .teamwork-list .item:nth-child(5n){margin-right: 0;}
.about-area4  .teamwork-list .item img{width: 100%;}

@media screen and (max-width: 1280px) {
    .about-area4 .teamwork-list .item {width: 23.8%;}
    .about-area4 .teamwork-list .item:nth-child(5n){ margin-right: 1.5%;}
    .about-area4 .teamwork-list .item:nth-child(4n){ margin-right: 0%;}

}
@media screen and (max-width: 1024px) {
    .about-area4 .teamwork-list .item {width: 32%;}
    .about-area4 .teamwork-list .item:nth-child(4n){ margin-right: 1.5%;}
    .about-area4 .teamwork-list .item:nth-child(3n){ margin-right: 0%;}
}
@media screen and (max-width: 768px) {
    .about-area4 .teamwork-list .item {width: 49.2%;}
    .about-area4 .teamwork-list .item:nth-child(3n){ margin-right: 1.5%;}
    .about-area4 .teamwork-list .item:nth-child(2n){ margin-right: 0%;}
}

/* 团队展示 */
.about-area5 .show-list .list-item{width: 49%;margin-bottom: 2%;overflow: hidden;}
.about-area5 .show-list .list-item:nth-child(3){width: 32%;margin-right: 2%;}
.about-area5 .show-list .list-item:nth-child(4){width: 32%;margin-right: 2%;}
.about-area5 .show-list .list-item:nth-child(5){width: 32%;}
.about-area5 .show-list .list-item img{transition: all 0.4s;width: 100%;}
.about-area5 .show-list .list-item:hover img{transition: all 0.4s;transform: scale(1.1);}
.about-area5 .show-list .list-item:first-child{margin-right: 2%;}

/* 大数据BI方案 */
/* 五步快速构建数据门户 */
.scheme-area1 .build-cont .item{width: 18.4%;margin-right: 2%;transition: all 0.3s;text-align: center;padding:5% 0.5% 0;height: 329px;border: 1px solid #E6E6E6;}
.scheme-area1 .build-cont .item:hover{transition: all 0.3s;transform: translateY(-25px);}
.scheme-area1 .build-cont .item:last-child{margin-right: 0;}
.scheme-area1 .build-cont .item .icon{height: 70px;}
.scheme-area1 .build-cont .item .txt{font-size: 20px;line-height: 28px;}
.scheme-area1 .build-cont .item h6{margin-bottom: 15px;}
@media screen and (max-width: 1680px) {
    .scheme-area1 .build-cont .item .txt {font-size: 18px;}
    .scheme-area1 .build-cont .item .icon{height: 60px;}
    .scheme-area1 .build-cont .item .icon img{height: 60px;}
    .scheme-area1 .build-cont .item {height: 300px;}

}
@media screen and (max-width: 1366px) {
    .scheme-area1 .build-cont .item .txt { font-size: 16px; line-height: 26px; }
    .scheme-area1 .build-cont .item img{max-height: 52px;max-width: 50px;}
    .scheme-area1 .build-cont .item .icon{height: 60px;margin-bottom: 10px;}
    .scheme-area1 .build-cont .item { width: 18.8%; margin-right: 1.5%; height: 280px;}
}
@media screen and (max-width: 1280px) {
    .scheme-area1 .build-cont .item .txt { font-size: 14px; line-height: 22px; }
    .scheme-area1 .build-cont .item img{max-height: 46px;max-width: 45px;}
    .scheme-area1 .build-cont .item .icon{height: 50px;margin-bottom: 10px;}
    .scheme-area1 .build-cont .item { height: 250px;}
}
@media screen and (max-width: 1040px) {
    .scheme-area1 .build-cont .item { width: 32%; margin-right: 2%;margin-bottom: 2%; }
    .scheme-area1 .build-cont .item:nth-child(3n) {margin-right: 0;}
    .scheme-area1 .build-cont .item img{max-height: 40px;max-width: 40px;}

}
@media screen and (max-width: 600px) {
    .scheme-area1 .build-cont .item { width: 49%;margin-right: 2%;height: 200px;}
    .scheme-area1 .build-cont .item:nth-child(3n) {margin-right: 2%;}
    .scheme-area1 .build-cont .item:nth-child(2n) {margin-right: 0%;}
    .scheme-area1 .build-cont .item img{max-height: 36px;max-width: 36px;}
    .scheme-area1 .build-cont .item h6 {margin-bottom: 10px;  font-size: 16px;}
}


/* 全新的报表制作体验 */
.scheme-area2{ background:#f9f9f9 url(../image/bg11.jpg) no-repeat center top;background-size: 100% auto;}
.scheme-area2 .area-title {color: #ffffff;} 
.scheme-area2 .area-title .title{color: #ffffff;}
.scheme-area2 .experience-cont {position: relative;height: 720px;padding:0 5%;}
.scheme-area2 .experience-cont .item{height:360px ;padding: 5%;background: #ffffff;width: 40%;z-index: 4;position: absolute;left: 5%;}
.scheme-area2 .experience-cont .item:nth-child(2){left: 45%;top: -70px;width: 50%;z-index: 1;}
.scheme-area2 .experience-cont .item:nth-child(2) img{width: 100%;}
.scheme-area2 .experience-cont .item .txt{color:#004EA2 ;border-bottom: 2px solid #004EA2;display: inline;}
.scheme-area2 .experience-cont .item:nth-child(3){ background: #004EA2;color: #ffffff;top: 360px;}
.scheme-area2 .experience-cont .item:nth-child(4){top: 360px;left: 45%;}
.scheme-area2 .experience-cont .item:nth-child(3) .txt{color: #ffffff;border-bottom: 2px solid #ffffff;}
.scheme-area2 .experience-cont .bgitem{background: transparent;padding: 0;width: auto;}
@media screen and (max-width: 1680px) {
    .scheme-area2 .experience-cont{height: 640px;}
    .scheme-area2 .experience-cont .item .txt{font-size: 26px;}
    .scheme-area2 .experience-cont .item {height: 320px;padding: 4%;}
    .scheme-area2 .experience-cont .item:nth-child(2) {padding: 0%;}
    .scheme-area2 .experience-cont .item:nth-child(3) {  top: 320px;}
    .scheme-area2 .experience-cont .item:nth-child(4) {  top: 320px;}
}
@media screen and (max-width: 1440px) {
    .scheme-area2 .experience-cont{height: 600px;}
    .scheme-area2 .experience-cont .item .txt{font-size: 24px;}
    .scheme-area2 .experience-cont .item {height: 300px;padding: 4%;}
    .scheme-area2 .experience-cont .item:nth-child(3) {  top: 300px;}
    .scheme-area2 .experience-cont .item:nth-child(4) {  top: 300px;}
}
@media screen and (max-width: 1366px) {
    .scheme-area2 .experience-cont .item .txt{font-size: 22px;}

}
@media screen and (max-width: 1280px) {
    .scheme-area2 .experience-cont .item .txt{font-size: 20px;}
    .scheme-area2 .experience-cont { height: 530px;}
    .scheme-area2 .experience-cont .item {height: 250px;}
    .scheme-area2 .experience-cont .item:nth-child(3) {top: 250px;}
    .scheme-area2 .experience-cont .item:nth-child(4) {top: 250px;}
    .scheme-area2 .experience-cont .item:nth-child(2) {top: -21px;}
}
@media screen and (max-width: 1024px) {
    .scheme-area2 .experience-cont .item .txt{font-size: 18px;}
  
    
}
@media screen and (max-width: 768px) {
    .scheme-area2 .experience-cont .item .txt{font-size: 16px;}
    .scheme-area2 .experience-cont { padding: 0; width: 100%;}
    
}
@media screen and (max-width: 500px) {
    .scheme-area2 .experience-cont .item .txt{font-size: 14px;}
    .scheme-area2 .experience-cont {height: 800px; }
    .scheme-area2 .experience-cont .item {padding: 5%;width: 100%;left: 0;height: 200px;}
    .scheme-area2 .experience-cont .item:nth-child(2) { top: 200px; width: 100%;left: 0;}

    .scheme-area2 .experience-cont .item:nth-child(3) { top: 400px; width: 100%;}
    .scheme-area2 .experience-cont .item:nth-child(4) { top: 600px; width: 100%;left: 0;}

    
}


/* 灵活的数据应用方式 */
.scheme-area3 .daUse-way .item{width: 32%;height: 330px; margin-right: 2%;text-align: center;margin-bottom: 2%;background: #FFFFFF;border: 1px solid #E6E6E6;transition: all 0.4s;padding: 55px 5%;}
.scheme-area3 .daUse-way .item:hover{transition: all 0.4s;box-shadow: 0 0 15px 3px #ececec;}
.scheme-area3 .daUse-way .item:nth-child(3n){margin-right: 0;}
.scheme-area3 .daUse-way .item h5{font-weight: 600;margin-bottom: 8px;}
.scheme-area3 .daUse-way .item p{line-height: 28px;}
@media screen and (max-width: 1440px) {
    .scheme-area3 .daUse-way .item{height: 300px; padding: 50px 5%;}
    .scheme-area3 .daUse-way .item .icon img{height: 60px;}
}
@media screen and (max-width: 1366px) {
    .scheme-area3 .daUse-way .item{ height: 280px; padding: 45px 4%;}
    .scheme-area3 .daUse-way .item .icon img{height: 56px;}
}
@media screen and (max-width: 1280px) {
    .scheme-area3 .daUse-way .item .icon img{height: 52px;}
    .scheme-area3 .daUse-way .item p { line-height: 24px; font-size: 16px;}
    .scheme-area3 .daUse-way .item { height: 280px; padding: 35px 2%; }
}
@media screen and (max-width: 768px) {
    .scheme-area3 .daUse-way .item {height: 250px;padding: 30px 3%;width: 49%;}
    .scheme-area3 .daUse-way .item:nth-child(3n){margin-right: 2%;}
    .scheme-area3 .daUse-way .item:nth-child(2n){margin-right: 0;}
    .scheme-area3 .daUse-way .item p { line-height: 22px; font-size: 14px;}
    .scheme-area3 .daUse-way .item .icon img { height: 46px; }
}
@media screen and (max-width: 500px) {
    .scheme-area3 .daUse-way .item .icon img { height: 36px; }

}
/* 大屏可视化特性 */
.scheme-area4 {background: #f9f9f9;}
.scheme-area4 .visual-list .item{width: 23.5%;margin-right: 2%;margin-bottom: 2%;    position: relative; box-shadow: 0px 4px 10px 0px rgba(204, 204, 204, 0.5);height: 324px;text-align: center;transition: all 0.4s;background: #ffffff;}
.scheme-area4 .visual-list .item:nth-child(4n){margin-right: 0;}
.scheme-area4 .visual-list .item .item-img{height: 136px;position: relative;overflow: hidden;}
.scheme-area4 .visual-list .item .img{width: 100%;transition: all 0.4s;}
.scheme-area4 .visual-list .item:hover .img{transition: all 0.4s;transform:scale(1.1);}
.scheme-area4 .visual-list .item:hover{transition: all 0.4s;transform: translateY(-20px);}
.scheme-area4 .visual-list .item .icon{position: absolute;left: 50%;top: 50%;}
.scheme-area4 .visual-list .item .item-txt{padding: 0 20px;position: ;}
.scheme-area4 .visual-list .item h5{margin-top: 25px;margin-bottom: 10px;font-weight: 600;}
.scheme-area4 .visual-list .item .txt{line-height: 28px;text-align: justify;}
@media screen and (max-width: 1366px) {
    .scheme-area4 .visual-list .item h5 {margin-top: 20px;margin-bottom: 6px;}
    .scheme-area4 .visual-list .item {  height: 300px;}
    .scheme-area4 .visual-list .item .icon {  height: 60px; }

}
@media screen and (max-width: 1280px) {
    .scheme-area4 .visual-list .item h5 {margin-top: 15px;}
    .scheme-area4 .visual-list .item {  height: 280px;}
    .scheme-area4 .visual-list .item .icon {  height: 52px; }
}
@media screen and (max-width: 1040px) {
    .scheme-area4 .visual-list .item .txt { line-height: 24px; font-size: 14px; }
    .scheme-area4 .visual-list .item .icon {  height: 48px; }
    .scheme-area4 .visual-list .item { width: 32%; }
    .scheme-area4 .visual-list .item:nth-child(4n) { margin-right: 2%; }
    .scheme-area4 .visual-list .item:nth-child(3n) { margin-right: 0; }

}
@media screen and (max-width: 768px) {
    .scheme-area4 .visual-list .item { padding: 30px 3%;width: 49%;}
    .scheme-area4 .visual-list .item:nth-child(3n){margin-right: 2%;}
    .scheme-area4 .visual-list .item:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 500px) {
    .scheme-area4 .visual-list .item { padding: 30px 3%; width: 100%; margin-right: 0; height: auto;}
    .scheme-area4 .visual-list .item h5 {margin-top: 15px;font-size: 16px;}
}

/* 大屏可视化应用场景 */
.scheme-area5 .sence-cont .item{width: 32%;margin-right: 2%;background: #FFFFFF;border: 1px solid #E6E6E6;transition: all 0.4s;} 
.scheme-area5 .sence-cont .item:nth-child(3){margin-right: 0;}
.scheme-area5 .sence-cont .item:hover{transition: all 0.4s;box-shadow: 0 0 12px 3px #ececec;}
.scheme-area5 .sence-cont .item .item-txt{padding: 20px 30px;position: relative;text-align: justify;height: 270px;}
.scheme-area5 .sence-cont .item .item-txt::after{content: "";display: inline-block;width: 0;height: 0;border-width: 16px 16px;border-style: solid;border-color: transparent transparent #ffffff transparent;position: absolute;top: -32px;left: 40px;z-index: 1;}
.scheme-area5 .sence-cont .item:nth-child(2) .item-txt::after{top: 100%;border-color: #ffffff transparent transparent transparent;}
.scheme-area5 .sence-cont .item .item-txt h6{font-weight: 600;}
.scheme-area5 .sence-cont .item .item-txt .txt{line-height: 28px;margin-top: 15px;}

@media screen and (max-width: 1440px) {
    .scheme-area5 .sence-cont .item .item-txt {padding: 20px 25px;}
    .scheme-area5 .sence-cont .item .item-txt h6 {font-weight: 600;font-size: 26px;}
    .scheme-area5 .sence-cont .item .item-txt .txt {line-height: 26px;margin-top: 12px;font-size: 18px;}
}
@media screen and (max-width: 1366px) {
    .scheme-area5 .sence-cont .item .item-txt h6 {font-size: 24px;}
    .scheme-area5 .sence-cont .item .item-txt .txt {line-height: 26px;margin-top: 10px;font-size: 16px;}
    .scheme-area5 .sence-cont .item .item-txt::after {border-width: 15px 15px;top: -30px;}
}
@media screen and (max-width: 1280px) {
    .scheme-area5 .sence-cont .item .item-txt h6 {font-size: 22px;}
    .scheme-area5 .sence-cont .item .item-txt .txt {line-height: 22px;margin-top: 5px;font-size: 16px;}
    .scheme-area5 .sence-cont .item .item-txt::after {border-width: 12px 12px;top: -24px;}
}
@media screen and (max-width: 1040px) {
    .scheme-area5 .sence-cont .item .item-txt h6 {font-size: 20px;}
    .scheme-area5 .sence-cont .item .item-txt .txt {line-height: 20px;font-size: 14px;}
    .scheme-area5 .sence-cont .item .item-txt { padding: 15px 20px; height: 260px;}
}
@media screen and (max-width: 768px) {
    .scheme-area5 .sence-cont .item .item-txt h6 {font-size: 18px;}
    .scheme-area5 .sence-cont .item{width: 48.5%;margin-right: 2.5%;margin-bottom: 2.5%;}
    .scheme-area5 .sence-cont .item:nth-child(2n){margin-right: 0;}
    .scheme-area5 .sence-cont .item .item-txt {  height: 200px;}


}
@media screen and (max-width: 600px) {
    .scheme-area5 .sence-cont .item {width: 100%;margin-right: 0; margin-bottom: 2.5%;}
    .scheme-area5 .sence-cont .item img{width: 100%;}
    .scheme-area5 .sence-cont .item .item-txt {height: auto; }
}
/* PMS(项目管理系统) */
/* 您是否也遇到如下痛点 */
.product-area1 .p-list .item{width: 18.7%;margin-right: 1.6%;margin-bottom: 1.8%;padding: 20px; height: 224px; border: 1px solid #EEEEEE;transition: all 0.4s;    text-align: justify;}
.product-area1 .p-list .item:hover{transition: all 0.4s;box-shadow: 0 0 12px 3px #ececec;}
.product-area1 .p-list .item:last-child{margin-right: 0;}
.product-area1 .p-list .item h6{margin-bottom: 15px;position: relative;line-height: 60px;height: 60px;}
.product-area1 .p-list .item .number{position: absolute;left: 10%;top: 0;font-weight: 600;color: #EAF4FF;font-size: 80px; font-family: 'SourceHanSansCN-Bold';}
.product-area1 .p-list .item .tit{font-weight: 600;height: 100%;display: inline-block;position: absolute;left: 0;top: 0;z-index: 3;}
.product-area1 .contlink{background: #ffffff; color: #004EA2; margin: 30px auto 0; border: 2px solid #004EA2;}
.product-area1 .contlink .icon{background: url(../image/icon3.png) no-repeat center center;}
.product-area1 .contlink:hover{background: #004EA2;color: #ffffff;}
.product-area1 .contlink:hover .icon{background: url(../image/icon2.png) no-repeat center center ;}
@media screen and (max-width:1366px) {
    .product-area1 .p-list .item h6 { margin-bottom: 12px; line-height: 56px; height: 56px;}
    .product-area1 .p-list .item .number {font-size: 76px;}
}
@media screen and (max-width:1280px) {
    .product-area1 .p-list .item h6 { margin-bottom: 10px; line-height: 52px; height: 52px;}
    .product-area1 .p-list .item .number {font-size: 72px;}
    .product-area1 .contlink .icon{background-size: 18px;height: 11px;}

}
@media screen and (max-width:1040px) {
    .product-area1 .p-list .item h6 { line-height: 50px; height: 50px;font-size:18px ;}
    .product-area1 .p-list .item .number {font-size: 68px;}
    .product-area1 .contlink { border: 1px solid #004EA2;}
}
@media screen and (max-width:768px) {
    .product-area1 .p-list .item h6 {font-size:16px ;}
    .product-area1 .p-list .item .number {font-size: 64px;}
    .product-area1 .p-list .item { width: 32%;height: 180px;}
    .product-area1 .p-list .item:nth-child(3n){margin-right: 0;}

}
@media screen and (max-width:500px) {
    .product-area1 .p-list .item .number {font-size: 56px;}
    .product-area1 .p-list .item {width: 48.5%;height: 200px; margin-right: 3%;margin-bottom: 3%;}
    .product-area1 .p-list .item:nth-child(3n){margin-right: 3%;}
    .product-area1 .p-list .item:nth-child(2n){margin-right: 0;}


}
/* Ylink(PMS项目管理系统) */
.product-area2{background: #f9f9f9;}
.product-area2 .system-item{width: 100%;padding-left: 10%;padding-right: 10%;position: relative;height: 620px;}
.product-area2 .system-item:nth-child(1){
    background-image: url(../image/31.png), url(../image/42.png);
    background-repeat: no-repeat,no-repeat;
    background-position: right center ,left center;
}
.product-area2 .system-item:nth-child(2){
    background-color: #ffffff;
    background-image: url(../image/42.png), url(../image/31.png);
    background-repeat: no-repeat,no-repeat;
    background-position: right center ,left center;
}
.product-area2 .system-item:nth-child(3){
    background-image: url(../image/31.png), url(../image/42.png);
    background-repeat: no-repeat,no-repeat;
    background-position: right center ,left center;
}
.product-area2 .system-item .item-img {width: 60%;}
.product-area2 .system-item .item-img img {width: 100%;}
.product-area2 .system-item .item-txt {width: 40%;position: relative;top: 20%;}
.product-area2 .system-item .tab-item{-webkit-tap-highlight-color:transparent;width: 100%;margin-bottom: 30px;transition: all 0.4s;padding: 20px 40px;}
.product-area2 .system-item .tab-item:hover{transition: all 0.4s;background: #ffffff;box-shadow: 0px 4px 20px 0px rgba(244, 244, 244, 0.5);}
.product-area2 .system-item .tab-item h6{margin-bottom: 5px;transition: all 0.4s;}
.product-area2 .system-item .tab-item:checked{border: none;}
.product-area2 .system-item .active-tab{background: #ffffff;box-shadow: 0px 4px 20px 0px rgba(244, 244, 244, 0.5);}
.product-area2 .system-item .active-tab h6{color:#004EA2;}
.product-area2 .system-item .tab-item:hover h6{color:#004EA2;}
.product-area2 .system-item .tab-item:focus{border:none;}
.product-area2 .system-item .contitem{display: none;}
.product-area2 .system-item .active-c{display: block;}
@media screen and (max-width: 1440px) {
    .product-area2 .system-item{height:580px;}
    .product-area2 .system-item .tab-item h6{font-size: 26px;}
}
@media screen and (max-width: 1366px) {
    .product-area2 .system-item{height:530px;}
    .product-area2 .system-item .tab-item h6{font-size: 24px;}

}
@media screen and (max-width: 1280px) {
    .product-area2 .system-item{height:auto;}
    .product-area2 .system-item .tab-item h6{font-size: 20px;}

}
@media screen and (max-width: 1040px) {
    .product-area2 .system-item .tab-item h6{font-size: 18px;}
    .product-area2 .system-item { padding-left: 2%; padding-right: 2%; }
    .product-area2 .system-item:nth-child(1) {background-size: 50vw,50vw; }
    .product-area2 .system-item:nth-child(2) {background-size: 50vw,50vw; }
    .product-area2 .system-item:nth-child(3) {background-size: 50vw,50vw; }

}
@media screen and (max-width: 768px) {
    .product-area2 .system-item .item-img {width: 100%; }
    .product-area2 .system-item .item-txt { width: 100%;}
}
/* 企业定制 */
.qiye-area1{margin-bottom: 0;}
.qiye-area1 h5{text-align: center;padding: 50px 8% 0;background: url(../image/bg.png) no-repeat 16% top;}
@media screen and (max-width: 1440px) {
    .qiye-area1 h5{font-size: 24px;}
}
@media screen and (max-width: 1366px) {
    .qiye-area1 h5{font-size: 22px;padding: 50px 5% 0;}
}
@media screen and (max-width: 1280px) {
    .qiye-area1 h5{font-size: 20px;padding: 40px 4% 0;}
}
@media screen and (max-width: 1040px) {
    .qiye-area1 h5{font-size: 20px;padding: 30px 2% 0;}
}
@media screen and (max-width: 768px) {
    .qiye-area1 h5{font-size: 18px;padding: 20px 0% 0;}
}
@media screen and (max-width: 500px) {
    .qiye-area1 h5{font-size: 16px;}
}
/* 服务场景  */
.jishu-area1 .scene-cont .item:hover::after { transition: all 0.4s; opacity: 0.7; background:#004EA2}


/* IT灵活用工页面 */
.IT-area1 .item{width:23.5%;margin-right: 2%;position: relative;border: 1px solid #F2F2F2;overflow: hidden;}
.IT-area1 .item:last-child{margin-right: 0;}
.IT-area1 .item>img{opacity: 0;}
.IT-area1 .item:hover{color: #ffffff;}
.IT-area1 .item:hover>img{opacity: 1;animation: fadeIn 0.3s ease-in;}
.IT-area1 .item .box1{width:100%;position: absolute;left: 0;top: 50%;text-align: center;opacity: 1;z-index: 1;}
.IT-area1 .item .box2{padding:0 10px;width:100%;position: absolute;left: 0;top: 50%;text-align: center;opacity: 0;transition: all 0.4s;z-index: 3;
    -webkit-transform: translate(-50%,-100%);
    -o-transform:translate(-50%,-100%);
    -moz-transform:translate(-50%,-100%);
    transform: translate(-50%,-100%);}
.IT-area1 .item:hover .box1{ opacity: 0;}
.IT-area1 .item:hover .box2{ opacity: 1; -webkit-transform:  translate(0%,-50%);
    -o-transform:translate(0%,-50%);
    -moz-transform:translate(0%,-50%);
    transform:translate(0%,-50%);}
.IT-area1 .item .zixun-btn{display: block;color: #ffffff; margin: 90px auto 0;width: 200px;height: 46px;line-height: 42px; border-radius: 23px;border: 2px solid #FFFFFF;}
.IT-area1 .item .zixun-btn .icon{display: inline-block;width: 30px;height: 14px;margin-left: 3px;background: url(../image/icon2.png) no-repeat center center;}
@media screen and (max-width: 1680px) {
    .IT-area1 .item div img{height: 66px;}
}
@media screen and (max-width: 1440px) {
    .IT-area1 .item div img{height: 60px;}
    .IT-area1 .item .zixun-btn {margin: 80px auto 0;width: 180px;height: 44px;line-height: 42px;border: 1px solid #FFFFFF; }
}
@media screen and (max-width: 1366px) {
    .IT-area1 .item div img{height: 55px;}
    .IT-area1 .item .zixun-btn {margin: 70px auto 0;width: 170px;height: 42px;line-height: 40px; }
    .IT-area1 .item h5{font-size: 24px;}

}
@media screen and (max-width: 1280px) {
    .IT-area1 .item div img{height: 48px;}
    .IT-area1 .item .zixun-btn {margin: 60px auto 0;width: 160px;height: 40px;line-height: 38px; }
    .IT-area1 .item h5{font-size: 22px;}

}
@media screen and (max-width: 1040px) {
    .IT-area1 .item div img{height: 42px;}
    .IT-area1 .item .zixun-btn {margin: 40px auto 0;width: 140px;height: 38px;line-height: 36px; }
    .IT-area1 .item  h5{font-size: 18px;}

}
@media screen and (max-width: 768px) {
    .IT-area1 .item div img{height: 38px;}
    .IT-area1 .item .zixun-btn {margin:30px auto 0;width: 130px; }
    .IT-area1 .item  h5{font-size: 16px;}
    .IT-area1 .item {width: 31.5%;margin-right: 2%;margin-bottom: 2%;}
    .IT-area1 .item:nth-child(3n) {margin-right: 0;}


}

@media screen and (max-width: 500px) {
    .IT-area1 .item {width: 49%;margin-right: 2%;}
    .IT-area1 .item:nth-child(3n) {margin-right: 2%;}
    .IT-area1 .item:nth-child(2n) {margin-right: 0%;}
    .IT-area1 .item div img{height: 32px;}
    .IT-area1 .item .zixun-btn {width: 120px; }
    .IT-area1 .item  h5{font-size: 14px;}
    .IT-area1 .item .zixun-btn {margin: 20px auto 0; }
}
/* 风险及保障措施 */
.IT-area2 .safeguard-cont .l-list{width: 42.5%; background: #F9F9F9;line-height: 70px;margin-top: 82px;}
.IT-area2 .safeguard-cont .l-list .tit{line-height: 72px; height: 72px; background: #D20A10;text-align: center;color: #ffffff;font-weight: 600;}
.IT-area2 .safeguard-cont .r-list{width: 57%; line-height: 68px;background: #FFFFFF;box-shadow: 0px 0px 20px 3px rgba(224, 224, 224, 0.5);}
.IT-area2 .safeguard-cont ul{padding-bottom: 10px ;}
.IT-area2 .safeguard-cont .r-list .tit{text-align: center;color: #ffffff;font-weight: 600;height: 92px;line-height: 92px;background: #004EA2;}
.IT-area2 .safeguard-cont .item{padding: 0 35px;}
.IT-area2 .safeguard-cont .l-list .item {border-bottom: 1px solid #E6E6E6;}
.IT-area2 .safeguard-cont .item:last-child{border-bottom: none;}
.IT-area2 .safeguard-cont .r-list .item{position: relative;}
.IT-area2 .safeguard-cont .l-list .icon{display: inline-block;width: 8px;height: 8px;background: #D20A10;border-radius: 50%;margin-right: 18px;position: relative;top: -3px;}
.IT-area2 .safeguard-cont .r-list .item::before{content: ""; display: inline-block;width: 23px;height: 23px;background: #004EA2;border-radius: 50%;margin-right: 18px;position: relative;top: 6px;}
.IT-area2 .safeguard-cont .r-list .item .icon{ position: absolute;left: 39px;top: 26px;line-height: 22px;color: #ffffff;font-size: 15px;}
@media screen and (max-width: 1680px) {
    .IT-area2 .safeguard-cont .r-list .tit {height: 86px;line-height: 86px;font-size: 28px;}
    .IT-area2 .safeguard-cont .l-list .tit {height: 86px;line-height: 86px;font-size: 28px;}
    .IT-area2 .safeguard-cont .item { padding: 0 30px;}
    .IT-area2 .safeguard-cont .r-list {line-height: 64px;}
    .IT-area2 .safeguard-cont .r-list .item .icon {left: 35px;top: 24px;line-height: 20px;font-size: 14px; }
    .IT-area2 .safeguard-cont .l-list {line-height: 66px;  margin-top: 76px;}
}
@media screen and (max-width: 1440px) {
    .IT-area2 .safeguard-cont .r-list .tit {height: 80px;line-height: 80px;font-size: 26px;}
    .IT-area2 .safeguard-cont .l-list .tit {height: 80px;line-height: 80px;font-size: 26px;}
    .IT-area2 .safeguard-cont .item { padding: 0 25px;}
    .IT-area2 .safeguard-cont .r-list {line-height: 60px;}
    .IT-area2 .safeguard-cont .r-list .item .icon {left: 30px; top: 22px;line-height: 20px;font-size: 14px; }
    .IT-area2 .safeguard-cont .l-list {line-height: 62px;  margin-top: 70px;}
}
@media screen and (max-width: 1366px) {
    .IT-area2 .safeguard-cont .r-list .tit {height: 70px;line-height: 70px;font-size: 22px;}
    .IT-area2 .safeguard-cont .l-list .tit {height: 70px;line-height: 70px;font-size: 22px;}

    .IT-area2 .safeguard-cont .r-list {line-height: 56px;}
    .IT-area2 .safeguard-cont .item { padding: 0 20px;}
    .IT-area2 .safeguard-cont .r-list .item .icon {left: 25px;top: 19px; }
    .IT-area2 .safeguard-cont .l-list {line-height: 56px; margin-top: 60px;}
}
@media screen and (max-width: 1280px) {
    .IT-area2 .safeguard-cont .r-list .tit {height: 70px;line-height: 70px;font-size: 22px;}
    .IT-area2 .safeguard-cont .r-list {line-height: 30px;padding: 10px 0;}
    .IT-area2 .safeguard-cont .item { padding: 10px 20px 10px 55px;position: relative;}
    .IT-area2 .safeguard-cont .l-list {line-height: 30px; margin-top: 60px;padding: 10px 0;}
    .IT-area2 .safeguard-cont .r-list .item::before { width: 22px; height: 22px; top: 15px; left: 20px;position: absolute;}
    .IT-area2 .safeguard-cont .r-list .item .icon {left: 25px;top: 17px; }
    .IT-area2 .safeguard-cont .l-list .icon {margin-right: 15px;top: 22px;left: 20px;position: absolute; }
}
@media screen and (max-width: 1040px) {
    .IT-area2 .safeguard-cont .r-list .tit {height: 62px;line-height: 62px;font-size: 20px;}
    .IT-area2 .safeguard-cont .l-list .tit {height: 62px;line-height: 62px;font-size: 20px;}
    .IT-area2 .safeguard-cont .r-list {line-height: 26px;padding: 6px 0;}
    .IT-area2 .safeguard-cont .item { padding: 10px 20px 10px 50px;position: relative;}
    .IT-area2 .safeguard-cont .l-list {line-height:26px; margin-top: 50px;padding: 10px 0;}
    .IT-area2 .safeguard-cont .r-list .item .icon {  font-size: 12px;}
}
@media screen and (max-width: 768px) {
    .IT-area2 .safeguard-cont .r-list .tit {height: 52px;line-height: 52px;font-size: 18px;}
    .IT-area2 .safeguard-cont .l-list .tit {height: 52px;line-height: 52px;font-size: 18px;}
    .IT-area2 .safeguard-cont .r-list {line-height: 24px;padding: 6px 0;}
    .IT-area2 .safeguard-cont .l-list {line-height:24px; margin-top: 40px;padding: 10px 0;}
}
@media screen and (max-width: 600px) {
    .IT-area2 .safeguard-cont .l-list { width: 100%;}
    .IT-area2 .safeguard-cont .r-list { width: 100%;}
    .IT-area2 .safeguard-cont .r-list .tit {height: 46px;line-height: 46px;font-size: 16px;}
    .IT-area2 .safeguard-cont .r-list .tit {height: 46px;line-height: 46px;font-size: 16px;}
}
/* 服务优势 */
.IT-area3 {background: #f9f9f9;}
.IT-area3 .superiority-cont .item{overflow: hidden;width:23.5%;margin-right: 2%;text-align: center;position: relative;color: #ffffff;}
.IT-area3 .superiority-cont .item:nth-child(4n){margin-right: 0;}
.IT-area3 .superiority-cont .item>img{transition: all 0.4s;width: 100%;}
.IT-area3 .superiority-cont .item:hover>img{transition: all 0.4s; transform: scale(1.1);}
.IT-area3 .superiority-cont .item .overtxt {position:absolute;top:50%;left:0%;width:100%;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
.IT-area3 .detaile-links{display: block; margin:50px auto 0;border:2px solid #004EA2;background: transparent;color:#004EA2 ;}
.IT-area3 .detaile-links:hover{border:2px solid #004EA2; color:#ffffff ;background: #004EA2;}
.IT-area3 .detaile-links .icon{background: url(../image/icon3.png) no-repeat center center ;}
.IT-area3 .detaile-links:hover .icon{background: url(../image/icon2.png) no-repeat center center ;}
@media screen and (max-width: 1680px) {
    .IT-area3 .superiority-cont .item .overtxt img{height: 68px;}
    .IT-area3 .superiority-cont .item .overtxt { padding: 0 20px; }
}
@media screen and (max-width: 1440px) {
    .IT-area3 .superiority-cont .item .overtxt img{height: 62px;}
    .IT-area3 .detaile-links .icon{background-size: 19px ;}
    .IT-area3 .detaile-links:hover .icon{background-size: 19px ;}
 
}
@media screen and (max-width: 1280px) {
    .IT-area3 .superiority-cont .item .overtxt img{height: 55px;}
    .IT-area3 .superiority-cont .item .overtxt { padding: 0 15px; }
    .IT-area3 .detaile-links .icon{background-size: 16px ;}
    .IT-area3 .detaile-links:hover .icon{background-size: 16px ;}

}
@media screen and (max-width: 1040px) {
    .IT-area3 .superiority-cont .item .overtxt img{height: 48px;}

}
@media screen and (max-width:768px) {
    .IT-area3 .superiority-cont .item .overtxt img{height: 40px;}

}
@media screen and (max-width:500px) {
    .IT-area3 .superiority-cont .item{width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
    .IT-area3 .superiority-cont .item:nth-child(2){margin-right: 0;}
    .IT-area3 .superiority-cont .item .overtxt img{height: 32px;}

}
/* 灵活用工报价 */
.IT-area4 .offer-cont{text-align: center;}
.IT-area4 .offer-cont .tab-box{width: 19%;background: #F9F9F9;line-height: 34px;}
.IT-area4 .offer-cont .tab-box .tab-item{display: block;padding: 41px 0;position: relative;}
.IT-area4 .offer-cont .tab-box .tab-item .tab-tit{font-weight: 600;margin-bottom: 5px;}
.IT-area4 .offer-cont .tab-box .active-tab{background: #ffffff;} 
.IT-area4 .offer-cont .tab-box .tab-item::before{content: ""; display: inline-block;width: 6px;height: 0%;background:#004EA2 ;position: absolute;left: 0;top:0 ;transition: height 0.4s;}
.IT-area4 .offer-cont .tab-box .active-tab::before{height: 100%;}
.IT-area4 .offer-cont .tab-box .tab-item:hover::before{height: 100%;}
.IT-area4 .offer-cont .tabcont-box{width: 75%;}
.IT-area4 .tabcont-box .contitem {display: none;}
.IT-area4 .tabcont-box .active-c{display: block;}
.IT-area4 .tabcont-box .item{width: 32%;margin-right: 2%;height: 320px;}
.IT-area4 .tabcont-box .item:nth-child(3){margin-right: 0;}
.IT-area4 .tabcont-box .item .item-img{width: 100%;overflow: hidden;}
.IT-area4 .tabcont-box .item .item-img img{width: 100%;transition: all 0.4s;}
.IT-area4 .tabcont-box .item:hover .item-img img{transition: all 0.4s;transform: scale(1.1);}
.IT-area4 .tabcont-box .item .item-txt{border: 1px solid #E6E6E6;padding: 20px;}
.IT-area4 .tabcont-box .item .item-txt h6{margin-bottom: 10px;font-weight: 600;}
.IT-area4 .detaile-links{display: block; margin:50px auto 0;border:2px solid #004EA2;background: #FFFFFF;color:#004EA2 ;}
.IT-area4 .detaile-links .icon{background: url(../image/icon3.png) no-repeat center center ;}
.IT-area4 .detaile-links:hover{border:2px solid #004EA2;background: #004EA2;color:#ffffff ;}
.IT-area4 .detaile-links:hover .icon{background: url(../image/icon2.png) no-repeat center center ;}
@media screen and (max-width: 1680px) {
    .IT-area4 .offer-cont .tab-box .tab-item { padding: 39px 0;}
}
@media screen and (max-width: 1440px) {
    .IT-area4 .offer-cont .tab-box .tab-item { padding: 33px 0;}
}
@media screen and (max-width: 1366px) {
    .IT-area4 .offer-cont .tab-box .tab-item { padding: 27px 0;}
    .IT-area4 .offer-cont .tab-box .tab-item::before { width: 5px;}
}
@media screen and (max-width: 1280px) {
    .IT-area4 .offer-cont .tab-box .tab-item { padding: 25px 0;}
    .IT-area4 .offer-cont .tab-box .tab-item::before { width: 4px;}
    .IT-area4 .tabcont-box .item .item-txt p{font-size: 16px;}

}

@media screen and (max-width: 1040px) {
    .IT-area4 .offer-cont .tab-box .tab-item { padding: 22px 0;}
    .IT-area4 .offer-cont .tab-box .tab-item::before { width: 3px;}
    .IT-area4 .offer-cont .tab-box {  width: 22%;}
    .IT-area4 .offer-cont .tab-box .tab-item .tab-tit {margin-bottom: 0;}
    .IT-area4 .tabcont-box .item .item-txt {padding: 15px;}
}
@media screen and (max-width: 900px) {
    .IT-area4 .offer-cont .tab-box .tab-item {padding: 17px 0;}
    .IT-area4 .offer-cont .tab-box .tab-item {padding: 12px 0; }
}
@media screen and (max-width:768px) {
    .IT-area4 .offer-cont .tab-box { width: 100%;height: 100px; background: #ffffff;}
    .IT-area4 .offer-cont .tab-box .tab-item{width: 50%;padding: 10px ;float: left;}
    .IT-area4 .offer-cont .tab-box .active-tab{background: #F9F9F9;}
    .IT-area4 .offer-cont .tabcont-box {  width: 100%;  }
    .IT-area4 .offer-cont .tab-box .tab-item::before {width: 0%;height: 3px;transition: width 0.4s;}
    .IT-area4 .offer-cont .tab-box .active-tab::before {width: 100%;height: 3px;}
    .IT-area4 .offer-cont .tab-box .tab-item:hover::before {width: 100%;height: 3px;}
    .IT-area4 .tabcont-box .item { height: 200px;}

}

/* <!-- 费用组成 --> */
.IT-area5{background: url(../image/bg12.jpg) no-repeat left top;background-size: 100% 100%;}
.IT-area5 .area-title{color: #ffffff;}
.IT-area5 .area-title .title{color: #ffffff;}
.IT-area5 .cost-cont .cost-item{width: 20%;text-align: center;display: inline-block;color:#ffffff;transition: all 0.9s;}
.IT-area5 .cost-cont .cost-item img{transition: all 1.5s;}
.IT-area5 .cost-cont .cost-item:hover img{transition: all 1.5s;transform: rotateY(180deg);}
.IT-area5 .cost-cont .cost-item h6{margin-top: 10px;}
.IT-area5 .cost-cont.c2{padding: 0 8%;}
.IT-area5 .cost-cont.c2 .cost-item {width: 25%;}
@media screen and (max-width: 1680px) {
    .IT-area5 .cost-cont .cost-item img { height: 68px;}
}
@media screen and (max-width: 1440px) {
    .IT-area5 .cost-cont .cost-item img { height: 62px;}
}
@media screen and (max-width: 1366px) {
    .IT-area5 .cost-cont .cost-item img { height: 56px;}
}
@media screen and (max-width: 1280px) {
    .IT-area5 .cost-cont .cost-item img { height: 50px;}
}
@media screen and (max-width: 1040px) {
    .IT-area5 .cost-cont .cost-item img { height:46px;}
}
@media screen and (max-width: 768px) {
    .IT-area5 .cost-cont .cost-item img { height:42px;}
    .IT-area5 .c1{margin-bottom: 50px;}
}
@media screen and (max-width: 500px) {
    .IT-area5 .cost-cont .cost-item img { height:35px;}
    .IT-area5 .c1{margin-bottom: 30px;}

}
@media screen and (max-width: 370px) {
    .IT-area5 .cost-cont .cost-item img { height:30px;}

}
/* 灵活用工流程 */
.IT-area6 .flow-cont{position: relative;height: 225px;}
.IT-area6 .flow-cont .line{display: inline-block;width: 100%;height: 2px;background: #E6E6E6;position: absolute;left: 0; top: 50%;}
.IT-area6 .flow-cont .list{width: 100%;height: 100%;}
.IT-area6 .flow-cont .list li{height: 100%;width: 14.2%;display: inline-block;position: relative;text-align: center;}
.IT-area6 .flow-cont .list li::before{content: "";display: inline-block;width: 14px;height: 14px;background: #FFFFFF;border: 2px solid #004EA2;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -7px;margin-top: -7px;}
.IT-area6 .flow-cont .list li:nth-child(2n)::before{background:#004EA2 ;}
.IT-area6 .flow-cont .list li:nth-child(2n+1) .icon{display: inline-block;width: 100%; position: absolute;top: 67%;left:5px;}
.IT-area6 .flow-cont .list li:nth-child(2n+1) .txt{display: inline-block;width: 100%; position: absolute;top: 20%;left:5px;}
.IT-area6 .flow-cont .list li:nth-child(2n) .txt{display: inline-block;width: 100%; position: absolute;top: 67%;left:5px;}
.IT-area6 .flow-cont .list li:nth-child(2n) .icon{display: inline-block;width: 100%; position: absolute;top: 8%;left: 0px;}
.IT-area6 .detaile-links{display: block; margin:50px auto 0;border:2px solid #004EA2;background: #FFFFFF;color:#004EA2 ;}
.IT-area6 .detaile-links .icon{background: url(../image/icon3.png) no-repeat center center ;}
.IT-area6 .detaile-links:hover{border:2px solid #004EA2;background: #004EA2;color:#ffffff ;}
.IT-area6 .detaile-links:hover .icon{background: url(../image/icon2.png) no-repeat center center ;}
@media screen and (max-width: 1440px) {
    .IT-area6 .flow-cont .list li .icon img{width: 60px;}
}
@media screen and (max-width: 1366px) {
    .IT-area6 .flow-cont .list li .icon img{width: 56px;}
    .IT-area6 .flow-cont .list li .txt {font-size: 18px;}
    .IT-area6 .flow-cont .list li::before { width: 13px;height: 13px;}
}
@media screen and (max-width: 1280px) {
    .IT-area6 .flow-cont .list li .icon img{width: 52px;}
    .IT-area6 .flow-cont .list li .txt {font-size: 16px;}
    .IT-area6 .flow-cont .list li::before { width: 12px;height: 12px;}
}
@media screen and (max-width: 1040px) {
    .IT-area6 .flow-cont .list li .icon img{width: 48px;}
    .IT-area6 .flow-cont .list li .txt {font-size: 14px;}
    .IT-area6 .flow-cont .list li::before { width: 10px;height: 10px;border-width: 1px; margin-top: -5px;}
}
@media screen and (max-width: 768px) {
    .IT-area6 .flow-cont .list li .icon img{width: 42px;}
    .IT-area6 .flow-cont .list li::before { width: 8px;height: 8px; margin-top: -4px;}
}
@media screen and (max-width: 500px) {
    .IT-area6 .flow-cont .list li .icon img{width: 36px;}
    .IT-area6 .flow-cont .list li:nth-child(2n) .icon { top: 22%;}
}
/* 企业数字大学 */
/* 提供互联网+项目全生命周期的管理与服务 */
.college-area1 .c-service-list .list-item{width: 18.5%;margin-right: 1.7%;transition: all 0.4s;text-align: center;padding: 90px 30px; background: #FFFFFF; border: 1px solid #EEEEEE;}
.college-area1 .c-service-list .list-item:nth-child(5){margin-right: 0;}
.college-area1 .c-service-list .list-item .icon{display: inline-block;}
.college-area1 .c-service-list .list-item:hover{transition: all 0.4s;box-shadow: 0 0 12px 3px #ececec;transform: translateY(-25px);}
@media screen and (max-width: 1440px) {
    .college-area1 .c-service-list .list-item .icon img{height: 70px;}
    .college-area1 .c-service-list .list-item { padding: 74px 25px;}
}
@media screen and (max-width: 1366px) {
    .college-area1 .c-service-list .list-item .icon img{height: 64px;}
    .college-area1 .c-service-list .list-item h6{font-size: 22px;}
    .college-area1 .c-service-list .list-item { padding: 65px 20px;}
    .college-area1 .c-service-list .list-item:hover { transform: translateY(-20px);}


}
@media screen and (max-width: 1280px) {
    .college-area1 .c-service-list .list-item .icon img{height: 58px;}
    .college-area1 .c-service-list .list-item h6{font-size: 20px;}
    .college-area1 .c-service-list .list-item { padding: 55px 20px;}


}
@media screen and (max-width: 1040px) {
    .college-area1 .c-service-list .list-item .icon img{height: 52px;}
    .college-area1 .c-service-list .list-item h6{font-size: 18px;}
    .college-area1 .c-service-list .list-item { padding: 45px 20px;}
}
@media screen and (max-width: 768px) {
    .college-area1 .c-service-list .list-item .icon img{height: 40px;}
    .college-area1 .c-service-list .list-item h6{font-size: 16px;}
    .college-area1 .c-service-list .list-item { padding: 40px 20px;width: 32%;margin-bottom: 3%;margin-right: 2%;}
    .college-area1 .c-service-list .list-item:nth-child(3n){margin-right: 0;}
    .college-area1 .c-service-list .list-item:hover { transform: translateY(-15px);}

}
@media screen and (max-width: 500px) {
    .college-area1 .c-service-list .list-item .icon img{height: 32px;}
    .college-area1 .c-service-list .list-item h6{font-size: 14px;}
    .college-area1 .c-service-list .list-item { padding: 30px 20px;}
    .college-area1 .c-service-list .list-item:hover { transform: translateY(-10px);}

}
/*覆盖教育培训的多场景产品  */
.college-area2 {background: #f9f9f9;}
.college-area2 .se-list .item{width: 32%;margin-right: 2%;transition: all 0.4s;overflow: hidden;position: relative;}
.college-area2 .se-list .item>img{width: 100%;transition: all 0.4s;}
.college-area2 .se-list .item:hover>img{transition: all 0.4s;transform: scale(1.1);}
.college-area2 .se-list .item:last-child{margin-right: 0;}
.college-area2 .se-list .item .overtxt{width:100% ;text-align: center;position: absolute;left: 0;top: 50%;color:#ffffff;padding: 0 13%;}
.college-area2 .se-list .item .infor{text-align: justify;}
.college-area2 .se-list .icon{display:inline-block;height: 65px;margin-bottom: 10px;}
.college-area2 .detaile-links{margin-top: 60px;background:transparent;}
@media screen and (max-width: 1440px) {
    .college-area2 .se-list .icon img{height: 60px;}
    .college-area2 .se-list .item .overtxt h5{font-size: 26px;}
}
@media screen and (max-width: 1366px) {
    .college-area2 .se-list .icon img{height: 52px;}
    .college-area2 .se-list .icon {height: 55px;}
    .college-area2 .se-list .item .overtxt h5{font-size: 22px;}

}
@media screen and (max-width: 1280px) {
    .college-area2 .se-list .icon {height: 46px;}
    .college-area2 .se-list .icon img{height: 46px;}
    .college-area2 .se-list .item .overtxt h5{font-size: 20px;}
    .college-area2 .se-list .item .overtxt .infor{font-size: 16px;}

}
@media screen and (max-width: 1040px) {
    .college-area2 .se-list .icon {height: 40px;}
    .college-area2 .se-list .icon img{height: 40px;}
    .college-area2 .se-list .item .overtxt h5{font-size: 18px;margin-bottom: 10px;}
    .college-area2 .se-list .item .overtxt .infor{font-size: 14px;}
    .college-area2 .se-list .item .overtxt { padding: 0 10%;}
    .college-area2 .detaile-links {  margin-top: 45px; }

}
@media screen and (max-width: 768px) {
    .college-area2 .se-list .icon {height: 36px;}
    .college-area2 .se-list .icon img{height: 36px;}
    .college-area2 .se-list .item .overtxt { padding: 0 8%;}
    .college-area2 .se-list .item .overtxt h5{font-size: 16px;margin-bottom: 5px;}
    .college-area2 .detaile-links {  margin-top: 40px; }


}
@media screen and (max-width: 650px) {
    .college-area2 .se-list .icon {height: 40px;}
    .college-area2 .se-list .icon img{height: 40px;}
    .college-area2 .se-list .item .overtxt { padding: 0 5%;}
    .college-area2 .se-list .item .overtxt h5{font-size: 16px;margin-bottom: 3px;}
    .college-area2 .se-list .item { width: 100%;margin-bottom: 10px;}
    .college-area2 .detaile-links {  margin-top: 30px; }


}
/* <!-- 15000+ 为他们提供产品与服务 --> */
.college-area3 .teamwork-list .item{width: 18.8%;margin-right: 1.5%;margin-bottom: 1.5%;background: #ffffff;transition: all 0.4s;}
.college-area3 .teamwork-list .item:hover{transition: all 0.4s; box-shadow: 0 0 12px 3px #e4e4e3;}
.college-area3 .teamwork-list .item:nth-child(5n){margin-right: 0;}
.college-area3 .teamwork-list .item img{width: 100%;}
@media screen and (max-width: 1280px) {
    .college-area3 .teamwork-list .item { width: 23.7%;margin-right: 1.7%;}
    .college-area3 .teamwork-list .item:nth-child(5n){margin-right: 1.7%;}
    .college-area3 .teamwork-list .item:nth-child(4n){margin-right: 0;}

}
@media screen and (max-width: 1040px) {
    .college-area3 .teamwork-list .item {width: 31.9%;margin-right: 1.7%;}
    .college-area3 .teamwork-list .item:nth-child(4n){margin-right: 1.7%;}
    .college-area3 .teamwork-list .item:nth-child(3n){margin-right:0;}
}
@media screen and (max-width: 768px) {
    .college-area3 .teamwork-list .item {width: 31.9%;margin-right: 1.7%;}
    .college-area3 .teamwork-list .item:nth-child(4n){margin-right: 1.7%;}
    .college-area3 .teamwork-list .item:nth-child(3n){margin-right:0;}
}
@media screen and (max-width: 500px) {
    .college-area3 .teamwork-list .item {width: 48.9%;margin-right: 1.7%;}
    .college-area3 .teamwork-list .item:nth-child(3n){margin-right:1.7%;}
    .college-area3 .teamwork-list .item:nth-child(2n){margin-right:0%;}

}

/* 优势在线 */
.college-area4{background: #f9f9f9;}
.college-area4 .data-item{display: inline-block;width: 20%;position: relative;transition: all 0.4s;text-align: center;}
.college-area4 .data-item::after{content: "";display: inline-block;width: 1px; height: 44px; background: #D5D5D5;position: absolute;top: 50%;right: 0;margin-top: -22px;}
.college-area4 .data-item:last-child::after{opacity: 0;}
.college-area4 .data-item .data{display: inline-block;position: relative;}
.college-area4 .data-item .counter{font-size: 64px;font-weight: 600;color: #222222;line-height: 96px;font-family: 'SourceHanSansCN-Bold';}
.college-area4 .data-item .secorde{font-size: 24px; position: absolute; right: -15px; bottom: 10px;} 
.college-area4 .data-item:nth-child(2) .secorde{right: -30px;}
.college-area4 .data-item:nth-child(5) .secorde{right: -25px;}
.college-area4 .data-item .name{display: inline-block;text-align: right;width: 100px; font-size: 16px; font-weight: 400; color: #666666; line-height: 24px;position: absolute;right: -0%;bottom: -20px;}
@media screen and (max-width: 1680px) {
    .college-area4 .data-item .counter { font-size: 62px;}
}
@media screen and (max-width: 1440px) {
    .college-area4 .data-item .counter { font-size: 58px;}
    .college-area4 .data-item .secorde { font-size: 22px;}
}
@media screen and (max-width: 1366px) {
    .college-area4 .data-item .counter { font-size: 50px;}
    .college-area4 .data-item .secorde { font-size: 20px;}

}
@media screen and (max-width: 1280px) {
    .college-area4 .data-item .counter { font-size: 42px;}
    .college-area4 .data-item .secorde { font-size: 18px;}
    .college-area4 .data-item .name {font-size: 14px;bottom: -15px;}

}
@media screen and (max-width: 1040px) {
    .college-area4 .data-item .counter { font-size: 36px;}
    .college-area4 .data-item .secorde { font-size: 16px;}

}
@media screen and (max-width: 768px) {
    .college-area4 .data-item { width: 33%;}
    .college-area4 .data-item .counter { font-size: 32px;}
    .college-area4 .data-item .secorde { font-size: 14px;}
    .college-area4 .data-item::after { height: 36px; margin-top: -18px;}

}
@media screen and (max-width: 500px) {
    .college-area4 .data-item .counter { font-size: 26px;}
    .college-area4 .data-item::after { height: 30px; margin-top: -15px;}


}

/* 视频拍摄与制作 */
.video-area1 .view-cont .item{width: 33.3%;text-align: center;padding: 50px 5%;}
.video-area1 .view-cont .item .icon{margin-bottom: 15px;transition: all 0.8s;transform: rotateY(0deg);}
.video-area1 .view-cont .item  .icon:hover{transition: all 0.8s;transform: rotateY(-180deg);}
.video-area1 .view-cont .item h5{margin-bottom: 15px;font-weight: 600;}
@media screen and (max-width: 1440px) {
    .video-area1 .view-cont .item .icon img{height: 65px;}
    .video-area1 .view-cont .item .txt{font-size: 20px;}
}
@media screen and (max-width: 1366px) {
    .video-area1 .view-cont .item .icon img{height: 62px;}
    .video-area1 .view-cont .item .txt{font-size: 18px;}
    .video-area1 .view-cont .item {padding: 40px 3%;}
    .video-area2 .list-item .item-txt .order { font-size: 110px;}
}

@media screen and (max-width: 1280px) {
    .video-area1 .view-cont .item .icon img{height: 56px;}
    .video-area1 .view-cont .item .txt{font-size: 16px;}
    .video-area1 .view-cont .item {padding: 30px 3%;}

}
@media screen and (max-width: 1040px) {
    .video-area1 .view-cont .item .icon img{height: 50px;}

}
@media screen and (max-width: 768px) {
    .video-area1 .view-cont .item .icon img{height: 46px;}

}
@media screen and (max-width: 500px) {
    .video-area1 .view-cont .item .icon img{height: 42px;}
    .video-area1 .view-cont .item {width: 100%;box-shadow: 0 0 8px 2px #ececec;margin-bottom: 10px; }
    .video-area1 .view-cont .item h5 {margin-bottom: 10px;font-size: 18px;}

}
/* 服务流程 */
.video-area2{background: #f9f9f9;}
.video-area2 .fllow-list .list-item{background: #ffffff; width: 25%;display: inline-block;text-align: center;position: relative;}
.video-area2 .fllow-list .list-item .item-img{width: 100%;overflow: hidden;}
.video-area2 .item-img img{width: 100%;transition: all 0.4s;}
.video-area2 .list-item:hover .item-img img{transition: all 0.4s;transform: scale(1.1);}
.video-area2  .list-item .item-txt { padding: 0 20px ; height: 200px;width: 100%;position: relative;background: #ffffff; }
.video-area2  .list-item .item-txt::after{content: "";display: inline-block;width: 0;height: 0;border-width: 16px 16px;border-style: solid;border-color: transparent transparent #ffffff transparent;position: absolute;top: -32px;left: 50%;margin-left: -14px; z-index: 1;}
.video-area2  .list-item:nth-child(2n) .item-txt::after{top: 100%;border-color: #ffffff transparent transparent transparent;}
.video-area2  .list-item .item-txt h5{font-weight: 600;padding:35px 0 20px;width: 100%; z-index: 3;position: absolute;top: 0;left: 0;z-index: 4;}
.video-area2  .list-item .item-txt .order{font-size: 120px;position: absolute;left: 42%;top: -25px; color: #F2F2F2;z-index: 1;}
.video-area2  .list-item .item-txt .txt{z-index: 8;position: absolute;left: 0;top: 90px;width: 100%;padding: 0 20px ;}
@media screen and (max-width: 1440px) {
    .video-area2 .list-item .item-txt .order { font-size: 100px;}
    .video-area2 .list-item .item-txt::after { border-width: 14px 14px; top: -28px;}

}
@media screen and (max-width: 1366px) {
    .video-area2 .list-item .item-txt .order { font-size: 90px;}

}
@media screen and (max-width: 1280px) {
    .video-area2 .list-item .item-txt .order { font-size: 80px; top: 0;}

}
@media screen and (max-width: 1040px) {
    .video-area2 .list-item .item-txt .order { font-size: 70px; left: 47%;}
    .video-area2 .list-item .item-txt .txt{font-size: 14px;text-align: justify;}

}
@media screen and (max-width: 768px) {
    .video-area2 .list-item .item-txt .txt{font-size: 14px;text-align: justify;}
    .video-area2 .fllow-list .list-item { width: 50%;}
}
@media screen and (max-width: 500px) {
    .video-area2 .fllow-list .list-item { width: 100%;margin-bottom: 10px;border-radius: 5px;box-shadow: 0 010px 2px #ececec;}
    .video-area2 .list-item .item-txt { height: 160px;}
}



/* 互联网医院解决方案  Start*/
.hospital-sec1{padding: 60px 0;}
.hospital-sec1 .sec-text{max-width: 1180px;margin: 0 auto;padding: 30px 0 60px;position: relative;}
.hospital-sec1 .sec-text::before{display: block;content: '';position: absolute;width: 157px;height: 137px;background: url(../image/bg.png) no-repeat;background-size: contain;left: 5%;top: -15%;}
.hospital-sec1 .sec-text p{text-align: center;font-size: 28px;position: relative;z-index: 3;}
.hospital-sec1 .sec-text span{font-weight: bold;}
.hospital-sec1 .sec-tab{margin-top: 50px;height: 720px;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: stretch;align-items: stretch;}
.hospital-sec1 .sec-tab .function{width: 60%;height: 100%;background: url(../image/circle_bg.png) no-repeat center center;background-size: contain;}
.hospital-sec1 .sec-tab .function .img{height: 100%;display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
.hospital-sec1 .sec-tab .function .img img{object-fit: contain;  max-height: 100%;max-width: 100%;}
.hospital-sec1 .sec-tab .tab-menu{width: 40%;padding-right: 12px;;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: stretch;align-items: stretch;}
.hospital-sec1 .sec-tab .tab-menu a{display: block;margin-bottom: 20px;background-color: #fff;padding: 20px;max-width: 520px;}
.hospital-sec1 .sec-tab .tab-menu a:last-child{margin-bottom: 0;}
.hospital-sec1 .sec-tab .tab-menu a.on{box-shadow: 0px 0px 11px 2px rgba(233, 233, 233, 0.5);}
.hospital-sec1 .sec-tab .tab-menu a.on h4{color: #004EA2;}
.hospital-sec1 .sec-tab .tab-menu h4{font-size: 28px;margin-bottom: 10px;}
.hospital-sec1 .sec-tab .tab-menu p{font-size: 16px;}

.hospital-sec2{background-color: #F9F9F9;padding: 60px 0;}
.hospital-sec2.jishu-area1 .scene-cont .txt2 .txt{-webkit-line-clamp: 8;}

.hospital-sec3{padding: 50px 0 60px;}
.hospital-sec3 .sec-list li{display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;}
.hospital-sec3 .sec-list .img{width: 50%;}
.hospital-sec3 .sec-list .img img{width: 100%;}
.hospital-sec3 .sec-list .text{width: 50%;padding: 20px 5%;}
.hospital-sec3 .sec-list .text h4{font-size: 30px;font-weight: bold;}
.hospital-sec3 .sec-list .text p{font-size: 22px;margin: 20px 0 40px;}
.hospital-sec3 .sec-list li:nth-child(even) .img{-webkit-box-ordinal-group: 3;order: 2;}
.hospital-sec3 .sec-list li .detaile-links{margin: 0;}

.hospital-sec4{padding: 50px 0 0;background-color: #f9f9f9;}

@media screen and (max-width: 1440px) {
    .hospital-sec1{padding: 45px 0;}
    .hospital-sec1 .sec-text{max-width: 960px;}
    .hospital-sec1 .sec-text p{font-size: 20px;}
    .hospital-sec1 .sec-text::before{width: 100px;height: 87px;}
    .hospital-sec1 .sec-tab{height: 600px;}
    .hospital-sec1 .sec-tab .tab-menu{position: relative;left: -5%;}
    .hospital-sec1 .sec-tab .tab-menu a{margin-bottom: 16px;padding: 16px 20px;}
    .hospital-sec1 .sec-tab .tab-menu a h4{font-size: 22px;}
    .hospital-sec2{padding: 64px 0;}
    .hospital-sec2.jishu-area1 .scene-cont .txt2 .txt{-webkit-line-clamp: 6;}
    .hospital-sec3{padding: 45px 0;}
    .hospital-sec3 .sec-list .text h4{font-size: 24px;}
    .hospital-sec3 .sec-list .text p{font-size: 18px;}
    .hospital-sec4{padding: 45px 0 0;}
    .yl-indtit.yl-indtit2 { font-size: 22px;  }
    .hospital-sec3 .sec-list .text { padding: 20px 3%; }

}

@media screen and (max-width: 768px) {
    .hospital-sec1{padding: 30px 0;}
    .hospital-sec1 .sec-text p{font-size: 16px;}
    .hospital-sec1 .sec-tab{height: auto;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-align: center;align-items: center;}
    .hospital-sec1 .sec-tab .function{height: 400px;width: 100%;}
    .hospital-sec1 .sec-tab .tab-menu{width: 100%;max-width: 520px;margin: 30px auto 0;padding: 0 15px;left: 0;}
    .hospital-sec2{padding: 35px 0;}
    .hospital-sec2.jishu-area1 .scene-cont .txt2 .txt{-webkit-line-clamp: 4;}
    .hospital-sec3{padding: 35px 0;}
    .hospital-sec3 .sec-list .text{padding: 12px 4%;}
    .hospital-sec3 .sec-list .text h4{font-size: 18px;font-weight: bold;}
    .hospital-sec3 .sec-list .text p{font-size: 14px;margin: 10px 0 20px;}
    .hospital-sec4{padding: 35px 0;}
}

@media screen and (max-width: 768px) {
    .hospital-sec1{padding: 30px 0;}
    .hospital-sec2{padding: 30px 0;}
    .hospital-sec3{padding: 30px 0;}
    .hospital-sec4{padding: 30px 0;}
    .hospital-sec1 .sec-text{padding: 10px 0 20px;}
    .hospital-sec1 .sec-text p{font-size: 14px;}
    .hospital-sec1 .sec-tab .function{height: 300px;}
    .hospital-sec1 .sec-tab .tab-menu a{margin-bottom: 10px;padding: 12px 15px;}
    .hospital-sec1 .sec-tab .tab-menu a h4{font-size: 18px;}
    .hospital-sec1 .sec-tab .tab-menu a p{font-size: 14px;}
    .hospital-sec3 .sec-list li{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .hospital-sec3 .sec-list .img{width: 100%;}
    .hospital-sec3 .sec-list .text{width: 100%;-webkit-box-ordinal-group: 4;order: 3;padding: 15px 5% 25px;}
    .yl-indtit.yl-indtit2 { font-size: 18px;  }
}

/* 互联网医院解决方案  End*/
/*新闻列表*/
.news-area .newsTab{box-shadow: 0px 5px 9px 2px rgba(227, 227, 227, 0.5);}
.news-area .news-tab a{color: #222222;padding: 0 30px;border-right: 1px solid #F2F2F2;height: 60px;line-height: 60px;display: inline-block;}
.news-area .news-tab a.active{color: #fff;background: #004EA2;}
.news-area .newsContainer .index-area7{display: none;}
.news-area .newsContainer .index-area7.active{display: block;}
.news-area .newsContainer .index-area7 .newscont .item{margin-bottom: 43px;}
.news-area .newsContainer .index-area7 .newscont .item:nth-child(3n){margin-right: 0;}
.news-area .newsContainer .index-area7 .newscont{transition: all 0.4s;}
/*新闻列表详情*/
.news-area-detail .title h3{font-size: 40px;color: #004EA2;line-height: 60px;}
.news-area-detail .news-left{width: 65.69%;}
.news-area-detail .news-left .content .img{width: 100%;height: 100%;}
.news-area-detail .news-left .content .img img{width: 100%;height: 100%;object-fit: cover;}
.news-area-detail .news-left .content{border-bottom: 1px solid #E6E6E6;}
.news-area-detail .news-left .content{color: #333333;line-height: 28px;}
.news-area-detail .news-left .content .txt{text-align: justify;}
.news-area-detail .news-left .content .tit{font-weight: bold;}
.news-area-detail .news-left .key-word{color: #333333;}
.news-area-detail .news-left .key-word a{display: inline-block;padding: 5px 8px;margin: 0 5px;background: #F9F9F9;}
.news-area-detail .news-left .article-link p:hover a{color: #004EA2;}
.news-area-detail .news-right{width: 31.4%;}
.news-detail-banner .swiper-pagination{width: 35%;}
.news-detail-banner .swiper-pagination-bullet{background: #fff;width: 12px;height: 12px;opacity: 1;}
.news-detail-banner .swiper-pagination-bullet-active{background: #004EA2;}
.news-detail-banner.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left: 65%;}
.news-detail-banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5.5px;}
.right-tag{margin-top: 25px;background: #F9F9F9;}
.right-tag .right-title{padding-left: 25px;padding-top: 25px;}
.right-tag .right-title h3{position: relative;display: inline-block;font-weight: 600;}
.right-tag .right-title h3::before{content: "";width: 8px;height: 34px;display: inline-block;background: #004EA2;position: absolute;top: 7px;left: -25px;}
.right-tag .right-title a{color: #004EA2;margin-right: 25px;line-height: 45px;}
.right-tag .pop-content{padding: 25px 25px 0;border-bottom: 25px solid #fff;}
.pop-tag .pop-content a{font-size: 22px;color: #004EA2;border: 1px solid #004EA2;padding: 11px 14px;display: inline-block;margin-right: 20px;min-width: 170px;text-align: center;}
.pop-tag .pop-content a:nth-child(even){margin-right: 0;}
.pop-tag .btn{color: #fff;width: 100%;background: #004EA2;height: 88px;line-height: 88px;text-align: center;cursor: pointer;}
.right-tag .newscont .item{display: inline-block; transition: all 0.4s;width: 100%;margin-bottom: 20px}
.right-tag .newscont .item:last-child{margin-right: 0;}
.right-tag .newscont .item .item-img {width: 100%;overflow: hidden;}
.right-tag .newscont .item .item-img img{width: 100%;transition: all 0.4s;}
.right-tag .newscont .item:hover .item-img img{transition: all 0.4s;transform: scale(1.1);}
.right-tag .newscont .item .item-txt{transition: all 0.4s;padding: 20px;border: 1px solid #F2F2F2;}
.right-tag .newscont .item .item-txt:hover{transition: all 0.4s;background: #f9f9f9;}
.right-tag .newscont .item .item-txt h5{font-size: 24px;color:#222222 ;transition: all 0.4s;font-weight: 600;margin-bottom: 20px;}
.right-tag .newscont .item:hover .item-txt h5{transition: all 0.4s;color: #004EA2;}
.right-tag .newscont .item .txt{color: #333333;line-height: 30px;font-size: 18px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} 
.right-tag .newscont .item .item-txt{background: #fff;}

@media screen and (max-width: 1680px) {
	.pop-tag .pop-content a{font-size: 20px;padding: 9px;}   
    .right-tag .newscont .item .item-txt h5{font-size: 22px;}
    .news-area .newsContainer .index-area7 .newscont .item { margin-bottom: 30px; }


}
@media screen and (max-width: 1440px) {
	.index-area7 .newscont .item{margin-bottom: 20px;}
	.pop-tag .pop-content a{font-size: 18px;padding: 8px;min-width: 140px;}   
	.pop-tag .btn{height: 68px;line-height: 68px;}
    .right-tag .newscont .item .item-txt h5{font-size: 20px;}
    .right-tag .newscont .item .txt{line-height: 28px}
}
@media screen and (max-width: 1366px) {
	.right-tag .right-title{padding-top: 20px;padding-left: 20px;}
	.right-tag .right-title h3::before{left: -20px;}
	.right-tag .pop-content{padding: 20px 20px 0;border-bottom: 20px solid #FFF;}
    .pop-tag .pop-content a{padding: 5px;min-width: 130px;margin-right: 10px;}
    .pop-tag .btn { height: 62px; line-height: 63px; font-size: 20px;}
    .right-tag .right-title h3 {  font-size: 24px;}
    .right-tag .right-title h3::before { width: 5px; height: 28px; top: 4px; left: -20px; }
    .news-area-detail .title h3 {font-size: 36px;}
    .right-tag .newscont .item .item-txt h5{font-size: 18px;}
    .right-tag .newscont .item .txt{line-height: 26px;font-size: 16px}
}
@media screen and (max-width: 1280px) {
    .pop-tag .pop-content a{font-size: 16px;min-width: 128px;}   
    .pop-tag .btn { height: 56px; line-height: 56px; font-size: 18px;}
    .right-tag .right-title h3 {  font-size: 20px;}
    .right-tag .right-title h3::before { width: 3px; height: 26px; top: 3px; left: -20px; }
    .news-area-detail .title h3 {font-size: 32px;}
    .pop-tag .pop-content a { font-size: 14px; min-width: 118px;margin-bottom: 15px;}
    .news-area .newsContainer .index-area7 .newscont .item { margin-bottom: 20px; }
}
@media screen and (max-width: 1200px) {
	.right-tag .right-title{padding-top: 15px;padding-left: 15px;}
	.right-tag .pop-content{padding: 15px 15px 0;border-bottom: 15px solid #FFF;}
    .pop-tag .pop-content a{font-size: 16px;min-width: 118px;}   
    .news-area-detail .title h3 {font-size: 28px;    line-height: 50px;}
    
}
@media screen and (max-width:768px) {
    .news-area-detail .news-left { width: 100%;}
    .news-area-detail .news-right { width: 100%; }
    .right-tag .right-title h3::before { left: -14px; }
    .pop-content .index-area7 .newscont .item { width: 49%; margin-right: 2%; }
    .pop-content .index-area7 .newscont .item:nth-child(2n){margin-right: 0;}
    .pop-tag .btn {height: 50px;line-height: 50px;font-size: 16px;}
    .index-area7 .newscont .item .item-txt h5 {  font-size: 16px;  margin-bottom: 10px; }
    .right-tag .right-title h3 {  font-size: 16px; }
    .pop-tag .pop-content a {font-size: 14px;min-width: 125px;margin-bottom: 10px;margin-right: 6px; }
    .news-area .news-tab a {padding: 0 18px;height: 50px;line-height: 50px;font-size: 14px;}
    .right-tag .newscont .item .item-txt h5{font-size: 16px;}
    .right-tag .newscont .item .txt{line-height: 20px;font-size: 14px}
}



/*小程序开发*/
.bonus-list ul li{width: 22.2%; margin-right: 3.7%;text-align: center;padding: 30px;max-height: 280px;transition: all .4s;}
.bonus-list ul li:last-child{margin-right: 0;}
.bonus-list ul li .img{text-align: center;max-width: 59px;margin: 0 auto 36px;transition: all 0.4s;}
.bonus-list ul li .img img{width: 100%;height: 100%;object-fit: cover;}
.bonus-list ul li .text{color: #222222;}
.bonus-list ul li .text h4{font-weight: bold;margin-bottom: 18px;}
.bonus-list ul li .text p{line-height: 28px;text-align: center;}
.bonus-list ul li:hover{box-shadow: 0px 0px 10px 2px rgba(234, 234, 234, 0.5);transform: translateY(-30px);transition: all .4s;}
@media screen and (max-width: 1440px) {
    .bonus-list ul li .img {max-width: 54px;}
    .bonus-list ul li .text h4 { margin-bottom: 15px; font-size: 24px; }

}
@media screen and (max-width: 1366px) {
    .bonus-list ul li .img {max-width: 50px;    margin: 0 auto 20px;}
    .bonus-list ul li .text h4 { margin-bottom: 12px; font-size: 22px; }
    .bonus-list ul li .text p { line-height: 26px; font-size: 16px; }
    .bonus-list ul li {  padding: 20px; width: 24%; margin-right: 1.2%;}
}
@media screen and (max-width: 1280px) {
    .bonus-list ul li .img {max-width: 46px;}
    .bonus-list ul li .text h4 {  font-size: 20px; }
    .bonus-list ul li .text p { line-height: 24px; font-size: 14px; }
    .bonus-list ul li {  padding: 10px;}

}
@media screen and (max-width: 768px) {
    .bonus-list ul li .img {max-width: 42px;}
    .bonus-list ul li .text h4 { margin-bottom: 10px; font-size: 18px; }
    .bonus-list ul li .text p { line-height: 22px; }

}
@media screen and (max-width: 600px) {
    .bonus-list ul li .img {max-width: 40px; margin: 0 auto 8px;}
    .bonus-list ul li { width: 48%;}
    .bonus-list ul li .text h4 {margin-bottom: 4px;font-size: 16px;}

}
/* <!-- 各行业解决方案 --> */
.applets-area3 {background:#f9f9f9 ;}
.applets-area3 .appletstab-box .tab-item{display: inline-block;width: 20%;text-align: center;font-size: 24px;}
.applets-area3 .appletstab-box .tab-item .icon{position: relative;height: 60px;width: 100%;margin-bottom: 6px;}
.applets-area3 .appletstab-box .tab-item img{max-height: 100%;transition: all 0.4s;}
.applets-area3 .appletstab-box .tab-item .img2{position: absolute;top: 0;left: 50%;transform: translate(-50%,-0%);opacity: 0;}
.applets-area3 .appletstab-box .tab-item:hover .img1{opacity: 0;}
.applets-area3 .appletstab-box .tab-item:hover .img2{opacity: 1;transform: translate(-50%,0);}
.applets-area3 .appletstab-box .tab-item.active-tab .img2{opacity: 1;transform: translate(-50%,0);}
.applets-area3 .appletstab-box .tab-item.active-tab .img1{opacity: 0;}
.applets-area3 .appletstab-box.bottom-tab{padding-bottom: 20px;}
.applets-area3 .tabcont-box{background: #ffffff;}
.applets-area3 .tabcont-box .contitem{padding: 50px 0;display: none;animation: fadeIn 0.4s ease-in-out;}
.applets-area3 .tabcont-box .contitem.active-c{display: block;}
.applets-area3 .tabcont-box .detaile-links:hover{transition: all 0.4s;background:#f4bb01;}
.applets-area3 .tabcont-box .contitem .title {font-weight: 600;}
@media screen and (max-width: 1440px) {
    .applets-area3 .appletstab-box .tab-item .icon { height: 50px;}
}
@media screen and (max-width: 1366px) {
    .applets-area3 .appletstab-box .tab-item .icon { height: 46px;}
}
@media screen and (max-width: 1280px) {
    .applets-area3 .appletstab-box .tab-item .icon { height: 42px;}
}
@media screen and (max-width:768px) {
    .applets-area3 .appletstab-box .tab-item .icon { height: 34px;}
}
@media screen and (max-width:500px) {
    .applets-area3 .appletstab-box .tab-item .icon { height: 28px;}
    .applets-area3 .tabcont-box .contitem { padding: 30px 16px;}
    .applets-area3 .tabcont-box .contitem p{font-size: 14px;}
    .applets-area3 .appletstab-box.bottom-tab { padding: 20px 0;}
}
.scope-list ul li{width: 23.85%;margin-right: 1.5%;margin-bottom: 30px;position: relative;}
.scope-list ul li:nth-child(4n){margin-right: 0;}
.scope-list ul li .img-bg{width: 100%;height: 100%;overflow: hidden;}
.scope-list ul li .img-bg img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}
.scope-list ul li .text{position: absolute;top: 50%;left: 50%; width: 80%;text-align: center;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.scope-list ul li .text .img-icon{text-align: center;}
.scope-list ul li .text h4{color: #fff;}
.scope-list ul li:hover .img-bg img{transform: scale(1.1);transition: all .4s;}
@media screen and (max-width: 1440px) {
    .scope-list ul li .text .img-icon img{height: 56px;}
    .scope-list ul li .text h4 { font-size: 30px;  }
}
@media screen and (max-width: 1366px) {
    .scope-list ul li .text .img-icon img{height: 46px;}
    .scope-list ul li .text h4 { font-size: 26px;  }
}
@media screen and (max-width: 1280px) {
    .scope-list ul li .text .img-icon img{height: 42px;}
    .scope-list ul li .text h4 { font-size: 20px;  }
    .scope-list ul li .text { width: 80%; text-align: center;}
}
@media screen and (max-width: 1040px) {
    .scope-list ul li .text .img-icon img{height: 36px;}
    .scope-list ul li .text h4 { font-size: 18px;  }
}
@media screen and (max-width: 768px) {
    .scope-list{padding: 0 10px;}
    .scope-list ul li {width: 32%;margin-bottom: 1.7%;}
    .scope-list ul li:nth-child(4n) {margin-right: 1.7%;}
    .scope-list ul li:nth-child(3n) {margin-right: 0;}
    .scope-list ul li .text .img-icon img{height: 36px;}
    .scope-list ul li .text h4 { font-size: 18px;margin-top: 10px;}
}
@media screen and (max-width: 500px) {
    .scope-list ul li .text h4 {font-size: 14px;}
    .scope-list ul li {width: 49%;}
    .scope-list ul li:nth-child(3n) {margin-right: 1.7%;}
    .scope-list ul li:nth-child(2n) {margin-right: 0;}
    .scope-list ul li .text .img-icon img {height: 28px;}

}


/*智慧园区3D可视化解决方案*/
.smart-area1 .tab-smart-nav.on{ position: fixed;top: 0;left: 0;background: #ffffff;width: 100%;padding: 0 12%;z-index: 3;}
.smart-area1 .tab-smart-nav ul{box-shadow: 0px 5px 9px 2px rgba(227, 227, 227, 0.5);}
.smart-area1 .tab-smart-nav ul li{width: 25%;height: 60px;line-height: 60px;text-align: center;border-right: 1px solid #F2F2F2;}
.smart-area1 .tab-smart-nav ul li a{display: block;font-weight: 600;}
.smart-area1 .tab-smart-nav ul li.active a{color: #fff;background: #004EA2;}
.smart-area1 .smart-content-box-add{background: #F9F9F9;}
.smart-area1 .smart-content{display: flex;align-items: center;}
.smart-area1 .smart-content .smart-left{width: 50%;box-sizing: border-box;padding: 50px  0 ;}
.smart-area1 .smart-content .smart-left .img{text-align: center;}
.smart-area1 .smart-content .smart-right{ width: 50%; padding: 50px 6% 0 50px; box-sizing: border-box;}
.smart-area1 .smart-content .smart-right .text h3{font-size: 40px;font-weight: 600;color: #222222;}
.smart-area1 .smart-content .smart-right .text p{text-align: justify;line-height: 26px;}
.smart-area1 .smart-content .smart-right .smart-icon ul li{margin-right: 12%;}
.smart-area1 .smart-content .smart-right .smart-icon ul li .icon-img{text-align: center;margin-bottom: 15px;min-height: 42px;display: flex;align-items: center;justify-content: center;}
.smart-area1 .smart-content3 .smart-right .smart-icon ul li{margin-right: 15%;}
.smart-area1 .smart-content1 .smart-right .smart-icon ul li:nth-child(4){margin-bottom: 0;}
.smart-area1 .smart-content1 .smart-right .smart-icon ul li:nth-child(5){margin-bottom: 0;}
.smart-area1 .smart-content1 .smart-right .smart-icon ul li:nth-child(6){margin-bottom: 0;}
.smart-area1 .smart-content2 .smart-right .smart-icon ul li:nth-child(4){margin-bottom: 0;}
.smart-area1 .smart-content2 .smart-right .smart-icon ul li:nth-child(5){margin-bottom: 0;}
.smart-area1 .smart-content2 .smart-right .smart-icon ul li:nth-child(6){margin-bottom: 0;}
.smart-area1 .smart-content3 .smart-right .smart-icon ul li:nth-child(3){margin-bottom: 0;}
.smart-area1 .smart-content3 .smart-right .smart-icon ul li:nth-child(4){margin-bottom: 0;}
.smart-area1 .smart-content4 .smart-right .smart-icon ul li:nth-child(3){margin-bottom: 0;}
.smart-area1 .smart-content4 .smart-right .smart-icon ul li:nth-child(4){margin-bottom: 0;}
.smart-area2{background: url(../image/smart_item_bg.jpg)no-repeat center;    background-size: cover;}
.smart-area3{background: #F9F9F9;}
.smart-area3 .park-cont{padding: 0 8.3%;}
.smart-area3 .park-cont ul li{width: 25.41%;height: 280px; background: #fff;margin-right: 11.8%;position: relative;transition: all 0.4s;}
.smart-area3 .park-cont ul li:hover{transition: all 0.4s;box-shadow: 0 0 13px 3px #dbdbdb;}
.smart-area3 .park-cont ul li:nth-child(1){background: #fff url(../image/s3.png) no-repeat right bottom;}
.smart-area3 .park-cont ul li:nth-child(2){background: #fff url(../image/s2.png) no-repeat right bottom;}
.smart-area3 .park-cont ul li:nth-child(3){background: #fff url(../image/s1.png) no-repeat right bottom;}
.smart-area3 .park-cont ul li:last-child{margin-right: 0;}
.smart-area3 .park-cont ul li .text{text-align: center;width: 100%; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 162px;}
.smart-area3 .park-cont ul li .text h3{margin-bottom: 12px;font-weight: 600;}
.smart-area3 .park-cont ul li .text p{line-height: 40px;color: #666666;}
@media only screen and (max-width: 1440px) {
    .smart-area1 .smart-content .smart-right{padding: 30px 40px;}
    .smart-area1 .smart-content .smart-right .text h3 { font-size: 38px;}
    .smart-area3 .park-cont ul li { width: 26.41%; height: 260px; margin-right: 8.8%;}
}
@media only screen and (max-width: 1366px) {
    .smart-area1 .smart-content .smart-right .text h3 { font-size: 34px;}
    .smart-area1 .smart-content .smart-right .smart-icon ul li h4{font-size:16px;}
    .smart-area3 .park-cont ul li { width: 29.41%; height: 260px; margin-right: 5.8%;}

}
@media only screen and (max-width: 1200px) {
    .smart-area3 .park-cont ul li { width: 31.41%; height: 260px; margin-right: 2.8%;}
    .smart-area1 .smart-content .smart-right .text h3 { font-size: 30px;}
    .smart-area3 .park-cont {  padding: 0; }
    
}
@media only screen and (max-width: 1024px) {
    .smart-area1 .smart-content .smart-right .smart-icon ul li .icon-img img{height: 30px;}
    .smart-area1 .smart-content .smart-left { width: 45%;}
    .smart-area1 .smart-content .smart-right { width: 55%;}
    .smart-area1 .smart-content { padding: 50px 0;}
}
@media only screen and (max-width: 768px) {
    .smart-area1 .tab-smart-nav.on {  padding: 0;}
    .smart-area1 .smart-content .smart-right .smart-icon ul li{margin-right: 5%;}
    .smart-area1 .smart-content .smart-right .text h3 { font-size: 26px;}
    .smart-area1 .smart-content .smart-right .smart-icon ul li .icon-img img{height: 30px;}
    .smart-area1 .smart-content .smart-right .smart-icon ul li h4{font-size:14px;}
    .smart-area1 .smart-content3 .smart-right .smart-icon ul li:nth-child(2) { margin-right: 5%; }
    .smart-area1 .smart-content .smart-left {width: 100%;}
    .smart-area1 .smart-content { display: block;}
    .smart-area1 .smart-content .smart-right {  width: 100%;  margin-top: 30px;}

    .smart-area3 .park-cont ul li:nth-child(1) {background-size: 40%;}
    .smart-area3 .park-cont ul li:nth-child(2) {background-size: 40%;}
    .smart-area3 .park-cont ul li:nth-child(3) {background-size: 40%;}
    .smart-area3 .park-cont ul li .text p { line-height: 32px;}
    .smart-area3 .park-cont ul li { height: 220px;}
    .smart-area3 .park-cont ul li .text { height: 140px;}
}

@media only screen and (max-width: 500px) {
    .smart-area1 .smart-content .smart-right .smart-icon ul li{margin-right: 2%;}
    .smart-area1 .smart-content .smart-right .text h3 { font-size: 20px;}
    .smart-area1 .tab-smart-nav ul li { height: 50px; line-height: 50px;}
    .smart-area1 .smart-content { padding: 30px 0; }
    .smart-area1 .smart-content .smart-left { padding: 0 5%;}
    .smart-area1 .smart-content .smart-right {  padding: 0 20px; }
    .smart-area1 .tab-smart-nav ul li a {  font-weight: normal;  font-size: 12px;  height: 100%;}
    
}

/*短视频解决方案*/
.short-video-area1 .video-area-tab{border: 1px solid #E6E6E6;border-bottom: none;padding-left: 50px;}
.short-video-area1 .video-area-tab span{display: inline-block;margin-right: 45px;border-bottom: 3px solid #fff;position: relative;cursor: pointer;}
.short-video-area1 .video-area-tab span.active{color: #004EA2;transition: all 0.4s;}
.short-video-area1 .video-area-tab span::after{content: "";display: inline-block;width: 0%; height: 3px;background:  #004EA2;position: absolute;left: 50%;bottom: -3px; -webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); transform: translateX(-50%);}
.short-video-area1 .video-area-tab span.active::after{width: 100%;transition: all 0.4s;}
.short-video-area1 .video-area-content .content{display: none;}
.short-video-area1 .video-area-content .content.active{display: block;}
.short-video-area1 .video-area-content .content .left{width: 73.8%;border: 1px solid #E6E6E6;padding: 70px 35px;height: 483px;display: flex;align-items: center;}
.short-video-area1 .video-area-content .content .left .img{width: 100%;animation: fadeInUp 0.4s ease-in-out;height: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.short-video-area1 .video-area-content .content.content-small .img{padding: 50px 80px;text-align: center;}
.short-video-area1 .video-area-content .content .left .img img{  max-height: 100%;}
.short-video-area1 .video-area-content .content .right{width: 26.2%;border: 1px solid #E6E6E6;border-left: none;height: 483px;padding: 30px 35px 0;}
.short-video-area1 .video-area-content .content .right .text h4{color: #222222;font-weight: bold;margin-bottom: 10px;}
.short-video-area1 .video-area-content .content .right .text h3{color: #666666;font-weight: bold;line-height: 36px;margin-bottom: 5px;}
.short-video-area1 .video-area-content .content .right .text p{color: #666666;line-height: 36px;text-align: justify;}

.short-video-area2{background: #F9F9F9;}
.short-video-area2 .video-area-content{padding: 0 125px;}
.short-video-area2 .video-area-content .tab-left{width: 23.5%;margin-right: 2.1%;}
.short-video-area2 .video-area-content .tab-left ul li{width: 280px;height: 90px;text-align: left;position: relative;background: #fff;padding-left: 90px;margin-bottom: 20px;box-shadow: 0px 0px 19px 0px rgba(212, 212, 212, 0.5);}
/*.short-video-area2 .video-area-content .tab-left ul li:last-child{margin-bottom: 0;}*/
.short-video-area2 .video-area-content .tab-left ul li::before{content: "";width: 6px;height: 0;background: #004EA2;display: inline-block;position: absolute;top: 0;left: 0;transition: all .4s;}
.short-video-area2 .video-area-content .tab-left ul li.active::before{height: 100%;transition: all .4s;}
.short-video-area2 .video-area-content .tab-left ul li span{line-height: 100px;margin-left: 28px;}
.short-video-area2 .video-area-content .tab-left ul li .video-after{position: absolute;top: 50%;transform: translateY(-50%);left: 50px;width: 35px;height: 40px;}
.short-video-area2 .video-area-content .tab-left ul li .video-after img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.short-video-area2 .video-area-content .tab-left ul li .video-after .video-icon{display: block;z-index: 1;}
.short-video-area2 .video-area-content .tab-left ul li.active .video-after .video-icon{display: none;}
.short-video-area2 .video-area-content .tab-right{width: 74.4%;background: #fff;}
.short-video-area2 .video-area-content .tab-right .cont{display: none;}
.short-video-area2 .video-area-content .tab-right .cont ul li{width: 25%;text-align: center;}
.short-video-area2 .video-area-content .tab-right .cont ul li:nth-child(5){margin-bottom: 0;}
.short-video-area2 .video-area-content .tab-right .cont ul li:nth-child(6){margin-bottom: 0;}
.short-video-area2 .video-area-content .tab-right .cont ul li:nth-child(7){margin-bottom: 0;}
.short-video-area2 .video-area-content .tab-right .cont ul li:nth-child(8){margin-bottom: 0;}
.short-video-area2 .video-area-content .tab-right .cont ul li .img-icon{margin-bottom: 16px;}
.short-video-area2 .video-area-content .tab-right .cont ul li .img-icon img{height: 40px;}
.short-video-area2 .video-area-content .tab-right .cont ul li span{font-size: 16px;color: #666666;line-break: 24px;}
.short-video-area2 .video-area-content .tab-right .cont.active{display: block;}

@media only screen and (max-width: 1680px) {
	.short-video-area2 .video-area-content{padding: 0 90px;}
    .short-video-area2 .video-area-content .tab-left ul li .video-after img {width: 35px;}
}

@media only screen and (max-width: 1440px) {
    .short-video-area2 .video-area-content .tab-left ul li .video-after img {width: 32px;}
    .short-video-area2 .video-area-content .tab-right{width: 71%;}
	.short-video-area2 .video-area-content{padding: 0 70px;}

}
@media only screen and (max-width: 1366px) {
    .short-video-area2 .video-area-content .tab-left ul li .video-after img {width: 30px;}
    .short-video-area2 .video-area-content .tab-left ul li {height: 80px;    width: 100%;}
    .short-video-area2 .video-area-content .tab-left ul li span { line-height: 80px;}
    .short-video-area2 .video-area-content .tab-left ul li.active::before{height: 80px;}
	.short-video-area2 .video-area-content{padding: 0 30px;}
    
}
@media only screen and (max-width: 1280px) {
	.short-video-area2 .video-area-content .tab-left ul li .video-after{left: 40px;}
	.short-video-area2 .video-area-content .tab-left ul li{height: 89px;padding-left: 60px;}
	.short-video-area2 .video-area-content .tab-left ul li span{line-height: 89px;}
    .short-video-area2 .video-area-content .tab-left ul li.active::before{height: 89px}
	.short-video-area2 .video-area-content{padding: 0px;}

}
@media only screen and (max-width: 1040px) {
    .short-video-area2 .video-area-content .tab-left ul li .video-after img {width: 26px;}
    .short-video-area2 .video-area-content .tab-left ul li {height: 76px;padding-left: 40px;}
    .short-video-area2 .video-area-content .tab-left ul li span { line-height: 76px;}
    .short-video-area2 .video-area-content .tab-left ul li.active::before{height: 76px;width: 4px;}
    .short-video-area2 .video-area-content .tab-right .cont ul li .img-icon {  margin-bottom: 10px; }
	.short-video-area2 .video-area-content .tab-left ul li .video-after{left: 20px;}
}
@media only screen and (max-width: 768px) {
	.short-video-area2 .video-area-content{padding: 0;}
	.short-video-area2 .video-area-content .tab-left{width: 100%;}
	.short-video-area2 .video-area-content .tab-left ul{display: flex;align-items: center;justify-content: space-between;}
	.short-video-area2 .video-area-content .tab-left ul li{height: 60px;flex: 1;margin-right: 10px;}
	.short-video-area2 .video-area-content .tab-left ul li:last-child{margin-right: 0;}
	.short-video-area2 .video-area-content .tab-left ul li span{line-height: 60px;}
	.short-video-area2 .video-area-content .tab-right{width: 100%;}
    .short-video-area2 .video-area-content .tab-left ul li.active::before{height: 60px;width: 3px;}
    .short-video-area2 .video-area-content .tab-right .cont ul li .img-icon img { height: 32px; }
}
@media only screen and (max-width: 500px) {
    .short-video-area2 .video-area-content .tab-left ul li .video-after img { width: 20px;  }
    .short-video-area2 .video-area-content .tab-left ul li {  padding-left: 20px; }
    .short-video-area2 .video-area-content .tab-left ul li .video-after {left: 7px;  }
    .short-video-area2 .video-area-content .tab-left ul li span {  margin-left: 20px; }
    .short-video-area2 .video-area-content .tab-right .cont ul li .img-icon img { height: 22px; }

}
.short-video-area3{background: url(../image/app_case_bg.png)no-repeat center;background-size: cover;}
.short-video-area3.areacont .area-title .title{color: #fff;}
.short-video-area3.areacont .area-title .title-txt{color: #fff;}
.short-video-area3.areacont .detaile-links{background: transparent;}
.short-video-area3.areacont .detaile-links:hover{background: #fff;color: #004ea2;}
.short-video-area3.areacont .detaile-links:hover .icon{background: url(../image/icon3.png)no-repeat center;}
/* .short-video-area3 .video-swiper .gallery-top .swiper-slide{display: flex;align-items: center;} */
.short-video-area3 .video-swiper .gallery-top .img{ width: 43.4%; margin-right: 1%; text-align: right; padding-left: 50px; display: flex;justify-content: flex-end;}
.short-video-area3 .video-swiper .gallery-top .img img{padding: 0 15px;}
.short-video-area3 .video-swiper .gallery-top .text { width: 54%; color: #fff; padding-right: 7%;text-align: justify;}
.short-video-area3 .video-swiper .gallery-top .text h4{font-weight: 600;}
.short-video-area3 .video-swiper .gallery-top .text p{line-height: 28px;text-align: justify;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.short-video-area3 .video-swiper .gallery-thumbs{padding: 50px 10%;}
.short-video-area3 .video-swiper .gallery-thumbs .img img{height: 100%;}

.short-video-area5{background: #F9F9F9;}
.short-video-area7{background: #F9F9F9;}
.short-lot-area7.scheme-area1 .build-cont .item{width: 23.5%;padding: 100px 40px;height: 450px;background: #fff;}
.short-lot-area7.scheme-area1 .build-cont .item:last-child{margin-right: 0;}
.short-lot-area7.scheme-area1 .build-cont .item .txt{line-height: 30px;}

.short-video-area7 .manage-cont{display: flex;align-items: center;justify-content: center;}
.short-video-area7 .manage-cont .left{width: 38%;margin-right: 1.7%;}
.short-video-area7 .manage-cont .left .text{padding-left: 6.9%;}
.short-video-area7 .manage-cont .left .text h4{font-weight: bold;margin-bottom: 10px;}
.short-video-area7 .manage-cont .left .text p{line-height: 40px;text-align: justify;}
.short-video-area7 .manage-cont .right{width: 53%;}
.short-video-area7 .manage-cont .right .img{width: 100%;}
.short-video-area7.IT-area6 .detaile-links{margin-top: 70px;margin-left: 0;background: transparent;}
.short-video-area7.IT-area6 .detaile-links:hover{background: #004ea2;}

.short-video-area8.about-area4 .teamwork-list .item{border: none;}


@media only screen and (max-width: 1680px) {
	.short-video-area1 .video-area-content .content .left{padding: 35px;}

}
@media only screen and (max-width: 1440px) {
	.short-video-area1 .video-area-content .content .right .text p{line-height: 30px;}
	
	.short-video-area3 .video-swiper .gallery-top .img{ padding-left: 20px; width: 44%; justify-content: flex-end;}
	.short-video-area3 .video-swiper .gallery-top .img img{padding: 0 8px;}
	
	.short-lot-area7.scheme-area1 .build-cont .item{padding: 60px 20px;height: 360px;}

	.short-video-area7 .manage-cont .left .text p{line-height: 32px;}
	.short-video-area7.IT-area6 .detaile-links{margin-top: 50px;}
}
@media only screen and (max-width: 1366px) {
	.short-video-area1 .video-area-content .content .left{height: 400px;}
	.short-video-area1 .video-area-content .content .right{height: 400px;}
    .short-video-area1 .video-area-content .content .right .text p{line-height: 26px;}
    
	
	.short-video-area3 .video-swiper .gallery-top .img{margin-right: 1%;}
    .short-video-area3 .video-swiper .gallery-top .img img{padding: 0 5px;}
    .short-video-area3 .video-swiper .gallery-top .text p { line-height: 24px;font-size: 14px;}
    .short-video-area3 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-size: 26px;}
    .short-video-area3 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { background-size: 26px;}
    .short-video-area3 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-size: 26px;}
	
    .short-lot-area7.scheme-area1 .build-cont .item{height: 320px;}
    
}
@media only screen and (max-width: 1280px) {
	.short-video-area1 .video-area-content .content .left{height: 380px;}
	.short-video-area1 .video-area-content .content .right{height: 380px;}
    .short-video-area1 .video-area-content .content .right{padding: 20px 20px 0;}
    
    .short-video-area3 .video-swiper .gallery-top .text {  padding-left: 20px; }
    .short-video-area3 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-size: 20px;}
    .short-video-area3 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { background-size: 20px;}
    .short-video-area3 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-size: 20px;}

}
@media only screen and (max-width: 1200px) {
	.short-video-area7 .manage-cont .left{width: 40%;}
	.short-video-area7 .manage-cont .left .text p{line-height: 28px;}
	.short-video-area7.IT-area6 .detaile-links{margin-top: 10px;}
}
@media only screen and (max-width: 1024px) {
	.short-video-area1 .video-area-content .content .left{width: 67%;padding: 20px;}
	.short-video-area1 .video-area-content .content .right{width: 33%;padding: 20px 15px 0;}
	.short-video-area3 .video-swiper .gallery-top .text p{margin-bottom: 0;}
	
	.short-video-area7 .manage-cont .left .text p{line-height: 22px;font-size: 18px;}
}
@media only screen and (max-width: 768px) {
	.short-video-area1 .video-area-content .content .left {width: 100%;height: 300px;padding: 20px;}
    .short-video-area1 .video-area-content .content .right{width: 100%;height: auto;border: none;margin-top: -70%;}
    .short-video-area1 .video-area-content .content.content-small .img { padding: 20px;}
    .short-video-area1 .video-area-content .content .right { width: 100%; height: auto; border: none; margin-top: 0;}
    .short-video-area1 .video-area-tab {  padding-left: 20px;}
    .short-video-area1 .video-area-tab span { margin-right: 15px; border-bottom: 2px solid #fff;}
    
    .short-video-area3 .video-swiper .gallery-top .img {padding: 20px;width: 100%;margin-right: 0%; text-align: center;    justify-content: center; }
    .short-video-area3 .video-swiper .gallery-top .text { width: 100%; padding: 5% 10%; }
    .short-video-area3 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-size: 16px;}
    .short-video-area3 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { background-size: 16px;}
    .short-video-area3 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-size: 16px;}
    .short-video-area3 .video-swiper .gallery-thumbs { padding: 26px 20px; }
    .short-video-area3  .swiper-button-next, .swiper-button-prev { top: 30%;}



}

.index-right-fixed{
    position: fixed;
    right: 0px;
    top: 46%;
    z-index: 1000;
}

.index-right-fixed p {
    font-size: 15px;
    width: 270px;
    height: 45px;
    line-height: 45px;
    text-indent: 55px;
    text-align: center;
    color: #fff;
    display: block;
    overflow: hidden;
    position: relative;
    background: #2e6bfc;
    /*background: linear-gradient(rgba(254,84,0,.8),rgba(255,118,50,.8));*/
    text-transform: uppercase;
    border-radius: 30px;
}

.index-right-fixed p:after{
    content: "";
    background: #fff;
    position: absolute;
    width: 200px;
    height: 200px;
    left: 35px;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    margin: auto;
    border-radius: 50%;
    transform: scale(1);
    animation: 1s btn ease-in-out infinite;
}
@keyframes btn{
    0% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}
.index-right-fixed img {
    left: -10px;
    top: 50%;
    margin-top: -35px;
    position: absolute;
    z-index: 9999;
    border: 0;
}

/*展会*/
.zhan-list li{
	display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}
.zhan-list li .img-box{
	width: 27%;
	position: relative;
}
.zhan-list li:nth-child(1) .text .bg{
	position: absolute;
	width: 206px;
	height: 177px;
	background: url(../image/bg1.png) no-repeat;
	background-size: contain;
       right: 0%;
    top: -76%;
    z-index: -1;
}
.zhan-list li:nth-child(3),.zhan-list li:nth-child(5){
	padding: 80px 0;
}
.zhan-list li:nth-child(3) .img-box,
.zhan-list li:nth-child(5) .img-box{
	width: 70%;
}
.zhan-list li:nth-child(3) .img-box .bg,
.zhan-list li:nth-child(5) .img-box .bg{
	right: 0%;
    bottom: -17%;
}
.zhan-list li .img-box .bg{
	position: absolute;
	width: 206px;
	height: 177px;
	background: url(../image/bg1.png) no-repeat;
	background-size: contain;
       right: -18%;
    bottom: -3%;
    z-index: -1;
}
.zhan-list li .text{
	    width: 73%;
    padding: 20px 5%;
    position: relative;
    
}
.zhan-list li .text .count{
	position: absolute;
	width: 204px;
	height: 107px;
	background: url(../image/count1.png) no-repeat;
	background-size: contain;
        left: 8%;
    top: -20%;
    z-index: -1;
}
.zhan-list li:nth-child(2) .text .count{
	background: url(../image/count2.png) no-repeat;
}
.zhan-list li:nth-child(3) .text .count{
	background: url(../image/count3.png) no-repeat;
}
.zhan-list li:nth-child(4) .text .count{
	background: url(../image/count4.png) no-repeat;
}
.zhan-list li:nth-child(5) .text .count{
	background: url(../image/count5.png) no-repeat;
}
.zhan-list li:nth-child(6) .text .count{
	background: url(../image/count6.png) no-repeat;
}
.zhan-list li:nth-child(7) .text .count{
	background: url(../image/count7.png) no-repeat;
}
.zhan-list li:nth-child(even) .img-box{-webkit-box-ordinal-group: 3;order: 2;}
.zhan-list li:nth-child(even) .img-box .bg{
	left: -28%;
    bottom: -3%;
}
.zhan-list li .text h4{
	font-size: 40px;
    font-weight: bold;
    color: #004EA2;
}
.zhan-list li .text p{
	font-size: 24px;
    margin: 20px 0 40px;
}
.zhan-list .contlink {
    
    border: 2px solid #004EA2;
    color: #004EA2;
    background: #ffffff;
}
.zhan-list .contlink .icon {
    background: url(../image/icon3.png) no-repeat;
    background-size: 100%;
    margin-left: 4px;
}
.zhan-list .contlink:hover {
    transition: all 0.4s;
    background: #004EA2;
    color: #ffffff;
}
.zhan-list .contlink:hover .icon {
    background: url(../image/icon2.png) no-repeat;
    background-size: 100%;
}
@media screen and (max-width: 1440px){
	.zhan-list li .text h4{
		font-size: 30px;
	}
	.zhan-list li .text p{
		font-size: 18px;
	}
	.zhan-list li .img-box .bg{
		width: 206px;
		height: 177px;
	}
	.zhan-list li:nth-child(1) .text .bg{
		width: 206px;
		height: 177px;
	}
}
@media screen and (max-width: 768px){
	.zhan-list li .img-box,.zhan-list li .text{
		width: 100%;
	}
	.zhan-list li{
		-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
	}
	.zhan-list li .img-box .bg{
		width: 106px;
		height: 77px;
	}
	.zhan-list li .text h4{
		font-size: 18px;
		font-weight: bold;
	}
	.zhan-list li .text p {
    font-size: 14px;
    margin: 10px 0 20px;
}
.zhan-list li:nth-child(3) .img-box, .zhan-list li:nth-child(5) .img-box{
	width: 100%;
}
.zhan-list li:nth-child(3), .zhan-list li:nth-child(5){
	padding: 40px 0;
}
.zhan-list li .text .count{
	    width: 102px;
    height: 52px;
    top:-5%;
    background-size: contain !important
}
.zhan-list li:nth-child(1) .text .bg{
	display: none;
}
.zhan-list li:nth-child(even) .img-box {
    -webkit-box-ordinal-group: 3;
    order: inherit;
}
}
/*公共新闻*/
.com-new .item{
	float: left;
    width: 31%;
    margin-right: 3%;
}
.com-new .item:nth-child(4){
	margin-right: 0;
}
.com-new .item .img-box{
	height: 300px;
}
.com-new .item .img-box img{
	display: block;
	width: 100%;
	height: 100%;
}
.com-new .item ul{
	margin-top: 10px
}
.com-new .item ul li a{
	display: block;
	overflow: hidden;
	padding: 6px 0;
}
.com-new .item ul li a:hover span{
	color: #004EA2;
}
.com-new .item ul li a span{
	font-size: 20px;
	color: #333333;
	float: left;
	width: 67%;
	white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis; 
}
.com-new .item ul li a i{
	float: right;
	color:#999999;
	font-size: 20px;
}
@media screen and (max-width: 1440px){
	.com-new .item .img-box{
		height: 240px
	}
	.com-new .item ul li a span,.com-new .item ul li a i{
		font-size: 18px;
	}
}
@media screen and (max-width: 768px){
	.com-new .item{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px
	}
	.com-new .item ul li a span, .com-new .item ul li a i{
		font-size: 14px;
	}
}
.huanz1_pic{
	cursor: pointer;  
	transition: all 0.6s;
}
.huanz1_pic:hover{
	transform: scale(2.5);  
}


/*互联网牌照*/
.definitionList .l-list .title,.definitionList .r-list .title{
	font-weight: bold;
}
.definitionList .l-list,.definitionList .r-list{
    width: 49%;
    /*height: 400px;*/
    padding: 35px;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
/*.definitionList .l-list:hover,.definitionList .r-list:hover{
    border:1px solid #004ea2;
}*/
.definitionList .l-list:hover .title,.definitionList .r-list:hover .title{
    color: #004ea2
}
.definitionList .l-list:hover .detaile-links,
.definitionList .r-list:hover .detaile-links{
    background: #004ea2;
    color: #fff;
}
.definitionList .l-list:hover{
	background: url(../image/def-lf-hover.png) no-repeat center center;
    background-size: 100% 100%;
}
.definitionList .r-list:hover{
	background: url(../image/def-rt-hover.png) no-repeat center center;
    background-size: 100% 100%;
}
.definitionList .l-list:hover .detaile-links .icon,.definitionList .r-list:hover .detaile-links .icon{
    background: url(../image/icon2.png) no-repeat;
    background-size: 100%;
}
.definitionList .l-list{
    background: url(../image/def-lf.png) no-repeat center center;
    background-size: 100% 100%;
}
.definitionList .r-list{
    background: url(../image/def-rt.png) no-repeat center center;
    background-size: 100% 100%;
}
.definitionList .txt{
    margin-top: 20px;
    line-height: 38px;
}
.definitionList .txt span{
    color: #222222;
    font-weight: bold;
}
.definitionList .detaile-links{
    background: transparent;
    border:1px solid #004EA2;
    color: #004EA2;
}
.definitionList .detaile-links .icon{
    background: url(../image/icon3.png) no-repeat;
    background-size: 100%;
    margin-left: 4px;
}
.areacont .area-title .title span{
    color: #004EA2;
}
.inner-slide.pai{
    padding: 0 40px;
    box-sizing: border-box;
}
.hu.video-area2 .list-item .item-txt::after{
    display: none
}
.hu.video-area2 .list-item .item-txt .order{
    left: 78%;
}
.hu.video-area2 .list-item .item-txt h5{
    text-align: left;
    left: 20px;
}
.hu.video-area2 .list-item .item-txt .txt{
    text-align: left;

}
.video-area2.hu{
    background-color: #fff;
}
.hospital-area3{
    background: #F9F9F9;
}
.hu.video-area2 .list-item .item-txt h5:after{
    content: '';
    position: absolute;
    width: 48px;
    height: 4px;
    background: #004ea2;
    left: 0;
    bottom: 12px;
}
.hospital-area4 .hosp-item-box .hosp-item .hosp-item-imgs{
    width: 80%;

}
.hospital-area4 .hosp-item-box .hosp-item .hosp-item-imgs img{
    display: block;
    width: 100%;
    cursor: pointer;
}
.hospital-area4 .hosp-item-box .hosp-item .hosp-item-content{
    width: 15%;
    padding-top: 80px
}
.hospital-area4 .hosp-item-box .hosp-item .hosp-item-content h6{
    color: #004ea2;
    position: relative;
}
.hospital-area4 .hosp-item-box .hosp-item .hosp-item-content h6 i{
    position: absolute;
    left: 80px;
    bottom:10px;
    font-size: 30px;

}
.hosp-bg{
    background: #F9F9F9
}
.made-area3.hu .value-added .list-item{
    width: 20%;
}
.made-area3 .value-added .list-item.bigitem{
    width: 40%;
}
.hospital-area1{
    background: url(../image/kbg.png) no-repeat center center;
    background-size: 100% 100%;
}
.hospital-area1 .l-list{
    width: 50%;
    padding: 20px;
    padding-left: 40px;
    box-sizing: border-box;
}
.xhos .item{
    height: 370px;
    width: 20%;
    margin-right: 0;
    border:none;
    border-right: 1px solid #F2F2F2;
}
.xhos .item:last-child{
    border-right: none;
}
.xhos .list{
    background: #fff
}

.xhos.IT-area1 .item:hover{
    background: #004ea2
}
.hospital-area1 .r-list{
    width: 48%;
}
.hospital-area1 .l-list .title{
    color: #ee0035;
    font-weight: bold;
    margin-bottom: 10px
}
.hospital-area1 .l-list .txt{
    color: #ee0035;
    margin-bottom: 10px;
}
.hospital-area1 .l-list .detxt{
    line-height: 38px;
}
.hospital-area1 .r-list img{
    display: block;
    width: 96%;
}
.made-area3.hu .value-added .overtxt .tit,
.made-area3.hu .value-added .list-item .itemtxt h6 {font-size: 20px;}
.made-area3.hu .value-added .overtxt .txt{
    line-height: 34px;
}
.jishu-area4 .advantage-cont .list-item .overtxt .img-rt{
    display: inline-block;
    font-size: 18px;
    text-align: center
}
.jishu-area4 .advantage-cont .list-item .overtxt .tit img{
    margin-right: 5px
}
.made-area3.hu .value-added .list-item img{
    height: 40px;
}
.img-mask{
	display: none;
	position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    z-index: 100;
}
.img-mask img{
	max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%,-50%,0);
	z-index: 101;
}
.transfer-box .trans-top{
	background: #004EA2;
}
.transfer-box .trans-top span,.transfer .swiper-slide span{
	float: left;
	width: 17%;
	color: #fff;
	text-align: center;
	border-right: 1px solid #fff;
	line-height: 60px;
}
.transfer{
	height: 290px;
}
.transfer{
	border:1px solid #F2F2F2
}
.transfer .swiper-slide{
	border-bottom: 1px solid #F2F2F2;
}
.transfer .swiper-slide span{
	color: #222222;
	padding: 16px 0;
	border-color: #F2F2F2;
	line-height: inherit;
}
.transfer-box .trans-top span:first-child,.transfer .swiper-slide span:first-child{
	width: 32%
}
.transfer .swiper-slide span:first-child{
	text-align: left;
	padding-left: 30px
}
.transfer-box .trans-top span:last-child,
.transfer .swiper-slide span:last-child{
	border-right: none;
}
.transfer .swiper-slide span img{
	width: 36px;
	vertical-align: middle;
}
.transfer .swiper-slide:nth-child(2n+2){
	background: #F2F2F2
}
.transfer .swiper-slide:nth-child(2n+2) span{
	border-right: 1px solid #fff;
}
@media only screen and (max-width: 1680px) {
    .definitionList .txt,.hospital-area1 .l-list .detxt{
        line-height: 30px;
    }
}
@media only screen and (max-width: 1440px){
    .definitionList .txt,.hospital-area1 .l-list .detxt{
        line-height: 28px;
    }
}
@media only screen and (max-width: 1336px){
    .definitionList .txt,.hospital-area1 .l-list .detxt{
        line-height: 26px;
    }
}

@media only screen and (max-width: 1280px){
    .definitionList .txt,.hospital-area1 .l-list .detxt{
        line-height: 24px;
    }
}
@media only screen and (max-width: 768px){
    .definitionList .l-list, .definitionList .r-list{
        width: 100%;
        padding: 20px;
    }
    .inner-slide.pai{
        padding: 0px;
    }
    .hospital-area1 .l-list,.hospital-area1 .r-list{
        width: 100%;
    }
    .hospital-area1 .l-list{
        padding: 10px;
    }
    .xhos .item{
        width: 50%;
        height: 200px;
        border-bottom: 1px solid #f2f2f2;
        margin-bottom: 0;
    }
    .made-area3.hu .list-item{
        width: 100% !important;
    }
    .xhos.IT-area1 .item:nth-child(3n){
        margin-right: 0;
    }
    .hu.video-area2 .fllow-list .list-item{
        width: 50%;
    }
    .hu.video-area2 .list-item .item-txt h5{
        padding: 6px 0 10px;
    }
    .hu.video-area2 .list-item .item-txt .order{
        font-size: 40px;
    }
    .hu.video-area2 .list-item .item-txt h5:after{
        bottom: 2px;
        height: 2px;
        width: 30px
    }
    .hu.video-area2 .list-item .item-txt .txt{
        top: 54px;
    }
    .made-area3.hu .value-added .overtxt .tit, .made-area3.hu .value-added .list-item .itemtxt h6{
        font-size: 16px;
    }
    .made-area3.hu .value-added .list-item .overtxt .txt{
        line-height: 30px;
    }
    .made-area3.hu .value-added .list-item img{
        height: 24px;
    }
    .hospital-area4 .hosp-item-box .hosp-item .hosp-item-imgs{
    	width: 100%;
    }
    .hospital-area4 .hosp-item-box .hosp-item .hosp-item-content{
    	width: 100%;
    	padding-top: 20px
    }
    .jishu-area4 .advantage-cont .list-item .overtxt .img-rt{
    	font-size: 14px;
    }
    .jishu-area4 .advantage-cont .list-item .overtxt .tit{
    	text-align: center;
    }
    .transfer .swiper-slide span img{
    	width: 34px;
    }
    /*.trans-content{
    	overflow-x: scroll;
    }
    .transfer-box {
    	width: 800px;
    }*/
   .transfer .swiper-slide span{
   	padding: 10px 0;
   	font-size: 14px;
   }
   .transfer .swiper-slide span:first-child{
   	padding-left: 10px;
   }
   .transfer{
   	height: 310px;
   }
   .definitionList .l-list .title,.definitionList .r-list .title{
	font-size: 20px;
	}
}