body{ margin:0; padding:0; font-size:1vw; text-align:center; }

a:link, a:visited{ color:#000; text-decoration:none;}
a:hover{ color:#FFFF00; text-decoration:none;}
*{ font-size:1vw;}
* a:link, * a:visited{ color:#000; text-decoration:none;}
* a:hover{ color:#FFFF00; text-decoration:none;}

.clear{ clear:both; width:100%; height:0px; line-height:0px; margin:0; padding:0px;}
.clear_line{ clear:both; width:100%; height:10px; line-height:10px; margin:0; padding:0px;}

.hidden-xs{ display: inline !important;}

.web_body{ clear:both; width:100%; min-width:320px; margin:0 auto; overflow:hidden;}

/* 页眉 */
.web_top{ position:absolute; top:10px; right:0; left:0; width:100%; min-width:320px; height:4.15vw; min-height:30px; text-align:center; z-index:10000000; overflow:hidden; }
	.web_nav{ clear:both; width:1200px; min-width:320px; height:4.15vw; min-height:30px; line-height:4.15vw; margin:0 auto; padding:0; overflow:hidden;}
		.web_nav li{ list-style:none; float:left; margin:0; padding:0; font-size:1.14em; color:#fff; text-align:center;}
			.web_nav li a, .web_nav li a:link, .web_nav li a:visited{ font-size:1em; font-weight:500; color:#fff; text-decoration:none;}
			.web_nav li a:hover{ color:#FFFF00; text-decoration:none;}
		.active{ margin:0; padding:0;}
		.web_nav .active a, .web_nav .active a:link, .web_nav .active a:visited, .web_nav .active a:hover{ font-size:1em; color:#FFFF00; text-decoration:none;}
		.web_nav>li>a:hover,.web_nav>li>a:focus{ color:#FFFF00; text-decoration:none;}
		
		#nav_logo{ width:35%; text-align:left;}
			#nav_logo img{ height:2.6vw; min-height:30px; vertical-align:middle;}
			#nav_logo span{ font-size:1em; }
		#nav_index{ width:11%;}
		#nav_RegisteredCapital{ width:15%;}
		#nav_Intellectual{ width:15%;}
		#nav_AboutUs{ width:12%;}
		#nav_OnlineMessage{ width:12%;}

/* 图片轮显 */
.Banner{ width:100%; min-width:320px; height:27vw; min-height:150px; background-color:#1e2036; position:relative; overflow:hidden;}
	.Banner_bg{ position:absolute; right:0; bottom:0; left:0; width:100%; height:27vw; /*background-color:#000;*/
	background: #000000;
    background: -moz-linear-gradient(top,  #ffffff 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#000000 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#000000 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#000000 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
	-khtml-opacity:.2; -moz-opacity:0.2; opacity:.2;}
	:root .Banner_bg{ filter:none;}
	.Banner .item{ width:100%; height:27vw; min-height:150px; object-fit:cover;}
		.Banner img, .Banner .item img{ width:100%; height:100%; margin:0 auto;}		
	.carousel-indicators{ bottom:5px; display:none; }	
		.carousel-indicators li{ width:10px; height:10px; line-height:10px; margin:0 5px; border-radius:50%; background-color:#1e2036 border:0; box-shadow: #ffffff 0px 0px 5px /*rgba(255,255,255,1)*/;}
		.carousel-indicators .active{ width:10px; height:10px; line-height:10px; margin:0 5px; border-radius:50%;  background-color:#fff; border:0; box-shadow: #1e2036 0px 0px 5px /*rgba(52,44,43,1)*/;}			
	.carousel-caption{ position:absolute; top:5vw; bottom:2vw; width:1200px; min-width:320px; margin:0 auto; text-align:left; overflow:hidden;}
		.carousel-caption-body{ width:96%; margin:0 auto; table-layout:fixed; word-wrap: break-word; word-break: break-all; box-sizing:border-box; overflow:hidden;}
			.carousel-caption-body h4{ line-height:160%; margin-bottom:2vw; font-size:2.3vw; font-weight:bold;}

/*内容*/
.web_main{ width:100%; min-width:320px; margin:0 auto; overflow:hidden;}


/*页脚*/
.web_footer{ clear:both; width:100%; min-width:320px; margin:0 auto; padding:0; text-align:center; background-color:#1e2036;}
	.footer_body{ clear:both; width:1200px; min-width:320px; height:auto; margin:0 auto; padding:40px 0; color:#fff; text-align:center; display: grid; grid-template-columns: 1fr 100px;/* 1fr 表示左侧自适应，200px 表示右侧固定宽度 */}
		.footer_copyright{ width:auto; line-height:40px; color:#fff; text-align:left; overflow:hidden;}
			.footer_copyright *{ font-size:1em; }
			.footer_copyright a:link, .footer_copyright a:visited{color:#fff; text-decoration:none;}
			.footer_copyright a:hover{ color:#FFFF00; text-decoration:none;}
			.footer_copyright span{ white-space:nowrap;} 
			
			.developer{ clear:both; width:100%; font-size:1em; color:#808080; display:block;}
				.developer a:link, .developer a:visited{ font-size:1em; color:#808080; text-decoration:none;}
				.developer a:hover{ color:#FFFF00; text-decoration:none;}

		.footer_wx{ float:right; line-height:30px; color:#fff; font-size:0.75em; text-align:center; white-space:nowrap; overflow:hidden;}
			.footer_wx img{ width:100%; height:auto;}

/*客服*/
.Contact_KeFu{ position:fixed; right:20px; bottom:13vw; width:100px; height:130px; text-align:center; z-index:1000000;}
	.Contact_KeFu_Close{ position:absolute; top:-1vw; right:-0.5vw; width:20px; height:20px; line-height:20px; font-size:1.8vw; cursor:pointer; text-shadow: 1px 1px 2px #fff; text-align:center;}
	.Contact_KeFu_Img{ width:100px; height:100px; border-radius:50%; box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5); overflow:hidden;}
	.Contact_KeFu_TXT{ clear:both; margin:0 auto; margin-top:5px; padding:2px 5px; white-space:nowrap; background-color: rgba(255, 255, 255, 0.8); overflow:hidden; display:block;}
	.Contact_KeFu a:link, .Contact_KeFu a:visited, .Contact_KeFu a:hover{ color:#000;}
		

@media screen and (min-width:769px) and (max-width:1219px){
	.hidden-xs{ display:none !important;;}
	.web_nav{  width:96vw; line-height:30px;}
	.carousel-caption{ right:1vw; left:1vw; width:96vw;}
	.footer_body{ width:96vw; padding:20px 10px;box-sizing:border-box;}
}
@media screen and (min-width:0px) and (max-width:768px){
	.hidden-xs{ display:none !important;;}
	.web_nav{  width:96vw; line-height:30px;}
		#nav_logo{ width:24%;}
		#nav_index{ width:11%; margin-left:4%;}
		#nav_RegisteredCapital{ width:16.5%;}
		#nav_Intellectual{ width:16.5%;}
		#nav_AboutUs{ width:14%;}
		#nav_OnlineMessage{ width:14%;}
	
	.carousel-caption{ right:1vw; left:1vw; width:96vw;}
	
	.footer_body{ width:96vw; padding:20px 10px; box-sizing:border-box;}
	.footer_copyright{ line-height:25px;}

	.Contact_KeFu{ right:5px; width:60px;}
		.Contact_KeFu_Img{ width:60px; height:60px;}
}