@charset "utf-8";
/* CSS Document */
.font-size1{
	font-size:1.125rem;
	padding-bottom:2rem;
	margin-top:1rem;
	
}
.pbanner{
	margin-bottom:0rem;
	text-shadow:4px 2px 6px #000;
}
.p-b-seo{
	color:#fff;
	height:500px;
	background:url(../images/pbanner_seo.jpg) top center no-repeat;
}
.p-b-site{
	color:#fff;
	height:500px;
	background:url(../images/pbanner_site.jpg) top center no-repeat;
}
.p-b-news{
	color:#fff;
	height:260px;
	background:url(../images/pbanner_news.jpg) bottom center no-repeat;
}
.p-b-case{
	color:#fff;
	height:500px;
	background:url(../images/pbanner_case.jpg) top center no-repeat;
}
.p-b-case2{
	color:#fff;
	height:300px;
	background:url(../images/pbanner_case.jpg) top center no-repeat;
}
.p-b-about{
	color:#fff;
	height:500px;
	background:url(../images/pbanner_about.jpg) bottom center no-repeat;
}
.p-b-mobile{
	color:#fff;
	height:500px;
	background:url(../images/pbanner_mobile.jpg) top center no-repeat;
}
.p-b-contact{
	color:#fff;
	height:500px;
}
.pbanner h1{
	color:#fff;
	margin-top:130px;
}
.pbanner h3{
	color:#fff;
}
.pcard{
	border:none;
}
.pcard .cardimg,.pcard .card-img-top{
	border-radius: 0;

}
.p-cate .card {
    border:none;
}
.cate .service-title{
	text-align:center;
}
.cate .service-title h1{
	margin-top:0rem;
	margin-bottom:1.5rem;
}
.cate h1{
	text-align:center;
	padding-top:5rem;
}
.p-cate .card-body p{
	text-align: justify;
}
.p-cate .card-body{
	padding:2.5rem;

}
.p-cate h5{
	font-weight:700;
	margin-bottom:1.5rem;
}

.case-all{
	padding-top:5rem;
	padding-bottom:5rem;
}
.sharing-bg{
	background:url(../images/news_bg.jpg) center top;
}
.news-all{
	background:url(../images/news_bg.jpg) center top;
}
.case-all .container{
	max-width:1200px;
	padding:2rem;
	padding-top:1rem;
	background-color:#fff;
}
.case-all h4{
	font-size:1.5rem;
	line-height:5rem;
}
.case-link{
	text-align:right;
	padding-left:2rem;
	border-left:1px #ddd solid;
}
.case-link a{
	display:inline-block;
	width:2.5rem;
	height:2.5rem;
	margin-top:1.5rem;
	margin-right:0.5rem;
	text-align:center;
	line-height:2.5rem;
	color:#999;
	border:1px #999 solid;
	border-radius:50%;
}
.case-link a:hover{
	color:#0d6efd;
	border:1px #0d6efd solid;
}
.case-all .content img{
	max-width:100%;
}


.pnews-cate{
	margin-top:1rem;
}
.pnews-cate a{
	font-size:1.125rem;
	display:inline-block;
	margin-left:0.5rem;
	margin-right:0.5rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	border-radius: 0.3rem;
	transition: all ease .5s;
}
.pnews-cate a:hover,.pnews-cate a.active{
	color:#fff;
	background-color: #999;
	text-decoration:none;
}
.pnews-cate a.active:after {
    content: "";
    display: block;
    height: 2px;
}
.c-page{
	text-align:center;
	font-size:1.25rem;
	line-height:4rem;
	padding:0rem !important;
	border-top:1px #eee solid;
}
.c-page a{
	display:block;
	color:#666;
	border-right:1px #eee solid;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.c-page a:hover{
	font-size:1.5rem;
	color:#fff;
	background-color:#0d6efd;
}
.news-li{
	margin-top:3rem;
}
.news-li .card{
	border-bottom:1px #eee solid;
}

.news-cont{
	padding:2rem;
}
.news-cont .news-title{
	padding-bottom:1rem;
}

