/* CRTECH website CSS Document */

/*default fonts*/
@import url("../style/iconfont/iconfont.css");
@import url("../images/fonts/SourceHanSans/SourceHanSans.css");
@import url("../images/fonts/Quicksand/Quicksand.css");
@import url("../images/fonts/OpenSans/OpenSans.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: #06133B;}
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 Quicksand,"pingfang SC","SourceHanSans","Microsoft Yahei",Arial,sans-serif; color: #111; background: #F8F8F8;}
.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{display: flex; align-items: center; justify-content: space-between; height: 0.7rem; 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;}
.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 .nav{display: flex; align-items: center;}
.web-header .nav .menu + .menu{margin-left: 0.52rem;}
.web-header .nav .menu > a{display: block; line-height: 0.7rem; font-size: 0.16rem; font-weight: 600; padding: 0 0.2em; position: relative;}
.web-header .nav .menu > a:before{content: ""; height: 3px; background: #2083B9; border-radius: 1rem; position: absolute; left: 0; right: 0; 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: 0.2em; right: 0.2em; bottom: 0.1rem; transform: scaleX(1);}
.web-header .nav .menu > a.active:before{transform: scaleX(1);}
.web-header.special{background: transparent; box-shadow: none; transition: all 0.3s;}
.web-header.special:hover{background: rgba(0,0,0,0.18); backdrop-filter: blur(5px);}
.web-header.special .logo a{background-image: url("../images/CR_logo2.svg");}
.web-header.special .nav .menu > a{color: #fff;}
.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;}

.w{width: 1200px; position: relative; margin: 0 auto;}

/*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.76rem; height: 0.76rem; margin-bottom: 0.07rem;}


/*浮动菜单*/
.float-menu{background: rgba(255,255,255,0.9); border-radius: 5rem; box-shadow: 0 0.02rem 0.26rem rgba(0,0,0,0.15); position: fixed; top: 35%; right: 20px; z-index: 8;}
.float-menu > .item{position: relative;}
.float-menu > .item + .item{border-top: 1px solid #f5f5f5;}
.float-menu > .item a{display: flex; align-items: center; justify-content: center; width: 0.48rem; height: 0.48rem;}
.float-menu > .item a svg{display: block; width: 35%; fill:#111; transition: all 0.3s;}
.float-menu > .item:hover a svg{fill:#2083B9;}

.float-menu .msg{position: absolute; top: 0.03rem; right: 0.48rem;}
.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;}




/*========首页========*/
.home .web-main{height: 100vh; position: relative;}
.home .slider-module{color: #fff; position: relative;}
.home .swiper-slide{font-size: 0.22rem;}
.home .slider-module .title{font-size: 0.56rem; margin-bottom: 0.1rem;}
.home .slider-module .wms{background: url("../images/banner.png") 0 0 /cover no-repeat;}
.home .slider-module .pivas{background: url("../images/banner2.png") 0 0 /cover no-repeat;}
.home .slider-module .pivas:before{content: ""; background: rgba(0,0,0,0); position: absolute; left:0; right: 0; bottom: 0; top: 0;}
.home .slider-module .default{background: url("../images/banner0.png") 0 0 /cover no-repeat;}
.home .slider-module .default .des{text-align: left; margin-left: -25vw;}
.slider-module .banner-btn{display: inline-block; border: 1px solid rgba(255,255,255,0.4); color: #fff; border-radius: 50px; padding: 0.4em 1.5em; margin-top: 2.5em; transition: all 0.3s;}
.slider-module .banner-btn:hover{border-color: rgba(255,255,255,0.9); background: rgba(255,255,255,0.15);}


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


/*========关于我们========*/
.aboutUs .slogan{height: 4.3rem; background: url("../images/about_bg.png") 0 0 /cover no-repeat;}
.aboutUs .slogan .w{height: 100%; padding: 2rem 0 0 0.5rem;}
.aboutUs .slogan .w h3{font-family:"隶书", fangsong; font-size: 0.34rem; font-weight: lighter; font-style: italic; color: #fff;}

.aboutUs .section-title{font-size: 0.32rem; font-weight: 600; text-align: center; padding: 0.8rem 0;}
.aboutUs .introduction{font-size: 0.16rem; line-height: 2em; color: #555; position: relative; padding-bottom: 3rem;}
.aboutUs .introduction h4{color: #06133B;}
.aboutUs .introduction p{margin-top: 2em;}

.cr-bg{background: url("../images/building.png") -2% bottom /auto 50% no-repeat; position: relative;}
.cr-bg:before{content: ""; display: block; width: 100%; height: 100%; background: url("../images/cr.jpg") center center /cover no-repeat; opacity: 0.07; position: absolute; ;left: 0; top: 0;}

.grow-up{height: 8rem; background:url("../images/grow_bg.png") 0 0 /cover no-repeat #999; position: relative;}
.grow-up:before{content: ""; display: block; background: rgba(35, 155, 185,0.2); backdrop-filter: blur(10px); position: absolute; left: 0; top: 0 ; right: 0; bottom: 0;}
.grow-up .timeline{}
.grow-up .timeline dl{border-left: 2px solid #fff; padding-left: 0.5rem; padding: 0.5rem;}
.grow-up .timeline dt{font-size: 0.24rem; font-weight: 100; padding: 0.3rem 0; position: relative;}
.grow-up .timeline dt:before{content: ""; display: block; width: 8px; height: 8px; background: #fff; border-radius: 100%; position: absolute; left: calc(-0.5rem - 5px); top: 50%; margin-top: -4px; transform: scale(2.5); opacity: 0.3; animation: dot 3s infinite;}
.grow-up .timeline dt:after{content: ""; display: block; width: 8px; height: 8px; background: #fff; border-radius: 100%; position: absolute; left: calc(-0.5rem - 5px); top: 50%; margin-top: -4px;}
.grow-up .timeline dd{font-size: 0.16rem; background: rgba(255,255,255,0.6); border-radius: 0.08rem; padding: 0.2rem; position: relative;}
.grow-up .timeline dd + dd{ margin-top: 0.15rem;}
.grow-up .timeline dd:before{content: ""; border-top: 0.1rem solid transparent; border-bottom: 0.1rem solid transparent; border-right: 0.1rem solid rgba(255,255,255,0.6); position: absolute; top: 0.22rem; left: -0.1rem;}

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

.structure{background: #fff; padding-bottom: 1rem;}
.structure img{display: block; max-width: 100%; margin-left: -3px; margin: 0 auto;}

.culture{height:6.5rem; font-size: 0.16rem; background:url("../images/cr.png") 0 center /cover no-repeat #ddd; position: relative;}
.culture:before{content: ""; display: block; background: rgba(255,255,255,0.9); position: absolute; left: 0; top: 0 ; right: 0; bottom: 0;}
.culture .list{overflow: hidden;}
.culture .list > .item{width: 50%; padding: 0.1rem; float: left;}
.culture dl{background: rgba(0,0,0,0.06); padding: 0.25rem;}
.culture dt{}
.culture dd{font-weight: 600; font-size: 0.17rem; color: #2083B9;}


/*========新闻中心========*/
.news-slider{height: 600px;}
.news-slider .swiper-slide:before{content: ""; display: block; background:rgba(0,0,0,0.4); position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.3s;}
.news-slider .swiper-slide:hover:before{background: rgba(0,0,0,0.5); backdrop-filter: blur(6px);}
.news-slider .swiper-slide .title{max-width: 16em; font-size: 0.36rem; color: #fff; text-align: left; display: block; position: relative;}
.news-slider .swiper-slide .title:before{content: "“"; position: absolute; left: -1em; top: -1em;}
.news-slider .swiper-slide .title:after{content: "”"; position: absolute; right: -1em; bottom: -1.5em;}
.news-slider .swiper-slide.s1{background: url("../images/banner_news1.png") 0 0 /cover no-repeat;}
.news-slider .swiper-slide.s2{background: url("../images/banner_news2.png") 0 0 /cover no-repeat;}

.newslist{overflow: hidden; zoom:1; margin-left: -0.2rem; margin-right: -0.2rem;}
.newslist .news-card{width: calc(100% / 3); float: left; padding: 0.2rem;}
.newslist .news-card .imgbox{overflow: hidden; border-radius: 0.1rem; margin-bottom: 0.15rem;}
.newslist .news-card img{display: block; width: 100%; height: 2.2rem; transition: all 0.3s;}
.newslist .news-card img:hover{transform: scale(1.02);}
.newslist .news-card span{opacity: 0.5;}
.newslist .news-card .title{font-size: 0.16rem; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newslist .news-card .title:hover{opacity: 0.8;}

.news .paging-module{padding: 0.8rem 0;}

.news-details{width: 8.4rem; padding-top: 1.7rem; margin: 0 auto;}
.news-details .w{width: 100%;}
.news-details .news-title{border-bottom: 1px solid rgba(0,0,0,0.08); padding-bottom: 0.2rem;}
.news-details .news-title h2{font-size: 0.36rem; font-weight: 600; margin-bottom: 0.05rem;}
.news-details .news-title > span{display: inline-block; font-size: 0.16rem; opacity: 0.6;}
.news-details .text-wrap{font-size: 0.16rem; line-height: 2.3em; padding: 0.4rem 0; position: relative;}
.news-details .text-wrap p{margin-bottom: 2.2em;}
.news-details .text-wrap img{display: block; max-width: 100%; margin: 0 auto;}

.news-details .shareBar{position: absolute; top: 1.8rem; right: -1rem;}
.news-details .shareBar ul{text-align: center;}
.news-details .shareBar ul:before{content: "分享"; display: block;  margin-bottom: 0.15rem;}
.news-details .shareBar li{margin-bottom: 0.1rem;}
.news-details .shareBar li a{display: flex; align-items: center; justify-content: center; width: 0.5rem; height: 0.5rem; background: #fff; border-radius: 0.06rem; box-shadow: 0 0 0.2rem rgba(0,0,0,0.08); transition: all 0.3s;}
.news-details .shareBar li a svg{width: 80%;}
.news-details .shareBar li a:hover{background:#1E9BB5; transform: scale(1.1);}
.news-details .shareBar li a:hover svg{fill:#fff;}

.news .tab-module{font-size: 0.2rem; padding: 0.8rem;}
.news .tab-module .tab{justify-content: center;}
.news .tab-module .tab li{margin-left: -1px !important;}
.news .tab-module .tab a{width: 8em; text-align: center; border: 1px solid #ddd;}
.news .tab-module .tab a.active{color: #fff; background: #2298B9; border-color: #2298B9;}
.news .tab-module .tab a.active:before{height: 0.04rem;}


/*========客户服务========*/
.contact{}
.contact .decorate{height: 4rem; background: url("../images/contact_bg.png") center 0 /cover no-repeat;}
.contact .service-info{display: flex; justify-content: center; margin-top: -0.8rem;}
.contact .service-info .contact-card{flex: 1; background: #fff; padding: 0.2rem 0.4rem; border-radius: 0.12rem; box-shadow: 0 0.04rem 0.4rem rgba(26,99,135,0.07); transition: all 0.3s;}
.contact .service-info .contact-card:hover{box-shadow: 0 0.04rem 0.5rem rgba(26,99,135,0.2);}
.contact .service-info .contact-card + .contact-card{margin-left: 0.3rem;}
.contact .c-title h3{display: inline-block; font-size: 0.22rem; font-weight: 600; position: relative;}
.contact .contact-card .c-title h3{padding-bottom: 0.1rem;}
.contact .contact-card .c-title h3:before{content: ""; display: block; height: 0.03rem; width: 0.4rem; background: #207AB7; border-radius: 5rem; position: absolute; left: 0; bottom: 0;}
.contact .contact-card .tel{text-align: center; color: #888; padding: 0.4rem 0;}
.contact .contact-card .tel em{display: block; font-size: 0.32rem; color: #06133B; margin-top: 0.15rem;}
.contact .contact-card ul{text-align: center; padding: 0.2rem 0.5rem; border-top: 1px solid rgba(0,0,0,0.04);}
.contact .contact-card .block-layer{display: flex; justify-content: center;}
.contact .contact-card .block-layer li + li{margin-left: 0.5rem;}
.contact .contact-card .block-layer .msbox{display: flex; align-items: center; justify-content: center; width: 0.86rem; height: 0.86rem; margin: 0 auto; margin-top: 0.1rem;}
.contact .contact-card .block-layer .msbox img{display: block; width: 100%;}
.contact .contact-card .block-layer .msbox .qq{display: block; width: 0.34rem; height: 0.38rem; background: url("../images/qq.svg") 0 0 /100% auto no-repeat;}
.contact .contact-card .line-layer{padding-top: 0.4rem; opacity: 0.7; line-height: 2em;}

.contact .contact-info{display: flex; padding: 0.5rem 0;}
.contact .contact-info dl{flex: 1; border-bottom: 2px solid #207ab7; padding-bottom: 0.2rem;}
.contact .contact-info dl + dl{margin-left: 0.5rem;}
.contact .contact-info dt{font-size: 0.2rem; font-weight: 600; margin-bottom: 0.18rem;}
.contact .contact-info dd + dd{margin-top: 0.5em;}
.contact .contact-info dd span{margin-right:2em;}
.contact .contact-info dd a + a{margin-left: 1.2em;}


/*========产品介绍========*/
.products{padding-top: 0.7rem;}

.product-card{display: flex; margin-bottom: 0.2rem;}
.product-card:nth-child(even){flex-flow: row-reverse;}
.product-card > *{width: 50%;}
.product-card .text dl{transition: all 0.3s;}
.product-card.pivas .stage{background: url("../images/pivas_img.png") center center /cover no-repeat;}
.product-card.oivas .stage{background: url("../images/oivas_img.png") center center /cover no-repeat;}
.product-card .text{padding: 0 5%; font-size: 0.16rem; line-height: 1.8em; background: #fff;}
.product-card .text dl{display: flex; flex-flow: column; justify-content: center; padding: 0.3rem 0; min-height:4.5rem;}
.product-card .text dt{font-size: 0.36rem; margin-bottom: 1em;}
.product-card:hover .text dl{transform: translateX(-0.2em)}

/*.product-details{padding-top: 0.7rem;}
.product-details .product-banner{height: 3.6rem; color: #fff; position: relative;}
.product-details .product-banner .w{height:100%;}
.product-details .product-banner dl{text-shadow: 0 0.02rem 0.1rem rgba(0,0,0,0.3);}
.product-details .product-banner dt{font-size: 0.46rem; font-weight: 600; margin-bottom: 0.4em;}
.product-details .product-banner dd{line-height: 1.8em;}

.product-details .section .s-title{text-align: center; font-size: 0.16rem; padding: 0.80rem 0;}
.product-details .section .s-title h3{font-size: 0.34rem; margin-bottom: 0.5em;}
.product-details .section .s-title > span{display: block; line-height: 1.8em; padding: 0 10%;}

.product-details.default .product-banner{height: 3rem; background: url("../images/2475-banner.jpg") center center /cover no-repeat;}
.product-details.default .product-banner dl{display: flex; flex-flow: column; justify-content: center; height: 100%;}
.product-details.default .product-banner dt{margin-bottom: 0.2em;}
.product-details.default .product-banner dd{font-size: 0.16rem;}
.product-details .msbox{font-size: 0.16rem; line-height: 1.8em; padding: 0.3rem 0; background: #fff;}
.product-details .msbox .section-title{padding: 0.15rem 0;}
.product-details .msbox .section-title h2{font-size: 0.2rem; font-weight: 600; line-height: 0.46rem; padding-left: 0.15rem; position: relative;}
.product-details .msbox .section-title h2:before{content: ""; display: block; width: 0.03rem; background: #2083B9; position: absolute; top: 28%; bottom: 28%; left: 0;}
.product-details .msbox .section-content p{margin-bottom: 1em;}
.product-details .msbox .section-content img{display: block; max-width: 100%; margin: 0 auto;} */
/*PIVAS*/
.pivas .product-banner{background: linear-gradient(35deg,#2082B8,#20b88e); background: url("../images/b1.png") center center /cover no-repeat;}
.pivas .product-banner:before{content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;/* backdrop-filter: blur(3px);*/}
.pivas .product-banner dl{padding: 1.1rem 0 0 0;}

.pivas-des{font-size: 0.16rem; line-height: 2em; background: #fff; padding: 0.8rem 0;}
.pivas-des .summary{margin-right: 4rem;}
.pivas-des .cp-img{display: block; width: 4.2rem; height: 3.6rem; background: url("../images/iMac.png") 0 0 /auto 100% no-repeat; position: absolute; top: -1.2rem; right: -0.6rem;}

.adv{background: #F8F8F8;}
.adv ul{overflow: hidden; zoom:1; padding: 0.85rem 0;}
.adv li{width: 50%; padding: 0 0.5rem; float: left; display: flex; margin-bottom: 1rem; min-width: 0;}
.adv li span{color: #888; flex: 1;}
.adv li em{display: block; font-size: 0.18rem; font-weight: 600; color: #06133B; margin-bottom: 0.65em;}
.adv li i{display: block; width: 0.8rem; height: 0.8rem; margin-right: 0.2rem;}
.adv li .icon1{ background: url("../images/icon_pivas1.svg") center center no-repeat;}
.adv li .icon2{ background: url("../images/icon_pivas2.svg") center center no-repeat;}
.adv li .icon3{ background: url("../images/icon_pivas3.svg") center center no-repeat;}
.adv li .icon4{ background: url("../images/icon_pivas4.svg") center center no-repeat;}
.adv li .icon5{ background: url("../images/icon_pivas5.svg") center center no-repeat;}
.adv li .icon6{ background: url("../images/icon_pivas6.svg") center center no-repeat;}

.functions{background: #fff; padding: 0.8rem 0;}
.functions ul{overflow: hidden; zoom:1}
.functions li{width: calc(100% / 3); text-align: center; float: left; padding: 0.2rem; background: #fff; border-left: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; margin-left: -1px; margin-top: -1px;}
.functions li i{display: block; width: 0.48rem; height: 0.48rem; background-size: cover !important; margin: 0 auto;}
.functions li .icon1{ background: url("../images/icon_01.svg") center center no-repeat;}
.functions li .icon2{ background: url("../images/icon_02.svg") center center no-repeat;}
.functions li .icon3{ background: url("../images/icon_03.svg") center center no-repeat;}
.functions li .icon4{ background: url("../images/icon_04.svg") center center no-repeat;}
.functions li .icon5{ background: url("../images/icon_05.svg") center center no-repeat;}
.functions li .icon6{ background: url("../images/icon_06.svg") center center no-repeat;}
.functions li .icon7{ background: url("../images/icon_07.svg") center center no-repeat;}
.functions li .icon8{ background: url("../images/icon_08.svg") center center no-repeat;}
.functions li .icon9{ background: url("../images/icon_09.svg") center center no-repeat;}

.functions li .icon10{ background: url("../images/icon_17.svg") center center no-repeat;}
.functions li .icon11{ background: url("../images/icon_15.svg") center center no-repeat;}
.functions li .icon12{ background: url("../images/icon_13.svg") center center no-repeat;}
.functions li .icon13{ background: url("../images/icon_14.svg") center center no-repeat;}
.functions li .icon14{ background: url("../images/icon_18.svg") center center no-repeat;}
.functions li .icon15{ background: url("../images/icon_16.svg") center center no-repeat;}
.functions li .icon16{ background: url("../images/icon_12.svg") center center no-repeat;}
.functions li .icon17{ background: url("../images/icon_11.svg") center center no-repeat;}

.functions li span{display: block; color: #888; height: 9em;}
.functions li em{display: block; font-size: 0.18rem; font-weight: 600; margin: 1.2em 0; color: #06133B;}

.pivas .users{}
.pivas .users ul{display: flex; margin-bottom: 1rem;}
.pivas .users ul li{flex: 1; position: relative;}
.pivas .users ul li:nth-child(1){transform: perspective(300px) rotateY(10deg);}
.pivas .users ul li:nth-child(2){transform: perspective(300px) rotateY(10deg);}
.pivas .users ul li:nth-child(3){transform: perspective(300px) rotateY(-10deg);}
.pivas .users ul li:nth-child(4){transform: perspective(300px) rotateY(-10deg);}
.pivas .users ul li img{display: block; width: 100%; border-radius: 0.1rem; -webkit-box-reflect: below .03rem -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent) , to(rgba(250, 250, 250, 0.2)));}
.pivas .users ul li span{display: block; width: 100%; color: #fff; position: absolute; left: 0; bottom: 5%; background: linear-gradient(45deg,#2083B9,transparent); padding: 0.15rem;}
.pivas .users ul li + li{margin-left: 0.265rem;}

/*OUIVAS*/
.ouivas{}
.ouivas .product-banner{ background: url("../images/b2.png") center center /cover no-repeat;}
.ouivas .product-banner dl{width: 7.4rem; padding: 1rem 0 0;}

.ouivas .summary{font-size: 0.16rem; margin: -0.4rem 10% 0; padding-bottom: 0.5rem;}
.ouivas .summary p{text-indent: 2em; margin-bottom: 2em;}
.ouivas .summary ul{margin-bottom: 2em; margin-left: 1em;}
.ouivas .summary li{padding-left: 3em; margin-bottom: 1em; position: relative;}
.ouivas .summary li:before{content: ""; display: block; width: 0.05rem; height: 0.05rem; background: #000; border-radius: 100%; position: absolute; left: 2em; top: 50%; margin-top: -0.025rem;}
.ouivas .describe{background: url("../images/x1.png") 0 0 /cover no-repeat;}
.ouivas .adv{background: #fff;}
.ouivas .adv span{height: 1rem;}

.ouivas .functions li{width: calc((100% - 0.8rem) / 4); height: 3rem; background: #fff; border: 0; border-radius: 0.08rem; box-shadow: 0 0 0.2rem rgba(183,182,255,0.3); margin: 0.1rem;}
.ouivas .customers{padding-bottom: 0.6rem;}
.ouivas .customers img{display: block; max-width: 100%; margin: 0 auto;}

.ouivas .adv li .icon1{ background: url("../images/icon_ouivas1.svg") center center no-repeat;}
.ouivas .adv li .icon2{ background: url("../images/icon_ouivas4.svg") center center no-repeat;}
.ouivas .adv li .icon3{ background: url("../images/icon_ouivas2.svg") center center no-repeat;}
.ouivas .adv li .icon4{ background: url("../images/icon_ouivas5.svg") center center no-repeat;}
.ouivas .adv li .icon5{ background: url("../images/icon_ouivas3.svg") center center no-repeat;}
.ouivas .adv li .icon6{ background: url("../images/icon_ouivas6.svg") center center no-repeat;}

/*医药业务*/
.product-details{padding-top: 0.7rem;}
.product-details .product-banner{height: 3.6rem; color: #fff; position: relative;}
.product-details .product-banner .w{height:100%;}
.product-details .product-banner dl{text-shadow: 0 0.02rem 0.08rem rgba(0,0,0,0.2);}
.product-details .product-banner dt{font-size: 0.46rem; font-weight: 600; margin-bottom: 0.4em;}
.product-details .product-banner dd{line-height: 1.8em;}

.product-details .section .s-title{text-align: center; font-size: 0.16rem; padding: 0.80rem 0;}
.product-details .section .s-title h3{font-size: 0.34rem; margin-bottom: 0.5em;}
.product-details .section .s-title > span{display: block; line-height: 1.8em; padding: 0 10%;}

.product-details.default .product-banner{height: 5.2rem;}
.product-details.default .product-banner dl{display: flex; flex-flow: column; justify-content: center; height: 100%;}
.product-details.default .product-banner dt{font-size: 0.54rem; margin-bottom: 0.1rem;}
.product-details.default .product-banner dd{font-size: 0.24rem;}
.product-details .msbox{font-size: 0.16rem; line-height: 1.8em; padding: 0.8rem 0; background: #fff;}
.product-details .msbox .section-title{padding: 0.15rem 0;}
.product-details .msbox .section-title h2{font-size: 0.2rem; font-weight: 600; line-height: 0.46rem; padding-left: 0.15rem; position: relative;}
.product-details .msbox .section-title h2:before{content: ""; display: block; width: 0.03rem; background: #2083B9; position: absolute; top: 28%; bottom: 28%; left: 0;}
.product-details .msbox .section-content p{margin-bottom: 1em;}
.product-details .msbox .section-content img{display: block; max-width: 100%; margin: 0 auto;}

.dtc li{position: relative; padding-left: 0.2rem;}
.dtc{display: flex; align-items: center; justify-content: center; min-width: 0;}
.dtc ul{flex: 1;}
.dtc li + li{margin-top: 2em;}
.dtc li:before{content: ""; display: block; width: 0.06rem; height: 0.06rem; border-radius: 100%; background: #2083BA; position: absolute; left: 0; top: 0.1rem;}
.dtc .illustration + ul, .dtc ul + .illustration{margin-left: 0.5rem;}

.pr-title{ line-height: 2.4em; font-size: 0.26rem; font-weight: normal; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 0.05rem; position: relative;}
.pr-title:before{content: ""; display: block; width: 50px; height: 3px; background: #222; position: absolute; left: 50%; margin-left: -25px; bottom: 0;}
.products-list .products-w > .item{width: calc(100% / 3); padding: 0.1rem;}
.products-list .products-w .pr-card a{display: block; padding: 0.4rem 0.3rem; padding-right: 1rem; position: relative;}
.products-list .products-w .pr-card .ms{}
.products-list .products-w .pr-card h3{font-size: 0.2rem; margin-bottom: 0.8em;}
.products-list .products-w .pr-card{height: auto; margin-bottom: 0;}
.products-list .products-w .pr-card span{-webkit-line-clamp: 3;}
.products-list .products-w .pr-card .go{padding-top: 0.2rem; position: relative; top: 0.1rem;}
.products-list .products-w .pr-card:hover .go{color: #007AFF; font-weight: 600;}
.products-list .products-w .pr-card .go:before{content: ""; display: block; height: 1px; background: linear-gradient(90deg,#eee,transparent); margin-bottom: 0.2rem;}
.s-icon{width: 0.64rem; height: 0.64rem; border: 1px solid #eee; display: flex; align-items: center; border-radius: 0.16rem; padding: 0.1rem; justify-content: center; position: absolute; top: 0.3rem; right: 0.3rem;}
.s-icon img{display: block; width: 100%;}

/*医药产品列表*/
.products .swiper-container{height: calc(100vh - 0.7rem);}
.products .swiper-container .swiper-slide{background: #999; align-items: flex-start;}
.products .swiper-container .swiper-slide:nth-child(1){background: url(../images/liutong.jpg) 0 0 /cover no-repeat;}
.products .swiper-container .swiper-slide:nth-child(2){background: url(../images/cangchu.jpg) 0 0 /cover no-repeat;}
.products .swiper-container .swiper-slide:nth-child(3){background: url(../images/zhongyao.png) 0 0 /cover no-repeat;}
.products .swiper-container .swiper-slide:nth-child(4){background: url(../images/hlw.jpg) 0 0 /cover no-repeat;}
.products .swiper-container .swiper-slide .stage{
	transform:translateY(-1rem);
	opacity:0;
	transition:all .4s;}
.products .swiper-container .ani-slide .stage{
	transform:translateY(0);
	opacity:1;
}

.products .stage{padding-top: 10vh;}
.products .p-title{font-size: 0.28rem; margin-bottom: 0.2rem;}
.apps{}
.apps .pr-card{height: 3.5rem; font-size: 0.14rem; text-align: left; background: rgba(255,255,255,0.85); border-radius: 0.1rem; box-shadow: 0 0.05rem 0.3rem rgba(0,0,0,0.1); backdrop-filter: blur(0.15rem); margin-bottom: 0.3rem; transition: all 0.3s;}
.apps .pr-card:hover{box-shadow: 0 0.03rem 0.24rem rgba(30,105,165,0.1); transform: scale(1.05); transition: all 0.3s;}
.apps .pr-card .stage{height: 2.4rem; background: url("../images/oivas_img.png") 0 0 /cover no-repeat;}
.apps .pr-card a{display: block; padding: 0.3rem 0.3rem; padding-right: 1rem; position: relative;}
.apps .pr-card .ms{}
.apps .pr-card h3{font-size: 0.2rem; margin-bottom: 0.8em;}
.apps .pr-card{height: auto; margin-bottom: 0;}
.apps .pr-card span{-webkit-line-clamp: 3;}
.apps .pr-card .go{padding-top: 0.2rem; position: relative; top: 0.1rem;}
.apps .pr-card:hover .go{color: #007AFF; font-weight: 600;}
.apps .pr-card .go:before{content: ""; display: block; height: 1px; background: linear-gradient(90deg,#eee,transparent); margin-bottom: 0.2rem;}

.apps .grid{display: flex; flex-wrap: wrap;}
.apps .grid.center{justify-content: center; padding-top: 15%;}
.apps .grid > .item{padding: 0.12rem; width: 50%;}

/*仓储*/
.wms .dtc{width: 10rem; padding: 0.3rem 0; margin: 0 auto;}
.wms .dtc dl{margin-bottom: 0.4rem;}
.wms .dtc dt{font-size: 1.65em; margin-bottom: 0.25rem; line-height: 1.5em;}
.wms .dtc{flex-direction: column;}
.wms .msbox{}

.wms .wms-zs .w:after{content: ""; display: block; height: 2rem; background: url(../images/wms_01.png) 0 0 /cover no-repeat; margin-top: 0.5rem;}

.wms .keynote{display: flex; align-items: center;}
.wms .keynote li{flex: 1; height: 2.8rem; background: #fff; border-radius: 0.06rem; padding: 0.5rem 0.2rem; margin: 0; box-shadow: 0 0 0.3rem rgba(0,0,0,0.1);}
.wms .keynote li:before{display: none;}
.wms .keynote li em{display: block; font-size: 1.25em; color: #0a75ce; margin-bottom: 1.5em;}
.wms .keynote li span{display: block; font-size: 0.14rem; opacity: 0.6;}

.wms .s1{width: 8rem;}
.wms .s2{width: 8rem;}
.wms .s3{width: 8rem;}
.wms .s4{width: 8rem;}
.wms .s5{width: 8rem;}

/*医药批发*/
.pifa .msbox{background: linear-gradient(0deg,#f8f8f8,#fff,#fff);}
.pifa .framework-cover{padding: 0.4rem 0;}
.pifa .framework-cover img{width: 8rem; margin: 0 auto;}

.pifa .dtc{width: 10rem; padding: 0.3rem 0; margin: 0 auto;}
.pifa .s1{width: 5rem;}
.pifa .s2{width: 6rem;}
.pifa .s3{width: 5rem;}
.pifa .s4{width: 5rem;}
.pifa .s5{width: 5rem;}
.pifa .s6{width: 4.5rem;}

.pifa .product-banner{background: url(../images/banner_pifa.png) 0 0 /cover no-repeat;}

/*医药产品详情模板*/
.template-details{}
.template-details .square{position: relative; padding: 0.6rem 0;}
.template-details .square.bg-grid{background-image: url(../images/grid.svg); background-position: 0 0; background-repeat: repeat;}
.template-details .square.bg-white{background-color: #fff;}
.mstitle{text-align: center; padding-bottom: 0.3rem;}
.mstitle h3{display: block; font-size: 0.36rem; font-weight: 500;}
.product-description{padding: 0 10%; font-size: 0.18rem; line-height: 180%; color: rgb(0 0 0 / 70%);}

.template-details .advantages{display: flex; padding: 0.5rem 0;}
.template-details .advantages > .item{flex: 1; position: relative;}
.template-details .advantages > .item + .item{margin-left: 0.8rem;}
.template-details .advantages > .item + .item:before{content: ""; display: block; width: 1px; background: #fff; position: absolute; left: -0.4rem; top: 15%; bottom: 15%; opacity: 0.05;}
.template-details .advantages .ms-icon{display: block; width: 0.56rem; height: 0.56rem; margin-bottom: 0.2rem;}
.template-details .advantages .ms-icon svg{display: block; width: 100%; height: 100%; fill: #fff;}
.template-details .advantages em{display: block; font-size: 1.5em; padding: 0.2rem 0;}
.template-details .advantages .ms{opacity: 0.6; line-height: 180%;}

.features{display: flex; flex-wrap: wrap; padding: 0.4rem 0;}
.features .fe-item{width: 50%; padding: 0.2rem;}
.features .features-card{display: flex; align-items: center; font-size: 0.16rem; line-height: 1.8em; background: #fff; padding: 0.5rem; border-radius: 0.24rem; box-shadow: 0 0.06rem 0.4rem rgba(105,158,221,0.1); transition: all 0.3s;}
.features .features-card > i{display: block; width: 1.2rem; height: 1.2rem; margin-right: 0.25rem;}
.features .features-card > i svg , .features-card img{display: block; width: 100%; height: 100%;}
.features .features-card .ms{flex: 1;}
.features .features-card:hover{transform: scale(1.05);}
.features .features-card .imgbox img{display: block; width: 100%;}

.features.type2{padding-top: 0.8rem; padding-bottom: 0.8rem;}
.features.type2 .fe-item{padding: 0.1rem;}
.features.type2 .features-card{min-height: 1.8rem; padding: 0.3rem; border-radius: 0.12rem;}

.features .features-card.column{flex-direction: column;}
.features .features-card.column .img-icon{margin-bottom: 0.3rem; margin-right: 0;}

.features.type2.bl3 .fe-item{width: auto; flex: 1;}

.img-icon{display: block; width: 0.96rem; height: 0.96rem; background-position: center center; background-size: 100%; background-repeat: no-repeat; margin-right: 0.3rem;}
.img-icon.icon1{background-image: url(../images/icon001.png);}
.img-icon.icon2{background-image: url(../images/icon002.png);}
.img-icon.icon3{background-image: url(../images/icon003.png);}
.img-icon.icon4{background-image: url(../images/icon004.png);}

.intr-box{padding: 1.5rem 0;}
.intr-box.bg1{background: #fff;}
.intr-box .peitu{margin-bottom: 0.5rem;}
.intr-box img{display: block; margin: 0 auto; margin: 0 0.2rem;}
.intr-box .ms{font-size: 0.18rem; width: 70%;  margin: 0 0.2rem;}
.intr-box .intr-content{display: flex; align-items: center;}

/*wms*/
.wms .product-banner{ background:url(../images/banner_wms.png) center 0 /cover no-repeat;}
.wms-grace{display: block;height: 2rem;background: url(../images/wms_01.png) 0 0 /cover no-repeat; margin: 0.6rem 0;}
.wms.square{color: #fff; background: url(../images/wms_001.jpg) center center /cover no-repeat #1F212E;}

/*pifa*/
.pifa .features .features-card{height: 2.4rem;}

/*liansuo*/
.liansuo .product-banner{background:url(../images/banner_liansuo.png) center 0 /cover no-repeat;}

.liansuo .features{margin-left: -0.15rem; margin-right: -0.15rem;}
.liansuo .features .fe-item{width: 25%; padding: 0.15rem;}
.liansuo .features .features-card{flex-direction: column; height: 100%; padding: 0.4rem; transform: skewX(-5deg) skew(5deg, 4deg);}
.liansuo .features .imgbox{margin: -0.4rem; margin-bottom: 0.4rem;}
.liansuo .features .imgbox img{border-radius: 0.24rem 0.24rem 0 0;}

/*zhongyao*/
.zhongyao .product-banner{background:url(../images/banner_zhongyao.png) center 0 /cover no-repeat;}
.zhongyao .features .fe-item{width: 50%; padding: 0.2rem;}
.zhongyao .features .features-card{height: 100%; background: none; box-shadow: none; padding: 0; flex-direction: column;}
.zhongyao .features .imgbox{width: 60%; margin-right: 0rem; margin-bottom: 0.2rem;}
.zhongyao .features img{border-radius: 0.16rem;}
.zhongyao .features .ms{}

/*医疗器械*/
.qixie .product-banner{background:url(../images/banner_ylqx.png) center 0 /cover no-repeat;}

/*云me*/
.yunme .product-banner{background:url(../images/banner_ym.png) center 0 /cover no-repeat;}

/*医药费用*/
.feiyong .product-banner{background:url(../images/banner_ylfy.png) center 0 /cover no-repeat;}

/*商业协议管理*/
.xieyi .product-banner{background:url(../images/banner_syxy.png) center 0 /cover no-repeat;}
/*========移动适配========*/
@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 .crtech{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;}
	
	.container-web{display: flex; flex-flow: column; height: 100vh;}
	.web-main{padding-top: 0.58rem; overflow: hidden; overflow-y: auto; flex: 1;}
	.home .web-main{padding-top: 0; }
	.news-slider{height: 2.4rem;}
	.news-slider .swiper-slide{background-position: center center !important;}
	.news-slider .swiper-slide .title{font-size: 0.16rem;}
	.news .tab-module{font-size: 0.14rem; padding: 0.2rem 0.15rem; position: sticky; top: 0; z-index: 2;}
	.news .tab-module .tab a{line-height: 0.36rem; width: 6em; background: #fff;}
	.newslist{margin: 0;}
	.newslist .news-card{width: 100%; padding: 0.15rem; float: none;}
	.newslist .news-card .title{font-size: 0.14rem;}
	.newslist .news-card .imgbox{margin-bottom: 0.05rem;}
	
	.crumbs-module{top: 0.58rem; padding: 0; backdrop-filter: blur(8px);}
	.crumbs-module ul{padding: 0.1rem 0.15rem; font-size: 0.12rem;}
	.news-details{width: 100%; padding: 0.65rem 0.15rem 0.15rem;}
	.news-details .news-title h2{font-size: 0.2rem;}
	.news-details .news-title > span{font-size: 0.12rem;}
	.news-details .text-wrap{font-size: 0.14rem;}
	.news-details .shareBar{position: relative; top: 0; right: auto;}
	.news-details .shareBar ul li{display: inline-block;}
	.news-details .shareBar li a{height: 0.42rem; width: 0.42rem; margin: 0 0.05rem 0.1rem;}
	
	.news .paging-module{padding: 0.5rem 0;}
	.paging-module .paging li{font-size: 0.12rem; min-width: 0.32rem;}
	.paging-module .paging li + li{margin-left: 0;}
	.paging-module .paging li a{height: 0.32rem;}
	.paging-module .paging svg{height: 0.14rem;}
	
	.web-fooer{width: 100%;}
	.web-fooer .w{display:none;}
	.web-fooer .copyright span{display: block; padding: 0.02rem;}
	.web-fooer .copyright span:last-child{display: none;}
	
	.aboutUs .slogan{height: 1.6rem; background-position: top right;}
	.aboutUs .slogan .w{display: flex; align-items: center;padding: 0;}
	.aboutUs .slogan .w h3{font-size: 0.24rem; padding: 0 0.6rem;}
	.aboutUs .section-title{font-size: 0.2rem; padding: 0.4rem 0;}
	.aboutUs .w{padding: 0 0.15rem;}
	.aboutUs .introduction h4{font-size: 0.14rem !important;}
	.aboutUs .introduction{font-size: 0.14rem; padding-bottom: 1.5rem;}
	.cr-bg{background-position: 130% bottom; background-size: auto 2.4rem;}
	.culture{height: auto; font-size: 0.14rem; padding-bottom: 0.3rem;}
	.culture .list > .item{width: 100%; float: none; padding: 0; margin-bottom: 0.1rem;}
	.culture dl{padding: 0.15rem;}
	.culture dd{font-size: 0.14rem;}
	
	.contact .decorate{height: 1.65rem;}
	.contact .service-info{flex-flow: column; padding: 0 0.15rem; margin-top: -0.6rem;}
	.contact .c-title h3{font-size: 0.16rem;}
	.contact .service-info .contact-card{font-size: 0.12rem; padding-left: 0.3rem; padding-right: 0.3rem;}
	.contact .service-info .contact-card + .contact-card{margin-left: 0; margin-top: 0.1rem;}
	.contact .contact-card .tel{font-size: 0.12rem; padding: 0.3rem 0;}
	.contact .contact-card .tel em{font-size: 0.26rem; margin-top: 0.05rem;}
	.contact .contact-card ul{padding:0.2rem 0.2rem 0;}
	.contact .contact-card .block-layer li + li{margin-left: 10%;}
	.contact .contact-card .line-layer{font-size: 0.14rem; padding-top: 0.2rem;}
	.contact .contact-info{flex-flow: column; padding: 0.1rem 0.15rem;}
	.contact .contact-info dl{border: 0; padding: 0.25rem 0.15rem; font-size: 0.12rem;}
	.contact .contact-info dl + dl{margin-left: 0; margin-top: 0;border-top: 0.5px solid rgba(0,0,0,0.07);}
	.contact .contact-info dt{font-size: 0.16rem; margin-bottom: 0.7em;}
	.contact .contact-info dd span{display: block; line-height: 2em;}
	
	.products{padding-top: 0.15rem;}
	.product-card{flex-flow: column !important; margin:0 0.15rem; margin-bottom: 0.15rem; border-radius: 0.12rem; overflow: hidden;}
	.product-card .stage{width: 100%; height: 1.7rem;}
	.product-card .text{width: 100%; padding: 0 0.2rem;}
	.product-card .text dl{min-height: 0;}
	.product-card .text dt{font-size: 0.2rem;}
	.product-card .text dd{font-size: 0.12rem; line-height: 1.5em; opacity: 0.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	
	.products-list{}
	.products-list .products-w{margin: 0;}
	.products-list .products-w > .item{float: none; width: 100%;}
	.products-list .products-w .pr-card{height: 3rem;}
	.products-list .products-w .pr-card .ms{padding: 0.2rem;}
	.products-list .products-w .pr-card .stage{height: 1.4rem;}
	.products-list .products-w .pr-card h3{font-size: 0.16rem;}
	.products-list .products-w .pr-card span{font-size: 0.12rem;}
	
	.product-details{padding-top: 0;}
	.product-details .product-banner{height: auto; padding: 0.3rem 0 0.1rem 0;}
	.pivas .product-banner dl{padding:0.4rem 0.15rem;}
	.product-details .product-banner dt{font-size: 0.24rem;}
	.product-details .product-banner dd{font-size: 0.12rem !important; line-height: 1.5; margin-bottom: 0 !important; }
	.product-details.pivas .section, .product-details.ouivas .section{padding: 0 0.15rem;}
	.product-details.pivas .pivas-des{font-size: 0.14rem; padding: 0.4rem 0.15rem;}
	.pivas-des .summary{margin-right: 0;}
	.pivas-des .cp-img{transform: scale(0.35) translate(3.5rem,6.5rem);}
	.product-details .section .s-title{padding: 0.6rem 0;}
	.product-details .section .s-title h3{font-size: 0.24rem;}
	.product-details .section .s-title > span{font-size: 0.13rem; line-height: 1.5; padding: 0; opacity: 0.7;}
	.adv{padding-bottom: 0.4rem !important;}
	.adv ul{padding: 0;}
	.adv li{width: 100%; padding: 0; float: none; font-size: 0.12rem; margin-bottom: 0.5rem;}
	.adv li i{width: 0.52rem; height: 0.52rem; background-size: 100% auto !important;}
	.adv li em{font-size: 0.14rem;}
	.pivas .functions {font-size: 0.12rem;}
	.pivas .functions ul{margin-left: -0.1rem; margin-right: -0.1rem; padding-bottom: 0.2rem;}
	.pivas .functions li{width: 50%; padding: 0.2rem 0.1rem;}
	.pivas .functions li:last-child{width: 100%;}
	.functions li em{font-size: 0.14rem;}
	.pivas .functions li i{width: 0.38rem; height: 0.38rem; background-size: cover !important;}
	.pivas .users ul{flex-wrap:nowrap; overflow: hidden; overflow-x: auto; padding-bottom: 0.4rem; margin-bottom: 0.4rem; margin-left: -0.15rem; margin-right: -0.15rem;}
	.pivas .users ul li + li{margin-left: 0.1rem;}
	.pivas .users ul li{flex: none; width: 1.5rem; transform: none !important; margin-left: 0.15rem;}
	
	.ouivas .product-banner dl{width: auto; padding: 0.4rem 0.15rem;}
	.ouivas .summary{font-size: 0.14rem; margin: -0.4rem 0.15rem 0;}
	.ouivas .summary p{text-indent: 0;}
	.ouivas .summary ul{margin-left: -0.5em;}
	.ouivas .adv span{height: auto;}
	.ouivas .functions{padding-bottom: 0.4rem !important;}
	.ouivas .functions ul{display: flex; flex-wrap: wrap;}
	.ouivas .functions li{width:50%; height: auto; margin: 0;}
	.ouivas .functions li i{width: 0.38rem; height: 0.38rem;}
	.ouivas .functions li span{font-size: 0.12rem; height: auto;}
	
	.product-details.default .product-banner{height: auto;}
	.product-details.default .product-banner dl{padding: 0.4rem 0.15rem;}
	.product-details .msbox{font-size: 0.14rem; padding: 0.2rem 0.15rem;}
	
	.float-menu{right: 0.15rem;}
	
	
	
}