@charset "utf-8";
/* CSS Document */
html {
  font-size: 0.95rem;
}
.color-gray{
	color:#727272;
}
h1,h2,h3,h4,h5,h6{
	color:#212122;
}
a{
	color:#212122;
	text-decoration:none;
}
a:hover{
	color:#007ce6;
	text-decoration:none;
}
.color-white{
	color:#fff;
}
.top-on{
	/*border-bottom:1px solid rgba(255,255,255,0.3);*/
}
.navbar-light .navbar-nav .nav-link {
	color:#fff;
}
.navbar-light .navbar-nav .nav-link:hover{
	color:#fff;
}
.top-on a{
	color:#fff;
}
.topbg{
	padding: .5rem 1rem;
	z-index:1029;
	background-color:rgba(50,52,54,0.8);
}
.top-phone,.logo,.logor{
	display:none;
}
.top-r{
	height:100%;
	margin-left:1rem;
	padding-left:1rem;
}
.close-menu{
	text-align:center;
	line-height:2rem;
	font-size:1.5rem;
	padding-top:0.5rem !important;
	padding-bottom:0.2rem !important;
	display:none;
}

.top-dn{
	position:absolute;
	height:3rem;
	line-height:3rem;
	width:100%;
	left:0rem;
	top:86px;
	background-color:rgba(204,204,204,0.2);
	z-index:99;
	display:none;
}
.ten-y{
	width:250px;
	height:3rem;
	font-size:1rem;
	color:#fff;
	background-color:#a3d238;
}
.ten-y i{
	padding-right:0.8rem;
	margin-left:0.6rem;
}
.top-dnall{
	position:absolute;
	width:100%;
	top:3rem;
	left:0rem;
	display:none;
	color:#212122;
}
.top-dncont{
	width:100%;
	height:auto;
	padding:1rem;
	background-color:#fff;
}

/*.banner{
	height:827px;
	background:#000 url(../images/banner1.jpg) center top no-repeat;
}*/
.index-t2{
	font-size:1.25rem;
}
.index-title {
    padding: 10px 0 2px 0;
    width: 20rem;
    margin: auto;
    background-image: url(../images/bj_xian.jpg);
    background-repeat: repeat-x;
    background-position: center 94px;
    text-align: center;
}
.index-title div {
    height: 70px;
    line-height: 70px;
    font-size: 3rem;
    color: #222222;
    font-weight: bold;
}
.index-title div span {
    font-weight: normal;
    font-family: "宋体";
}
.index-title p {
    display: inline-block;
    line-height: 28px;
    padding: 0 10px 0 10px;
    font-size: 12px;
    color: #2C2C2C;
    font-family: Arial, Helvetica, sans-serif;
    margin: auto;
    background-color: #FFFFFF;
}
.index-title2{
    font-size:3rem;
    color: #222222;
    font-weight: bold;
}
.index-title2 span {
    font-weight: normal;
    font-family: "宋体";
}

.services{
	padding-bottom:4rem;
}
.services-icon{
	width:100px;
	height:100px;
	margin-top:5.5rem;
}
.services-li h4{
	text-align:center;
	color:#fff;
	margin-top:1.5rem;
	margin-bottom:1.5rem;
}
.services-li p{
	padding-left:1.5rem;
	padding-right:1.5rem;
}
.services-li p a{
	color:#727272;
	line-height:2em;
	display:inline-block;
	padding-left:1rem;
	padding-right:1rem;
	margin:0.5rem;
	color:#e1e1e1;
	border:1px #e1e1e1 solid;
}
.services-li p a:hover{
	text-decoration:none;
	color:#fff;
}
.services-li .col-md-3{
	padding-bottom:4rem;    
	transition: all ease .5s;
}
.services-li .col-md-3:hover{
	background-color:#ffd972;
}
.cate{
	padding-bottom:4rem;
}
.category{
	justify-content: flex-end;
}
.category a{
	display:block;
	font-size:0.85rem;
	background-color:#f4f4f4;
	padding:0.9rem 1.9rem;
	margin-right:0.5rem;
	color:#212122;
	transition: all ease .5s;
}
.category a:hover,.category a.active{
	background-color:#008ee6;
	color:#fff;
	text-decoration:none;
}
.cate .card{
	border:none;
	border-radius:0;
	color:#727272;
}
.cate .card .btn-outline-secondary{
	border-color:#fff;
}
.cate .card img{
	width:100%;
	height:auto;
}
.team{
	padding-bottom:4rem;
}
.team-bg{
	background-color:#eee;
}
.team-txt{
	padding-top:6rem;
	padding-left:6rem;
	padding-right:6rem;
	font-size:1.25rem;
}

.solution{
	color:#fff;
	padding-bottom:6rem;
	background:#212122 url(../images/solution.jpg) center top no-repeat;
}
.solution h1,.solution h3{
	color:#fff;
}
.solution h6{
	color:#ddd;
	margin-top:1rem;
	line-height:1.6;
}
.sol a{
	display:block;
	font-size:0.85rem;
	color:#ddd !important;
	text-decoration:none;
	padding:0.5rem 1.5rem;
	margin-right:1rem;
	color:#212122;
	border:1px #ddd solid;
}
.sol a:hover{
	color:#fff !important;
	border-color:#fff;
}
.sub-request .r-txt{
	width:100%;
	height:50px;
	padding-left:1rem;
	padding-right:1rem;
	margin-top:1rem;
	outline:none;
}
.sub-request .r-btn{
	width:100%;
	height:50px;
	margin-top:1rem;
	background-color:#333333;
	color:#fff;
	border:none;
	outline:none;
}
.sub-request .r-btn:hover{
	background-color:#008ee6;
}