.pnews{
	padding-bottom:4rem;
}
.pnews h2{
	padding:5rem;
}
.pnews .card{
	border-radius:0;
	background:none;
	border:none;
}
.pnews .card-body{
	border:1px #ccc solid;
}
.pnews  .card-text{
	height:2.25rem;
}
.pnews .date{
	color:#999;
	font-size:1.25rem;
	margin-bottom:0 !important;
}
.pnews .card-body:hover{
	border:1px #0d6efd solid;
}
.pnews .card-body:hover p{
	color:#0d6efd;
}
.cate-tag{
	display: inline-block;
	padding-left: 0.6rem;
	padding-right: 0.6rem;
	border-radius: 0.3rem;
	background-color: #dedede;
}

.about{
	padding-bottom:5rem;
}

.mobile{
	padding:0px !important;
}
.mobile .row{
	padding:5rem 9rem;
	margin:0px !important;
}
.mobile-1{
	background-color:#fff;
}
.mobile-2{
	background-color:#FF9999;
}
.mobile-3{
	background-color:#4848ae;
}
.mobile-4{
	background-color:#003366;
}
.m-img{
	text-align:center;
}

.mobile h2{
	font-weight:bold;
	margin-top:2rem;
	padding-bottom:1rem;
}
.mobile h2:after{
	display:block;
	content:'';
	width:4rem;
	height:0.2rem;
	border-radius:0.1rem;
	margin-top:1rem;
	background-color:#0d6efd;
}
.mobile .txt2{
	color:#999;
	width:20rem;
	padding-bottom:1rem;
	margin-bottom:1rem;
	border-bottom:1px #eee solid;
}
.mobile .txt3{
	color:#666;
}
.mobile .color-white h2{
	color:#fff;
	
}
.mobile .color-white h2:after{
	background-color:#fff;
}
.mobile .color-white .txt2{
	color:#fff;
}
.mobile .color-white{
	color:#fff;
}
.mobile .color-light h2{
	color:#fff;
	
}
.mobile .color-light .txt2{
	color:#ddd;
}
.mobile .color-light{
	color:#ddd;
}
.mobile .icon{
	margin-top:2rem;
	padding-bottom:1rem;
	color:#999;
	font-size:1.5rem;
}
.mobile .icon i{
	margin-right:2rem;
}
.mobile .btn{
	margin-top:1rem;
	padding: 0.7rem 1.8rem;
	border:1px #999 solid;
	color:#666;
}
.mobile .color-white .btn{
	color:#fff;
	border:1px #fff solid;
}


.website{
	padding:0px !important;
	background-color:#fff;
}
.website .row{
	padding:5rem 9rem;
	margin:0px !important;
}
.website h2{
	font-weight:bold;
	margin-top:2rem;
	padding-bottom:1rem;
}
.website h2:after{
	display:block;
	content:'';
	width:4rem;
	height:0.2rem;
	border-radius:0.1rem;
	margin-top:1rem;
	background-color:#0d6efd;
}
.website .text{
	color:#666;
	padding-bottom:1rem;
	margin-bottom:1rem;
}
.website .li ul{
	padding-left:0;
}
.website .li ul li{
	display:inline-block;
	margin-right:3rem;
	line-height:2rem;
	color:#666;
}
.website .li ul li i{
	color:#0d6efd;
}
.website .btn{
	padding: 0.7rem 1.8rem;
}


.about-about .row{
	background-color:#fff;
	margin-bottom:1.5rem;
}
.about-about .col-md-7{
	text-align:right;
}
.about-about .text{
	margin-top:1.5rem;
	line-height:2.2rem;
}
.about-us{
	padding:8rem 0;
}
.about-us h2{
	color:#000;
}
.about-us h1{
	font-weight:500;
	color:#000;
}
.about-why{
	background:url(../images/about2.jpg);
	background-size:cover;
	padding:6rem 0;
}
.about-why .col{
	text-align:center;
	color:#fff;
}
.about-why .col h1{
	color:#f2db7d;
	font-weight:400;
}
.about-why .col h5{
	color:#fff;
	font-weight:200;
	line-height:4rem;
}
.about-why .col img{
	width:100%;
}
.about-why .txt{
	position:relative;
	font-size:1.5rem;
	font-weight:200;
	padding-top:8rem;
}
.about-why .txt:before {
    content: "";
    position: absolute;
    top: 1rem;
    left: 50%;
    width: 1px;
    height: 4rem;
    background-color: #ffffff;
}

