@charset "utf-8";
/* CSS Document */
body{background-color: #EEEEEE}
		*{padding: 0;margin: 0;box-sizing: border-box}
		.nonglin-gl{max-width: 1300px;margin: 0 auto;padding: 20px 70px;overflow: hidden;background-color:white;border: 1px solid #cccccc;margin-top: 30px;margin-bottom: 30px}
		.gl-bt{border-bottom: 1px solid #999999}
		.gl-bt h1{font-size: 24px;font-weight: bold;margin: 15px 0}
		.input-time{color: #999999;margin: 15px 0}
		.gl-pingtai-xx{margin: 30px}
		.xx-tubiaos{padding:10px;border-bottom: 2px solid #00a6e0;overflow: hidden}
		.bt-tubiaos{float: left;width: 32px;height: 32px;background-image: url(../tubiao/Windows.png);display: block}
		.xx-tubiaos h2{float: left;font-size: 20px;font-weight: bold;color: #00a6e0;margin-left: 20px;line-height: 35px}
		.xx-zong{padding:10px;overflow: hidden}
		.xx-zong img{float: left;width: calc(40% - 20px);display: block;margin-right: 20px}
		.xx-zong p{float: left;font-size: 14px;line-height: 28px;width: calc(60% - 20px);display: block;margin-left: 20px}
		ul,li{list-style: none;}
		li{padding:10px;overflow: hidden;border: 1px solid #cccccc}
		ul h3{font-size: 18px;font-weight: bold;color: #00a6e0;padding: 5px;background-color: #EEEEEE;border-left: 6px solid #00a6e0;}
		.js-tubiao{float: left;width: 32px;height: 32px;background-image: url(../tubiao/Location.png);display: block}
		li h4{font-size: 16px;font-weight: bold;color: #00a6e0;float: left;margin-bottom: 10px;line-height: 36px;margin-left: 20px}
		li p{display: block;float: left;width: calc(40% - 20px);margin:0 10px;line-height: 28px}
		li img{display: block;float: left;width: calc(60% - 20px);margin:0 10px}
		#tese,#jiagou,.teses{margin-top: 20px}
		
		#tese-tu,#jiagou-tu{margin: 0 auto;}
		#tese-tu img,#jiagou-tu img{position: relative;left: 20%}
		.gl-wenzi{font-size: 14px;line-height: 28px;}
		.shiyongs{padding:10px;overflow: hidden;border: 1px solid #cccccc}
		.shiyongs img{float: left;display: block;width: calc(30% - 20px);margin:0 10px}
		.shiyong{float: left;width: calc(70% - 20px);overflow: hidden;margin:0 10px}
		.shiyong h5{font-size: 16px;color: #00a6e0;margin: 10px 0}
		.shiyongs span{display: block;line-height: 18px}
		.fenkuai p{font-size: 14px;line-height: 28px;display: block;margin:0 20px}
		.teses{margin-top: 20px}
		.tese-tus .slgh{width: calc(50% - 20px);margin: 0 10px;float: left;}
		.slgh .p1{font-size: 14px;line-height: 28px;}
		.dian-tiao{padding: 10px;}
		.tiao{font-size: 14px;line-height: 28px;}
		.tiao span{float: left;margin-top: 10px;margin-right: 10px; width: 8px;height: 8px;border-radius: 50%;background-color: #00a6e0;display: block}
		.tese-tus img{width: calc(50% - 20px);margin: 0 10px;float: left;display: block}
@media(max-width:740px){.gl-pingtai-xx{margin: 10px}}
@media(max-width:680px){
	.gl-bt h1{font-size: 20px;}
	.xx-tubiaos h2{font-size: 16px;line-height: 30px}
	.nonglin-gl{padding: 10px 20px;}
	.shiyong h5{font-size: 14px}
	li h4{font-size: 14px;line-height: 30px;}
	ul h3{font-size: 16px;}
	.xx-zong p,li p,.slgh .p1,.tiao,.fenkuai p,.gl-wenzi{font-size: 12px;line-height: 24px;}
}
/*页按钮*/
		.show-page{margin: 0 auto;overflow: hidden;position: relative;width: 310px;height: 42px;}
		.show-page button{width: 150px;height: 40px;cursor: pointer;padding: 10px;border-radius: 5px;border: 1px solid #cccccc;background-color: white;color: #888888;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}/*显示一行多余的用点表示*/
/*			 overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;（行数）-webkit-box-orient: vertical;（显示多行）*/
		.show-page button:hover{background-color: #00a6e0;border: 1px solid #00a6e0;color: white}
/*product02*/
		.pc-ui{overflow: hidden;}
		.web-ui{width: calc(50% - 20px);margin: 0 10px;overflow: hidden;float: left}
		.web-ui h5{padding: 10px;background-color: #EEEEEE;text-align: center;}
		.web-ui img{display: block;position: relative;left: 20%;margin-top: 10px}
/*product03*/
		.gn-l img,.gn-r img{padding: 0;margin: 0}
		.gn-l{width: calc(34%);float: left;padding: 0;padding-right: 10px;border: none;border-right: 1px solid #00a6e0}
		.gn-wenben{margin: 10px 0;line-height: 21px;text-indent:28px}
		.gn-l img{display: block;width: 100%}
		.gn-t{float: left;width: calc(21%);border: none;padding: 0;}
		.gn-t span{display: block;width: 90px;height: 90px;background-color: #00a6e0;border-radius: 50%;margin: 15px auto;line-height: 90px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: white;transition: 1s}
		.gn-t span:nth-child(1):hover{background-color: #00a6e0;transform: rotateY(360deg)}
		.gn-t span:nth-child(2):hover{background-color: #CF7576;transform: rotateY(360deg)}
		.gn-t span:nth-child(3):hover{background-color: #C5912F;transform: rotateY(360deg)}
		.gn-t span:nth-child(4):hover{background-color: #48AC12;transform: rotateY(360deg)}
		.gn-t span:nth-child(5):hover{background-color: #00B468;transform: rotateY(360deg)}
		.gn-t span:nth-child(6):hover{background-color: #04B9B7;transform: rotateY(360deg)}
		.gn-t span:nth-child(7):hover{background-color: #A86AAD;transform: rotateY(360deg)}
		.gn-r{width: calc(45%);border: none;border-left: 1px solid #00a6e0;padding-left: 10px}
		.gn-bt{overflow: hidden}
		.gn-bt h1{padding: 10px;background-color: #EEEEEE;text-align: center;color:#00a6e0}
		.gn-bt img{margin: 10px 0}

		.djdc-l{width: 50%;margin-top: 20px;float: left}
		.sjk{overflow: hidden}
		.sjk h5{padding: 5px;background-color: #EEEEEE;font-size: 16px;color: #00a6e0}
		.sjk h5 span{float: left;height: 20px;width: 20px;background-color: #00a6e0;border-radius: 50%; color: white;display: block;text-align: center;margin-right: 10px}
		.sjk-tu{margin-top: 20px;overflow: hidden}
		.sjk-tu p{display: block;line-height: 21px;text-indent: 28px}
		.sjk-tu img{margin: 0;padding: 0;display: block}
		@media(max-width:680px){
			.gn-wenben{font-size: 12px; line-height: 18px;text-indent:24px}
			.sjk-tu p{display: block;line-height: 18px;text-indent: 24px}
}
/*product04*/
		.zongshu{margin: 20px;overflow: hidden}
		.zongshu p{line-height: 21px;text-indent: 28px}
		.zongshu img{display: block;width: 100%;margin: 20px auto;}
		@media(max-width:680px){
			.zongshu p{line-height: 18px;text-indent: 24px;font-size: 12px}
		}
		@media(max-width:400px){
			.zongshu{margin: 10px 0px;}
			.zongshu img{margin: 10px auto;}
		}
/*product08*/
.xitong-js1{border: none;border-bottom: 1px dashed #999999}
					.xitong-wenzi{text-indent: 28px;line-height: 21px}
					.jg-tx{float: left;width: calc(50% - 20px);margin: 10px}
					.jg-tx h1{padding: 10px;background-color: #eeeeee;color: #00a6e0;text-align: center}
					.jg-tx img{display: block;width: calc(100% - 20px);margin-top: 10px}
					#anime{animation: rot 30s linear infinite;border-radius: 50%}
					@keyframes rot{
						0%{transform: rotate(0deg)}
						100%{transform: rotate(360deg)}
					}
					.pcd-img{width: 64px;height: 73px;   background-size:100% 100%;overflow: hidden;float: left}
					.img1{background-image: url(../tubiao/tb1.gif);}
					.img2{background-image: url(../tubiao/tb2.gif);}
					.img3{background-image: url(../tubiao/tb3.gif);}
					.img4{background-image: url(../tubiao/tb4.gif);}
					.img5{background-image: url(../tubiao/tb5.gif);}
					.img6{background-image: url(../tubiao/tb6.gif);}
					
					.xtgn-js{width: calc(100% - 74px); float: left;overflow: hidden;margin-left: 10px}
					.xtjg-dian{float: left;width: calc(50% - 10px);margin: 5px}
					.xtjg-dian h5{font-size: 14px;margin: 5px 0;color: #888888}
					.xtjg-dian h5 span{width: 10px;height: 10px;border-radius: 50%;display: block;float: left;margin-right: 10px;margin-top: 6px}
					.span1 h5 span{background-color: #de8156;}
					.span2 h5 span{background-color: #808d3e;}
					.span3 h5 span{background-color: #48669a;}
					.span4 h5 span{background-color: #55a33e;}
					.span5 h5 span{background-color: #744825;}
					.span6 h5 span{background-color: #6b568f;}
					
					.xtgn-js img{width: calc(50% - 10px);margin: 5px;display: block}
					@media(max-width:1000px){
						.xtjg-dian h5{font-size: 12px;}
						.xtjg-dian h5 span{margin-top: 3px}
					}
					@media(max-width:680px){
						.ydd-tiao span{font-size: 12px;line-height: 18px}
						.xitong-wenzi{text-indent: 24px;line-height: 18px;font-size: 12px}
					}