.news{
	padding-bottom:3rem;
}
.news-cate a{
	display:block;
	font-size:0.85rem;
	background-color:#f4f4f4;
	padding:0.9rem 1.9rem;
	margin-right:0.5rem;
	color:#212122;
	transition: all ease .5s;
}
.news-cate a:hover,.news-cate a.active{
	background-color:#212122;
	color:#fff;
	text-decoration:none;
}
.news .card{
	border:none;
	border-radius:0;
	color:#727272;
}
.news .card-body{
	padding-left:0px;
	padding-right:0px;
}
.news .card .btn-outline-secondary{
	border-color:#fff;
}
.news .card img{
	width:100%;
	height:auto;
}
.news-title{
	font-weight:bold;
	margin-bottom:0.5rem;
}
.news .date{
	color:#676767;
}
.news ul li h6,.news .card h6{
	font-weight:bold;
}
.news ul li{
	padding-left:1.5rem;
	margin-bottom:2.7rem;
}

.baojia{
	padding-bottom:6rem;
	background-color:#eee;
}


footer{
	background-color:#1f2022;
}
.foot{
	color:#ccc;
	line-height:1.5rem;
	font-size:0.825rem;
}
.foot-title{
	width:80%;
	height:56px;
	margin-bottom:1rem;
	border-bottom:1px #595a5c solid;
}
.foot-title img{
	width:120px;
	height:auto;
}
.ewm img{
	margin-top:1rem;
	margin-right:1rem;
}
.foot h6{
	color:#ddd;
	padding-top:1.5rem;
}
.foot ul li a{
	color:#ccc;
	font-size:0.825rem;
}
.foot ul li a:hover{
	color:#fff;
	text-decoration:underline;
}
.yq-links{
	margin-top:2rem;
	padding:1rem 1rem;
	border-top:1px #333 solid;
}
.yq-links a{
	color:#727272;
	line-height:1.5rem;
	padding-right:1rem;
}
.yq-links a:hover{
	color:#fff;
	text-decoration:underline;
}
.foot-dn{
	padding:1rem 0 2rem 0;
	font-size:0.825rem;
	border-top:1px #333 solid;
	color:#727272;
}
.foot-dn a{
	color:#727272;
	line-height:1.5rem;
	padding-right:1rem;
}
.foot-dn a:hover{
	color:#fff;
	text-decoration:underline;
}


/*--------mobile-------*/
.navbar-light .navbar-toggler {
	border:none;
	outline:none;
}
.navbar-light .navbar-toggler .navbar-toggler-icon{
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(153,153,153, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}

@media (max-width: 768px) {
.mobile-hide{
	display:none;
}
.close-menu{
	display:block;
}
.navbar-brand img{
	height:36px;
	width:auto;
}
.navbar-collapse{
	text-align:center;
}
.navbar-collapse ul{
	margin-top:2rem;
}
.top-r{
	width:100%;
	margin-left:0rem;
	margin-top:1.5rem;
}

.index-title {
    padding: 10px 0 2px 0;
    background-position: center 85px;
}
.index-title div,.index-title2 div{
    height: 30px;
    line-height: 30px;
	margin-top:30px;
	font-size:2rem;
}

.services{
	padding-bottom:0rem;
}
.services-li p{
	padding-left:1rem;
	padding-right:1rem;
}

.cate{
	padding-bottom:0.1rem;
}
.cate .card-body{
	padding-left:0.5rem;
	padding-right:0.5rem;
}
.category{
	justify-content: flex-start;
}
.category a{
	display:block;
	font-size:0.75rem;
	background-color:#f4f4f4;
	padding:0.55rem;
	margin-right:0.5rem;
	color:#212122;
	transition: all ease .5s;
}

.team{
	padding-bottom:0rem;
}
.team-txt h3{
	font-size:1rem;
	font-weight:bold;
}
.team-txt{
	padding-top:1rem;
	padding-left:1rem;
	padding-right:1rem;
	padding-bottom:2.5rem;
	font-size:1rem;
}
.news ul li {
    padding-left: 0rem;
}

.foot-title{
	width:100%;
	border-bottom:1px #333 solid;
}

/*.logor,.logor-alt{
	display:none !important;
}*/
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
	 font-size: 3.5rem;
}
.banner{
	/*margin-top:84px;*/
}
.navbar-expand-md .navbar-nav .nav-link{
	padding-left:1rem;
	padding-right:1rem;
}
}
@media (min-width: 991px){
.navbar{
	padding:0px;
}
.navbar-brand{
	padding-left:100px !important;
	padding-top:15px;
	padding-bottom:15px;
}
.top-r{
	padding-right:100px !important;
	padding-top:15px;
	padding-bottom:15px;
}
.container-fluid{
	padding-left:100px !important;
	padding-right:100px !important;
}
}




input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #ccc !important;
  font-size:0.85rem;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #ccc !important;
  font-size:0.85rem;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #ccc !important;
  font-size:0.85rem;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #ccc !important;
  font-size:0.85rem;
}