@charset "utf-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
	}
body{
	font-family:"微软雅黑";
	font-size:12px;
	background-color:white !important;
	overflow-x:hidden;}
.clear{
	clear:both;}
img{
	font-size:0;
	display:block;
	border:none;}
.construct{
	position:relative;
	width:100%;
	height:auto;}
.container{
	position:relative;
	width:1076px;
	height:auto;
	margin:0 auto;}
#lunbo{
	z-index:-10;
	}
#lunbo_img1{
	height:659px;
	width:100%;
	background-image:url(../../images/chanpinjieshao/bj1.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
	}
#lunbo_img2{
	width:100%;
	background-image:url(../../images/chanpinjieshao/bj1.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
}
#lunbo_img3{
	width:100%;
	background-image:url(../../images/chanpinjieshao/bj1.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
	}
.lunbo_content{
	display:none;
    margin:100px 50px 0 700px;
	background-color:rgba(255,199,0,0.7);
	width:350px;
	height:200px;}
.lunbo_content_title1{
	padding:20px 0 0 20px;
	font-family:"微软雅黑";
	font-size:35px;
	color:white;}
.lunbo_content_title2{
	padding:5px 0 0 20px;
	font-family:"微软雅黑";
	font-weight:bold;
	font-size:35px;
	color:white;}
.lunbo_content_arrow{
    margin:-20px 30px 0 0;
	float:right;}
.lunbo_content_content{
	font-size:15px;
	color:white;
	padding:55px 0 0 20px;}
#lunbo_num{
	position:absolute;
	z-index:1000;
	left:950px;
	top:600px;}
#lunbo_tip{
	display:block;
	position:absolute;
	left:890px;
	top:604px;
	height:20px;
	width:50px;
	background-color:#ffa719;
	color:white;
	text-align:center;
	line-height:20px;
	border-radius:3px;}
#lunbo_tip:after{
	position:absolute;
	left:50px;
	top:5px;
	content:"";
	font-size:0px;
	height:0px;
	width:0px;
	border-left:#ffa719 5px solid;
	border-top:transparent 5px solid;
	border-bottom:transparent 5px solid;
	}
