/* .probootstrap-cover {
		background-position: initial;
	}
 */
/* 产品下载 css */
.downcontent {
	text-align: center;
}

.downbutton {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.2);
	height: 60px;
	padding: 5px;
	border-radius: 2%;
	margin-top: 10px;
}

.downbutton img {
	float: left;
	/* 		margin-top: 10px;
		margin-left: 10px; */
	margin-top: 5px;
}

.downbutton img,
.downloadbutton {
	text-align: center;
}

.versioncode {
	font-size: 12px;
}

.name {
	margin-top: 5px;
}

/**产品下载  end**/
/**选项卡**/
div.tab {

	overflow: hidden;
	text-align: center;
}

.tablinks {
	color: #ffffff;
}

/* Style the buttons inside the tab */
div.tab button {
	width: 18.75rem;
	background-color: inherit;
	float: left;
	border: none;
	text-align: center;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;

}

/* Change background color of buttons on hover */
div.tab button:hover {

	border-bottom: 3px solid rgba(254, 0, 0, 0.5);
}

/* Create an active/current tablink class */
div.tab button.active {

	border-bottom: 3px solid red;
}

/* Style the tab content */
.tabcontent {
	display: none;
	padding: 30px 0px;

	/* border: 1px solid #ccc; */
	border-top: none;
}


/* 7.1 */
.pro {
	margin-top: 1.875rem;
}

/**选项卡 end**/
/**导航栏**/

#ul {
	/* 	margin-left: -12.5rem;
			margin-top: 1.875rem; */
}

#ul>li {

	margin-right: 2.8125rem;
}

#ul>li :hover {
	color: red;
}

.navbar {

	margin-bottom: -20px;
}

@media (min-width: 768px) {
	.navbar {
		border-radius: 0px;
	}
}

.navbar-brand {
	font-family: "times new roman" !important;

	text-transform: capitalize;
	color: red !important;
	margin-left: 100px;
	font-size: 3.125rem;
	font-weight: bold;
}

.icon-bar {
	background-color: #FFFFFF;
}

#example-navbar-collapse a {
	color: #FFFFFF;
}



.dropdown-menu {
	left: 0 !important;
	/* 		margin-top: 1.125rem !important; */
	padding: 0px !important;

	border-radius: 0.625rem;
	background-color: rgba(0, 0, 0, 0.5);

}

.dropdown-menu>li {
	width: 16.875rem;
}

.dropdown-menu>li>a {
	padding: 3px 0.1875rem;
}

.dropdown-menu ul li:before {
	content: "\2022";
	color: #ffffff;
	font-size: 10px;
}

/*导航栏 end */


footer {

	background-color: #222222;

}

footer p {
	font-size: 1.4375rem !important;
	color: #FFFFFF;
}

footer a {
	color: #FFFFFF !important;
	border-bottom: 3px soild red !important;
}

footer a:hover {
	text-decoration: none;

}

footer h4 {
	color: #FFFFFF;
}

.modal-body {
	padding: 0rem;
}

#icon {
	/* margin-bottom: 18.75rem; */
	margin-bottom: 15rem;
}

#icon a {
	color: rgba(255, 0, 0, 0.5) !important;
	margin: 0 auto !important;
}

#icon .about-logo h5 {
	color: #FFFFFF;
}

/* 二维码 */
#icon .about-info {
	display: none;
	position: absolute;
	text-align: center;
	right: 0px;
	left: -2px;

}

#icon .about-info img {

	width: 150px;
	height: 150px;
	text-align: center;
}

#weixin {
	width: 37.5rem;

	margin-left: -6rem;
}

#weixin img {

	float: left;
}

/**
		 * 适配
		 */

/*屏幕大于1200排序（大屏幕电脑）*/
@media screen and (min-width: 1200px) {
	#ul {
		margin-left: -12.5rem;
	}

	#ul>li:not(:last-child) {
		margin-right: 9.375rem
	}
	
	/* 标题 */
	.probootstrap-heading {
		margin-top: -3.125rem !important; 
		margin-bottom: 3.125rem !important;
	}


}

/*屏幕在1024px到1199之间（中屏幕电脑）*/
@media screen and (min-width: 1024px) and (max-width: 1199px) {
	.navbar-brand {
		margin-left: 0px;
	}

	#ul {
		margin-left: 0rem;
	}
	
	/* 标题 */
	.probootstrap-heading {
		margin-top: -2.5rem !important; 
		margin-bottom: 2.5rem !important;
	}

}

/*屏幕在768px到1023之间（小屏幕-pad）*/
@media screen and (min-width: 768px) and (max-width:1023px) {
	.navbar-brand {
		float: left;
		margin-right: 550px;
		margin-left: 0px;
	}

	#ul>li {
		margin-right: 550px;
	}

	.navbar-right {
		display: none;
	}

	.hr {
		display: none;
	}
	
	/* 标题 */
	.probootstrap-heading {
		margin-top: -4.375rem !important; 
		margin-bottom: 4.375rem !important;
	}
	.probootstrap-vh-100 {
		height: 90vh !important;
	}
}

/* 适用于手机屏幕横屏 */
@media screen and (min-width: 768px) and (max-width:1023px) and ( orientation: landscape ){
	.probootstrap-vh-100 {
		height: 180vh !important;
	}
}



/* 适用于手机屏幕竖屏 */
@media screen and (max-width:767px) {

	/* 标题 */
	.probootstrap-heading {
		margin-top: 1.875rem !important;
		margin-bottom: 1.875rem !important;
	}

	.hr {
		display: none;
	}

	.navbar-brand {
		margin-right: 18rem !important;
		padding: 15px 15px;
		margin-top: -0.25rem;
		margin-bottom: 0rem;
		position: absolute;
		top: 0;
		right: 0px;
	}

	.navbar-nav {
		margin: 35px -60px !important;
	}

	.taobao img {
		display: none;
	}

	#ul>li {
		margin-left: 45px;
	}


	.probootstrap-vh-100 {
		height: 100vh !important;
	}

	/* div.downcontent.col-md-2.col-xl-12{
				padding-left: 30px !important;
			} */

	#row .col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-xs-1,
	.col-xs-10,
	.col-xs-11,
	.col-xs-12,
	.col-xs-2,
	.col-xs-3,
	.col-xs-4,
	.col-xs-5,
	.col-xs-6,
	.col-xs-7,
	.col-xs-8,
	.col-xs-9 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 30px;
	}

	/**
			 * 轮播图隐藏
			 */
	#myCarousel ol {
		display: none;
	}

	#myCarousel .carousel-control {
		display: none;
	}


	.probootstrap-vh-100 {
		height: inherit;
		padding-top: 0em !important;
		padding-bottom: 5em;
	}
}

/**
		 * 背景图
		 */
.carousel-inner img {
	width: 100%;
	height: 100%;
}

.probootstrap-vh-100 {
	height: 90vh;
}

/**
		 * 轮播图
		 */
.carousel-indicators .active {
	margin-left: 1.25rem;
	background-color: #ff0000;
	border: none;
}

.carousel-indicators li {
	margin-left: 1.25rem;
}

#product {
	width: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
}