/* CRTECH website CSS Document */

/*default fonts*/
@import url("../style/iconfont/iconfont.css");
@import url("../images/fonts/SourceHanSans/SourceHanSans.css");
@import url("../images/fonts/Roboto/Roboto.css");




*{padding: 0; margin: 0; box-sizing: border-box;}
*:focus {outline:none;}
em,i{font-style: normal;}
fieldset, img {border:0;}
ol,dl,dt,dd,ul,li{list-style:none; margin:0; padding:0;}
button,input,select,textarea{resize: none; font-family:inherit; font-size:inherit; font-weight:inherit;}
button{ cursor:pointer;}
a,a:link,a:visited{color: #1e212b;}
a,a:link,a:visited{text-decoration: none;}
body{height: 100vh; overflow: hidden; overflow-y: auto;}
html{font-size: 100px;}


/*========global========*/
body{font:0.14rem/1.5 Roboto,"SourceHanSans","Pingfang SC","Microsoft Yahei",Arial,sans-serif; color: #111; background: #17171A;}
.container-web{padding-top: 0.8rem; min-width: 1366px;}
.w{width: 1300px; margin: 0 auto;}
.lighter{font-weight: lighter;}
.b{font-weight: bold;}
.font12{font-size: 0.12rem;}
.font14{font-size: 0.14rem;}
.font16{font-size: 0.16rem;}
.font18{font-size: 0.18rem;}
.font20{font-size: 0.2rem;}
.center{text-align: center;}



/*========组件========*/
/*header*/
.web-header{background: #fff; padding: 0 0.5rem; box-shadow: 0 0.05rem 0.24rem rgba(8,67,125,0.08); position: fixed; left: 0; top: 0; right: 0; z-index: 10; min-width: 1366px;}
.web-header .logo{position: absolute; left: 0.5rem; top: 50%; margin-top: -0.25rem;}
.web-header .logo:after{content: "医院静配/医药流通企业，全流程智能管家"; line-height: 0.4rem; font-family: STKaiti,KaiTi; font-weight: 200; white-space:nowrap; position: absolute; top: 50%; margin-top: -0.2rem; left: 1.5rem; opacity: 0.45; display: none;}
.web-header .logo a{display: block; width: 1.45rem; height: 0.5rem; background: url("../images/CR_logo.svg") 0 center /auto 100% no-repeat;}
.web-header .logo a:before{content: ""; display: block; width: 0.64rem; height: 0.64rem; background: url(../images/20th.png) center /cover no-repeat; position: absolute; top: 50%; margin-top: -0.32rem; right: -0.7rem;}
@media screen and (max-width:1630px){.web-header .logo:after{font-size: 0.12rem; line-height: 0.16rem; width: 1.4rem; white-space:normal; margin-top: -0.15rem;}}
.web-header .nav{display: flex; align-items: center; justify-content: center;}
.web-header .nav .menu{margin: 0 0.3rem;}
.web-header .nav .menu > a{display: block; line-height: 0.8rem; font-size: 0.16rem; padding: 0 0.2em; position: relative;}
.web-header .nav .menu > a .cicon{font-size: 0.12rem; position: absolute; right: -0.13rem;}
.web-header .nav .menu > a:before{content: ""; height: 3px; background: #2083B9; border-radius: 1rem; position: absolute; left: 20%; right: 20%; bottom: 0.1rem; transform: scaleX(0); transition: all 0.3s;}
.web-header .nav .menu > a:hover:before{content: ""; height: 3px; background: #2083B9; position: absolute; left: 20%; right: 20%; bottom: 0.1rem; transform: scaleX(1);}
.web-header .nav .menu > a.active{font-weight: 500; color: #2083B9;}
.web-header .nav .menu > a.active:before{transform: scaleX(1);}
.m-menu-on{display: none;}

.header-submenu{height: 0; background:#fff; overflow: hidden; opacity: 0; transition: all 0.3s; position: absolute; left: 0; right: 0; z-index: 5;}
.header-submenu .services{display: flex; justify-content: center; padding: 0.5rem;}
.header-submenu .services dl + dl{margin-left: 1rem;}
.header-submenu .services dt{font-size: 0.22rem; font-weight: 600; margin-bottom: 0.3rem; color: #207AB7;}
.header-submenu .services dd{margin-bottom: 0.2rem;}
.header-submenu .services dd a{color: #333;}
.header-submenu .services dd a:hover{color: #207AB7;}
.web-header .nav .menu:hover .header-submenu{height: 4rem; opacity: 1;}
.web-header .nav .menu:hover .complex:after{content: ""; border-left: 0.06rem solid transparent; border-right: 0.06rem solid transparent;  border-bottom: 0.06rem solid #fff; position: absolute; bottom: 0; left: 50%; margin-left: -0.03rem;}

.customer-btn{display: flex; width: 0.36rem; height: 0.36rem; align-items: center; justify-content: center; padding: 0.07rem; position: absolute; right: 0.5rem; top: 50%; margin-top: -0.2rem; transition: all 0.3s;}
.customer-btn svg{display: block; width: 100%; height: 100%;}
.customer-btn:hover{color: #1E9BB5; transform: scale(1.1);}


/*slider*/
.slider-module{height: 100%; position: relative;}
.swiper-pagination-bullet{transition: all 0.3s;}
.swiper-pagination-bullet-active{background: #fff; transform: scale(1.2);}
.swiper-button-next, .swiper-button-prev{opacity: 0.1;}
.swiper-button-next:hover, .swiper-button-prev:hover{opacity: 0.8;}
.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/*tab*/
.tab-module{}
.tab-module .tab{display: flex; align-items: center;}
.tab-module .tab li + li{margin-left: 2em;}
.tab-module .tab a{display: block; line-height: .48rem; position: relative;}
.tab-module .tab a.active:before{content: ""; display: block; height: 2px; background: #2298B9; border-radius: 10px; position: absolute; left: 3px; bottom: 0; right: 3px;}

/*分页*/
.paging-module{}
.paging-module .paging{display: flex; align-items: center; justify-content: center;}
.paging-module .paging li{ min-width: 0.36rem; text-align: center; font-size: 0.16rem;}
.paging-module .paging li + li{margin-left: 1em;}
.paging-module .paging li a{display: flex; align-items: center; justify-content: center; height: 0.36rem; padding: 0 0.3em; border-radius: 0.06rem; font-weight: 600; transition: all 0.3s;}
.paging-module .paging li a:hover{background: rgba(0,0,0,0.1);}
.paging-module .paging li a.active{color: #fff; background: #000; background: linear-gradient(45deg,#1E9BB5,#2179B7);}
.paging-module .paging svg{display: block; height: 0.2rem; margin: 0 auto;}
.paging-module .paging .next svg{transform: rotate(180deg);}

/*面包屑*/
.crumbs-module{font-size: 0.12rem; color: rgba(255,255,255,0.7); padding:0 0.5rem; position: absolute; left: 0; top: 1rem; right: 0; z-index: 2;}
.crumbs-module ul{display: flex; align-items: center; padding: 0.1rem 0;}
.crumbs-module li + li{position: relative; margin-left: 0.3rem;}
.crumbs-module li + li:before{content: ""; display: block; width: 0.12rem; height: 0.12rem; background: url("../images/arrow.svg") 0 0 /auto 100% no-repeat; position: absolute; transform: rotate(180deg); left: -0.25rem; top: 50%; margin-top: -0.06rem;}
.crumbs-module .back-btn{display: flex; align-items: center; }
.crumbs-module .back-btn:before{content: ""; display: block; width: 0.16rem; height: 0.16rem; background: url("../images/arrow.svg") 0 0 /auto 100% no-repeat;}
.crumbs-module a{color: rgba(255,255,255,0.7)}
.crumbs-module a:hover{color: #fff}

.crumbs-module2{color: #fff;}
.crumbs-module2 h3{font-size: 0.36rem; margin-bottom: 0.06rem;}
.crumbs-module2 ul{display: flex; align-items: center; opacity: 0.65;}
.crumbs-module2 a{color: #fff;}
.crumbs-module2 li{margin-right: 2em; position: relative;}
.crumbs-module2 li + li:before{content: ""; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/arrow.svg) 0 0 /auto 100% no-repeat; transform: rotate(180deg); position: absolute; left: -1.5em; top: 50%; margin-top: -0.06rem;}

/*footer*/
.web-fooer{color: rgba(255,255,255,0.4); background: #232323;}
.web-fooer .copyright{font-size: 0.12rem; text-align: center; padding: 0.18rem 0;}
.web-fooer .copyright span{margin: 0 0.5em;}

.web-fooer .foot-whole{display: flex; padding: 0.4rem 0; border-bottom: 1px solid rgba(255,255,255,0.05);}
.web-fooer .foot-whole > .items{flex: 1;}
.web-fooer .foot-whole > .items.kf{flex: none; width: 2.8rem; border-right: 1px solid rgba(255,255,255,0.08); margin-right: 0.8rem;}
.web-fooer .foot-whole > .items.comm{flex: none;}
.web-fooer .foot-whole .f-title{font-size: 0.15rem; font-weight: 600; color: rgba(255,255,255,0.6); padding: 0.3rem 0;}
.web-fooer .foot-whole ul li{line-height: 0.3rem;}
.web-fooer .foot-whole ul a{display: inline-block; color: rgba(255,255,255,0.4); transition: all 0.3s;}
.web-fooer .foot-whole ul a:hover{color: rgba(255,255,255,0.85);}

.web-fooer .hotline{display: flex; align-items: center; margin-bottom: 0.15rem;}
.web-fooer .hotline:before{content: ""; display: block; width: 0.38rem; height: 0.38rem; background: url("../images/phone.svg") center center /60% no-repeat; border: 1px solid #fff; border-radius: 0.06rem; margin-right: 0.1rem; opacity: 0.6;}
.web-fooer .hotline div{flex: 1; font-size: 0.12rem; line-height: 0.24rem;}
.web-fooer .hotline em{display: block; font-size: 0.22rem; color: rgba(255,255,255,0.7);}

.web-fooer .qrlist{display: flex; text-align: center; padding-top: 0.15rem;}
.web-fooer .qrlist .codebox + .codebox{margin-left: 0.25rem;}
.web-fooer .qrlist .codebox img{display: block; width: 0.64rem; height: 0.64rem; margin-bottom: 0.07rem;}


/*浮动菜单*/
.float-menu{background: rgba(32,122,183,0.9); border-radius: 0.1rem; box-shadow: 0 0.02rem 0.26rem rgba(9, 85, 120, 0.4); position: fixed; top: 35%; right: 10px; z-index: 8;}
.float-menu > .item{position: relative;}
.float-menu > .item + .item{border-top: 1px solid rgba(255,255,255,0.1);}
.float-menu > .item a{display: block; color: #fff; text-align: center; padding:0.2rem 0.05rem;}
.float-menu > .item a svg{display: block; width: 0.24rem; fill:#fff; margin: 0 auto; margin-bottom: 0.1rem; transition: all 0.3s;}
.float-menu > .item a > span{display: block; font-size: 0.12rem;}
.float-menu > .item:hover a svg{fill:#fff;}

.float-menu .msg{position: absolute; top: 0.03rem; right: 0.6rem;}
.float-menu .msg .tips{background: #fff; white-space: nowrap; box-shadow: 0 0.02rem 0.26rem rgba(0,0,0,0.1); border-radius: 0.06rem; padding: 0.1rem; margin-right: 0.1rem; position: relative;}
.float-menu .msg .tips:before{content: ""; border-top: 0.06rem solid transparent; border-bottom: 0.06rem solid transparent; border-left: 0.06rem solid #fff; position: absolute; top: 0.15rem; right: -0.06rem;}

.float-menu .hotline{color: #888; padding: 0.15rem 0.2rem;}
.float-menu .hotline > .item{position: relative; padding-left: 0.2rem;}
.float-menu .hotline > .item i{font-size: 0.16rem; position: absolute; top: 0.1rem; left: -0.1rem;}
.float-menu .hotline > .item + .item{margin-top: 0.1rem; padding-top: 0.1rem; border-top: 1px solid #f3f3f3;}
.float-menu .hotline em{display: block; font-size: 0.16rem; font-weight: 600; color: #333;}

.float-menu .qr{text-align: center; padding: 0.05rem;}
.float-menu .qr img{display: block; width: 1.28rem; margin-bottom: 0.08rem;}

.float-menu .msg{transform: scale(0); transform-origin: right center; opacity: 0; transition: all 0.3s;}
.float-menu > .item:hover .msg{transform: scale(1); opacity: 1; transition-delay: 0.15s;}




/*========footer========*/
.web-footer{background: #fff;}
.web-footer{background: #fff;}
.web-footer .foot-wrap{display: flex; padding: 0.6rem 0;}
.web-footer dt{font-size: 0.16rem; font-weight: 600; margin-bottom: 1.5em;}
.web-footer dd,.web-footer a{color: #777;}
.web-footer a:hover{color: #111;}
.web-footer dd{padding: 0.5em 0;}
.web-footer .f-brand{width: 2.2rem; background: url(../images/CR_logo.svg) 0 0 /1.2rem auto no-repeat; border-right: 1px solid #eee; padding-top: 0.8rem; margin-right: 0.7rem;}
.web-footer .f-brand .slogan{font-size: 0.14rem; font-weight: 600; margin-bottom: 0.3rem;}
.web-footer .f-links{display: flex; justify-content: space-between; flex: 1;}
.web-footer .f-links dl + dl{margin-left: 0.5rem;}
.web-footer .copyright{font-size: 12px; text-align: center; color: #6c6e79; background: #17171A; padding: 18px 0;}
.web-footer .copyright span{margin: 0 0.5em;}
.web-footer .qrcode{display: flex; text-align: center;}
.web-footer .qrcode .qrbox + .qrbox{margin-left: 0.15rem;}
.web-footer .qrcode img{display: block; width: 1rem; height: 1rem;}


/*========首页========*/
.home .web-main{}
/*banner*/
.home .slider-module{color: #fff;height: 6.2rem; position: relative;}
.home .swiper-slide{font-size: 0.2rem;}
.home .slider-module .keywords{width: 13rem; line-height: 0.32rem; padding: 0 0.2rem; text-align: left; margin: 0 auto; position: relative;}
.home .slider-module .keywords h3{font-size: 0.5rem; font-weight: 600; margin-bottom: 0.36rem; text-shadow: 0 3px 10px rgba(0,0,0,0.2);}
.home .slider-module .keywords .ms{margin-bottom: 0.25rem;}
.home .slider-module .enter-btn{display: inline-block; line-height: 0.44rem; font-size: 0.16rem; color: #fff; align-items: center; border: 2px solid #fff; border-radius: 5rem; padding: 0 1.2em; transition: all 0.3s;}
.home .slider-module .enter-btn i{font-size: 0.14rem; line-height: 1; margin-left: 0.1rem;}
.home .slider-module .enter-btn:hover{color: #000; background: rgba(255,255,255,0.85); transform: translateY(-2px) scale(1.05);}

.home .slider-module .pivas{background: url("../images/banners/banner_pivas.png") center 0 /cover no-repeat;}
.home .slider-module .wholesale{background: url("../images/banners/banner_pf.png") center 0 /cover no-repeat;}
.home .slider-module .ouivas{background: url("../images/banners/banner_ouivas.png") center 0 /cover no-repeat;}
.home .slider-module .wms{background: url("../images/banners/banner_wms.png") center 0 /cover no-repeat;}
.home .slider-module .contracts{background: url("../images/banners/banner_contracts.png") center 0 /cover no-repeat;}
.home .slider-module .yunme{background: url("../images/banners/banner_yunme.png") center 0 /cover no-repeat;}
.home .slider-module .th20{background: url("../images/banners/banner_20.png") center 0 /cover no-repeat;}

.column-header{padding: 0.5rem 7%;}
.home-column-title{font-size: 0.36rem; padding: 0.8em 0;}
.home-column-ms{font-size: 0.17rem; line-height: 2em; opacity: 0.8;}
/*医院产品*/
.index-products-hospital{height: 7.8rem; background: url(../images/bg_his.png) center 0 /cover no-repeat;}
.home .hospitals{font-size: 0.17rem;}
.home .hospitals .his-tab{display: flex; justify-content: center; border-bottom: 2px solid rgba(0,0,0,0.1); margin: 0 25%; position: relative;}
.home .hospitals .his-tab a{display: block; font-size: 0.18rem; line-height: 0.54rem; opacity: 0.7; margin: 0 0.3rem;}
.home .hospitals .his-tab li.active a{opacity: 1; position: relative;}
.home .hospitals .his-tab li.active a::before{content: ""; display: block; height: 3px; background: linear-gradient(90deg,#4D84DB,#844ddb); position: absolute; left: 0; right: 0; bottom: -2px; transition: all 0.3s;}

.home .his-content{position: relative;}

.his-sfeatures{display: flex; flex-wrap: wrap; margin-bottom: 0.6rem;}
.his-sfeatures li{width: 33%; padding: 0.08rem 0;}

.home .pivas-in{height: 4.3rem; padding: 0.8rem 0 0 4.8rem; position: relative; transition: all 0.3s;}
.home .pivas-in::before{content: ""; display: block; width: 3.92rem; height: 5.22rem; background: url(../images/zhuyuan.png) 0 0 /cover no-repeat; position: absolute; left: 0.2rem; bottom: 0; transform-origin: center bottom; animation: hospitals 2s infinite;}
@keyframes hospitals{
	0%{transform: scaleY(1);}
	50%{transform: scaleY(1.02);}
	100%{transform: scaleY(1);}
}
.home .ouivas-in{width: 100%; height: 4.3rem; padding: 0.8rem 0 0 4.8rem; position: absolute; left: 0; top: 0; transform: translateX(100%); opacity: 0; transition: all 0.3s;}
.home .ouivas-in::before{content: ""; display: block; width: 4.48rem; height: 4.04rem; background: url(../images/his.png) 0 0 /cover no-repeat; position: absolute; left: 0.2rem; bottom: 0; transform-origin: center bottom; animation: hospitals 2s infinite;}
.tb2 .pivas-in{transform: translateX(-100%); opacity: 0;}
.tb2 .ouivas-in{transform: translateX(0); opacity: 1;}

/*医药产品*/
.index-products-pharmaceutical{height: 7.8rem; background: url(../images/bg_med.png) center 0 /cover no-repeat;}
.index-products-pharmaceutical .product-list{width: 6.2rem; overflow: hidden; padding-top: 0.6rem; margin-left: 2rem;}
.index-products-pharmaceutical .product-list li{width: 50%; font-size: 0.17rem; float: left;}
.index-products-pharmaceutical .product-list li a{display: block; line-height: 0.46rem; padding: 0 1em; border-radius: 5rem; transition: all 0.3s; position: relative;}
.index-products-pharmaceutical .product-list li a i{display: none; font-size: 0.14rem; position: absolute; top: 0; right: 0.2rem;}
.index-products-pharmaceutical .product-list li a:hover{background: rgba(32,131,185,0.2);}
.index-products-pharmaceutical .product-list li a:hover i{display: block;}


.home .btn-entrance{display: inline-block; line-height: 0.48rem; padding: 0 1.5em; font-size: 0.16rem; color: #fff; background: linear-gradient(90deg,#2083B9,#8a23f7); border-radius: 5rem; transition: all 0.3s;}
.home .btn-entrance i{margin-left: 0.05rem;}
.home .btn-entrance:hover{transform: scale(1.025); box-shadow: 0 3px 12px rgba(30, 187, 163, 0.3);}

/*优势*/
.index-advantage{background:url(../images/bg_ad.png) center 140% /100% auto no-repeat #F7F9FD;}
.index-advantage .points ul{ display: flex; flex-wrap: wrap; text-align: center;}
.index-advantage .points li{ width: calc(100% / 3); padding: 0 0.8rem; margin-bottom: 0.8rem;}
.index-advantage .points li i,
.index-advantage .points li span,
.index-advantage .points li em{display: block;}
.index-advantage .points li img{display: block; width: 100%;}
.index-advantage .points li i{width: 0.64rem; height: 0.64rem; margin: 0 auto; margin-bottom: 0.2rem;}
.index-advantage .points li em{font-size: 0.2rem; font-weight: 800; margin-bottom: 0.2rem;}
.index-advantage .points li i.ip{width: auto; line-height: 0.64rem; font-size: 0.56rem; font-weight: 800; background-image: linear-gradient(180deg,#2DA5C9,#DF32E6); color: transparent; -webkit-background-clip: text;}

.index-advantage .honors{background: linear-gradient(90deg,transparent,rgba(255,255,255,0.8),rgba(255,255,255,0.8),transparent); opacity: 0.75;}
.index-advantage .honors ul{display: flex; height: 2.2rem;  align-items: center; text-align: center;}
.index-advantage .honors li{flex: 1;}
.index-advantage .honors li i{display: block; width: 0.86rem; height: 0.86rem; margin: 0 auto; margin-bottom: 0.2rem;}
.index-advantage .honors li img{display: block; width:100%; height: 100%;}

/*服务*/
.index-service{height: 6.5rem; color: #fff; font-size: 0.16rem; background: url(../images/bg_fw.png) center 0 /cover no-repeat;}
.index-service .magic-msg{width: 5rem; height: 4rem; margin: 0 auto; position:relative; margin-top: -0.2rem;}
.index-service .magic-msg::before{content: ""; display: block; width: 100%; height: 100%; background: url(../images/mf.png) 0 0 /cover no-repeat; animation: jump 3s infinite;}
.index-service .magic-msg .tips{display: flex; align-items: center; width: 4.3rem; height: 2.4rem;padding: 0 0.6rem; position: absolute; top: 0.6rem; left: -50%;}
.index-service .magic-msg .tips::before{content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(79,135,242,0.2),rgba(79,135,242,0)); border-radius: 0.4rem; transform: skewX(-8deg);  position: absolute; left: 0; top: 0; z-index: 0;}
.index-service .magic-msg .tips ul{ position: relative; z-index: 2;}
.index-service .magic-msg .tips li{padding: 0.5em 0;}
.index-service .magic-msg .tips li span{color: #ffc107;}
.index-service .magic-msg .tips:last-child{padding-left: 1.8rem; left: auto; right: -50%;}
.index-service .magic-msg .tips:last-child::before{background: linear-gradient(90deg,rgba(79,242,167,0),rgba(79,242,167,0.2));}
@keyframes jump{
	0%{transform: translateY(0);}
	50%{transform: translateY(-1%);}
	100%{transform: translateY(0);}
}

/*客户*/
.index-customers{height: 8rem; background: url(../images/sea.png) center 0 /cover no-repeat;}
.index-customers .distribution{display: flex; align-items: center; justify-content: center;}
.index-customers .distribution .mapbox{display: flex; width: 6.74rem; height: 5.72rem; background: url(../images/map.png) 0 0 /cover no-repeat; margin-top: -0.5rem; position: relative;}
.mapbox *::before, .mapbox *::after{box-sizing: border-box;}
.index-customers .distribution .mapbox::before{content: ""; display: block; width: 0.92rem; height: 1.3rem; background: url(../images/map_i.png) 0 0 /cover no-repeat; position: absolute; right: -10%; bottom: -2%;}
.mapbox .city{width: 0.1rem; height: 0.1rem; background: #00ADED; border-radius: 100%; position: absolute;}
.mapbox .city:before{content: ""; display: block; width: 0.18rem; height: 0.18rem; border: 1px solid #00ADED; border-radius: 100%; left: 50%; top: 50%; margin-left: -0.09rem; margin-top: -0.09rem; position: absolute; animation: beat 1s linear infinite;}
.mapbox .city i::before{content: ""; display: block; width: 0.26rem; height: 0.26rem; border: 1px solid #00ADED; border-radius: 100%; left: 50%; top: 50%; margin-left: -0.13rem; margin-top: -0.13rem; position: absolute;  animation: radar 1s linear infinite;}
.mapbox .city i::after{content: ""; display: block; width: 0.34rem; height: 0.34rem; border: 1px solid #00ADED; border-radius: 100%; left: 50%; top: 50%; margin-left: -0.17rem; margin-top: -0.17rem; position: absolute; animation: radar 1.1s linear infinite; transition-delay: 230ms;}
@keyframes beat{
	0%{transform: scale(0.8);}
	50%{transform: scale(1.2);}
	100%{transform: scale(0.8);}
}
@keyframes radar{
	0%{transform: scale(0.5); opacity: 0;}
	50%{transform: scale(1); opacity: 1;}
	100%{transform: scale(1.5); opacity: 0;}
}
.mapbox .city.beijing{left: 74%; top: 37%;}
.mapbox .city.chengdu{left: 51%; top: 64%;}
.mapbox .city.chongqing{left: 62%; top: 63%;}
.mapbox .city.guangxi{left: 62%; top: 83%;}
.mapbox .city.shandong{left: 78%; top: 46%;}
.mapbox .city.lasa{left: 30%; top: 63%;}


.index-customers .distribution .cities{flex: 1; color: #3486BE; margin-left: 0.5rem; margin-top: -0.4rem;}
.index-customers .distribution .cities h4{font-size: 0.2rem; margin-bottom: 0.2rem;}
.index-customers .distribution .cities ul{display: flex; flex-wrap: wrap; width: 3.6rem; }
.index-customers .distribution .cities ul li{width: 25%; text-align: center; padding: 0.03rem;}
.index-customers .distribution .cities ul li span{display: block; line-height: 0.38rem; background: rgba(244,244,244,0.65); border: 1px solid #D8DDE5; border-radius: 0.08rem; transform: skewX(-15deg); transition: all 0.3s; cursor: pointer;}
.index-customers .distribution .cities ul li span:hover{color: #fff; background: linear-gradient(90deg,#2DA5C9,#DF32E6); border-color: #fff; }

/*合作伙伴*/
.index-partners{height: 6rem; background: url(../images/bg_par.png) center 0 /cover no-repeat;}
.partnerslist .parow{display: flex; align-items: center; justify-content: center;}
.partnerslist .partner-card{display: flex; align-items: center; justify-content: center; width: 2rem; height: 0.86rem; background: #fff; box-shadow: 0 3px 12px rgba(209,209,232,0.15); border-radius: 0.12rem; margin: 0.1rem;}
.partnerslist .partner-card img{display: block; max-width: 100%; max-height: 100%; border-radius: 0.12rem;}

/*咨询*/
.index-online{display: flex; align-items: center; justify-content: center; height: 1.6rem; font-size: 0.18rem; color: #fff; background: url(../images/contact_bg_new.png) center 0 /cover no-repeat;}
.index-online a{display: block; line-height: 0.46rem; color: #fff; border: 2px solid #fff; border-radius: 0.12rem; padding: 0 1.5em; margin: 0 2em; transition: all 0.3s;}
.index-online a:hover{color: #3486BE; background: #fff;}

.fixed-footer{color: #fff; position: fixed; left: 0.4rem; bottom: 0.2rem; z-index: 2;}

/*弹层*/
.cr-masker{background: rgba(0,0,0,0.5); backdrop-filter: blur(8px); position: fixed; left: 0; top:0; right:0; bottom:0; z-index:98;}
.cr-masker.invisible{display: none;}
.popup{background: #fff; box-shadow: 0 5px 24px rgba(34,61,92,0.3); border-radius: 0.12rem; position: fixed; left: 50%; top: 50%; z-index: 99; transition: all 0.3s;}
.popup.invisible{transform: scale(0.5); z-index: -99; opacity: 0;}
.popup .exit-btn{display: flex; align-items: center; justify-content: center; width: 0.4rem; height: 0.4rem; position: absolute; top: 0.1rem; right: 0.1rem; z-index: 2; transition: all 0.3s;}
.popup .exit-btn:hover{transform: rotate(180deg);}
.popup .exit-btn i{font-size: 0.16rem;}
.popup.contact-pop{width: 8.6rem; height: 6rem; margin-left: -4.3rem; top: 15vh;}
.popup .btnbar{text-align: center; padding-top: 0.5rem;}
.popup .btnbar .submit-btn{display: inline-block; line-height: 0.54rem; color: #fff; background: linear-gradient(90deg,#2DA5C9,#8e42be); box-shadow: 0 4px 10px rgba(19,12140,147,0.3); padding: 0 3em; border: 0; border-radius: 0.08rem;}
.popup .btnbar .submit-btn:disabled{color: #999; background: #eee; box-shadow: none;}

.msg-board{font-size: 0.16rem; padding: 0.5rem;}
.board-title{font-size: 0.2rem; text-align: center; margin-bottom: 0.7rem;}
.contact-form{width: 4.8rem; margin: 0 auto;}
.contact-form .check-bar{display: flex; justify-content: center; width: 100%; margin-bottom: 0.3rem;}
.contact-form .check-bar label{display: flex; position: relative; color: #717171; margin: 0 0.1rem;}
.contact-form .check-bar label input{display: block; width: 1px; height: 1px; position: absolute; left: 0; opacity: 0;}
.contact-form .check-bar label .checker{display: flex; align-items: center; justify-content: center; width: 0.2rem; height: 0.2rem;color: #fff; border: 2px solid #F5F5F5; border-radius: 0.04rem; margin-right: 0.07rem; transition: all 0.3s;}
.contact-form .check-bar label i{display: none}
.contact-form .check-bar label input:checked + .checker{background: #3486BE; border-color: transparent;}
.contact-form .check-bar label input:checked + .checker i{display: block;}
.contact-form .form-row{display: flex; align-items: center;  margin-bottom: 0.18rem;}
.contact-form .form-row .form-item{flex: 1; position: relative;}
.contact-form .form-field{display: block; width: 100%; height: 0.54rem; border: 2px solid #F5F5F5; border-radius: 0.06rem; padding: 0 0.2rem; transition: all 0.3s;}
.contact-form .form-field:focus{border-color: #207AB7;}
.contact-form select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.contact-form .sex{flex: none !important; width: 1.6rem; margin-left: 0.15rem;}
.contact-form .sex i{line-height: 0.4rem; font-size: 0.18rem; position: absolute; right: 0.12rem; top: 0.08rem; pointer-events: none;}

.receive-tips{text-align: center; padding: 1.2rem 0.5rem;}
.receive-tips .msg{font-size: 0.2rem; margin-bottom: 0.4rem;}
.receive-tips .msg i{display: block; font-size: 0.72rem; color: #0FC61D;}















/*========移动适配========*/
@media screen and (max-width:1200px){
	html{font-size: calc(100vw / 3.75);}
/*	body{font-family: sans-serif;}*/
	.w{width: 100%;}
	
	.container-web{transition: all 0.3s;}
	.web-header{padding: 0 0.15rem; height: 0.58rem;}
	.web-header .logo a{width: 1.2rem; height: 0.4rem;}
	.web-header .nav{height: 100vh; background: rgba(255,255,255,0.9); width: 1.2rem;flex-flow: column; position: fixed; top: 0; right: 0; z-index: 9; transform: translateX(100%); transition: all 0.3s;}
	.web-header .nav .menu + .menu{margin: 0;}
	.web-header .nav .menu{width: 100%; text-align: center;}
	.web-header .nav .menu > a{font-size: 0.14rem; color: rgba(0,0,0,0.85) !important; margin: 0 0.1rem; border-bottom: 0.5px solid rgba(0,0,0,0.04);}
	.web-header .nav .menu > a:before{left: 35%; right: 35%;}
	
	.m-menu-on{display: flex; align-items: center; justify-content: center; width: 0.58rem; height: 0.58rem; color: #111; position: absolute; top: 0; right: 0;  z-index: 11;}
	.home .m-menu-on{color: #fff;}
	.m-menu-on i{font-size: 0.16rem;}
	.navisible-m .m-menu-on{color: #fff; z-index: 10;}
	
	.navisible-m{transform: translateX(-1.2rem);}
	.navisible-m .web-main{overflow: hidden !important;}
	.navisible-m .web-header .nav{box-shadow: 0 0 .28rem rgba(0,0,0,0.35);}
	.navisible-m .web-header:before{content: ""; display: block; width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 0; background: rgba(0,0,0,0.4); backdrop-filter: blur(4px);}
	
	.home .slider-module .pivas{background-image: url("../images/banner2_m.png");}
	.home .slider-module .wms{background-image: url("../images/banner_m.png");}
	.home .slider-module .swiper-slide{padding-left: 0.2rem; padding-right: 0.2rem;}
	.home .slider-module .swiper-slide .font16{font-size: 0.14rem;}
	.home .slider-module .title{font-size: 0.32rem;}
	.home .slider-module .title span{display: block;}
	.swiper-button-next, .swiper-button-prev{display: none;}
	
	.fixed-footer{font-size: 0.12rem; display: none;}

	


	
	.float-menu{right: 0.15rem;}
	
	
	
}