@charset "utf-8";
/* CSS Document */
.relevant a{
	margin: 5px;
}
.table-bordered>tbody>tr>td {
    border: 1px solid #7f0000;
}

.navbar-default {
  background-color: #7f0000;
  border-color: #7f0000;
}
.navbar-default .navbar-brand {
  color: #ffffff;
  font-weight: bold;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #fcfcfc;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #7f0000;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #ffffff;
}
.navbar-default .navbar-toggle {
  border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #7f0000;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #7f0000;
  }
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #ffffff;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #ffffff;
  }
}
header{
	background: #7f0000;
	min-height: 50px;
}
body{
background-color: #fffcf8;
}
.panel-primary {
    border-color: #7f0000;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #7f0000;
    border-color: #7f0000;
}
a {
    color: #000000;
    text-decoration: none;
}

.btn-info {
    color: #fff;
    background-color: #7f0000;
    border-color: #7f0000;
}
.btn-info:hover {
    color: #fff;
    background-color: #7f0000;
    border-color: #ffffd5;
}
.navbar{
	margin-bottom: 0px;
}
footer{
	background: #313131;
	color: #fff;
	margin: 0px;
	padding:13px 0px;
}
footer p a{
	color:#fff;
}
footer p a:link{
	color:#fff;
}
footer p a:hover{
	color:#fff;
}
.text-center{
	margin: 0px;
	padding: 0px;
}

.button1{
	clear: both;
}
.button1 .btn{
	padding: 12px;
}

.haoduan p{ width: 50%; float: left;}
.tel_dy { margin-top:10px;text-align: center;}
.tel_dy a:nth-child(7n+1) {
    background: #f7f7f7;
}
.tel_dy a:nth-child(7n+5) {
    background: #f7f7f7;
}
.tel_dy a:nth-child(7n+3) {
    background: #f7f7f7;
}
.tel_dy a {
    display: inline-block;
    width: 135px;
    border: 1px solid #f0f0f0;
    height: 38px;
    line-height: 38px;
    margin: 5px;
    font-size: 14px;
    color: #333;
    text-align: center;
}
.katag{
	padding: 5px 5px;
	margin: 3px;
	border-radius: 10px 0;
	color: #fff;
	background-color: #150aaf;
}
.banner{background:url(../images/10001.jpg);height: 400px;}
.banner .tit {
    font-size: 40px;
    color: #191a24;
    margin-bottom: 24px;
    line-height: 1;
	padding-top:100px;
	font-weight: 600;
}
.banner form input {
    border: none;
    outline: none;
    width: 600px;
    height: 60px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0 16px;
    box-sizing: border-box;
	border: 1px solid #ccc
}
.tags{text-align: center;}
.wt{
    padding: 100px 0;
    background: #f7f7f7;
}
.wt .head{
    font-size: 36px;
    color: #fea700;
    text-align: center;
}
.wt .head span{
    color: #000;
}
.wt .subhead{
    font-size: 20px;
    color: #9f9f9f;
    text-align: center;
    padding: 10px 0 50px;
}
.wt .ul{
    width: 1200px;
}
.wt .ul .li{
    width: 272px;
    background: #fff;
    box-shadow: 0 0 10px 4px rgb(37 58 97 / 8%);
}
.wt .ul .li .img img{
    display: block;
    width: 100%;
}
.wt .ul .li .tit{
    font-size: 18px;
    color: #000;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
}
.wt .ul .li .intro{
    font-size: 14px;
    color: #9f9f9f;
    padding: 0 25px;
}
.wt .ul .li .tbn{
    padding: 25px;
}
.wt .ul .li .tbn a{
    display: inline-block;
    background: url(../images/wm2.gif) no-repeat left top;
    background-size: 115%;
    border-radius: 50px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    width: 100%;
}
.v-w-100{
    width: 100% !important;
    clear: both;
}
.v-w{
    width: 100%;
    margin: 0 auto;
    clear: both;
}
.v-w{
    width: 1300px;
}
.v-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.v-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}
.tags span {
    display: inline-block;
    padding: 5px 8px;
    border-radius: 4px;
    margin-right: 8px;
    color: #fff;
    background-color: #ccc;
    margin-bottom: 10px;
}
.tags span.blue {
    background-color: rgb(69, 156, 252);
}
.tags span.red {
    background-color: rgb(255, 135, 118);
}
.tags span.green {
    background-color: rgb(0, 206, 124);
}
.zj p{font-size: 20px;margin-top: 20px;}

