@charset "utf-8";
html,body{font-family: 'Microsoft YaHei',PingFang SC,Arial,sans-serif;color: #666;font-size: 16px;}
a{color: inherit;text-decoration:none;outline: none;}
/* 滚动条 */
::-webkit-scrollbar {
    /* display: none; */
    width:2px;
    height:5px
}
::-webkit-scrollbar-track {
    border-radius:0;
    background:#e5e5e5; 
}
::-webkit-scrollbar-thumb {
    border-radius:5px;
    background: #3461d1;
}
::-webkit-scrollbar-thumb:hover {
    border-radius:5px;
    background: #3461d1;
}


/* 公共 */
body{padding-top: 90px;min-width: 1280px;}
.top{position: relative;z-index: 1;background: #fff;}
.indexbox{position: relative;}
.index{position: absolute;top: -90px;}
.w1820{width: 94.79%;margin: 0 auto;}
.w1700{width: 88.54%;margin: 0 auto;}
.w1620{width: 1620px;margin: 0 auto;}
.w1400{width: 1400px;margin: 0 auto;}
.w1320{width: 1320px;margin: 0 auto;}
.f-48{font-size: 48px;line-height: 1.5;}
.f-40{font-size: 40px;}
.f-36{font-size: 36px;line-height: 1.5;}
.f-35{font-size: 35px;}
.f-30{font-size: 30px;line-height: 1.5;}
.f-28{font-size: 28px;}
.f-24{font-size: 24px;}
.f-22{font-size: 22px;}
.f-20{font-size: 20px;}
.f-18{font-size: 18px;line-height: 32px;font-family: "Microsoft YaHei Light";letter-spacing: .03em;}
.bold{font-weight: bold;}
.doubleCycle{position: relative;box-sizing: border-box;padding-left: 40px;}
.doubleCycle::before,.doubleCycle::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;border-radius: 50%;opacity: .5;background: #fcd353;}
.doubleCycle::after{left: 12px;opacity: 1;}

.flex{display: flex;justify-content: space-between;}
.text-limit{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}

img.ofi{object-fit: cover;font-family: 'object-fit: cover;';object-position: center;}
img.ofc{object-fit: contain;font-family: 'object-fit: contain;';object-position: center;}
.i-more {position: relative;transition: all .5s;display: flex;align-items: center;justify-content: center;width: 180px;height: 50px;box-sizing: border-box;border: 1px solid #dcdcdc;border-radius: 4px;margin: 0 auto;color: #333;font-size: 14px;text-align: center;overflow: hidden;}
.i-more p{position: relative;z-index: 1;}
.i-more:hover{color: #fff;border-color: #3461d1;background: #3461d1;}
.com-title .cn{margin-bottom: 14px;color: #333;font-size: 46px;line-height: 1em;}
.com-title .en{color: #666;font-size: 16px;font-weight: 300;line-height: 1em;text-transform: uppercase;}

.com-page{display: flex;justify-content: center;align-items: center;}
.com-page-item span,.com-page-item a{display: flex;justify-content: center;align-items: center;width: 48px;height: 48px;box-sizing: border-box;border-radius: 50%;border: 1px solid #ccc;margin-right: 20px;color: #999;font-size: 16px;line-height: 1em;text-align: center;transition: all .5s;cursor: pointer;}
.com-page-num {display: flex;}
.com-page-num span.now{border-color: #3461d1;color: #fff;background: #3461d1;}
.com-page-item:last-child span{margin-right: 0;}
.com-page-item span:hover,.com-page-item a:hover{border-color: #3461d1;color: #fff;background: #3461d1;}

/* header */
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, .15);}
.header-main{display: flex;align-items: center;justify-content: space-between;height: 90px;}
.header-main .logo{display: block;width: 375px;}
.header-main .logo img{display: block;width: 100%;}
.header-nav{display: flex;}
.header-nav .navbox{display: flex;align-items: center;padding-right: 32px;margin-right: 32px;border-right: 1px solid rgba(0, 0, 0, .15);}
.navbox li{margin-right: 34px;}
.navbox li:last-child{margin-right: 0;}
.navbox li a{position: relative;transition: all .5s;display: block;color: #666;font-size: 16px;line-height: 1em;}
.navbox li a::after{content: "";position: absolute;left: 0;bottom: -4px;width: 20px;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) no-repeat left bottom;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: right bottom;background-size: 0 1px;}
.navbox li:hover a,.navbox li.current a{color: #333;}
.navbox li:hover a::after,.navbox li.current a::after{animation: none;background-position: left bottom;background-size: 100% 1px;}
.header-select{display: flex;align-items: center;}
.header-selected{transition: all .5s;display: flex;align-items: center;cursor: pointer;color: #666;font-size: 16px;line-height: 1em;}
.header-selected img{display: block;margin-right: 14px;}
.header-selected i{display: block;margin-right: 14px;color: #ccc;font-size: 21px;line-height: 1em;}
.header-selected p{position: relative;padding-right: 16px;}
.header-selected p::after{position: absolute;content: "";right: 0;top: 50%;transform: translateY(-50%);width: 7px;height: 4px;background: url(/static/img/select.png) center/cover no-repeat;}
.header-selected:hover{color: #333;}
.header-tool{display: flex;align-items: center;margin-left: 32px;}
.header-tool a{position: relative;transition: all .5s;display: flex;justify-content: center;align-items: center;height: 35px;padding: 0 18px;border-radius: 18px;overflow: hidden;}
.header-tool a.header-tel{color: #333;font-size: 16px;font-weight: bold;background: #fff2c9;overflow: hidden;}
.header-tool a.header-tel::after{position: absolute;content: "";left: 0;top: 0;transform: translateY(-100%);transition: all .5s;width: 100%;height: 100%;border-radius: 50%;background: #3461d1;}
.header-tool a.header-tel p{position: relative;z-index: 1;}
.header-tool a.header-plan{margin-left: 20px;color: #fff;font-size: 14px;background: #3461d1;}
.header-tool a.header-plan i{display: none;}
.header-tool a.header-tel:hover{color: #fff;}
.header-tool a.header-tel:hover::after{transform: translateY(0);border-radius: 0;}
/* 全球化服务 */
.header-service{position: fixed;left: 0;top: 0;z-index: 1000;display: none;width: 100vw;height: 660px;box-sizing: border-box;padding-top: 106px;background: url(/static/img/service.png)center/cover no-repeat;box-shadow: 0 0 5px rgba(0, 0, 0, .35);}
.header-service.on{}
.header-service-box{position: relative;}
.header-service-tip{margin-bottom: 25px;color: #333;font-size: 16px;line-height: 1em;}
.header-service-close{position: absolute;right: 0;top: 0;transition: all .5s;color: #666;font-size: 16px;line-height: 1em;cursor: pointer;}
.header-service-close:hover{transform: rotate(180deg);}
.header-service-main{display: flex;justify-content: space-between;}
.header-service-item{width: 44.28%;}
.header-service-title{display: flex;align-items: center;margin-bottom: 70px;color: #333;font-size: 40px;line-height: 1em;}
.header-service-site:not(:last-child){margin-bottom: 48px;}
.header-service-sitename{position: relative;margin-bottom: 30px;padding-left: 72px;color: #3461d1;font-size: 30px;line-height: 1em;}
.header-service-sitename::before,.header-service-sitename::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;border-radius: 50%;background: #3461d1;opacity: 0.5;}
.header-service-sitename::after{left: 23px;opacity: .9;}
.header-service-sitelist{color: #666;font-size: 16px;line-height: 30px;}
.header-service-tel{display: flex;align-items: center;margin-left: 40px;}
.header-service-tel i{display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;border-radius: 50%;color: #fff;font-size: 14px;line-height: 1em;background: #3461d1;}
.header-service-tel p{margin-left: 10px;color: #000;font-size: 24px;line-height: 1em;}
.header-service-form form{display: block;width: 100%;}
.header-service-input{position: relative;margin-bottom: 20px;}
.header-service-input i{position: absolute;left: 25px;top: 50%;transform: translateY(-50%);transition: all .5s;color: #999;font-size: 24px;line-height: 1em;}
.header-service-input input{transition: all .5s;display: block;width: 100%;height: 60px;box-sizing: border-box;border: 1px solid #eee;padding:0 60px;outline: none;color: #999;font-size: 18px;}
.header-service-btn{margin: 0;margin-top: 45px;border-color: #3461d1;outline: none;color: #fff;background: #3461d1;cursor: pointer;}
.header-service-input:hover i{color: #3461d1;}
.header-service-btn:hover{color: #3461d1;background: transparent;}

/* 移动端 */
.header-menu{position: relative;display: none;width: 36px;height: 28px;cursor: pointer;}
.header-menu .header-line{position: absolute;transition: all .5s;width: 100%;height: 2px;background: #333;}
.header-menu .header-line:first-child{top: 0;left: 0;transform-origin: right bottom;}
.header-menu .header-line:nth-child(2){top: 0;left: 0;margin: 12px 0;}
.header-menu .header-line:last-child{bottom: 0;left: 0;transform-origin: right top;}
.header-menu.on .header-line:first-child{transform: rotate(-45deg);}
.header-menu.on .header-line:nth-child(2){opacity: 0;}
.header-menu.on .header-line:last-child{transform: rotate(45deg);}

.header-mobile{position: absolute;top: 80px;right: 0;transition: all .5s;display: none;width: 100%;height: calc(100vh - 80px);box-sizing: border-box;z-index: 99;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,.2) inset;}
.header-mobile.open {display: block;}
.header-mobile-menu{height: 100%;overflow-y: auto;}
.header-mobile-item {position: relative;border-bottom: 1px solid rgba(0,0,0,.15);z-index: 1;}
.header-mobile-type{transition: all .5s;display: flex;justify-content: space-between;align-items: center;opacity: 0;}
.header-mobile.open .header-mobile-type{opacity: 1;}
.header-mobile-type a,.header-mobile-type p{display: inline-block;padding: 20px 0;color: #000;font-size: 20px;line-height: 1.5em;}
.header-mobile-type a .global{display: flex;align-items: center;}
.header-mobile-type a i{display: block;margin-right: 10px;color: #000;font-size: 20px;line-height: 1em;}
.header-mobile-type svg{transition: all .5s;}
.header-mobile-type.on svg{transform: rotate(90deg);}
.header-mobile-slide{display: none;margin-left: 30px;margin-bottom: 25px;}
.header-mobile-slide a{display: block;padding: 5px 0;color: #000;font-size: 18px;line-height: 1.5em;}


/* i-banner */
.i-banner{position: relative;}
.i-banner-item{height: 826px;}
.i-banner a{display: block;width: 100%;height: 100%;}
.i-banner a .bannerPic{display: block;width: 100%;height: 100%;}
.i-banner a .banvideo{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);display: block;width: 100%;height: 100%;object-fit: cover;}
.i-banner .swiper-pagination{display: flex;justify-content: center;align-items: center;}
.i-banner .swiper-pagination .swiper-pagination-bullet{transition: all .5s;width: 12px;height: 12px;opacity: 1;margin: 5px 11px;border-radius: 6px;background: #fff;}
.i-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;background: #3461d1;}
.i-banner-page{position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;cursor: pointer;}
.i-banner-page i{position: relative;transition: all .5s;color: #fff;font-size: 52px;line-height: 1em;opacity: .5;}
.i-banner-page.prev{left: 2.555%;}
.i-banner-page.next{right: 2.555%;}
.i-banner-page:hover i{opacity: 1;}

/* i-about */
.i-about{padding: 140px 0 145px;}
.i-about-main{}
.i-about-title{display: flex;flex-wrap: wrap;margin-bottom: 90px;color: #000;font-size: 46px;line-height: 1em;font-weight: 300;}
.i-about-title span{display: block;color: #3461d1;}
.i-about-msg{position: relative;}
.i-about-msg p{min-height: 32px;}
.i-about-more{position: absolute;right: 0;bottom: 17px;height: 114px;box-sizing: border-box;padding-top: 100px;}
.i-about-more-text{position: relative;transition: all .5s;z-index: 1;display: block;padding-right: 6px;color: #333;font-size: 14px;line-height: .8em;text-transform: uppercase;}
.i-about-more-text::after{position: absolute;content: "";left: 0;bottom: -6px;transition: all .5s;width: 20px;height: 1px;background: #000;}
.i-about-more-rectangle{position: absolute;bottom: -16px;right: 0;width: 114px;height: 114px;}
.i-about-more-rectangle::after{position: absolute;content: '';top: 0;right: 0;left: 0;transform: scaleX(.4824);transition: all .5s;display: block;height: 114px;background: #f5f5f5;}
.i-about-more:hover .i-about-more-text{color: #fff;}
.i-about-more:hover .i-about-more-text::after{opacity: 0;}
.i-about-more:hover .i-about-more-rectangle::after{transform: scaleX(1);background: #3461d1;}
.i-about-list{margin-top: 72px;}
.i-about-item{position: relative;border-bottom: 1px solid rgba(0,0,0,.1);cursor: pointer;}
.i-about-text{display: flex;align-items: center;padding:42px 0 24px;color: #333;font-size: 30px;font-weight: 300;line-height: 1em;}
.i-about-play{position: relative;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;border-radius: 50%;margin-right: 20px;background: #e5e6f8;}
.i-about-play::after{content: "";transform: translateX(25%);transition: all .5s;width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #fff;}
.i-about-slide{display: none;padding-bottom: 22px;}
.i-about-slide p{position: relative;padding-left: 50px;margin-bottom: 11px;}
.i-about-slide p::before{content: "";position: absolute;left: 12px;top: 16px;transform: translateY(-50%);width: 8px;height: 8px;border-radius: 50%;background: #3461d1;}
.i-about-itemmore{display: flex;padding:30px 0 8px 50px;}
.i-about-itemmore span{position: relative;transition: all .5s;color: #333;font-size: 13px;line-height: .8em;}
.i-about-itemmore span::after{content: "";position: absolute;left: 0;bottom: -8px;transition: all .5s;width: 27.27%;height: 1px;background: #000;}
.i-about-item:hover .i-about-play,.i-about-item.on .i-about-play{background: #3461d1;}
.i-about-itemmore:hover span{color: #3461d1;}
.i-about-itemmore:hover span::after{width: 100%;background: #3461d1;}
.i-about-item.on .i-about-slide{display: block;}
.i-about-item.on .i-about-play{transform: rotate(90deg);}
/* i-product */
.i-product{padding-bottom: 156px;}
.i-product-top{display: flex;align-items: center;justify-content: space-between;padding-bottom: 36px;}
.i-product-more{position: relative;transition: all .5s;color: #333;font-size: 13px;line-height: .8em;}
.i-product-more::after{position: absolute;content: "";left: 0;bottom: -8px;transition: all .5s;width: 20px;height: 1px;background: #000;}
.i-product-more:hover{color: #3461d1;}
.i-product-more:hover::after{width: 100%;background: #3461d1;}
.i-product-nav{display: flex;align-items: center;justify-content: flex-end;}
.i-product-nav li{margin-right: 28px;}
.i-product-nav li:last-child{margin-right: 0;}
.i-product-nav li a{position: relative;transition: all .5s;color: #777;font-size: 18px;line-height: 1em;}
.i-product-nav li a::after{content: "";position: absolute;left: 0;bottom: -8px;width: 20px;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) no-repeat left bottom;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: right bottom;background-size: 0 1px;}
.i-product-nav li:hover a,.i-product-nav li.on a{color: #000;}
.i-product-nav li:hover a::after,.i-product-nav li.on a::after{animation: none;background-position: left bottom;background-size: 100% 1px;}

.i-product-list{display: flex;flex-wrap: wrap;margin-bottom: 78px;}
.i-product-item{width: 33.33%;}
.i-product-item a{position:relative;display: block;width: 100%;padding-bottom: 83.40659%;overflow: hidden;}
.i-product-item video,
.i-product-item img{position: absolute;left: 0;top: 0;transition: all .5s;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.i-product-mask{position: absolute;left: 0;top: 0;transition: all .5s;display: flex;flex-flow: column;justify-content: space-between;width: 100%;height: 100%;box-sizing: border-box;padding: 5%;color: #f9f9f9;background: rgba(0,0,0,.9);opacity: 0;}
.i-product-title{font-size: 16px;}
.i-product-title span{font-size: 20px;}
.i-product-item:hover img{transform: scale(1.1);}
.i-product-item:hover .i-product-mask{opacity: 1;}

/* i-news */
.i-news{padding-bottom: 183px;}
.i-news-main{display: flex;justify-content: space-between;}
.i-news-list{width: 28.14%;}
.i-news-type{margin-bottom: 32px;color: #333;font-size: 30px;line-height: 1em;font-weight: 300;text-align: center;}
.i-news-item{position: relative;border-bottom: 1px solid rgba(0,0,0,.07);}
.i-news-item::after{content: "";position: absolute;left: 0;bottom: -1px;z-index: 1;width: 100%;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/lineblue.png) no-repeat left bottom;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: right bottom;background-size: 0 1px;}
.i-news-item a{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 50px;}
.i-news-item a p{transition: all .5s;width: calc(100% - 70px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i-news-item a span{color: #777;font-size: 14px;}
.i-news-item:hover p{color: #3461d1;}
.i-news-item:hover::after{animation: none;background-position: left bottom;background-size: 100% 1px;}

/* i-adv */
.i-adv{display: flex;flex-flow: column;justify-content: center;align-items: center;height: 602px;}

/* footer */
.footer{padding-top: 75px;background: #23282e;}
.footer-top{display: flex;justify-content: space-between;align-items: center;padding-bottom: 24px;border-bottom: 1px solid rgba(255,255,255,.1);}
.footer-link{display: flex;align-items: center;}
.footer-link a{display: flex;align-items: center;justify-content: center;padding: 0 26px;border-right: 1px solid rgba(255, 255, 255, .1);color: #fff;font-size: 16px;line-height: 1em;}
.footer-link a:first-child{padding-left: 0;}
.footer-link a:last-child{padding-right: 0;border-right: none;}
.footer-link a>p{transition: all .5s;}
.footer-link a span{transition: all .5s;display: block;width: 0;height: 0;border-top: 4px solid #fff;border-right: 3px solid transparent;border-left: 3px solid transparent;margin-left: 10px;}
.footer-link a:hover>p{color: #3461d1;}
.footer-link a:hover span{border-top: 4px solid #3461d1;}
.footer-share{display: flex;align-items: center;}
.footer-share a{transition: all .5s;display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;margin-right: 20px;background: #fff;}
.footer-share a:last-child{margin-right: 0;font-size: 22px;}
.footer-share a span{transition: all .5s;color: #000;font-size: 16px;line-height: 1em;}
.footer-share a:nth-child(2) span{font-size: 20px;}
.footer-share a:last-child span{font-size: 22px;}
.footer-share a:hover{background: #3461d1;}
.footer-share a:hover span{color: #fff;}
.footer-main{display: flex;justify-content: space-between;padding: 30px 0 100px;}
.footer-contact{display: flex;}
.footer-contact-item{margin-right: 196px;}
.footer-contact-item:last-child{margin-right: 0;}
.footer-contact-title{margin-bottom: 20px;color: #fff;font-size: 16px;line-height: 1em;}
.footer-contact-info{color: #fff;font-size: 14px;line-height: 30px;}
.footer-contact-info a{transition: all .5s;color: #fff;}
.footer-contact-info a:hover{color: #3461d1;}
.footer-relation{display: flex;flex-wrap: wrap;padding-bottom: 10px;}
.footer-relation p,.footer-relation a,.footer-copyright p,.footer-copyright a{color: #fff;font-size: 14px;line-height: 30px;font-weight: 300;}
.footer-relation a{position: relative;transition: all .5s;display: block;padding: 0 10px;}
.footer-relation a::after{position: absolute;content: "";right: -1px;top: 50%;transform: translateY(-50%);width: 1px;height: 10px;background: #fff;}
.footer-relation a:last-child:after{display: none;}
.footer-relation a:hover,.footer-copyright a:hover{color: #3461d1;}
.footer-copyright{display: flex;justify-content: space-between;border-top: 1px solid rgba(255,255,255,.1);padding: 10px 0;}
.footer-copyright a{position: relative;transition: all .5s;padding: 0 8px;}
.footer-copyright-main{display: flex;align-items: center;}
.footer-copyright a::after{position: absolute;content: "";right: -1px;top: 50%;transform: translateY(-50%);width: 1px;height: 10px;background: #fff;}
.footer-copyright a:last-child{padding-right: 0;}
.footer-copyright a:last-child::after{display: none;}

.query-cover { position: fixed; left: 0; top: 0; z-index: 20000; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); display: none; }
.query-pop { position: fixed; left: 50%; top: 50%; z-index: 20001; width: 400px; height: 280px; padding-top: 15px; margin-left: -200px; margin-top: -120px; background: #fff; display: none; font-size: 14px;}
.query-pop .tel { overflow: hidden; }
.query-pop .tel .input-wrap,
.query-pop .tel .btn-wrap { float: left; }
.query-pop .tel .input-wrap { width: 188px; height: 40px; border-bottom: 1px solid #333;  margin-right: 10px; }
.query-pop .tel .btn-wrap { width: 120px; }
.query-pop .tel .phone-wrap { font-size: 34px; font-weight: bolder; line-height: 1;}
.query-pop .tel .phone-wrap a { color: #e60012;}
.query-pop .tel .input-wrap input { border: 0; height: 39px; line-height: 39px; padding: 0; font-size: 20px; }
.query-pop .tel,
.query-pop .net { padding: 0 40px; margin: 10px 0; }
.query-pop .btn-wrap a { background: #e60012; border: none; color: #fff; cursor: pointer; display: block; width: 100%; font-size: 18px; height: 40px; line-height: 38px; text-align: center; }
.query-pop .btn-wrap .btn-qqstart{margin-top:12px;}
.query-pop .tip { padding-bottom: 5px; }
.query-pop .close-btn { position: absolute; top: 10px; right: 10px; text-decoration: underline; color: #999; font-size: 12px; width: 25px; height: 25px; text-indent: -100em; overflow: hidden; background: url(/static/img/pop-closebtn.png) no-repeat center center; }
.query-pop .net #pcnetbtn { display: block; }
        /*#newBridge{display: none!important;}*/
.query-pop .green_information_safety{background:url(/static/img/pop_lock.png) left center no-repeat;font-size: 12px; line-height: 19px; color: #1db816;margin: 10px 0 15px;text-indent: 1.6em;}
.query-pop .query_pop_box { position: relative;}
.query-pop .query_pop_input {border: 1px solid #adada9;width: 198px;height: 38px;
	font-size: 14px;
    line-height: 38px;
    color: #333;
    text-indent: 1em;
}
.query-pop .query_pop_button{
    width: 120px;
    height: 40px;
    line-height: 40px;
    padding:0;
    margin:0;
    outline: none;
    box-shadow: none;
    border:0;
    color:#fff;
    background: #e70012;
    font-size: 14px;
}
.query-pop .query_pop_box .red_tip{
        display: none;
        font-size: 12px;
        line-height: 28px;
        color: #e70012;
        position: absolute;
        top: 100%;
        left:0;
        width: 100%;
        background: #fff;
        text-indent: 1em;
        }
.query-pop .query-pop-success {display: none;}
.query-pop .subdetail{font-size: 12px;line-height: 1.5;margin-top: 14px; color: #666;margin-bottom:10px;}
.query-pop .query-pop-success .subtitle {font-size: 30px; line-height: 1; color: #e70012; margin-top: 42px; text-align: center; font-weight: bold; }
.query-pop .query-pop-success .subdetail {font-size: 14px; line-height: 1.5; color: #666666; margin-top: 22px; text-align: center; }





/* 悬浮框 */
.com-fixed{position: fixed;right: 0;bottom: 60px;z-index: 10;display: flex;flex-flow: column;align-items: flex-end;}
.com-fixed-item{position: relative;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 60px;height: 70px;border-bottom:1px solid #000;border-top:1px solid #444;box-sizing: border-box;box-shadow: 0 0 5px rgba(255, 255, 255, .1);background: #23282e;}
.com-fixed-item:first-child{border-top:none;}
/* .com-fixed-item:last-child{margin-bottom: 0;} */
.com-fixed-item .com-fixed-icon{display: flex;flex-flow: column;align-items: center;color: #fff;font-size: 12px;line-height: 1em;}
.com-fixed-item .com-fixed-icon i{margin-bottom: 10px;font-size: 20px;line-height: 1em;}
/* .com-fixed-item:nth-child(3) .com-fixed-icon i{font-size: 18px;} */
.com-fixed-item:nth-child(3) .com-fixed-icon i{font-size: 18px;}
.com-fixed-telbox{position: absolute;top: -1px;left: 61px;width: 200px;height: 70px;border-bottom:1px solid #000;border-top:1px solid #444;box-sizing: border-box;color: #fff;font-size: 20px;font-weight: bold;line-height: 70px;text-align: center;background: #23282e;}
.com-fixed-weixinbox{position: absolute;top: 0;right: 52px;transform: scale(0);transform-origin: right 30%;display: none;width: 146px;overflow: hidden;opacity: 0;}
.com-fixed-weixinpic{display: block;width: 115px;padding: 8px 10px 12px 10px;border: 1px solid #e4e4e4;margin: 0;text-align: center;background-color: #FFF;overflow: hidden;font-size: 14px;color: #666;}
.com-fixed-weixinpic img{display: block;width: 100%;box-sizing: border-box;padding: 10px;}
.com-fixed-hover:hover{width: 80px;}
.com-fixed-weixin:hover{border-top-color: #b0b0b0;border-bottom-color: #b0b0b0;background: #b0b0b0;}
.com-fixed-weixin:hover .com-fixed-weixinbox{transform: scale(1);opacity: 1;display: block;}
.com-fixed-item.com-fixed-tel:hover{transform: translateX(-200px);}

/* 获取表单方案 */
.com-form{position: fixed;left: 0;top: 0;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 100vw;height: 100vh;z-index: -1;opacity: 0;}
.com-form.on{z-index: 1000;opacity: 1;}
.com-form-cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .35);}
.com-form .com-form-main{position: relative;z-index: 1;width: 1200px;box-sizing: border-box;padding:100px 85px;border-radius: 10px;background: rgba(255,255,255,.95);}
.com-form-close{position: absolute;right: 30px;top: 30px;display: flex;justify-content: center;align-items: center;transition: all .5s;width: 40px;height: 40px;border-radius: 50%;color: #fff;font-size: 16px;line-height: 1em;background: #ccc;cursor: pointer;}
.com-form-close:hover{background: #3461d1;}
.com-form-title{position: relative;padding: 0 0 30px;color: #333;font-size: 30px;line-height: 1em;text-align: center;}
.com-form .com-form-main form{display: block;width: 100%;border-top: 1px solid #e6e6e6;}
.com-form-top{display: flex;justify-content: space-between;padding: 60px 0;}
.com-form-info{display: flex;flex-flow: column;justify-content: space-between;}
.com-form-info,.com-form-content{position: relative;width: 48.54%;}
.com-form-input{position: relative;}
.com-form-input i{position: absolute;left: 25px;top: 50%;transform: translateY(-50%);transition: all .5s;color: #999;font-size: 24px;line-height: 1em;}
.com-form-input input{transition: all .5s;display: block;width: 100%;height: 60px;box-sizing: border-box;border: 1px solid #eee;padding: 0 60px;color: #999;line-height: 60px;outline: none;background: #fff;}
.com-form-content textarea{transition: all .5s;display: block;width: 100%;height: 150px;box-sizing: border-box;border: 1px solid #eee;padding: 12px 20px 12px 57px;color: #999;outline: none;background: #fff;resize: none;overflow-y: auto;}
.com-form-content i{position: absolute;left: 22px;top: 18px;transition: all .5s;color: #999;font-size: 24px;line-height: 1em;}
.com-form-btn button{cursor: pointer;outline: none;background: transparent;}

.com-form-input:hover input,.com-form-content:hover textarea{border-color: #3461d1;}
.com-form-input:hover i,.com-form-content:hover i{color: #3461d1;}

/* inner-banner */
.inner-banner-swiper{position: relative;height: 846px;background: #fff;}
.inner-banner .inner-banner-item{}
.inner-banner .inner-banner-item img{display: block;width: 100%;height: 100%;}
.inner-banner-text{position: absolute;left: 50%;bottom: 32.38%;transform: translate(-50%);z-index: 1;}
.inner-banner-title{margin-bottom: 28px;color: #fff;font-size: 46px;font-weight: 300;line-height: 1em;}
.inner-banner-msg{color: #fff;}
.inner-page,.inner-next{position: absolute;bottom: 0;left: 72px;z-index: 1;display: flex;flex-flow: column;justify-content: center;align-items: center;width: auto;height: 100%;}
.inner-page-item{height: 26px;margin: 10px 0;}


.inner-next{height: auto;justify-content: flex-end;align-items: center;cursor: pointer;}
.inner-next p{color: #fff;font-size: 16px;text-transform: uppercase;writing-mode: tb-rl;}
.inner-next-line{position: relative;width: 1px;height: 102px;margin-top: 25px;background: rgba(204, 204, 204, .5);}
.inner-next-line::after{content: "";position: absolute;left: 0;top: 0;z-index: 1;transition: all .5s;width: 100%;height: 100%;overflow: hidden;will-change: background-size;background: url(/static/img/line1.png) no-repeat;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: left bottom;background-size: 1px 0;}
.inner-next:hover .inner-next-line::after{animation: none;background-position: left top;background-size: 1px 100%;}



/* inner-banner1 */
/* .about-banner{height: 650px;} */
/* .about-banner img{display: block;width: 100%;height: 100%;} */
/* inner-banner */
.inner-banner1{height: 650px;}
.inner-banner1-main{padding-top: 176px;}
.inner-banner1-title{color: #fff;font-size: 45px;font-weight: 300;line-height: 1em;}
.inner-banner1-title.en{margin-top: 32px;color: #fff;font-weight: 300;line-height: .8em;text-transform: uppercase;}
.inner-banner1-msg{width: 50%;border-top: 1px solid rgba(255,255,255,.2);margin-top: 70px;padding-top: 70px;color: #fff;font-size: 16px;line-height: 1.5em;}

/* inner-news */
.inner-news{padding: 120px 0 130px;}
.inner-news .i-news-type{text-align: left;}

/* 新品牌咨询 */
.brand-info{padding: 134px 0;}
.brand-info-title {display: inline-block;}
.brand-info-title .cn{color: #000;font-size: 46px;font-weight: 300;line-height: 50px;}
.brand-info-title .cn span{color: #3461d1;}
.brand-info-title .en{color: #333;font-size: 16px;line-height: 32px;text-transform: uppercase;letter-spacing: 5px;text-align-last: justify;}
.brand-info-msg{margin-top: 53px;}
.brand-toC{}
.brand-toC img{display: block;width: 100%;height: auto;}
.brand-toB{padding: 110px 0 120px;}
.brand-toB-title{margin-bottom: 60px;color: #333;font-size: 30px;line-height: 1em;}
.brand-toB-pic{height: 600px;background: #e6e6e6;}
.brand-toB-pic img{display: block;width: 100%;height: 100%;}
.brand-case-list{display: flex;flex-wrap: wrap;margin-top: 54px;}
.brand-case-item{width: 33.33%;}
.brand-case-item a{position: relative;display: block;width: 100%;padding-bottom: 83.40659%;overflow: hidden;}
.brand-case-item img{position: absolute;left: 0;top: 0;transition: all .5s;display: block;width: 100%;height: 100%;}
.brand-case-item:hover img{transform: scale(1.1);}

/* 网站开发 */
.web-advantage{position: relative;padding: 120px 0 53px;}
.web-content{position: relative;z-index: 1;margin-top: 100px;}
.web-title{position: relative;z-index: 1;box-sizing: border-box;padding-left: 84px;color: #333;font-size: 30px;line-height: 1em;}
.web-title::before,.web-title::after{content: "";position: absolute;left: 0;top: 0;width: 30px;height: 30px;border-radius: 50%;opacity: .5;}
.web-title::after{left: 23px;opacity: 1;}
.web-content-msg{position: relative;z-index: 1;;margin-top: 28px;}
.web-content-msg p.nopoint {padding-left: 40px;}
.web-content-msg p.nopoint span:not(:last-child){margin-right: 1.2em;}
.web-content-msg p{position: relative;padding-left: 40px;}
.web-content-msg p::before{content: "";position: absolute;left: 0;top: 16px;transform: translateY(-50%);width: 8px;height: 8px;border-radius: 50%;}
.web-content-msg p.nopoint::before{display: none;}
.web-content-msg p a{position: relative;transition: all .5s;}
.web-content-msg p a::after{content: "";position: absolute;left: 0;bottom: 0;transition: all .5s;width: 100%;height: 1px;background: #999;}
.web-content-msg p a:hover{color: #3461d1;}
.web-content-msg p a:hover::after{background: #3461d1;}
.web-content ul li{position: relative;padding-left: 40px;}
.web-content ul li::before{content: "";position: absolute;left: 19px;top: 16px;transform: translateY(-50%);width: 5px;height: 5px;border-radius: 50%;background: #ccc;}

.web-title.yellow::before,.web-title.yellow::after,.web-content-msg.yellow p::before{background: #fcd353;}

.web-advantage-bg{position: absolute;right: 7.29%;top: 84px;}
.web-adv{display: flex;}
.web-adv-item{width: 50%;}
.web-adv-item a{position: relative;display: block;padding-bottom: 83.3333%;overflow: hidden;}
.web-adv-item img{position: absolute;left: 0;top: 0;transition: all .5s;width: 100%;height: 100%;}
.web-adv-item:hover img{transform: scale(1.1);}
.web-title.green::before,.web-title.green::after,.web-content-msg.green p::before{background: #5da22d;}

.web-adv2{position: relative;z-index: 1;margin-top: 57px;}
.web-adv2 img,.web-adv3 img{display: block;width: 100%;height: auto;}

.web-develop{position: relative;padding:155px 0 48px;}
.web-content.three{position: relative;z-index: 1;margin-top: 0;}
.web-title.red::before,.web-title.red::after,.web-content-msg.red p::before{background: #fc8c64;}
.web-develop-bg{position: absolute;bottom: 0;right: 3.95%;}

.web-team{position: relative;padding-top: 120px;}
.web-content.four{margin-top: 45px;}
.web-title.blue::before,.web-title.blue::after,.web-content-msg.blue p::before{background: #3461d1;}
.web-team-bg{position: absolute;top: 45px;right: 4.79%;}
.web-team-show{position: relative;margin-top: 17px;height: 460px;}
.web-team-line{position: absolute;left: 350px;top: 50%;transform: translateY(-50%);}
.web-team-line.two{left: auto;right: 350px;}
.web-team-pic{position: absolute;width: 350px;height: 350px;border-radius: 50%;box-sizing: border-box;border: 3px solid #ffcd66;overflow: hidden;}
.web-team-pic img{display: block;width: 100%;height: 100%;}
.web-team-pic:first-child{left: 0;top: 50%;transform: translateY(-50%);}
.web-team-pic.two{left: 50%;top: 0;transform: translatex(-50%);border-color: #f482a7;}
.web-team-pic:last-child{right: 0;bottom: 0;border-color: #7ae8ff;}

.web-work{position: relative;padding: 140px 0 124px;}
.web-work-bg{position: absolute;right: 5.52%;top: 11px;}
.web-work-list{margin-top: 54px;}

.web-history{position: relative;margin-bottom: 120px;}
.web-history .com-title{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.web-history-pic img{display: block;width: 100%;height: auto;}
.web-history-bg{position: absolute;right: 4.16%;bottom: -42px;}
.web-history-content{position: relative;}
.web-history-point{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.web-history-item{position: absolute;cursor: pointer;}
.web-history-item.y2009{left: 10.20%;top: 74.21%;}
.web-history-item.y2012{left: 25.625%;top: 68.99%;}
.web-history-item.y2013{left: 37.13%;top: 61.45%;}
.web-history-item.y2014{left: 48.85%;top: 49.79%;}
.web-history-item.y2016{right: 37.08%;top: 37.72%;}
.web-history-item.y2017{right: 27.34%;top: 20.85%;}
.web-history-item.y2019{right: 15.78125%;top: 12.89%;}
.web-history-item.y2021{right: 6.77%;top: 7.4%;}

.web-history-cycle{position: relative;width: 12px;height: 12px;margin: 0 auto;}
.web-history-cycle::before{content: "";position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;border-radius: 50%;background: #3461d1;}
.web-history-cycle::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);transition: all .5s;width: 30px;height: 30px;border-radius: 50%;background: #3461d1;opacity: 0;}
.web-history-year{transition: all .5s;margin-top: 24px;line-height: 1em;text-align: center;}
.web-history-text{position: absolute;left: 50%;bottom: 70px;transform: translateX(-50%);width: 210px;}
.web-history-title{color: #333;font-size: 30px;line-height: 1em;text-align: center;}
.web-history-msg{display: none;margin-top: 20px;line-height: 24px;text-align: center;}
.web-history-item.y2013 .web-history-msg{display: block;}
.web-history-item:hover .web-history-cycle::after,.web-history-item.on .web-history-cycle::after{transform:translate(-50%,-50%) scale(1);opacity: .2;}
.web-history-item:hover .web-history-year,.web-history-item.on .web-history-year{color: #3461d1;}

.web-adv4{height: 602px;background: url(/static/img/adv.jpg)center/cover no-repeat;}
.web-adv4-text{padding-top: 200px;}
.web-adv4-title{color: #3a5a82;font-size: 60px;font-weight: 300;line-height: 1em;letter-spacing: 12px;text-align: center;}
.web-adv4-msg{margin-top: 22px;text-align: center;}


/* 关于 */
.about-business{display: flex;justify-content: space-between;padding: 114px 0 90px;}
.about-business-content{width: 50%;}
.about-business-content .cn{padding-bottom: 44px;border-bottom: 1px solid rgba(0,0,0,.3);text-align: justify;}
.about-business-content .cn p{min-height: 32px;}
.about-business-content .en{padding-top: 44px;color: #999;font-size: 14px;font-weight: 300;line-height: 2em;}
.about-culture{}
.about-culture-slogan{margin: 45px auto 54px;}
.about-culture-slogan p{position: relative;padding-left: 38px;}
.about-culture-slogan p::before{content: "";position: absolute;left: 0;top: 18px;transform: translateY(-50%);width: 8px;height: 8px;border-radius: 50%;background: #3461d1;}
.about-culture-box{position: relative;height: 942px;background: #fc8c64;overflow: hidden;}
.about-culture-outer{position: absolute;left: 50%;top: -135px;transform: translateX(-50%);display: flex;justify-content: center;align-items: center;width: 1033px;height: 1033px;border-radius: 50%;box-sizing: border-box;border: 1px solid rgba(183, 239, 193, .2);}
.about-culture-inner{position: relative;display: flex;justify-content: center;align-items: center;width: 714px;height: 714px;border-radius: 50%;box-sizing: border-box;border: 1px dashed rgba(255, 255, 255, .2);}
.about-culture-center{position: relative;display: flex;justify-content: center;align-items: center;width: 227px;height: 227px;border-radius: 50%;box-sizing: border-box;border: 25px solid rgba(255, 255, 255, .2);color: #fff;font-size: 60px;font-weight: 300;text-align: center;}
.about-culture-center::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 253px;height: 253px;box-sizing: border-box;border-radius: 50%;border: 1px solid rgba(255, 255, 255, .2);}

.about-culture-cycle{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.about-culture-item{position: absolute;}
.about-culture-item.one{left: 50%;top: 0;transform: translateX(-50%);}
.about-culture-item.two{left: 4.9%;bottom: 19.32%;}
.about-culture-item.three{right: 4.9%;bottom: 19.32%;}
.about-culture-title{position: relative;display: flex;justify-content: center;align-items: center;width: 177px;height: 177px;cursor: pointer;border-radius: 50%;background: rgba(255, 255, 255, .2);}
.about-culture-title::after{content: "";position: absolute;left: 0;top: 0;transform: scale(0);transition: all .5s;width: 100%;height: 100%;border-radius: 50%;background: rgba(255, 255, 255, .2);}
.about-culture-title p{position: relative;z-index: 1;display: flex;justify-content: center;align-items: center;width: 86px;height: 86px;border-radius: 50%;color: #fff;font-size: 26px;font-weight: 300;line-height: 32px;background: #3461d1;}
.about-culture-item.two .about-culture-title p{background: #fad27c;}
.about-culture-item.three .about-culture-title p{background: #c5e0b5;}
.about-culture-line{position: absolute;left: 50%;top: 74.57%;transform: translateX(-50%);width: 1px;height: 124px;background: #fff;}
.about-culture-line::before,.about-culture-line::after{content: "";position: absolute;left: -2px;top: 0;width: 5px;height: 5px;border-radius: 50%;background: #fff;}
.about-culture-line::after{top: auto;bottom: 0;}
.about-culture-item.two .about-culture-line{left: 71.78%;top: -30.57%;transform-origin: bottom;transform: rotate(60deg);}
.about-culture-item.three .about-culture-line{left: auto;right: 71.78%;top: -30.57%;transform-origin: bottom;transform: rotate(-60deg);}
.about-culture-msg{position: absolute;left: 100%;top: 43px;transition: all .5s;width: 475px;box-sizing: border-box;padding: 22px 26px 20px 20px;margin-left: 14px;border-radius: 8px;background: rgba(255, 255, 255, .2);visibility: hidden;opacity: 0;}
.about-culture-msg p{position: relative;padding-left: 30px;color: #fff;text-align: justify;}
.about-culture-msg p::before{content: "";position: absolute;left: 0;top: 16px;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 50%;background: #fff;}
.about-culture-item.two .about-culture-msg{left: auto;right: 100%;bottom: 0;top: auto;margin-left: 0;margin-right: 14px;}
.about-culture-item.three .about-culture-msg{bottom: 0;top: auto;}
.about-culture-item:hover .about-culture-msg{visibility: visible;opacity: 1;}
.about-culture-item:hover .about-culture-title::after{transform: scale(1);}
.about-culture-content{position: absolute;left: 50%;bottom: 36px;transform: translateX(-50%);display: flex;flex-wrap: wrap;width: 1097px;box-sizing: border-box;border-radius: 8px;padding: 30px 0;background: #fda383;}
.about-culture-content::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1px;height: 180px;background: rgba(255, 255, 255, .4);}
.about-culture-text{position: relative;width: 50%;box-sizing: border-box;padding-left: 68px;padding-right: 10px;margin-bottom: 30px;color: #fff;}
.about-culture-text::before{content: "";position: absolute;left: 38px;top: 16px;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 50%;background: #fff;}
.about-team{padding-top: 74px;}
.about-team-slogan{position: relative;margin-top: 52px;padding-left: 70px;line-height: 1em;}
.about-team-slogan span{position: relative;transition: all .5s;}
.about-team-slogan span::after{content: "";position: absolute;left: 0;bottom: 0;transition: all .5s;width: 100%;height: 1px;background: #666;opacity: 0.4;}
.about-team-slogan::before,.about-team-slogan::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;border-radius: 50%;background: rgba(252, 211, 83, .5);}
.about-team-slogan::after{left: 17px;background: rgba(252, 211, 83, .9);}
.about-team-bg{position: relative;margin-top: 24px;height: 90px;overflow: hidden;}
.about-team-move{position: absolute;left: 0;bottom: 0;transform: translate(0%, 0%);display: flex;white-space: nowrap;-webkit-animation: wordMove 40s linear infinite;animation: wordMove 40s linear infinite;opacity: 0.8;}
.about-team-move p{padding-right: 200px;color: #666;font-size: 99px;line-height: 1em;text-transform: uppercase;white-space: nowrap;opacity: .05;}
@keyframes wordMove {
    0% {transform: translate(-40%, 0%); } 
    100% {transform: translate(-60%, 0%); } 
}
@-webkit-keyframes wordMove {
    0% {transform: translate(-40%, 0%);} 
    100% {transform: translate(-60%, 0%);} 
}
.about-team-main{display: flex;align-items: center;margin-top: 14px;}
.about-team-content{width: 50%;box-sizing: border-box;padding-right: 50px;}
.about-team-text{position: relative;border-bottom: 1px solid rgba(0,0,0,.1);padding-left: 24px;padding-bottom: 18px;margin-bottom: 24px;}
.about-team-text:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.about-team-text::before{content: "";position: absolute;left: 0;top: 9px;transform: translateY(-50%);transition: all .5s;width: 8px;height: 8px;border-radius: 50%;background: #ccc;}
.about-team-text::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line2.png) no-repeat left bottom;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: right bottom;background-size: 0 1px;}
.about-team-text:hover::after,.about-team-text.on::after{animation: none;background-position: left bottom;background-size: 100% 1px;}



.about-team-title{margin-bottom: 18px;color: #333;font-size: 18px;line-height: 1em;}
.about-team-text:hover::before,.about-team-text.on::before{background: #3461d1;}
.about-team-video{position: relative;width: 50%;}
.about-team-video .swiper-slide{width: 100%;height: auto;padding-bottom: 67.28%;border-radius: 8px;overflow: hidden;}
.about-team-video .swiper-slide img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.about-team-video video{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;background: #000;}
.about-team-video i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;z-index: 1;;color: #fff;font-size: 74px;line-height: 1em;opacity: .8;cursor: pointer;}
.about-team-video:hover i{opacity: 1;}
.about-customer{margin-top: 120px;}
.about-customer-content{margin: 45px auto 42px;}
.about-customer-content p{position: relative;padding-left: 38px;}
.about-customer-content p::before{content: "";position: absolute;left: 0;top: 18px;transform: translateY(-50%);width: 8px;height: 8px;border-radius: 50%;background: #3461d1;}
.about-customer-list{position: relative;padding: 50px 0 74px;background: url(/static/img/logo_bg.jpg)center/cover no-repeat;}
.about-customer-swiper{padding-left: 1px;padding-bottom: 1px;}
.about-customer-swiper .swiper-slide{width: 16.67%;height: auto;}
.about-customer-item{position: relative;display: flex;justify-content: center;align-items: center;width: 100%;padding-bottom: 54.31%;overflow: hidden;box-sizing: border-box;border: 1px solid #e6e6e6;margin-right: -1px;margin-bottom: -1px;background: #fff;}
.about-customer-item img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;display: block;max-width: 100%;max-height: 100%;}
.about-customer-list .swiper-pagination{bottom: 32px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;justify-content: center;}
.about-customer-list .swiper-pagination .swiper-pagination-bullet{transition: all .5s;width: 10px;height: 10px;margin: 0 10px;background: #e6e6e6;opacity: 1;outline: none;}
.about-customer-list .swiper-pagination .swiper-pagination-bullet-active,.about-customer-list .swiper-pagination .swiper-pagination-bullet:hover{background: #3461d1;}
.about-state{padding: 74px 0 94px;}
.about-state-main{width: 50%;margin-left: 50%;}
.about-state-title{position: relative;padding-left: 53px;color: #666;font-size: 14px;line-height: 1em;}
.about-state-title::before,.about-state-title::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;border-radius: 50%;background: #3461d1;opacity: 0.5;}
.about-state-title::after{left: 12px;opacity: .9;}
.about-state-content{margin-top: 24px;color: #666;font-size: 14px;line-height: 24px;font-weight: 300;}
.about-state-content p{margin-bottom: 10px;}

/* 案例 */
.product,.news{position: relative;padding: 140px 0 130px;}
#index{position: absolute;top: -90px;}

.product-menu{display: flex;justify-content: center;align-items: center;margin-bottom: 50px;}
.product-menu-item{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 23.5%;margin-right: 2%;height: 50px;border-radius: 3px;color: #555;font-size: 18px;text-align: center;background: #f2f2f2;}
.product-menu-item:last-child{margin-right: 0;}
.product-menu-item:hover,.product-menu-item.on{color: #fff;background: #3461d1;}

/* 案例详情页 */
.case-banner{height: 846px;}
.case-banner img{display: block;width: 100%;height: 100%;}
.case-top{padding-top: 100px;}
.case-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 37px;}
.case-title p,.case-content h5{position: relative;padding-left: 30px;color: #333;font-size: 35px;line-height: 1em;}
.case-title p::before,.case-content h5::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 35px;background: #3461d1;}
.case-link{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 42px;height: 42px;border: 1px solid #e0e0e0;box-sizing: border-box;border-radius: 50%;}
.case-link i{transition: all .5s;color: #999;font-size: 16px;line-height: 1em;}
.case-link:hover{border-color: #3461d1;background: #3461d1;}
.case-link:hover i{color: #fff;}
.case-summary{color: #999;font-size: 18px;line-height: 32px;}
.case-top .case-video{position: relative;width: 100%;padding-bottom: 42.77%;margin-top: 54px;}
.case-video video,.case-video img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.case-content{margin-top: 110px;}
.case-content h5{margin: 110px 0 80px;}
.case-content h6{margin-bottom: 34px;color: #3461d1;font-size: 14px;font-weight: 500;line-height: 1em;}
.case-content p{margin-bottom: 34px;color: #666;font-size: 18px;line-height: 32px;text-align: justify;}
.case-content p:last-child{margin-bottom: 0;}
.case-content img{display: block;max-width: 100%;height: auto;margin: 0 auto;}

.case1-banner{width: 100%;height: 100vh;}
.case1-banner img{display: block;width: 100%;height: 100%;}
.case1-main{}
.case1-top{padding: 112px 0 130px;}
.case1-info{margin-bottom: 83px;}
.case1-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 26px;}
.case1-title p{color: #3461d1;font-size: 60px;font-weight: 300;line-height: 1em;}
.case-url{display: flex;justify-content: center;padding: 170px 0 130px;background: #fff;}
.case-url-item{margin: 0 90px;}
.case-url-item i{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 68px;height: 68px;border-radius: 50%;box-sizing: border-box;border: 1px solid #d9d9d9;color: #999;font-size: 18px;line-height: 1em;}
.case-url-item p{margin-top: 20px;color: #333;font-size: 18px;line-height: 1em;text-align: center;}
.case-url-item:hover i{border-color: #3461d1;color: #fff;background: #3461d1;}


.case1-summery{font-size: 18px;line-height: 32px;}
.case1-cycle{display: flex;align-items: center;}
.case1-cycle li{width: 62px;height: 62px;border-radius: 50%;margin-right: -15px;}
.case1-video{position: relative;width: 100%;padding-bottom: 32.12%;margin: 58px 0 120px;}
.case1-video video{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.case1-video img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.case1-design-title{color: #333;font-size: 48px;font-weight: 300;line-height: 1em;}
.case1-design-msg{margin: 32px 0 63px;color: #666;font-size: 18px;line-height: 30px;}
.case1-content{}
.case1-content img{display: block;max-width: 100%;height: auto;}
.case2-url{background: #fafcff;}
.case2-banner{height: 824px;}
.case2-banner img{display: block;width: 100%;height: 100%;}
.case2-top{padding: 98px 0 0;}
.case2-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 28px;}
.case2-title p,.case2-content h5{position: relative;padding-left: 30px;color: #333;font-size: 35px;line-height: 1em;}
.case2-title p::before,.case2-content h5::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 35px;background: #3461d1;}
.case2-summary{color: #999;font-size: 18px;line-height: 32px;}
.case2-pic{margin-top: 83px;}
.case2-pic video,.case2-pic img{display: block;width: 100%;height: auto;}

.case2-content-title{width: 88.54%;box-sizing: border-box;margin:110px auto 84px;}
.case2-content-title h5{margin-bottom:70px;}
.case2-content-title p{margin-bottom: 34px;color: #999;font-size: 18px;line-height: 32px;}
.case2-content p img{display: block;max-width: 100%;height: auto;margin: 0 auto;}

.case-page{position: relative;display: flex;border-top: 1px solid #e5e5e5;}
.case-page::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);top: 0;bottom: 0;z-index: 1;width: 1px;background: #e5e5e5;}
.case-page-item{width: 50%;box-sizing: border-box;overflow: hidden;}
.case-page-item a{position: relative;display: block;width: 100%;padding-bottom: 83.333%;}
.case-page-item img,.case-page-item video{position: absolute;left: 0;top: 0;transition: all .5s;display: block;width: 100%;height: 100%;}
.case-page-item:hover img{transform: scale(1.1);}

/* c4d详情页 */
.c4d-banner{position: relative;}
.c4d-banner .title{position: absolute;left: 5.52%;top: 50%;color: #fff;}
.c4d-banner .title p{margin-bottom: 30px;line-height: 1em;}
.c4d-banner .title span{line-height: 1em;}
.c4d-nav{display: flex;flex-flow: column;justify-content: space-between;height: 864px;box-sizing: border-box;margin-top: 50px;padding: 116px 0 106px;background: url(/static/img/c4d/c4d_bg.jpg)center/cover no-repeat;}
.c4d-nav .title img{display: block;max-width: 100%;height: auto;}
.c4d-nav ul{display: flex;justify-content: space-between;}
.c4d-nav ul li{}
.c4d-nav ul li a{}
.c4d-nav ul li .num{position: relative;padding-bottom: 6px;}
.c4d-nav ul li .num img{display: block;}
.c4d-nav ul li .num p{position: absolute;left: 0;bottom: 0;color: #fff;line-height: 1em;}
.c4d-nav ul li .info{margin-top: 27px;font-weight: lighter;}
.c4d-nav ul li .info .msg{margin-bottom: 20px;color: #666;line-height: 1em;}
.c4d-nav ul li .info .keywords{color: #333;line-height: 1em;}
.c4d-wrap1,.c4d-wrap2,.c4d-wrap3{padding-top: 100px;}
.c4d-title{display: flex;justify-content: space-between;align-items: flex-end;margin-top: 80px;color: #333;}
.c4d-title .title{}
.c4d-title .en{margin-bottom: 33px;line-height: .8em;font-weight: bold;text-transform: uppercase;}
.c4d-title .cn{line-height: 1em;}
.c4d-title .pic img{display: block;}
.c4d-wrap1 .c4d-content{color: #666;}
.c4d-wrap1 .c4d-content .msg{width: 67.7%;padding: 22px 0 72px;line-height: 1.5em;}
.c4d-wrap1 .c4d-content .icon{display: flex;margin-bottom: 72px;}
.c4d-wrap1 .c4d-content .icon .item{position: relative;margin-right: 90px;}
.c4d-wrap1 .c4d-content .icon .item .cycle{width: 145px;height: 145px;border-radius: 50%;overflow: hidden;}
.c4d-wrap1 .c4d-content .icon .item .cycle img{display: block;width: 100%;height: 100%;}
.c4d-wrap1 .c4d-content .icon .item p{margin-top: 34px;line-height: 1em;text-align: center;}
.c4d-wrap1 .c4d-content .icon .item .add{position: absolute;top: 75px;right: -45px;transform: translate(50%,-50%);line-height: 1em;}
.c4d-wrap1 .c4d-content .pic{}
.c4d-wrap1 .c4d-content .pic img{display: block;max-width: 100%;height: auto;}
.c4d-com-video{cursor: pointer;}
.c4d-com-video.open .player{opacity: 0;}
.c4d-video{position: relative;width: 100%;padding-bottom: 41.66%;margin-top: 110px;}
.c4d-video video{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.c4d-video .player{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;width: 81px;height: 81px;}
.c4d-video .player img{display: block;width: 100%;height: 100%;}
.c4d-box{}
.c4d-box img{display: block;max-width: 100%;height: auto;}
.c4d-videolist{display: flex;justify-content: space-between;}
.c4d-videolist .item{position: relative;width: 49.47%;padding-bottom: 34.375%;overflow: hidden;}
.c4d-videolist .item:first-child{border-radius: 0 15px 15px 0;}
.c4d-videolist .item:last-child{border-radius: 15px 0 0 15px;}
.c4d-videolist .item video{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.c4d-videolist .item .player{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.c4d-swiper{margin: 40px auto;padding: 58px 0;border-radius: 15px;background: linear-gradient(to right,#e4e7f2,#b6bcd2);overflow: hidden;}
.c4d-swiper .item{position: relative;width: 417px;height: auto;padding-bottom: 28.75%;border-radius: 15px;overflow: hidden;}
.c4d-swiper .item img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}

/* 洞见 */
.news-list{padding: 70px 0 100px;}
.news-item{padding: 40px 0;border-bottom: 1px solid #e5e5e5;}
.news-item a{display: flex;}
.news-item-pic{width: 360px;height: 360px;background: #e5e5e5;}
.news-item-pic img{display: block;width: 100%;height: 100%;}
.news-item-text{display: flex;flex-flow: column;justify-content: center;width: calc(100% - 360px);min-height: 360px;box-sizing: border-box;padding-left: 60px;}
.news-item-date{color: #666;font-size: 16px;font-weight: 300;line-height: .8em;}
.news-item-title{margin: 38px 0 30px;color: #333;font-size: 30px;line-height: 32px;}
.news-item-msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height: 64px;}
.news-item-more{position: relative;width: 96px;margin-top: 54px;color: #333;font-size: 14px;line-height: .8em;text-transform: uppercase;}
.news-item-more::after{content: "";position: absolute;left: 0;bottom: -8px;transition: all .5s;width: 20px;height: 1px;background: #000;}
.news-item a:hover .news-item-date,.news-item a:hover .news-item-title,.news-item a:hover .news-item-msg,.news-item a:hover .news-item-more{color: #fff;}
.news-item a:hover .news-item-more::after{width: 100%;background: #fff;}

/* 详情页 */
.read{padding: 100px 0 132px;}
.read-top{padding-bottom: 13px;border-bottom: 1px solid #e5e5e5;}
.read-top-title{margin-bottom: 38px;color: #333;font-size: 30px;line-height: 32px;}
.read-top-main{display: flex;justify-content: space-between;align-items: center;color: #666;font-size: 14px;font-weight: 300;line-height: 1em;}
.read-top-info{display: flex;align-items: center;}
.read-top-info p{margin-right: 32px;}
.read-top-info p:last-child{margin-right: 0;}
.read-top-share{display: flex;align-items: center;}
.read-share-list{display: flex;align-items: center;}
.read-share-list a{display: flex;justify-content: center;align-items: center;width: 32px;height: 32px;border-radius: 50%;margin-left: 20px;background: #e1171b;}
.read-share-list a.icon-wechat{background: #28c445;}
.read-share-list a i{color: #fff;font-size: 20px;line-height: 1em;}
.read-content{padding: 36px 0 92px;border-bottom: 1px solid #e5e5e5;}
.read-content img{max-width: 100%;height: auto;}
.read-page {display: flex;justify-content: space-between;padding-top: 20px;}
.read-page a{color: #666;font-size: 14px;line-height: 1em;transition: all .5s;}
.read-page a p{text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s;}
.read-page-item{display: flex;align-items: center;width: 48%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.read-page-item.next{justify-content: flex-end;}
.read-page a:hover p{color: #3461d1;}


/* 数字营销 */
.market-business{padding-top: 102px;background: #fff;}
.market-business-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 25px auto 30px;}
.market-business-item{position: relative;width: 49.42%;box-sizing: border-box;padding: 0 30px;box-sizing: border-box;margin-bottom: 30px;overflow: hidden;}
.market-business-item:first-child{background: #5684f4;}
.market-business-item:nth-child(2){background: #6dc468;}
.market-business-item:nth-child(3){background: #f0436b;}
.market-business-item:nth-child(4){background: #f7566e;}
.market-business-bg{position: absolute;right: -60px;bottom: -134px;}
.market-business-item:nth-child(2) .market-business-bg{right: -40px;bottom: -25px;}
.market-business-item:nth-child(3) .market-business-bg{right: -13px;bottom: -113px;}
.market-business-item:nth-child(4) .market-business-bg{right: -50px;bottom: -45px;}
.market-business-bg img{display: block;opacity: 0.5;}
.market-business-title{padding: 25px 0;border-bottom: 1px solid rgba(255,255,255,.3);color: #fff;font-size: 30px;line-height: 1em;}
.market-business-point{padding: 26px 0 20px;}
.market-business-point a{transition: all .5s;display: flex;align-items: center;color: #fff;opacity: .5;}
.market-business-point span{transition: all .5s;display: block;width: 6px;height: 1px;margin-right: 10px;background: #fff;}
.market-business-item:hover .market-business-point a{opacity: 1;}
.market-business-item:hover .market-business-point a span{width: 30px;}
.market-business-more{position: relative;}
.market-business-moretitle{position: relative;display: flex;justify-content: center;align-items: center;}
.market-business-moretitle::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background: #e5e5e5;}
.market-business-moretitle p{position: relative;z-index: 1;display: inline-block;padding: 0 8px;line-height: 1em;text-align: center;background: #fff;}
.market-business-platform{display: flex;justify-content: center;align-items: center;margin-top: 40px;}
.market-business-platform img{display: block;margin: 0 16px;}

.market-advantage{padding: 86px 0 40px;background: #fff;}
.market-advantage-content{margin: 48px auto 76px;}
.market-advantage-content p{position: relative;padding-left: 38px;}
.market-advantage-content p::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 8px;border-radius: 50%;background: #3461d1;}
.market-tips{}
.market-advantage-bg{height: 910px;}
.market-advantage-bg::after{content: "";position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background: url(/static/img/advantage_bg.jpg)center/cover no-repeat;}
.market-tips.two{padding: 90px 0 53px;}
.market-video-box{position: relative;cursor: pointer;height: 552px;}
.market-video-play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 86px;height: 86px;border-radius: 50%;background: rgba(238, 238, 238, .95);opacity: 0;}
.market-video-play.on{opacity: 1;}	
.market-video-play img{transition: all .5s;display: block;margin-right: -4px;opacity: .8;}
.market-video-box .market-video-play:hover{background: #3461d1;}
.market-video-box .market-video-play:hover img{opacity: 1;}
.market-video-box video{display: block;width: 100%;height: 100%;}
.market-tips.three{padding: 90px 0 47px;}

.market-match-box{display: flex;justify-content: center;align-items: center;padding: 58px 0 66px;overflow-x: hidden;background: #fafafa;}
.market-match-main{position: relative;}
.market-match-main img{display: block;}
.market-match-point{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.market-match-pointitem{position: absolute;display: flex;align-items: center;}
.market-match-pointitem-cycle{position: relative;width: 17px;height: 17px;}
.market-match-pointitem-cycle::before{content: "";position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;border-radius: 50%;}
.market-match-pointitem-cycle::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;width: 55px;height: 55px;box-sizing: border-box;border: 1px solid #f0e9dd;border-radius: 50%;animation: cycle 2s linear infinite;}
.market-match-pointitem p{width: 80px;margin-left: 22px;color: #666;font-size: 16px;}
.market-match-pointitem1{top: 22.95%;left: 6.28%;}
.market-match-pointitem1 .market-match-pointitem-cycle::before{background: #f0e9dd;}
.market-match-pointitem2{top: 28.96%;left: 87.84%;}
.market-match-pointitem2 .market-match-pointitem-cycle::before{background: #386680;}
.market-match-pointitem3{top: 37.29%;left: 55.6%;}
.market-match-pointitem3 .market-match-pointitem-cycle::before{background: #ffaa00;}
.market-match-pointitem4{top: 50.27%;left: 52.18%;}
.market-match-pointitem4 .market-match-pointitem-cycle::before{background: #f0e9dd;}
.market-match-pointitem5{top: 50.89%;left: 78.96%;}
.market-match-pointitem5 .market-match-pointitem-cycle::before{background: #da3c30;}
.market-match-pointitem6{top: 55.46%;left: 36.61%;}
.market-match-pointitem6 .market-match-pointitem-cycle::before{background: #ff7000;}
.market-match-pointitem7{top: 73.49%;left: 18.57%;}
.market-match-pointitem7 .market-match-pointitem-cycle::before{background: #dc321e;}
.market-match-pointitem8{top: 84.28%;left: 76.5%;}
.market-match-pointitem8 .market-match-pointitem-cycle::before{background: #f0e9dd;}
.market-match-pointitem9{bottom: 1.36%;left: 34.15%;}
.market-match-pointitem9 .market-match-pointitem-cycle::before{background: #162343;}
@keyframes cycle{
    0%{transform: translate(-50%,-50%) scale(0);opacity: 0;}
    100%{transform: translate(-50%,-50%) scale(1);opacity: 1;}
}

.market-team{padding: 90px 0 112px;}
.market-team-slogan{position: relative;margin-top: 46px;padding-left: 38px;}
.market-team-slogan::before{content: "";position: absolute;left: 0;top: 16px;transform: translateY(-50%);width: 8px;height: 8px;border-radius: 50%;background: #3461d1;}
.market-team-slogan a{position: relative;transition: all .5s;color: #333;}
.market-team-slogan a::after{content: "";position: absolute;left: 0;bottom: 0;transition: all .5s;width: 100%;height: 1px;background: #666;opacity: 0.4;}
.market-team-slogan a:hover{color: #3461d1;}
.market-team-slogan a:hover::after{background: #3461d1;}
.market-team-main{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 14px;}
.market-team-pic{position: relative;width: 48.92%;}
.market-team-pic .swiper-slide{position: relative;width: 100%;height: auto;padding-bottom: 68.46%;border-radius: 8px;overflow: hidden;cursor: pointer;}
.market-team-pic img,.market-team-pic video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.market-team-pic i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;z-index: 1;;color: #fff;font-size: 74px;line-height: 1em;opacity: .8;cursor: pointer;}
.market-team-pic .swiper-slide:hover i{opacity: 1;}
.market-work{padding-bottom: 80px;}
.market-work-top{margin-top: 70px;}

/* 资源 */
.resources-intro{display: flex;justify-content: space-between;padding: 152px 0 164px;}
.resources-num{position: relative;display: flex;justify-content: center;align-items: center;flex-flow: column;width: 434px;height: 433px;color: #3461d1;line-height: 1em;text-align: center;}
.resources-num .resources-num-info{display: block;margin: 0 auto 32px;}
.resources-num .resources-num-cycle{position: absolute;left: 50%;top: 50%;transition: all .5s;display: block;width: 100%;height: 100%;animation: rotate 10s linear infinite;}
@keyframes rotate{
	0%{transform: translate(-50%,-50%)rotate(0)}
	100%{transform: translate(-50%,-50%)rotate(360deg)}
}
.resources-intro-content{width: 53.57%;max-width: calc(100% - 500px);}
.resources-intro-title{margin-bottom: 52px;color: #3461d1;font-size: 30px;line-height: 1em;}
.resources-intro-msg{margin-bottom: 70px;text-align: justify;}
.resources-intro-msg p{margin-bottom: 1em;}
.resources-intro-content .i-more{margin: 0;}
.resources-apply{position: relative;display: flex;justify-content: center;align-items: center;height: 987px;background: #3461d1;}
.resources-apply-cycle{width: 686px;height: 686px;border-radius: 50%;background: rgba(255, 255, 255, .1);}
.resources-apply-main{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;flex-flow: column;align-items: center;width: 652px;height: 652px;border-radius: 50%;box-sizing: border-box;padding-top: 177px;background: rgba(255, 255, 255, .2);}
.resources-apply-title{color: #fff;font-size: 45px;line-height: 1em;text-align: center;}
.resources-apply-msg{margin:63px 0 98px;width: 79.75%;color: #fff;text-align: center;}
.resource-apply-email{position: relative;display: flex;justify-content: center;align-items: center;width: 180px;height: 50px;box-sizing: border-box;border-radius: 4px;border: 1px solid #fff;cursor: pointer;}
.resource-apply-email i{transition: all .5s;color: #fff;font-size: 28px;line-height: 1em;}
.resource-apply-email p,.resource-apply-email span{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;transition: all .5s;display: block;width: 100%;color: #fff;font-size: 16px;text-align: center;opacity: 0;}
.resource-apply-email span{display: none;opacity: 1;}
.resource-apply-email:hover i{opacity: 0;}
.resource-apply-email:hover p{opacity: 1;}
.resource-apply-email.copied i{display: none;}
.resource-apply-email.copied p{display: none;}
.resource-apply-email.copied span{display: block;}
.resources-contact{display: flex;flex-flow: column;justify-content: center;align-items: center;padding: 109px 0 152px;}
.resources-contact a{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 68px;height: 68px;box-sizing: border-box;border: 1px solid #d9d9d9;border-radius: 50%;}
.resources-contact i{transition: all .5s;color: #9a9a9a;font-size: 18px;line-height: 1em;}
.resources-contact a:hover{border-color: #3461d1;background: #3461d1;}
.resources-contact a:hover i{color: #fff;}
.resources-contact-tip{margin-top: 18px;color: #333;font-size: 18px;line-height: 1em;text-align: center;}

/* 联系我们 */
.contact-info{margin: 7.1% auto 7.8%;box-shadow: 0 0 10px rgba(0,0,0,.08);}
.contact-info-ul{display: flex;justify-content: space-between;}
.contact-info-ul .card{position: relative;display: flex;justify-content: space-between;flex-direction: column;width: 25%;padding: 40px 0 40px 34px;box-sizing: border-box;overflow: hidden;}
.contact-info-ul .card + .card{border-left: 1px solid #f0f0f0;}
.contact-info-ul .card i{position: absolute;top: 40px;right: -20px;font-size: 120px;line-height: 1em;color: #3461d1;opacity: .06;}
.contact-info-ul .card-tit{margin-bottom: 70px;line-height: 1.4;}
.contact-info-ul .card-text p{line-height: 2;}
.contact-info-ul .card-text img{padding: 10px;background: #fff;}
.contact-info-ul .card:hover{color: #fff;background: #3461d1;}
.contact-info-ul .card:hover i{color: #fff;opacity: .2;}


.contact-main-box{position: relative;padding-top: 10px;text-align: center;overflow: hidden;padding-bottom: 86px;}
.contact-main-box::after{content: "";position: absolute;left: 0;top: 120px;width: 100%;height: 100%;background: #f5f5f5;}
.contact-main{position: relative;z-index: 1;display: inline-block;box-shadow: 0 0 10px rgba(0,0,0,.08);}
.contact-main-inner{position: relative;margin: 0 auto;padding: 95px 5.6vw 0;overflow: hidden;background: #fff;}
.contact-msg{margin-bottom: 106px;}
.contact-msg-tit{margin-bottom: 84px;text-align: center;}
.contact-msg-form{}
.contact-msg-form .form-top{display: flex;justify-content: space-between;}
.contact-msg-form .form-top .form-info{width: 47%;}
.contact-msg-form .form-top .form-content{width: 48%;box-sizing: border-box;}
.contact-msg-form .input-box, .contact-msg-form .form-content{display: flex;align-items: flex-start;padding: 12px 26px;border: 1px solid #eee;}
.contact-msg-form .input-box:nth-child(1){margin-bottom: 52px;}
.contact-msg-form .form-top input, .contact-msg-form .form-top textarea{display: block;width: 100%;min-height: 100%;font-size: inherit;font-family: inherit;line-height: 32px;color: #999;border: none;outline: none;resize: none;}
.contact-msg-form .form-top i{display: block;margin-right: 16px;font-size: 26px;line-height: 32px;color: #555;transition: all .3s;}
.contact-msg-form .input-box:hover, .contact-msg-form .form-content:hover{border-color: #0097f5;transition: all .3s;}
.contact-msg-form .input-box:hover i, .contact-msg-form .form-content:hover i{color: #3461d1;}
.contact-msg-form .form-btn{margin-top: 60px;}
.contact-msg-form .form-btn button{background: transparent;cursor: pointer;outline: none;}
.contact-msg-form .form-btn button:hover{background: #3461d1;}
.contact-address{padding-bottom: 118px;}
.contact-address-tit{margin-bottom: 150px;text-align: left;}
.contact-address .contact-address-ul{width: 32%;}
.contact-address-ul .item{display: flex;align-items: flex-start;margin-bottom: 94px;cursor: pointer;text-align: left;}
.contact-address-ul .item-num{position: relative;margin-right: 54px;background: #e5e5e5;border-radius: 50%;}
.contact-address-ul .item-num::before{position: absolute;display: block;content: "";top: 50%;left: 50%;width: 71px;height: 71px;background: url(/static/img/icon2.png) center no-repeat;background-size: cover;transform: translate(-50%,-50%);opacity: 0;transition: all .5s;}
.contact-address-ul .item-num span{position: relative;display: block;width: 58px;height: 58px;font-size: 24px;font-weight: bold;color: #fff;line-height: 58px;text-align: center;}
.contact-address-ul .item-text .item-tit{color: #000;}
.contact-address-ul .item-text .item-sum{margin-top: 1em;line-height: 1.75;color: #555;}
.contact-address-ul .item-on .item-num{color: #fff;background: #3461d1;}
.contact-address-ul .item-on .item-num::before{opacity: 1;}
.contact-address-ul .item-on .item-tit{color: #3461d1;}
.contact-address-ul .item-on .item-sum{color: #3461d1;}
.contact-address-map{position: absolute;bottom: -21.4vw;right: -18.9vw;width: 74.8%;/*padding-bottom: 74.8%*/;border-radius: 50%;background: #fff;z-index: 9;overflow: hidden;}
.contact-address-map::before{display: block;content: "";width: 100%;padding-bottom: 100%;/*适配mac的padding-bottom兼容*/}
.contact-main-bg{position: absolute;bottom: -21.4vw;right: -18.9vw;width: 74.8%;padding-bottom: 74.8%;border-radius: 50%;background: #3461d1;}
.contact-address-map .map{position: absolute;top: -6.7vw;left: -7.45vw;width: 100%;height: 100%;}
.BMap_pop, .BMap_shadow, .BMap_cpyCtrl, .anchorBL, .BMapLabel{display: none !important;}
.BMap_Marker img{display: block;width: 96px;height: auto;}
/* media css */
@media screen and (max-width:1700px) {
	.w1620{width: 90%;}
	.header-nav .navbox{padding-right: 20px;margin-right: 20px;}
	.navbox li{margin-right: 20px;}
	.header-tool{margin-left: 20px;}
	.header-tool a{padding: 0 10px;}
	.about-culture-msg{width: 350px;}
}
@media screen and (max-width:1500px) {
	.w1400,.w1320{width:90%;}
	.header-main .logo{width: 300px;}
	.navbox li{margin-right: 14px;}
	.web-team-pic{width: 290px;height: 290px;}
	.web-team-line{left: 290px;width: calc((100% - 870px) / 2);}
	.web-team-line.two{left: auto;right: 290px;}
	.web-team-line img{display: block;width: 100%;height: auto;}
	.contact-info-ul .card{padding: 40px 0 40px 20px;}
}
@media screen and (max-width:1366px) {
	.w1820,.w1700,.case2-content-title{width: 96%;}
	.header-main .logo{width: 230px;}
	.header-nav .navbox{padding-right: 10px;margin-right: 10px;}
	.navbox li{margin-right: 10px;}
	.header-selected i{margin-right: 4px;}
	.header-tool{margin-left: 10px;}
	.header-tool a.header-plan{margin-left: 10px;}
	.header-selected,.header-tool a.header-tel,.header-tool a.header-plan{font-size: 14px;}
	.header-service{height: 570px;padding-top: 60px;}
	.header-service-title{margin-bottom: 50px;font-size: 30px;}
	.header-service-tel p{font-size: 20px;}
	.footer-contact-item{margin-right: 100px;}
	.com-form .com-form-main{width: 900px;padding: 80px 40px 40px;}
	.com-title .cn{font-size: 40px;}
	.f-40{font-size: 30px;}
	.i-banner-item{height: 700px;}
	.i-banner-page i{font-size: 40px;}
	.i-about{padding: 120px 0;}
	.i-about-title{margin-bottom: 50px;font-size: 40px;}
	.i-about-text{font-size: 24px;}
	.i-product-nav li a{font-size: 16px;}
	.i-news-list{width: 30%;}
	.i-adv,.web-adv4{height: 460px;}
	.inner-banner-swiper,.inner-banner1{height: 550px;}
	.inner-banner1-title{font-size: 40px;}
	.inner-banner1-title.en{margin-top: 20px;}
	.inner-banner1-msg{margin-top: 20px;padding-top: 30px;}
	.brand-info{padding: 120px 0;}
	.brand-info-title .cn{font-size: 40px;}
	.brand-info-title .en{letter-spacing: 3px;text-align-last:auto}
	.web-advantage-bg img{display: block;width: 600px;}
	.web-develop-bg img{display: block;width: 800px;}
	.web-team-bg img{display: block;width: 600px;}
	.web-work-bg img{display: block;width: 600px;}
	.web-history{padding-top: 50px;}
	.web-history-bg img{display: block;width: 500px;}
	.web-adv4-text{padding-top: 130px;}
	.about-business-content{width: 60%;}
	.about-culture-msg{top: 10px;width: 250px;padding: 20px 16px;}
	.about-culture-msg p{padding-left: 16px;}
	.about-culture-msg p::before{width: 8px;height: 8px;}
	.about-state-main{width: 60%;margin-left: 40%;}
	.contact-info-ul{flex-wrap: wrap;}
	.contact-info-ul .card{width: 50%;border-bottom: 1px solid #f0f0f0;}
	.contact-msg,.contact-address-tit{margin-bottom: 80px;}
	.contact-address .contact-address-ul{width: 50%;}
	.contact-address-ul .item{margin-bottom: 50px;}
	.contact-address-ul .item-num{margin-right: 30px;}
	.contact-address-ul .item-num::before{width: 54px;height: 54px;}
	.contact-address-ul .item-num span{width: 46px;height: 46px;font-size: 20px;line-height: 46px;}
	
}
@media screen and (max-width:1280px) {
	.w1820{width: 1230px;}
	.w1700{width: 1230px;}
	.w1620{width: 1200px;}
	.w1400{width: 1100px;}
	.w1320{width: 1100px;}
	.navbox li{margin-right: 6px;}
	.header-nav .navbox{padding-right: 6px;margin-right: 6px;}
	.header-tool a.header-tel{display: none;}
	.header-tool,.header-tool a.header-plan{margin-left: 6px;}
	.header-tool a.header-plan{display: flex;justify-content: center;align-items: center;width: 35px;padding: 0;border-radius: 50%;}
	.header-tool a.header-plan i{display: block;color: #fff;font-size: 20px;line-height: 1em;}
	.header-tool a.header-plan p{display: none;}
	.header-selected i{font-size: 16px}
	.header-selected img{margin-right: 8px;}
	.footer-copyright{flex-flow: column;align-items: center;}
	.footer-copyright-main{flex-flow: column;align-items: center;}
	.footer-copyright p, .footer-copyright a{line-height: 1.5em;}
	.footer-copyright a{padding: 0;}
	.footer-copyright a::after{display: none;}
	.web-team-show{height: 390px;}
	.web-team-pic{width: 240px;height: 240px;}
	.web-team-line{left: 240px;width: calc((100% - 720px) / 2);}
	.web-team-line.two{left: auto;right: 240px;}
	.web-team-line img{display: block;width: 100%;height: auto;}
	.web-history-text{width: 160px;}
	.web-history-title{font-size: 22px;}
	.web-history-msg{font-size: 16px;line-height: 1.5em;}
	.about-culture-inner{width: 650px;height: 650px;}
	.about-culture-title{width: 140px;height: 140px;}
	.about-culture-line{top: 81.57%;height: 110px;}
	.about-culture-item.two .about-culture-line{left: 76.78%;top: -44.57%;}
	.about-culture-item.three .about-culture-line{right: 76.78%;top: -44.57%;}
	.about-culture-outer{top: -180px;width: 930px;height: 930px;}
	.about-culture-inner{width: 500px;height: 500px;}
	.about-culture-center{width: 160px;height: 160px;border-width: 20px;font-size: 32px;}
	.about-culture-center::after{width: 210px;height: 210px;}
	.about-culture-title{width: 110px;height: 110px;}
	.about-culture-title p{width: 70px;height: 70px;font-size: 20px;line-height: 1.2em;}
	.about-culture-line{height: 90px;}
	.about-culture-item.two .about-culture-line,.about-culture-item.three .about-culture-line{top: -49.57%;}
	.about-culture-msg{padding: 10px;width: 230px;}
	.about-culture-msg p{font-size: 16px;line-height: 1.5em;}
	.about-culture-msg p::before{width: 6px;height: 6px;}
	.about-culture-content{width: 90%;}
	.about-culture-box{height: 830px;}
	.about-culture-text{padding-left: 40px;margin-bottom: 10px;}
	.about-culture-text::before{left: 20px;width: 6px;height: 6px;}
	.resources-num{width: 340px;height: 340px;}
	.resources-intro-content{max-width: calc(100% - 400px);}
}



/* 
@media screen and (max-width:960px) {
	body{padding-top: 80px;}
	.w1400{width: 96%;}
	.header-main{height: 80px;}
	.header-main .logo{width: 300px;}
	.header-nav{align-items: center;}
	.header-nav .navbox,.header-select,.header-tool a.header-tel,a.header-plan{display: none;}
	.header-tool{margin-left: 0;}
	.header-tool a.header-plan{margin-left: 10px;}
	.header-selected, .header-tool a.header-tel, .header-tool a.header-plan{font-size: 14px;}
	.header-menu{display: block;}
	.footer{padding-top: 0;}
	.footer-top{padding: 20px 0;}
	.footer-link a{padding: 0 12px;font-size: 14px;}
	.footer-share a{margin-right: 10px;}
	.footer-main{flex-flow: column;justify-content:flex-start;padding: 30px 0;}
	.footer-contact{flex-flow: column;}
	.footer-contact-item{margin-right: 0;margin-bottom: 40px;}
	.footer-contact-info,.footer-relation p, .footer-relation a{font-size: 14px;line-height: 1.5em;}
	.footer-copyright p, .footer-copyright a{font-size: 12px;}
	.i-banner-item{height: 600px;}
	.i-about{padding: 90px 0;}
	.i-about-title{margin-bottom: 40px;font-size: 36px;}
	.i-about-msg{padding-right: 120px;}
	.i-about-list{margin-top: 50px;}
	.i-about-text,.i-news-type{font-size: 24px;}
	.i-product{padding-bottom: 90px;}
	.i-product-list{margin-bottom: 60px;}
	.i-product-item{width: 50%;padding-bottom: 41.66%;}
	.i-news{padding-bottom: 90px;}
	.i-news-main{flex-wrap: wrap;}
	.i-news-list{width: 100%;margin-bottom: 60px;}
	.i-news-list:last-child{margin-bottom: 0;}
	.i-adv-title{font-size: 50px;}
	.inner-banner-swiper, .inner-banner1{height: 400px;}
	.inner-banner-title{margin-bottom: 14px;font-size: 36px;}
	.inner-banner-text{bottom: 25%;}
}
@media screen and (max-width:768px) {
	.i-banner-item{height: 500px;}
	.i-about-title{font-size: 28px;}
	.i-about-msg{padding-right: 0;font-size: 16px;line-height: 1.5em;}
	.i-about-msg p{min-height: 1.5em;}
	.i-about-more{position: relative;right: auto;bottom: auto;display: inline-block;height: 90px;padding-top: 80px;}
	.i-about-more-rectangle{right: auto;left: 0;width: 90px;height: 90px;}
	.i-about-more-rectangle::after{height: 90px;}
	.i-about-text, .i-news-type{font-size: 20px;}
	.i-about-play{width: 26px;height: 26px;margin-right: 14px;}
	.i-about-more-text,.i-about-itemmore span,.i-product-more{font-size: 12px;}
	.i-about-item .i-about-slide,.i-product-summary,.i-news-item a{font-size: 16px;line-height: 1.5em;}
	.i-about-slide p{padding-left: 40px;}
	.i-about-slide p::before{top: 12px;}
	.i-about-itemmore{padding: 30px 0 8px 40px;}
	.i-about-slide p::before{left: 8px;}
	.i-product-nav li{margin-right: 10px;}
	.i-product-nav li a{font-size: 14px;}
	.i-product-item{width: 100%;padding-bottom: 83.16%;}
	.i-product-title span{font-size: 18px;}
	.i-news-item a span{font-size: 12px;}
	.i-adv, .web-adv4{height: 330px;}
	.i-adv-title{font-size: 32px;}
	.inner-banner-title{font-size: 28px;}
}
@media screen and (max-width:500px) {
	.w1400{width: 98%;}
	.header-main .logo{width: 240px;}
	.footer-link a{font-size: 12px;}
	.footer-contact-item{margin-bottom: 20px;}
	.footer-contact-info, .footer-relation p, .footer-relation a{font-size: 12px;}
	.footer-contact-title{margin-bottom: 10px;font-size: 14px;}
	.i-banner-item{height: 400px;}
	.i-about-title{font-size: 24px;}
	.i-about-msg,.i-about-item .i-about-slide, .i-product-summary, .i-news-item a{font-size: 14px;}
	.i-about-more{height: 80px;padding-top: 70px;}
	.i-about-more-rectangle{width: 80px;height: 80px;}
	.i-about-more-rectangle::after{height: 80px;}
	.i-about-text{padding: 30px 0 20px;font-size: 18px;}
	.i-about-slide p::before{top: 10px;}
	.i-product-top{justify-content: flex-end;padding-bottom: 18px;}
	.i-product-more{display: none;}
	.i-product-nav{margin-bottom: 10px;}
	.i-product-nav li{margin-right: 6px;}
	.i-adv, .web-adv4{height: 280px;}
	.i-adv-title{margin-right: -12px;font-size: 26px;letter-spacing: 12px;}
}
@media screen and (max-width:400px) {
	.i-banner-item{height: 330px;}
	.i-about-title{font-size: 22px;}
	.i-about-text{padding: 20px 0;}
	.i-product-nav li a{font-size: 12px;}
} */