/*-----fen-----*/
.page{
	margin-top:5rem;
	text-align: center;
}
.page-item.active .page-link {
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.page-link {
    color: #727272;
}
.page-link:hover {
    color: #0d6efd;
}


.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}

.pagination>li {
	display: inline
}

.pagination>li>a,.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #337ab7;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
	z-index: 3;
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7;
	cursor: default
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
	color: #777;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed
}

.pagination-lg>li>a,.pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.pager {
	padding-left: 0;
	margin: 20px 0;
	list-style: none;
	text-align: center
}

.pager li {
	display: inline
}

.pager li>a,.pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px
}

.pager li>a:hover,.pager li>a:focus {
	text-decoration: none;
	background-color: #eee
}

.pager .next>a,.pager .next>span {
	float: right
}

.pager .previous>a,.pager .previous>span {
	float: left
}

.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span {
	color: #777;
	background-color: #fff;
	cursor: not-allowed
}

@media (max-width: 768px) {
	.pbanner .display-4{
		font-size:2rem;
	}
	.pbanner h3{
		font-size:1.25rem;
	}
	.mobile-t h1{
		text-align:left;
		font-size:1.25rem;
		padding-top:2rem;
	}
	.mobile-t .index-title2{
		text-align:center;
	}
	.mobile-t .index-title2 div{
		margin-top:1rem;
	}
	.mobile-t .font-size1{
		text-align:justify;
    	color: #555;
    	font-size: 1rem;
		margin-top:0rem;
		padding-bottom:0rem !important;
	}
	.cate{
		background-color:#fff;
	}
	.cate .card-body{
		border:1px #f2f2f2 solid;
	}
	.p-cate{
		padding-bottom:5rem;
	}
    .p-cate .card-body{
		padding:1.25rem;
		border:1px #eee solid;
    }
    .p-cate .card-body h5{
		margin-bottom:0.8rem;
	}
	.p-cate .card-body p{
		color:#555;
	}
	.pnews h2{
		padding:2rem;
		font-size:1.25rem;
		font-weight:bold;
	}
	.pnews .card-body {
		padding:1rem;
	}
	.pnews .card-text {
  	    height:auto;
		margin-bottom:0.25rem;
	}
	.pnews .date {
    	color: #999;
   	    font-size: 0.9rem;
   	    margin-bottom: 0 !important;
	}
	.mobile .row,.website .row{
		padding:4rem 0.8rem;
	}
	.mobile h2,.website h2{
		font-size:1.5rem;                                                      
   	    margin-top: 2rem;
	}
	.mobile h4,.website h4{
		font-size:1rem;
	}
	.case-intro h2{
		font-size:1.5rem;
		line-height:4rem;
	}
	.news-banner{
		margin-bottom:0rem;
	}
	.news-cont{
		padding:0rem;
		padding-top:2rem;
	}
	.pnews-cate{
		justify-content:left !important;
	}
	.pnews-cate a{
		text-align:left;
		font-size:0.9rem;
		line-height:2rem;
		margin-left:0rem;
		margin-right:1rem;
	}
	.news-li{
		margin-top:0rem;
	}
	.news-title{
		margin-bottom:0rem;
	}
	.news-title h2{
		font-size:1.5rem;
	}
	.news-title p{
		font-size:1rem;
		font-weight:normal;
		padding-bottom:0rem;
	}
	.c-page{
		font-size:1rem;
		line-height:3rem;
		padding:0rem !important;
		border-top:1px #eee solid;
	}
	
	.c-page a{
		border:none;
	}
	.c-page a:hover{
		font-size:1rem;
	}
	
	.case-all .container{
		padding:1rem;
	}
	.case-all h4{
		font-size:1.125rem;
		font-weight:bold;
		line-height:3rem;
	}
	.case-link{
		padding-left:1rem;
		border-left:1px #eee solid;
	}
	.case-link a{
		font-size:0.8rem;
		width:1.5rem;
		height:1.5rem;
		margin-top:0.8rem;
		margin-right:0.2rem;
		line-height:1.5rem;
	}
}