.search_box{
  position: fixed;
  top: 20%;
  left:30%;
  display: none;
  border: 1px solid #ccc;
  width: 40%;
  padding:20px;
  z-index: 99999999;
background: #fff;
    border-radius: 10px;
  
}
.ad img{height: 240px;}
.search_box .caozuo{float: right;margin-bottom: 10px;}
.search_box .cont{text-align: center;margin-bottom: 10px;font-size: 18px;padding: 10px;}
.search_box strong{color:red;font-size: 24px;line-height: 40px;}
.search_box .img{text-align: center;}
@media (max-width: 1201px) {
    .search_box{
  position: fixed;
  top: 5%;
  left:5%;
  display: none;
  border: 1px solid #ccc;
  width: 90%;
  padding:20px;
  z-index: 99999999;
background: #fff;
    border-radius: 10px;
  
}
.ad img{height: auto;width: 100%;}
.search_box .img img{width:80%}
}
.progress-container {
		width: 90%;
		position: relative;
		left: 5%;
		height: 30px;
		background-color: #ddd;
		border-radius: 5px;
		position: relative;
		float: left;
		margin-top: 20px;
	}

	.progress-bar {
		width: 0%;
		height: 100%;
		background: #4CAF50;
		border-radius: 5px;
		animation: load 5s 1;
		position: absolute;
		left: 0;
		top: 0;
	}

	/* 关键帧动画 */
	@keyframes load {
		0% {
			width: 0;
		}

		100% {
			width: 100%;
		}
	}

	.cxjg {
		float: left;
		width: 100%;
		height: 350px;
		position: relative;
    display: none;
	}

	.fn-clear {
		width: 1200px;
		zoom: 1;
		margin: 0 auto;
	}

	.cxjg .cont {
		float: left;
		width: 100%;
		height: 400px;
		background: #fff;
		box-shadow: 0 0 20px;
	}

	.cxjg .cont ul {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		width: 1156px;
		height: auto;
		border: 1px solid #ddd;
		margin: 30px auto 0 22px;
	}

	.cxjg .cont ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		width: 288px;
		height: 48px;
		line-height: 48px;
		background: #eee;
		border-right: 1px solid #ddd;
		text-align: center;
		font-size: 16px;
		color: #666;
	}

	.cxjg .cont strong {
		float: left;
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 25px;
		font-size: 18px;
		color: #333;
	}

	.cxjg .cont .pc_cx {
		float: left;
		width: 100%;
		text-align: center;
		margin: 30px auto 0;
	}

	.cxjg .cont .pc_cx a {
		width: 220px;
		height: 50px;
		line-height: 50px;
		font-size: 22px;
		color: #fff;
		background: #007bff;
		border-radius: 25px;
		display: inline-block;
	}

	.cxjg .cont em {
		float: left;
		width: 1156px;
		height: auto;
		line-height: 50px;
		margin: 45px 22px 0;
		text-align: center;
		background: #eee;
		font-size: 16px;
		color: #999;
	}
  .pc_tc{
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    display: none;
    z-index: 9999;
    }
  #bghight{
    float: left;
    width: 100%;
    background: #000;
    opacity: 0.5;
    filter: Alpha(opacity = 50);
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
      }
 @media (max-width: 768px) {
.fn-clear{width: 100%;}
.cxjg .cont ul{display: none;}
.search_box strong{font-size: 18px;}

/* .v-w移动端响应式样式 */
.v-w {
    width: 100% !important;
    max-width: 100%;
    padding: 0 15px;
}

/* .wt模块移动端响应式样式 */
.wt {
    padding: 30px 15px;
}

.wt .head {
    font-size: 20px;
    line-height: 1.4;
}

.wt .subhead {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.wt .ul {
    width: 100%;
    margin: 0;
}

.wt .v-row {
    margin-left: 0;
    margin-right: 0;
    flex-direction: column;
}

.wt .v-col-3 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
}

.wt .ul .li {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 15px;
}

.wt .ul .li .img {
    margin-bottom: 15px;
}

.wt .ul .li .tit {
    font-size: 16px;
    margin-bottom: 10px;
}

.wt .ul .li .intro {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.wt .ul .li .tbn {
    margin-top: 15px;
}

.wt .ul .li .tbn .a {
    padding: 8px 20px;
    font-size: 14px;
}
}