:root{
	--nine-color:#999;
	--six-color:#666;
	--red-color:#ef3739;
	--efive-color:#e5e5e5;
	--bf-color:#bfbfbf;
	--e-color:#eee;
}
p,h1,h2,h3,h4,h5{
	margin:0;
}
ul{
	list-style:none;
	padding:0;
	margin-bottom:0;
}
i{
	font-style:normal;
	display:inline-block;
}
img{
	width:100%;
	height:auto;
}
a{
	text-decoration:none;
	color:var(--bs-dark);
}
a:hover{
	color:var(--bs-dark);
}
h1{
	font-weight:bold;
}
header{
	margin-top:60px;
}
main section{
	padding-top:70px;
}
.more{
	color:var(--red-color);
	width:200px;
	font-size:.8rem;
}
.more:hover{
	background-color:var(--red-color);
	color:var(--bs-white);
}
.more span{
	padding-right:15px;
}

/* 导航 */
.navbar{
	background-color:var(--bs-white);
	-webkit-box-shadow:0px 0px 10px 0px var(--bs-gray);
	box-shadow:0px 0px 10px 0px var(--bs-gray);
	height:60px;
	line-height:60px;
	padding:0;
}
.navbar-brand,
.navbar .nav-link{
	color:var(--bs-dark);
}
.navbar-brand{
	margin-right:4rem;
	font-size:.9rem;
	padding:0;
}
.navbar-brand img{
	width:60px;
}
.navbar-nav{
	width:100%;
}
.navbar .nav-link{
	font-size:.8rem;
	padding:0;
	line-height:56px;
	border-bottom:4px solid transparent;
}
.navbar .nav-link.active,
.navbar .nav-link:hover{
	color:var(--red-color);
	border-color:var(--red-color);
}
.navbar button i{
	font-size:32px;
}
.navbar .navbar-toggler:focus{
	-webkit-box-shadow:none;
	box-shadow:none;
}
@media(max-width:991.98px){
	.offcanvas-collapse{
		position:fixed;
		top:60px;
		bottom:0;
		left:100%;
		width:40%;
		padding-right:1rem;
		padding-left:1rem;
		overflow-y:auto;
		visibility:hidden;
		background-color:rgba(0,0,0,.5);
		-webkit-transition:visibility .3s ease-in-out,
		-webkit-transform .3s ease-in-out;
		transition:visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;
		-webkit-transition:visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;
		transition:transform .3s ease-in-out,visibility .3s ease-in-out;
		transition:transform .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;
	}
	.navbar .nav-link{
		color:var(--bs-white);
	}
	.navbar .nav-link.active,
	.navbar .nav-link{
		border:none;
	}
	.offcanvas-collapse.open{
		visibility:visible;
		-webkit-transform:translateX(-100%);
		-ms-transform:translateX(-100%);
		transform:translateX(-100%);
	}
}

/* 大标题 */
.big_title{
	line-height:2.5rem;
}
.big_title h1{
	font-size:1.9rem;
}
.big_title p{
	color:var(--bs-gray);
	font-size:.8rem;
}