.lunbo_num{
	cursor:pointer;
	font-size:0px;
	margin:0 3px;
	padding:5px;
	border-radius:2px;
	background-color:#f4f4f4;}
.lunbo_num_l{
	cursor:pointer;
	font-size:0px;
	padding:5px 10px;
	margin:0 3px;
	border-radius:2px;
	background-color:#ffa719;
}
.HeaderBox{
	max-width: 1200px;
	height: 50px;
	border-bottom: 1px solid white;
	margin: 40px auto 0;
	padding-bottom: 20px;
	position: absolute;
	top:0px;
}
.LogoPcAibao{
	width: 266px;
	height: 50px;
	background: url('../../images/index/LogoPcAibao.png');
	background-size: 200px 50px;
	background-repeat: no-repeat;
	float: left;
}
ul{
	list-style: none;
}
.HeaderBox ul{
	float: left;
	margin-top: 8px;
}
.HeaderBox ul li{
	width: 70px;
	height: 60px;
	line-height: 60px;
	color: white;
	display: block;
	float: left;
	cursor: pointer;
	text-align: center;
	margin-left: 30px;
}
.HeaderBox ul li:hover{
	border-bottom:2px solid white;
}

.banner-left-mo{
	width: 100px;
	height: 200px;
	position: absolute;
	top:29%;
	background: url("../../images/chanpinjieshao/banner-left-mo.png");
	background-size: 500px;
	background-repeat: no-repeat;
	animation:mymovemo 4s forwards;
	z-index: 999;
	/*-webkit-animation:mymove 5s forwards; */
}
.banner-right-mo{
	width: 200px;
	height: 200px;
	position: absolute;
	top:29%;
	background: url("../../images/chanpinjieshao/banner-right-mo.png");
	background-size: 100px;
	background-repeat: no-repeat;
	animation:upmovemo 4s forwards;
	z-index: 999;
}

.scrollleft{width:100%;padding:5px 20px 0px 20px;margin:20px auto;}
.scrollleft li{float:left;margin-right:15px;display:inline;text-align:center;line-height:19px}
.scrollleft img{padding:10px;border:solid 1px #ddd;}
.scrollleft img:hover{border:dashed 1px #ddd;}
.conall{
	color: white;
}
.conleft ul li{
	width: 100%;
	height: 55px;
	line-height: 55px;
	text-align: left;
}
.lxwm{
	font-size: 22px;
}
.lxwm:before{
	content: "";
	position: absolute;
	width: 95px;
	height: 1px;
	background-color: white;
	border-radius: 3px;
	bottom: 220px;
}
.erweumawd{
	font-size: 22px;
}
.erweumawd:before{
	content: "";
	position: absolute;
	width: 95px;
	height: 1px;
	background-color: white;
	border-radius: 3px;
	bottom: 195px;
}
.kfmobile{
	font-size: 22px;
	background: url('../../images/index/gt.png');
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 50px;
}
.erweuma{
	margin-top: 20px;
	width: 120px;
	height: 120px !important;
	background: url('../../images/index/ewm.png');
	background-size: 120px 120px;
	background-repeat: no-repeat;

}

.djif ul li:hover .div{
	background-image:linear-gradient(to top,#3657cc,#54cbe5);
}

.mologo{
	width: 115px;
	height: 50px;
	background: url('../../images/index/LogoPcAibao.png');
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: center right;
	position: absolute;
	top:0px;
	z-index: 999;
}
.mobutt{
	width: 40px;
	height: 50px;
	background: url('../../images/index/DJ.png');
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: center left;
	position: absolute;
	top:0px;
	right: 0px;
	z-index: 999;
}


/*合作案例*/
.hzbox{
	padding-top: 50px;
	padding-bottom: 50px;
}
.hztitle{
	color: #00549b;
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 20px;
}
.hztextbox{
	width: 100%;
	height: 80px;
	padding-top: 130px;
}
.hztextbox ul li:nth-child(1){
	height: 50px;
	line-height: 50px;
	color: #00549b;
	font-size: 18px;
	font-weight: bold;
	float: left;
}
.pts ul li:nth-child(1){
	height: 90px;
	line-height: 90px;
	color: #00549b;
	font-size: 18px;
	font-weight: bold;
	float: left;
}

.yys ul li:nth-child(1){
	height: 125px;
	line-height: 125px;
	color: #00549b;
	font-size: 18px;
	font-weight: bold;
	float: left;
}
.hztextbox ul li:nth-child(2){
	width: 200px;
	height: 50px;
	background: url("../../images/chanpinjieshao/hzbaiqian.png");
	background-size: 200px;
	background-repeat: no-repeat;
	float: right;
}
.yys ul li:nth-child(2){
	width: 200px;
	height: 125px;
	background: url("../../images/chanpinjieshao/hzliantong.png");
	background-size: 100%;
	background-repeat: no-repeat;
	float: right;
}
.pts ul li:nth-child(2){
	width: 200px;
	height: 90px;
	background: url("../../images/chanpinjieshao/hzaibao.png");
	background-size: 100%;
	background-repeat: no-repeat;
	float: right;
}
.lsmc ul li:nth-child(2){
	width: 200px;
	height: 50px;
	background: url("../../images/chanpinjieshao/hzxinzhonglian.png");
	background-size: 100%;
	background-repeat: no-repeat;
	float: right;
}

.hepic{
	width: 325px;
	height: 300px;
	background: url("../../images/chanpinjieshao/suiping_cp.png");
	background-size: 100%;
	background-repeat: no-repeat;
}
.hzcontent{
	font-size: 18px;
	color: #646464;
	height: 80px;
}
.yunys{
	background: url("../../images/chanpinjieshao/huanxinbao_cp.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.pingts{
	background: url("../../images/chanpinjieshao/suihou_cp.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.liansmc{
	background: url("../../images/chanpinjieshao/shuangmian_cp.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.yanb{
	background: url("../../images/chanpinjieshao/yanbao_cp.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.diancb{
	background: url("../../images/chanpinjieshao/dianchi_cp.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.shujb{
	background: url("../../images/chanpinjieshao/shuju_cp.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.yiwb{
	background: url("../../images/chanpinjieshao/yiwai_cp.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.pcbq ul li{
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #10c8cd;
	color: white;
	border-radius: 10px;
	float: left;
	margin-left: 20px;
}
.pcbq ul li:nth-of-type(1){margin-left: 0px;}


@media screen and (max-width: 720px){
	body{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
	/*菜单*/
	.meunmobile{display:block !important;height:100%;background: #2893c9;position: fixed;opacity: 0.8;top:0px;z-index: 999;transform:translate(-100%,0);    transition: transform .8s;}

	.show {
		transform: translate(0,0);
	}
	.hide{transform: translate(-100%,0);}
	.meunmobile ul li{
		width: 115px;
		height: 50px;
		padding-left: 20px;
		color: #ffffff;
		line-height: 50px;
		border-bottom: 1px solid #ffffff;
	}
	.meunmobile ul li:nth-of-type(1){
		height: 50px;
		background: url('../../images/index/LogoPcAibao.png');
		background-size: 100px;
		background-repeat: no-repeat;
		background-position: center right;
		z-index: 999;
		padding-left: 0px;
		border-bottom: 0px solid #ffffff;
	}


	.block_home_slider{display: block !important;}
	.mologo{display: block !important;}
	.mobutt{display: block !important;}
	.construct[pc]{display: none;overflow: hidden}
	.HeaderBox[pc]{display: none;overflow: hidden}
	.pcbq{display: none;}
}
@media screen and (max-width: 414px){
	.waibox{width:90%;float: right;}
	.flef{float: left}
	.hztitle{font-size: 20px;padding-bottom: 20px;padding-top: 0px;}
	.hzcontent{font-size: 14px;overflow: hidden;overflow-y:scroll;}
	.hztextbox ul li:nth-child(1){font-size: 14px;width: 50%;height: 20px;line-height: 20px;}
	.hztextbox ul li:nth-child(1) span{display: none;}
	.hztextbox{width: 100%;height: 80px;padding-top: 20px;}
	.hztextbox ul li:nth-child(2) {width: 50%;height: 25px;background: url(../../images/chanpinjieshao/hzbaiqian.png);background-position: center right;background-size: 85%;  background-repeat: no-repeat;  float: right;  }
	.hepic{height: 180px;width: 100%;background-size: 90%;background-position: center left}
	.bright{background-position: center right}
	.layui-row{padding-top: 0px !important;}
	.hzbox{padding-top: 30px;}



	.bignone .lxwm{font-size: 19px;}
	.conleft .lxwm{font-size: 19px;}
	.bignone .lxwm:before {content: "";position: absolute;width: 70px;height: 1px;background-color: white;border-radius: 3px;bottom: 208px;  }
	.lxwm:before {content: "";position: absolute;width: 70px;height: 1px;background-color: white;border-radius: 3px;bottom: 138px;  }
	.bignone  ul li:nth-child(2){font-size: 15px !important;}
	.bignone .kfmobiles{font-size: 15px;}
	.bignone  ul li{height: 35px !important;line-height: 35px !important;}
	.conleft .lxwm{font-size: 19px;}
	.conleft  ul li{height: 35px ;line-height: 35px ;}
	.smborder{border:0px !important;}
	.bignone{display: block !important;}
	.smnone{display: none !important;}
}
@media screen and (max-width: 320px){
	.waibox{width:90%;float: right;}
	.flef{float: left}
	.hztitle{font-size: 20px;padding-bottom: 20px;padding-top: 0px;}
	.hzcontent{font-size: 14px;overflow: hidden;overflow-y:scroll;}
	.hztextbox ul li:nth-child(1){font-size: 14px;width: 50%;height: 20px;line-height: 20px;}
	.hztextbox ul li:nth-child(1) span{display: none;}
	.hztextbox{width: 100%;height: 80px;padding-top: 20px;}
	.hztextbox ul li:nth-child(2) {width: 50%;height: 25px;background: url(../../images/chanpinjieshao/hzbaiqian.png);background-position: center right;background-size: 85%;  background-repeat: no-repeat;  float: right;  }
	.hepic{height: 180px;width: 100%;background-size: 90%;background-position: center left}
	.bright{background-position: center right}
	.layui-row{padding-top: 0px !important;}
	.hzbox{padding-top: 30px;}










	.bignone .lxwm{font-size: 19px;}
	.conleft .lxwm{font-size: 19px;}
	.bignone .lxwm:before {content: "";position: absolute;width: 70px;height: 1px;background-color: white;border-radius: 3px;bottom: 208px;  }
	.lxwm:before {content: "";position: absolute;width: 70px;height: 1px;background-color: white;border-radius: 3px;bottom: 138px;  }
	.bignone  ul li:nth-child(2){font-size: 15px !important;}
	.bignone .kfmobiles{font-size: 15px;}
	.bignone  ul li{height: 35px !important;line-height: 35px !important;}
	.conleft .lxwm{font-size: 19px;}
	.conleft  ul li{height: 35px ;line-height: 35px ;}
	.smborder{border:0px !important;}
	.bignone{display: block !important;}
	.smnone{display: none !important;}
}
/*@keyframes upmove*/
/*{*/
	/*from {top:0px;}*/
	/*to {top:200px;}*/
/*}*/
/*@-webkit-keyframes mymove */
/*{*/
	/*from {left:0px;}*/
	/*to {left:200px;}*/
/*}*/