@charset "UTF-8";

 
.wrapper{width: 1200px;margin: 0 auto;}

.header{height: 80px;width: 100%;background: #fff;}
.head-fixed{height:80px;position: fixed;top: 0px;background: #fff;left: 0px;width: 100%;box-shadow: 0 0 5px rgba(0,0,0,.1);z-index: 666;}
 
.login{float: right;background: #0F4F7A;border-radius: 17px;margin-top:23px;padding: 0 8px;}
.login a{color: #fff;padding: 0 8px;line-height: 34px;height: 34px;display: inline-block;vertical-align: top;}
.register{background: #ee4b13;}

 
.top-news{margin:30px 0;}
.top-news ul{display: flex;flex-shrink:0;flex-flow:wrap;}
.top-news ul li{width: 285.25px;margin-left:7px; }
.top-news ul li a{display: block;padding: 15px 18px 6px; border:1px solid #e5e5e5;position: relative;}
.top-news ul li:first-child{margin-left: 0px;}
.top-news ul li:last-child{margin-left: 2px;width:36px;flex:0;}
.top-news ul li:last-child a{padding: 0 10px;color: #ee4b13;display: flex; justify-content:center;align-items:center;line-height: 14px;height: 100%;}
.top-news ul li a:hover{border-color: #ee4b13;transform:translate(0,-10px);}
.top-news ul li a:hover h3{color: #ee4b13;}
.top-news ul li .tag{position: absolute;top: -15px;left: 10px;}
.forTag .tag{display: inline-block;vertical-align: middle; width:34px;line-height: 25px; height: 30px;text-align: center; background: url('../images/tag.png') no-repeat top;color: #fff;font-size: 12px;}
.forTag .tag.Latest{background-position: left top;}
.forTag .tag.hot{background-position: right top;}
.top-news ul li h3{color: #333;margin-bottom: 10px;height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;}
.top-news ul li .news-txt{color: #838383;height: 70px;position: relative; overflow: hidden;}
.top-news ul li .btm-time{text-align: right;color: #999;}

.graybg{background: #f8f8fc;}
.gc-title{padding: 30px 0;text-align: center;overflow: hidden;}
.gc-title h2{font-size:30px;line-height: 30px;position: relative;padding-bottom:15px;}
.gc-title h2:after{content: '';width:50px;height: 3px;position: absolute;bottom: 0px;left: 50%;margin-left: -25px;background: #ee4b13;border-radius: 5px;}
.articleBox{padding-bottom: 40px;}
.itemList{display: flex;flex-shrink:0; flex-wrap:wrap;}
.itemList li{background: #fff;max-height: 500px; padding: 30px;text-align: center;transition:all .3s; }
.itemList li:hover{margin-top: -15px; box-shadow: 0 0 10px rgba(0,0,0,.06);}
.listFour li{width: 285px;margin-right:20px;}
.listFour li:nth-child(4n){margin-right: 0px;}
.itemList h3{margin:20px 0;text-align: center;font-size:18px;position: relative;padding-bottom: 20px;}
.itemList h3:after{content: '';width:40px;height: 2px;position: absolute;bottom: 0px;left: 50%;margin-left: -20px;background: #ee4b13;border-radius: 5px;}
.itemList .section{margin-bottom: 20px;text-align: left; color: #828282;}
.view a{width:140px;height: 40px;text-align: center;border-radius: 20px;border:1px solid #ddd;line-height: 38px;color: #828282;display: block;margin:0 auto;}
.view a:hover{background: #ee4b13;border-color: #ee4b13;color: #fff;}

.gc-service{overflow: hidden;}
.gc-service .icon{display: block;margin:0 auto;width:100px;height: 112px;background: url(../images/icon_g1.png) no-repeat top left;margin:20px auto 10px;}
.serveItems .icon{display: block;margin:0 auto;width:110px;height: 110px;margin:20px auto 10px;}
.gc-service .ser2{background-position: -130px top;}
.gc-service .ser3{background-position: -260px top;}
.gc-service .ser4{background-position: -390px top;}
#swiperBanner .swiper-button-prev{left: 80px;}
#swiperBanner .swiper-button-next{right: 80px;}

@keyframes warn {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    100% {
        transform: scale(4);
        opacity: 0;
    }
}

.map-content{height:692px;position: relative;margin:0px auto 40;background: url(../images/globalmap.png) no-repeat left top;text-align: left; }
.map-hm .red-pointer{display: inline-block;width:12px;height: 12px;border-radius: 50px;background:#ee4b13;box-shadow: 0 0 5px 0 rgba(0,0,0,.5);position: relative;z-index: 55; }
.map-hm .red-pointer:before{content: '';display: block; width: 12px;height: 12px;position: absolute;top: 0px;left: 0px; z-index: 2; background: #ee4b13; border-radius: 50%;animation: warn 1.5s ease-out infinite;}

.map-hm .coordinate-item{position: absolute;}
.map-hm .city-name{background: #fff;position: absolute;bottom: 24px;box-shadow: 0 0 5px 0 rgba(0,0,0,.2);border-radius: 3px;white-space:nowrap;padding: 0 10px;}
.map-hm .city-name:after{content: '';border-top: 7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent; position: absolute;bottom: -5px;}
.map-hm .city-name h4{line-height: 36px;}
.map-hm .with-icon{height: 40px;line-height: 43px;  font-weight: bold;font-size: 20px;  }
.map-hm .warehouse-detail{position: absolute;bottom: 40px;background: #fff;box-shadow: 0 0 5px 0 rgba(0,0,0,.2);border-radius: 3px;width:560px;padding: 20px;opacity: 0;display: none;z-index: 66; }
.box-flex{display: flex;display: -webkit-flex;display: -o-flex;display: -moz-flex;}
.map-hm .warehouse-detail:after{content: '';border-top: 7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent; position: absolute;bottom: -7px;}
.map-hm .house-info{flex:1;color: #545454; margin-right: 20px;font-size: 20px;line-height: 32px;}
.map-hm .house-section{flex:1;display: flex;flex-flow:wrap;flex-shrink:0; align-items:center;padding-left: 10px;}
.map-hm .house-section .item{margin-bottom: 10px;width: 100%;}
.map-hm .house-pic{display: flex;width: 150px; align-items:center;flex-flow:wrap;}
.map-hm .house-pic img{width:100%;margin-bottom: 10px; overflow: hidden;border-radius: 10px; }
.map-hm .house-pic img:last-child{margin-bottom: 0px;}
.map-hm .right-side .city-name{right: -10px;}
.map-hm .right-side .city-name:after{right: 11px;}
.map-hm .right-side .warehouse-detail{right: -20px;}
.map-hm .right-side .warehouse-detail:after{right: 20px;}
.map-hm .left-side .city-name{left: -10px;}
.map-hm .left-side .city-name:after{left: 11px;}
.map-hm .left-side .warehouse-detail{left: -20px;}
.map-hm .left-side .warehouse-detail:after{left: 19px;}
.map-hm .place-r1{left: 548px;top: 181px;}
.map-hm .place-r2{left: 561px;top: 230px;}
.map-hm .place-r3{left: 541px;top: 262px;}
.map-hm .place-r4{right: 103px;bottom: 90px;}
.map-hm .place-r5{left:607px;top: 206px;}
.map-hm .place-r6{left: 600px;top: 244px;}
.map-hm .place-r7{left: 294px;top: 257px;}
.map-hm .place-r8{left: 148px;top: 276px;}
.map-hm .place-r9{left:585px;top: 202px;}
.map-hm .place-r10{left: 274px;top: 312px;}
.map-hm .place-r11{right: 314px;bottom: 375px;}
.map-hm .place-r12{left: 95px;top: 200px;}
.map-hm .place-r13{right: 99px;top: 193px;}
.map-hm .place-r14{right: 90px;top: 176px;}
i .ad2{background-position:-78px top; }
.gc-advant li .ad3{background-position:-158px top; }
.gc-advant li .ad4{background-position:-238px top; }
.gc-advant li .ad5{background-position:-318px top; }
.gc-advant li .ad6{background-position:-398px top; }
.gc-advant li .feature_employee{background-position:-470px top; }
.gc-advant li .adIco4{width:44px;height: 40px;display: block;margin:0 auto;background: url(../images/g2_precision.png) no-repeat center center;}
.gc-advant li .feature_inventory{background-position:-535px top; }
.gc-advant h3{font-size:46px;color: #ee4b13;margin:30px 0;}

.about-videoImg{float: left;margin-right: 30px;}
.about-videoImg img{width: 540px;}
.about-main{overflow: hidden;line-height: 26px;color: #666;}
.about-article{/* height: 286px; */overflow: hidden;position: relative;margin-bottom: 30px;text-align: justify;}
.about-article:after{content: '...';width: 30px;height: 22px;line-height: 22px;position: absolute;right: 0px;bottom: 3px;text-align: right;}
.about-main .view a{margin:0px;}

.gc-advant{overflow: hidden;}
.gc-advant ul{display: flex;flex-shrink:0; flex-wrap:wrap;justify-content:space-between;}
.gc-advant li{width: 240px;margin:30px 0;text-align: center;}
.gc-advant li .icon{width:44px;height: 40px;display: block;margin:0 auto;background: url(../images/icon_g2.png) no-repeat left top;}
.gc-advant li .ad1{background-position:2px top; }
.gc-advant l
.ftPartner{border-top: 1px solid #eee;padding: 15px 0;}
#partnerLogo .swiper-slide{text-align: center;}
#partnerLogo img{height: 80px;}
#partnerLogo .swiper-button-next,#partnerLogo .swiper-button-prev{background-size: 10px;}

.suspend-right{position: fixed;top: 34%;right: 0px;z-index: 666;}
.suspend-right .tab{width: 70px;height: 70px;position: relative;z-index: 22; background: #252835;margin-bottom: 2px;}
.suspend-right .tab .icon{display: block;width: 70px;height: 70px;background: url(../images/icon_g5.png) no-repeat 17.5px center;}
.suspend-right .tab .wechat{background-position:17.5px center;} 
.suspend-right .tab .tel{background-position:-95px center;} 
.suspend-right .tab .qq{background-position:-207px center;} 
.suspend-right .tab .help{background-position:-319px center;} 
.suspend-right .slideTab{position: absolute;right: 90px;top: 0px;background: #d5dff8;box-shadow: 0 0 10px rgba(0,0,0,.1);transition:all .3s;padding: 15px;text-align: center;white-space: nowrap;min-height: 70px;min-width: 140px;display: flex;visibility: hidden;opacity: 0;align-items:center;flex-flow:wrap;}
.suspend-right .slideTab:after{content: '';display: block; border-left: 7px solid #d5dff8;   border-bottom: 7px solid transparent;  border-top: 7px solid transparent;position: absolute;right: -7px;top:30px; }
.suspend-right .slideTab h3{width: 100%;font-size: 16px;color: #000;}
.suspend-right .slideTab a{color: #000;display: block;}
.suspend-right .slideTab img{display: block;margin:0 auto 7px;}
.suspend-right .slideTab .contact h3{margin-bottom: 10px;padding: 0 10px;line-height: 40px;border: 1px solid #ddd;border-radius: 3px;text-align: left;margin-top: 0px;}
.suspend-right .slideTab .contact h3:last-child{margin-bottom: 0px;}
.suspend-right .tab:hover .slideTab{visibility: visible;opacity: 1;right: 70px;}