/* 首页 服务 */
.index_server li img{
	-webkit-transition:all .4s;
	transition:all .4s
}
.index_server li:hover .figure img{
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.index_server li:hover figcaption{
	-webkit-box-shadow:1px -1px 10px rgba(0,0,0,.3);
	box-shadow:1px -1px 10px rgba(0,0,0,.3);
}
.index_server li:hover figcaption h6{
	color:var(--red-color);
	font-weight:bold;
}
.index_server li figure{
	width:100%;
}
.index_server figcaption{
	padding:.5rem;
}
.index_server figcaption h6{
	font-size:.8rem;
}
.index_server figcaption p{
	font-size:.7rem;
	line-height:1.3rem;
	color:var(--bs-gray);
}

/* 首页产品 */
.index_pro li{
	padding-bottom:calc(var(--bs-gutter-x)*.5*2);
}
.index_pro li a{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	color:var(--bs-white);
	height:300px;
}
.index_pro li a:hover img{
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.index_pro li:nth-child(1) a{
	background-color:var(--bs-indigo);
}
.index_pro li:nth-child(2) a{
	background-color:var(--bs-teal);
}
.index_pro li:nth-child(3) a{
	background-color:var(--bs-yellow);
}
.index_pro li:nth-child(4) a{
	background-color:var(--bs-orange);
}
.index_pro li:nth-child(5) a{
	background-color:var(--bs-blue);
}
.index_pro li:nth-child(6) a{
	background-color:var(--bs-dark);
}
.index_pro li a .describe,
.index_pro li a .img{
	width:50%;
}
.index_pro li a p{
	left:-20px;
	font-size:.8rem;
	line-height:1.5rem;
	-webkit-transition:all .4s;
	transition:all .4s;
}
.index_pro li a .item p{
	position:relative;
}
.index_pro li a .item i{
	padding-right:4px;
	opacity:0;
	-webkit-transition:opacity .3s;
	transition:opacity .3s;
}
.index_pro li a .item p:hover{
	left:0;
}
.index_pro li a .item p:hover i{
	opacity:1;
}
.index_pro li a .describe h5{
	display:inline-block;
	font-size:1.1rem;
	border-bottom:1px solid var(--bs-white);
	padding-bottom:18px;
	margin-bottom:18px;
	white-space:nowrap;
}
.index_pro li a .img{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}
.index_pro li a img{
	-webkit-transition:all .5s;
	transition:all .5s;
}
.index_pro li a .describe{
	padding-top:60px;
	padding-left:50px;
}
@media(max-width:1400px){
	.index_pro li a{
		height:250px;
	}
	.index_pro li a .describe{
		padding-top:30px;
		padding-left:30px;
	}
}
@media(max-width:1200px){
	.index_pro li a{
		height:230px;
	}
	.index_pro li a p{
		font-size:.7rem;
	}
	.index_pro li a .describe{
		padding-top:30px;
		padding-left:20px;
	}
}

/* 首页 关于我们 */
.index_about{
	color:var(--bs-white);
	padding:0;
	margin-top:45px;
	background:url(../images/index_about_bg.jpg) no-repeat center top;
}
.index_about .container{
	overflow:hidden;
}
.index_about .dynamic{
	background-image:url(../images/gradient.jpg);
	background-size:100% auto;
	width:100%;
	padding:80px 0 30px 0;
}
.index_about .brief h2{
	font-size:1.9rem;
	line-height:3rem;
}
.index_about .brief div{
	text-align:justify;
	font-size:.8rem;
	line-height:1.5rem;
	padding-top:20px;
}
.index_about .info{
	padding:30px 0;
}
.index_about .info h3{
	font-weight:bold;
}
.index_about .info strong{
	font-size:1.6rem;
}
.index_about .info span{
	font-size:1.2rem;
}
.index_about .info p{
	font-size:.8rem;
}
.index_about .iconfont{
	color:var(--bs-white);
	font-size:3rem;
}

/* 首页 联系我们 */
.index_contact{
	padding-top:30px;
	padding-bottom:70px;
}
.index_contact .container{
	margin:auto;
}
.index_contact .container i{
	color:var(--red-color);
	font-size:5rem;
	line-height:100%;
	-webkit-transition:all .4s;
	transition:all .4s;
}
.index_contact .container p{
	text-transform:uppercase;
	font-size:.8rem;
	line-height:2.5rem;
}
.index_contact .container a:hover i{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}

/* 新闻列表 */
.news_list li{
	padding-bottom:calc(var(--bs-gutter-x)*.5*2);
}
.news_list li .text{
	background-color:var(--bs-light);
	padding:20px;
	line-height:2rem;
}
.news_list .text h4{
	font-size:.8rem;
	font-weight:bold;
}
.news_list .text .nums{
	color:var(--nine-color);
}
.news_list .text .nums i{
	font-size:.6rem;
}
.news_list .text .info{
	color:var(--six-color);
	font-size:.7rem;
	line-height:1.5rem;
}
.news_list li a:hover h4{
	color:var(--red-color);
}
.news_list li .img img{
	-webkit-transition:all .4s;
	transition:all .4s;
}
.news_list li a:hover img{
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}

/* 案例列表 */
.case_list li{
	margin-bottom:calc(var(--bs-gutter-x)*.5*2);
}
.case_list li .info{
	position:absolute;
	top:100%;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,.7);
	color:var(--bs-white);
	padding:30px 40px;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.case_list li:hover .info{
	top:0;
}
.case_list li .info .type{
	font-size:.8rem;
	line-height:1.6rem;
}
.case_list li .info .type::after{
	display:block;
	height:1px;
	background-color:var(--bs-white);
	width:32px;
	content:"";
}
.case_list li .info div h5{
	font-size:1.2rem;
	padding:20px 0 10px 0;
}
.case_list li .info div p{
	font-size:.7rem;
}

/* 关于我们 */
.about .details{
	font-size:.8rem;
	color:var(--six-color);
	line-height:1.5rem;
	padding:60px 0;
}
.about .nums strong{
	color:var(--red-color);
	font-size:1.6rem;
}
.about .nums span{
	font-size:1.2rem;
	font-weight:bolder;
}
.about .nums p{
	font-size:.8rem;
	color:var(--six-color);
}
.about_pic{
	padding-top:60px;
}
.about_pic li{
	padding:0;
}
.about_pic li .item{
	top:100%;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.5);
	color:var(--bs-white);
	padding:10px;
	-webkit-transition:all .4s;
	transition:all .4s;
}
.about_pic li:hover .item{
	top:0;
}
.about_pic li .item div{
	border:1px solid var(--bs-white);
	width:100%;
	height:100%;
}
.about_pic li .item div h1{
	font-size:1.5rem;
}
.about_pic .more{
	margin:80px 0;
}

/* 产品 */
.product{
	color:var(--bs-white);
}
.product .container{
	overflow:hidden;
}
.product .row{
	padding:100px 0;
	margin:auto;
}
.product li{
	padding:0 40px;
}
.product li .title::after{
	display:block;
	height:4px;
	background-color:var(--bs-white);
	width:50px;
	content:"";
}
.product li .title h2{
	font-size:2.8rem;
}
.product li .title p{
	font-size:1.3rem;
	padding:15px 0;
}
.product li .info{
	padding:30px 0 60px 0;
	font-size:.9rem;
	line-height:1.8rem;
}
.product li a{
	color:var(--bs-white);
	border:1px solid var(--bs-white);
	padding:10px 15px;
	font-size:.8rem;
}
.product li a:hover{
	background-color:var(--bs-red);
	color:var(--bs-white);
	border-color:var(--bs-red);
}
.product li a span{
	padding-right:40px;
}
@media(max-width:1400px){
	.product li .title h2{
		font-size:2rem;
	}
	.product li .title p{
		font-size:1rem;
	}
	.product li .info{
		padding:20px 0 40px 0;
		font-size:.8rem;
		line-height:1.8rem;
	}
}
@media(max-width:1200px){
	.product li .title h2{
		font-size:1.5rem;
	}
	.product li .title p{
		font-size:.9rem;
	}
	.product li .info{
		padding:10px 0 20px 0;
		font-size:.7rem;
		line-height:1.6rem;
	}
	.product li a{
		font-size:.7rem;
	}
}
@media(max-width:991px){
	.product li{
		padding:0 calc(var(--bs-gutter-x)*.5);
	}
	.product li .title h2{
		font-size:1.2rem;
	}
	.product li .title p{
		font-size:.8rem;
		padding:8px 0;
	}
	.product li .info{
		padding:5px 0;
		line-height:1.5rem;
	}
	.product li a{
		font-size:.7rem;
		padding:8px 10px;
		font-size:.6rem;
	}
}
@media(max-width:768px){
	.product section:first-child{
		padding-top:130px;
	}
	.product .row{
		padding:0 0 20px 0;
	}
	.product .row li:last-child{
		padding-top:40px;
	}
}

/* 产品 响应式网站 */
.response{
	background-color:var(--bs-dark);
}

/* 产品 定制型网站 */
.customized{
	color:var(--bs-dark);
}
.customized li .title::after{
	background-color:var(--bs-dark);
}
.customized li a{
	color:var(--bs-dark);
	border-color:var(--bs-dark);
}

/* 产品 PC展示型网站 */
.pc{
	background-color:var(--bs-primary);
}

/* 产品 微信朋友圈广告 */
/*.extension{
	background-color:var(--bs-orange);
}*/
.extension .container{
	color:var(--bs-dark);
}
.extension li img{
	width:80%;
}

/* 产品 微信小程序 */
.applets{
	background-color:var(--bs-dark);
}

/* 产品 基础应用 */
.basics{
	background-color:var(--bs-cyan);
}

/* 案例 */
.case .pc_tab{
	border:1px solid var(--efive-color);
	margin-bottom:70px;
}
.case .pc_tab li{
	font-size:.8rem;
}
.case .pc_tab a{
	padding-bottom:15px;
	border-bottom:3px solid transparent;
}
.case .pc_tab a.active,
.case .pc_tab a:hover{
	border-color:var(--red-color);
}
.case .m_nav{
	display:none;
	padding:30px 0;
}
@media(max-width:992px){
	.case .m_nav{
		display:block;
	}
	.case .pc_tab{
		display:none;
	}
}
.case .m_nav .title{
	background-color:var(--bs-red);
	color:var(--bs-white);
	padding:0 20px;
	height:50px;
}
.case .m_nav .title h2{
	font-size:1rem;
	line-height:50px;
}
.case .m_nav .title i{
	font-size:1.5rem;
	line-height:50px;
}
.case .m_nav ul{
	display:none;
}
.case .m_nav ul li{
	border:1px solid var(--efive-color);
	border-top:none;
	padding:10px 0;
}
.case .m_nav ul li a{
	font-size:.8rem;
}
.case .case_list{
	padding-top:0;
}
.case .case_list .more{
	margin:auto auto 30px auto;
}

/* 详情页 */
.detail{
	padding-bottom:70px;
}
.detail .title{
	padding-bottom:20px;
}
.detail h1{
	font-size:1.2rem;
	padding-bottom:10px;
}
.detail .nums{
	display:flex;
	justify-content:center;
	font-size:.8rem;
	color:var(--nine-color);
}
.detail .nums span:first-child{
	padding-right:10px;
}
.detail .content{
	line-height:1.8rem;
	font-size:.9rem;
}


/* 服务 */
.server .server_list{
	margin-top:90px;
}
.server .server_list .item{
	position:relative;
	border:1px solid var(--bf-color);
	height:300px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:0 2.5rem;
	margin-bottom:90px;
}
.server .server_list .item h1{
	position:absolute;
	top:-50px;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	color:var(--bs-white);
	width:270px;
	height:100px;
	line-height:100px;
	font-size:1.5rem;
}
.server .server_list li:nth-child(1) h1{
	background-color:var(--bs-blue);
}
.server .server_list li:nth-child(2) h1{
	background-color:var(--bs-red);
}
.server .server_list li:nth-child(3) h1{
	background-color:var(--bs-cyan);
}
.server .server_list li:nth-child(4) h1{
	background-color:var(--bs-teal);
}
.server .server_list li:nth-child(5) h1{
	background-color:var(--bs-success);
}
.server .server_list li:nth-child(6) h1{
	background-color:var(--bs-yellow);
}
.server .server_list li:nth-child(7) h1{
	background-color:var(--bs-indigo);
}
.server .server_list li:nth-child(8) h1{
	background-color:var(--bs-orange);
}
.server .server_list li:nth-child(9) h1{
	background-color:var(--red-color);
}
.server .server_list .item .info{
	font-size:.7rem;
	color:var(--six-color);
	text-align:center;
	line-height:1.2rem;
}
.server .server_list .item .img_icon{
	position:absolute;
	right:0;
	bottom:0;
}
.server .server_tool{
	background:url(../images/serv_two_bg.jpg) no-repeat top center;
	color:var(--bs-white);
}
@media(max-width:992px){
	.server .server_tool{
		background:var(--bs-gray-dark);
	}
}
.server .server_tool .big_title p{
	color:var(--bs-white);
}
.server .server_tool ul{
	padding-top:40px;
	padding-bottom:75px;
}
.server .server_tool li .num{
	position:relative;
	width:146px;
	height:146px;
	border:14px solid var(--red-color);
	border-radius:50%;
	margin-bottom:calc(var(--bs-gutter-x)*.5*2);
}
.server .server_tool li .num p{
	width:70px;
	height:70px;
	line-height:70px;
	background-color:var(--red-color);
	border-radius:50%;
	text-align:center;
	margin:24px auto 0;
	font-weight:bold;
	font-size:1.2rem;
}
.server .server_tool li .num p::after{
	position:absolute;
	content:"";
	display:block;
	background:url(../images/st_icon.png) no-repeat center;
	width:54px;
	height:48px;
	top:-12px;
	left:-10px;
}
.server .server_tool li .info{
	text-transform:uppercase;
}
.server .server_tool li .info h1{
	font-size:1.2rem;
	font-family:"Arial";
	padding:15px 0;
}
.server .server_tool li .info p{
	font-size:.7rem;
}

/* 留言 */
.message .form{
	margin:60px 0;
}
.message form .form-floating label,
.message form .btn{
 font-size:.8rem;
}
.message form .form-floating label em{
	color:var(--bs-red);
}
.message form textarea{
	resize:none;
	height:300px !important;
}
.message .btn{
	color:var(--bs-white);
}

/* 订单 */
.order form{
	margin:20px;
}
.order form .form-control,
.order form .btn{
	font-size:.8rem;
}
.order form .form-control{
	max-width:40%;
}
@media(max-width:992px){
	.order form .form-control{
		max-width:60%;
	}
}
@media(max-width:576px){
	.order form .form-control{
		max-width:100%;
	}
}
.order form .btn{
	color:var(--bs-white);
}
.order .time_line{
	margin:50px;
}
.order .time_line li::before{
	position:absolute;
	left:5px;
	top:20px;
	content:"";
	width:1px;
	height:100%;
	background-color:var(--e-color);
}
.order .time_line li .circle{
	position:absolute;
	left:-5px;
	top:0;
	width:20px;
	height:20px;
	line-height:20px;
	border:1px solid var(--bs-info);
	background-color:var(--e-color);
	border-radius:50%;
	text-align:center;
}
.order .time_line .text{
	padding-left:25px;
}
.order .time_line .text h5{
	font-size:.9rem;
}
.order .time_line .text .info{
	font-size:.75rem;
	color:var(--six-color);
	line-height:1.2rem;
}

/* 联系我们 */
.contact .info li{
	color:var(--bs-white);
	margin-bottom:calc(var(--bs-gutter-x)*.5*2);
}
.contact .info li:nth-child(1) div{
	background-color:var(--bs-yellow);
}
.contact .info li:nth-child(2) div{
	background-color:var(--bs-blue);
}

.contact .info li:nth-child(3) div{
	background-color:var(--bs-cyan);
}

.contact .info li:nth-child(4) div{
	background-color:var(--bs-teal);
}
.contact .info li i{
	font-size:4rem;
}
.contact .info li p{
	font-size:.8rem;
	text-transform:uppercase;
	line-height:1.5rem;
}
.contact .info li div{
	height:260px;
	padding:0 10px;
}
.contact #map{
	height:500px;
	margin-bottom:70px;
}

/* 分页 */
.page{
	padding:50px 0;
}
.page .page-item.active .page-link{
	background-color:var(--bs-red);
	border-color:var(--bs-red);
}
.page .pagination-sm .page-link{
	font-size:.7rem;
}
.page .page-link{
	color:var(--bs-dark);
}

/* 底部版权 */
footer{
	background-color:var(--bs-dark);
	color:var(--bs-white);
	font-size:.9rem;
	padding:20px 0;
}
footer a{
	color:var(--bs-white);
}
footer .ft_nav{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
footer .ft_nav p{
	padding-bottom:10px;
	line-height:1.8rem;
}
footer .ft_nav p::after{
	display:block;
	height:1px;
	background-color:var(--bs-orange);
	width:32px;
	content:"";
}
footer .container div:last-child a:hover{
	color:var(--bs-white);
}
footer li{
	font-size:.8rem;
	line-height:1.5rem;
	color:var(--bs-gray);
}
footer li a,
footer li a:hover{
	color:var(--bs-gray);
}
@media(max-width:768px){
	footer .ft_nav{
		display:none;
	}
	footer hr{
		display:none;
	}
}
@media(min-width:1400px){
	footer .container{
		max-width:1620px;
	}
}