@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 768px) {
/*nav*/
    nav ul{padding:6% 0;}
	nav ul li{width:25%;float:left;}
	nav ul li a{width:100%;text-align:center;}
	nav ul li a img{width:72%;margin:0 13%;}
	nav ul li p{font-size:0.3rem;color:#000;}
	.hx{width:100%;height:0.25rem;background:#f2f2f2;}
/*hot product*/
    .hot-pro{margin-bottom:5%;padding:0 2%;}
	.in-tit{text-align:center;position:relative;}
	.in-tit h1{font-size:0.34rem;color:#1a1a1a;}
	.in-tit h1:before{content:"";padding:0 5%;background:url(style/images/phone/bt.png) no-repeat left center;}
	.in-tit h1:after{content:"";padding:0 5%;background:url(style/images/phone/bt.png) no-repeat right center;}
	.in-tit a{position:absolute;right:0;top:30%;font-size:0.27rem;color:#666;}
	.pro-nav{margin-bottom:5%;}
	.pro-nav ul{margin:-0.65% -1%;overflow:hidden;}
	.pro-nav ul li{width:48%;float:left;padding:0.65% 1%;}
	.pro-nav ul li .cp{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;width:100%;}
	.pro-nav ul li a{width:100%;position:relative;overflow:hidden;}
	.pro-nav ul li:hover a .cp {-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1); }
	.pro-nav ul li h2,.pro-nav ul li p,.pro-nav ul li span,.pro-nav ul li .xing{position:absolute;}
	.pro-nav ul li h2{top:12%;left:4.5%;font-size:0.27rem;color:#fff;margin:0;}
	.pro-nav ul li p{font-size:0.24rem;color:#fff;left:4.5%;top:40%;}
	
	.pro-nav ul li.big a{border-radius:30px 0px 0px 30px;}
	.pro-nav ul li.big h2{top:7.5%;left:4.5%;font-size:0.3rem;color:#fff;}
	.pro-nav ul li.big p{font-size:0.24rem;color:#fff;left:4.5%;top:24%;}
	.pro-nav ul li.big span{font-size:17px;color:#fff;left:4.5%;top:32%;padding:1.5% 14% 1.5% 4%;border-radius:4px;border:1px solid #fff;background:url(../images/index/rxcp_gd.png) no-repeat 85% center;}
	.pro-nav ul li.big .xing{top:5%;right:8%;}
/*product-center*/
    .inpro-center{padding:0 2%;}
	.inpro-center .nav ul{margin:0 -1%;border-bottom:1px solid #aeb3c2;padding:0 0 4% 0;}
	.inpro-center .nav ul li{width:23%;padding:0 1%;float:left;}
	.inpro-center .nav ul li a{width:100%;font-size:0.28rem;color:#828796;text-align:center;}
	.inpro-center .nav ul li:hover a{font-weight:bold;color:#404040;}
	.inpro-center .nav ul .active a{font-weight:bold;color:#404040;}
	.inpro-center .pro{display:none;}
	.inpro-center .pro ul{margin:4% -1%;}
	.inpro-center .pro ul li{width:48%;padding:0 1%;float:left;margin:1% 0;}
	.inpro-center .pro ul li a{width:100%;}
	.inpro-center .pro ul li a img{width:100%;border-radius: 10px 10px 0px 0px;}
	.inpro-center .pro ul li div{background:url(style/images/phone/+.png) no-repeat;background-size:100% 100%;}
	.inpro-center .pro ul li div h3{font-size:0.27rem;color:#000;margin:0 14% 0 6%;width:79%;padding:2.5% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align:center;}
	.inpro-center .more{position:relative;margin-bottom:5%;}
	.inpro-center .more span{font-size:0.26rem;color:#043f75;font-weight:bold;display:block;padding:1% 0;}
	.inpro-center .more a{font-size:0.26rem;color:#666;position:absolute;right:0;top:0;width:27%;padding:1% 0;font-weight:bold;}
	.inpro-center .more a:before{content:"";padding:1.6% 18%;background:url(style/images/phone/gd.png) no-repeat left center;background-size:50% auto;}
/*case*/
    .case-box{padding:0 2%;}
	.case-box .in-case .one{background:url(style/images/phone/albj.jpg) no-repeat;background-size:100% 100%;padding:2% 4.5% 0.25% 4.5%;}
	.case-box .in-case .one h2{font-size:0.28rem;color:#333;margin:3% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.case-box .in-case .one .video{position:relative;margin-top:1.5%;}
	.case-box .in-case .one .video video,.case-box .in-case .one .video iframe,.case-box .in-case .one .video embed{width:100%;height:3.3rem;}
	.case-box .in-case .one .video img{width:100%;height:3.3rem;}
	.case-box .in-case .one .video .classic{position:absolute;right:0;top:-6%;width:10%;height: auto;}
	.case-box .in-case ul li{position:relative;margin:6% 0;}
	.case-box .in-case ul li a{width:100%;}
	.case-box .in-case ul li .tu{width:48%;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.47);border-radius: 20px;border: solid 1px #fff;float:left;}
	.case-box .in-case ul li .tu img{width:100%;border-radius: 20px;}
	.case-box .in-case ul li .wz{width:48%;float:right;}
	.case-box .in-case ul li .wz h2{font-size:0.28rem;color:#333;margin:2% 0 4% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.case-box .in-case ul li .wz p{background:#dfe7ef;border-radius: 10px;text-align:center;font-size:0.24rem;color:#517596;padding:4% 0;}
	.case-box .in-case ul li .wz .kf{font-size:0.24rem;color:#fff;background-image: linear-gradient(90deg,#e1a23f 0%,#ea7620 100%), linear-gradient(#000000, #000000);background-blend-mode: normal, normal;border-radius:24px;position:absolute;right:0;bottom:3%;width:48%;text-align:center;padding:1.2% 0;}
/*news*/
    .in-news{padding:0 2%;margin-bottom:5%;}
	.in-news ul li{margin:3% 0;}
	.in-news ul li a{width:100%;align-items:center;display:-webkit-flex;justify-content:center;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;}
	.in-news ul li div{font-size:0.27rem;}
	.in-news ul li div.sj{width:13%;margin-right:2%;color:#7a8698;}
	.in-news ul li div.wz{width:79%;color:#4d4d4d;font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:3.5% 3%;background-image: linear-gradient(0deg,#ecf1f3 0%,#ffffff 100%);
	box-shadow: inset 0px -3px 3px 0px rgba(0, 0, 0, 0.17);border-radius: 0.25rem 0px 0.25rem 0.25rem;}

}