@charset "utf-8";
/* CSS Document */
*{ margin:0; padding: 0; font-family: Microsoft Yahei, "微软雅黑", Pingfang SC, Helvetica, Arial, "Times New Roman";}
body{ text-align: justify;  max-width: 1920px; margin: 0 auto;}
a{ text-decoration:none; font-size: 16px; color:#000;}
input,select,textarea{ outline:none;  border-radius: 0; -webkit-appearance:none;}
img{ border: none;}

.clear{clear:both;}
.clearfix:before{ content: ""; display: table;}
.clearfix:after{ content: ""; display: table; clear: both;}

.pic{ overflow: hidden;}
.pic img{ max-width: 100%; display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden; transition: all 0.3s;transform: scale(1); max-height:100%;}
.swiper-slide img{ width: 100%; display: block;}

input::-webkit-input-placeholder{		color: #bbb; font-size: 16px;}
input::-moz-input-placeholder{			color: #bbb; font-size: 16px;}
input::-ms-input-placeholder{			color: #bbb; font-size: 16px;}
input::-o-input-placeholder{			color: #bbb; font-size: 16px;}
textarea::-webkit-input-placeholder{	color: #bbb; font-size: 16px;}
textarea::-moz-input-placeholder{		color: #bbb; font-size: 16px;}
textarea::-ms-input-placeholder{		color: #bbb; font-size: 16px;}
textarea::-o-input-placeholder{			color: #bbb; font-size: 16px;}

.left{ float:left;}
.right{ float:right;}

.p10{ padding: 10px 0; }
.p20{ padding: 20px 0; }
.p30{ padding: 30px 0; }
.p40{ padding: 40px 0; }
.p50{ padding: 50px 0; }
.p60{ padding: 60px 0; }
.p70{ padding: 70px 0; }
.p80{ padding: 80px 0; }
.p90{ padding: 90px 0; }
.p100{ padding: 100px 0; }
.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }
.mt60{ margin-top: 60px !important; }
.mt70{ margin-top: 70px !important; }
.mt80{ margin-top: 80px !important; }
.mt90{ margin-top: 90px !important; }
.mt100{ margin-top: 100px !important; }
.w1200{ width: 1200px; margin: 0 auto;}
.mx1200{ max-width: 1200px; width: 94%; margin: 0 auto;}

::-webkit-scrollbar {
	width : 5px;
	height: 1px;
}
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	height: 15px;
	background: #a0a0a0;
}
::-webkit-scrollbar-track {
	background: #f6f8fb;
}
::selection {
    background-color: #000;
}

::-moz-selection {
    background-color: #000;
}

.swiper-slide{
	display: block;
	height: auto !important;
}
.swiper-container,
.swiper-wrapper{
	height: auto !important;
}



.swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin: 0 12px;
	background: #fff;
	cursor: pointer;
	opacity: .5;
}

.swiper-active-switch {
	opacity: 1;
}

.pagination {
	position: absolute;
	z-index: 20;
	left: 0;
	width: 100%;
	bottom: 20px;
	text-align: center;
}

.container{
	width: 80%;
	margin: 0 auto;
}

.header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
	z-index: 999999;
}
.header .container{
	width: 90%;
}
.menubut,
.menuclose{
	display: none;
}
.header .logo{
	padding: 27px 0;
}
.header .logo img{
	display: block;
	width: 192px;
}

.header .slogan{
	line-height: 20px;
	font-size: 20px;
	color: #268ffa;
	margin: 0 0 0 1.5%;
	padding: 22px 0 23px 1.5%;
	position: relative;
}
.header .slogan:before{
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 34px;
	background: #f5f5f5;
	left: 0;
	top: 50%;
	margin-top: -17px;
}
.header .slogan span{
	display: table;
	padding: 4px 5px;
	margin: 0 0 5px 0;
	background: #268ffa;
	font-size: 12px;
	color: #fff;
	line-height: 12px;
	border-radius: 5px;
}

.menu{}
.menu li .iconfont{
	display: none;
}
.menu li{
	display: block;
	float: left;
	line-height: 90px;
}
.menu li a{
	display: block;
	padding: 0 30px;
	font-size: 18px;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.menu>ul>li.this>a,
.menu>ul>li:hover>a,
.menu ul li ul li.this a,
.menu ul li ul li:hover a{
	color: #268ffa;
}
.menu li ul{
	position: absolute;
	left: 0;
	top: 90px;
	background: #fff;
	width: 100%;
	display: none;
	border-top: 1px solid #eee;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
}
.menu li ul .menuslide{
	display: table;
	margin: 0 auto;
	padding-left: 14%;
}
.menu li ul .menuslide li{
	line-height: 100px;
}
.menu li ul .menuslide li .icon{
	width: 48px;
	height: 100px;
	margin: 0 10px 0 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.menu li ul .menuslide li:nth-child(1) .icon{ background-image: url("../images/icon_service_menu_1.png");}
.menu li ul .menuslide li:nth-child(2) .icon{ background-image: url("../images/icon_service_menu_2.png");}
.menu li ul .menuslide li:nth-child(3) .icon{ background-image: url("../images/icon_service_menu_3.png");}
.menu li ul .menuslide li:nth-child(4) .icon{ background-image: url("../images/icon_service_menu_4.png");}
.menu li ul .menuslide li:nth-child(5) .icon{ background-image: url("../images/icon_service_menu_5.png");}
.menu li ul .menuslide li:nth-child(6) .icon{ background-image: url("../images/icon_service_menu_6.png");}


.hotline{
	line-height: 90px;
	font-weight: bold;
	margin: 0 0 0 35px;
}
.hotline a{
	font-size: 24px;
	font-family: "Arial";
}
.hotline .iconfont{
	font-size: 20px;
	color: #666666;
	font-weight: normal;
	margin: 0 10px 0 0;
}

.servicecate{
	background: #f5f5f5;
}
.servicecate li{
	display: block;
	float: left;
	width: 31.5%;
	text-align: center;
	background: #fff;
	margin: 0 2.75% 2.75% 0;
	position: relative;
	overflow: hidden;
	z-index: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.servicecate li:after{
	width: 150%;
	height: 150%;
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0;
	background: url(../images/bg_servicecate.png) right bottom no-repeat;
	background-size: cover;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.servicecate li:hover:after{
	width: 100%;
	height: 100%;
	opacity: 1;
}
.servicecate li:nth-child(3){
	margin: 0 0 2.75% 0;
}
.servicecate li:nth-child(4),
.servicecate li:nth-child(5){
	margin: 0 2.75% 0 0;
}
.servicecate li:nth-child(6){
	margin: 0;
}
.servicecate li:hover{
	box-shadow: 0 0 19px 0 rgba(0,0,0,.1);
}
.servicecate li a{
	display: block;
	padding: 50px 0;
}
.servicecate li .servicename{
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.servicecate li:hover .servicename{
	color: #268ffa;
}
.servicecate li .pic{
	display: table;
	margin: 40px auto;
}
.servicecate li .servicetext{
	font-size: 18px;
	line-height: 34px;
	color: #393939;
}


.stitle{
	font-size: 48px;
	font-weight: bold;
	color: #151515;
	line-height: 48px;
	text-align: left;
}
.stitle span{
	font-size: 18px;
	font-family: "Arial";
	line-height: 18px;
	margin: 0 0 0 15px;
	color: #cccccc;
	text-transform: uppercase;
}

.rightcate{}
.rightcate li{
	display: block;
	margin: 0 0 0 60px;
	float: left;
}
.rightcate li a{
	color: #282828;
	font-size: 20px;
	display: block;
	padding: 25px 0 0 0;
	position: relative;
}
.rightcate li a:after{
	width: 100%;
	height: 2px;
	background: #268ffa;
	content: '';
	display: block;
	position: absolute;
	bottom: -30px;
	left: 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.rightcate li.this a:after,
.rightcate li:hover a:after{
	opacity: 1;
	bottom: -10px;
}
.rightcate li.this a,
.rightcate li:hover a{
	font-weight: bold;
}

.picnews{
	width: 66%;
}
.picnews li{
	display: block;
	float: left;
	width: 48%;
}
.picnews li .pic{
	height: 260px;
}
.picnews li:nth-child(1){
	margin: 0 4% 0 0;
}
.picnews li .text{
	padding: 45px 50px;
	background: #f4f4f4;
	position: relative;
	overflow: hidden;
	z-index: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.picnews li:hover .text{
	background: #fff;
	box-shadow: 0 0 19px 0 rgba(0,0,0,.2);
}
.picnews li .text:after{
	width: 150%;
	height: 150%;
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0;
	background: url(../images/bg_servicecate.png) right bottom no-repeat;
	background-size: cover;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.picnews li:hover .text:after{
	width: 100%;
	height: 100%;
	opacity: 1;
}
.picnews li .text span{
	display: block;
	font-family: "Arial";
	font-size: 18px;
	color: #cccccc;
	font-weight: bold;
}
.picnews li .text strong{
	display: block;
	font-size: 24px;
	color: #282828;
	font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	margin: 30px 0 15px 0;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.picnews li:hover .text strong{
	color: #268ffa;
}
.picnews li .text p{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}


.newslist{
	width: 31.5%;
}
.newslist li{
	display: block;
	background: #f4f4f4;
	margin: 0 0 2px 0;
}
.newslist li a{
	display: block;
	padding: 40px 0;
}
.newslist li .date{
	width: 21%;
	text-align: center;
	color: #cccccc;
	font-family: "Arial";
}
.newslist li .date span{
	display: block;
	font-size: 36px;
	line-height: 30px;
}
.newslist li .date p{
	font-size: 14px;
	margin: 5px 0 0 0;
}
.newslist li .text{
	width: 74%;
}
.newslist li .text strong{
	font-size: 20px;
	color: #282828;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.newslist li:hover .text strong{
	color: #268ffa;
}
.newslist li .text p{
	font-size: 14px;
	color: #666666;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin: 9px 0 0 0;
}



.casebg{
	background: #f4f4f4;
}
.case li{
	display: block;
	float: left;
	width: 31.5%;
	margin: 0 2.75% 2.75% 0;
}
.case li:nth-child(3){
	margin: 0 0 2.75% 0;
}
.case li:nth-child(4),
.case li:nth-child(5){
	margin: 0 2.75% 0 0;
}
.case li:nth-child(6){
	margin: 0;
}
.case li .text strong{
	display: block;
	font-size: 20px;
	margin: 20px 0 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.case li:hover .text strong{
	color: #268ffa;
}
.case li .text p{
	font-size: 14px;
	color: #888;
}


.choosebg{
	background: url("../images/bg_choose.jpg") center left no-repeat;
	background-size: cover;
}
.choosebg .container{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
}
.chotitle strong{
	font-size: 44px;
	line-height: 44px;
}
.chotitle p{
	font-size: 24px;
	line-height: 24px;
	margin: 30px 0 0 0;
}

.cholist{
	width: 63%;
	position: relative;
}
.cholist:before{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #313131;
}
.cholist:after{
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 100%;
	background: #313131;
}
.cholist li{
	width: 50%;
	float: left;
	padding: 50px 30px;
	box-sizing: border-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.cholist li .iconfont{
	font-size: 80px;
	color: #268ffa;
	margin: 0 30px 0 0;
}
.cholist li .text strong{
	font-size: 30px;
	display: block;
}
.cholist li .text p{
	font-size: 22px;
	line-height: 40px;
	font-weight: lighter;
	margin: 20px 0 0 0;
}
.cholist li:nth-child(3){
	clear: both;
}


.partnerbg{
	background: url("../images/bg_partner.png") left bottom no-repeat;
}

.partitle .text{
	font-size: 18px;
	line-height: 36px;
	color: #666666;
	margin: 30px 0 0 0;
}
.partitle{
	width: 25%;
}
.partnerslide{
	width: 73%;
}
.partnerslide li .pic{
	border: 1px solid #e5e5e5;
	margin: 0 20px 20px 0;
}



.pararrow_slide{
	margin: 100px 0 0 0;
}
.pararrow_slide .iconfont{
	width: 64px;
	line-height: 64px;
	font-size: 22px;
	float: left;
	border: 1px solid #bcbcbd;
	color: #bcbcbd;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;
	margin: 0 24px 0 0;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.pararrow_slide .pararrow_slide_left{
	-webkit-transform: 	rotate(90deg);
	-moz-transform: 	rotate(90deg);
	-ms-transform: 		rotate(90deg);
	-o-transform: 		rotate(90deg);
	transform: 			rotate(90deg);
}
.pararrow_slide .pararrow_slide_right{
	-webkit-transform: 	rotate(-90deg);
	-moz-transform: 	rotate(-90deg);
	-ms-transform: 		rotate(-90deg);
	-o-transform: 		rotate(-90deg);
	transform: 			rotate(-90deg);
}
.pararrow_slide .iconfont:hover{
	background: #268ffa;
	border-color: #268ffa;
	color: #fff;
}




/*.picnews li:hover .pic img,*/
.case li:hover .pic img{
	-webkit-transform: 	scale(1.1);
	-moz-transform: 	scale(1.1);
	-ms-transform: 		scale(1.1);
	-o-transform: 		scale(1.1);
	transform: 			scale(1.1);
}




.footerbg{
	background: url("../images/bg_footer.jpg") center top no-repeat;
	background-size: cover;
}

.offer{
	background: rgba(38,143,250,.7);
	color: #fff;
}
.offer .stitle{
	color: #fff;
}
.offer .stitle span{
	font-size: 24px;
	font-weight: normal;
	color: #fff;
}
.offerform li{
	display: block;
	width: 19%;
	float: left;
	background: #fff;
	padding: 0 20px;
	box-sizing: border-box;
	line-height: 56px;
	color: #888;
	margin: 0 1.25% 0 0;
	position: relative;
}
.offerform li.sbtn{
	margin: 0;
}
.offerform li input{
	width: 100%;
	height: 56px;
	background: #fff;
	border: none;
	font-size: 16px;
}

.offerform input::-webkit-input-placeholder{	color: #888; font-size: 16px;}
.offerform input::-moz-input-placeholder{		color: #888; font-size: 16px;}
.offerform input::-ms-input-placeholder{		color: #888; font-size: 16px;}
.offerform input::-o-input-placeholder{			color: #888; font-size: 16px;}


.offerform li.sbtn,
.offerform li.sbtn,
#sbtn{
	color: #fff;
	font-size: 16px;
	background: #000;
}

.consopt{
	float: right;
	position: absolute;
	width: 50%;
	right: 20px;
	top: 56px;
	border-radius: 5px;
	background: #fff;
	display: none;
	box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
	z-index: 999;
}
.consopt li{
	float: none;
	width: 90%;
	margin: 0 5%;
	padding: 0;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	background: none;
	cursor: default;
	border-bottom: 1px solid #efefef;
}
.consopt li:last-child{
	background: none;
	color: #888;
	width: 90%;
	margin: 0 5%;
	border: none;
}

.consopt li:hover,
.consopt li.this{
	color: #268ffa;
}
.offerform li .iconfont{
	width: 56px;
	line-height: 56px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}

.offerform li input.constype{
	width: 50%;
	float: right;
	background: none;
	cursor: default;
	position: relative;
	z-index: 2;
	color: #268ffa;
}

.offerform li img{
	background: #313131;
	padding: 11px 0;
	width: 82px;
	height: 35px;
	position: absolute;
	right: 0;
	top: 0;
}
.footer{
	padding: 70px 0 60px 0;
	color: #fff;
}
.ftitle{
	font-size: 20px;
	margin: 0 0 15px 0;
}

.fmenu{
	width: 15%;
}
.fmenu ul{
	float: left;
	width: 50%;
	line-height: 50px;
}
.fmenu ul li{
	display: block;
}
.fmenu li a{
	font-size: 16px;
	color: #ccc;
}

.fcontact{
	margin: 0 0 0 14%;
}
.ftel{
	margin: 0 40px 0 0;
}
.ftel:last-child{
	margin: 0;
}
.ftel a{
	font-family: "Arial";
	font-size: 30px;
	color: #fff;
}
.ftel p{
	font-size: 14px;
	color: #ccc;
	line-height: 28px;
}
.fcontact .text{
	margin: 23px 0 0 0;
}
.fcontact .text1{
	font-size: 14px;
	color: #ccc;
	line-height: 28px;
	margin: 15px 0 0 0;
}

.fewm .ewm{
	text-align: center;
	font-size: 14px;
	color: #ccc;
	margin: 10px 30px 0 0;
}
.fewm .ewm:last-child{
	margin: 10px 0 0 0;
}
.fewm .ewm p{
	margin: 10px 0 0 0;
}



.cr{
	border-top: 1px solid #434343;
	padding: 15px 0 0 0;
	color: #888888;
	font-size: 14px;
	text-align: center;
}
.cr a{
	color: #888888;
	font-size: 14px;
}
.cr span{
	margin: 0 5px 0 0;
}



.bannerbg,
.nbanner{
	height: 460px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.nbanner{
	position: relative;
	display: table;
	color: #fff;
}
.nbanner .text{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.nbanner .text .text1{
	font-weight: bold;
	font-size: 52px;
	line-height: 52px;
}
.nbanner .text .text2{
	font-size: 32px;
	line-height: 32px;
	margin: 25px 0 0 0;
}



@-webkit-keyframes consbtnPulse {
	from { -webkit-box-shadow: 0 0 0 rgba(37,142,247,0); }
	50%  { -webkit-box-shadow: 0 0 10px 10px #258ef7; }
	to   { -webkit-box-shadow: 0 0 0 rgba(37,142,247,0); }
  }


.nbanner .text .consbtn{
	color: #fff;
    line-height: 50px;
    border-radius: 25px;
    display: table;
    margin: 0 auto;
    padding: 0 50px;
    font-size: 26px;
    background-color: #258ef7;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-name: consbtnPulse;
}






.bnav{
	font-size: 14px;
	color: #666666;
	line-height: 60px;
	border-bottom: 1px solid #e5e5e5;
}

.bnav a{
	font-size: 14px;
	color: #666666;
}

.nbanner .bnav{
	border: none;
	position: absolute;
	left: 0;
	bottom: 0;
}

.nabouttext{
	width: 48%;
}
.nabouttext .text{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}
.nabouttext .text p{
	margin: 0 0 15px 0;
}


.aboutnum li{
	display: block;
	float: left;
	text-align: center;
	margin: 0 100px 0 0;
}
.aboutnum li .num span{
	color: #268ffa;
	font-size: 72px;
	font-family: "Arial";
}
.aboutnum li .num font{
	color: #666666;
	font-size: 16px;
}
.aboutnum li p{
	font-size: 18px;
	margin: 5px 0 0 0;
}
.aboutnum li:last-child{
	margin: 0;
}

.nabout .pic{
	width: 50%;
}

.teambg{
	background: url(../images/bg_team.jpg) center no-repeat;
	background-size: cover;
	padding: 90px 0 50px 0;
}
.teambg .stitle{
	color: #fff;
}
.teambg .stitle font{
	color: #fff;
	font-size: 18px;
	margin: 0 0 0 40px;
	font-weight: normal;
}

.teamslide{
	width: 81%;
	padding: 40px 8px;
}
.teamslide li{
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.teamslide li .pic{
	margin: 0 8px;
	position: relative;
}
.teamslide li .pic img{
	object-fit: contain;
}
.teamslide li .teamtext{
	display: table;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(38,143,250,.9);
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transform: 	scale(0);
	-moz-transform: 	scale(0);
	-ms-transform: 		scale(0);
	-o-transform: 		scale(0);
	transform: 			scale(0);
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.teamslide li .text{
	display: table-cell;
	vertical-align: middle;
	color: #fff;
}
.teamslide li .text .teamname{
	font-size: 16px;
	text-align: center;
}
.teamslide li .text .teamintro{
	font-size: 12px;
	line-height: 24px;
	padding: 30px;
}
.teamslide li:hover{
	z-index: 1;
	transform: scale(1.2);
}
.teamslide li:hover .teamtext{
	opacity: 1;
	-webkit-transform: 	scale(1);
	-moz-transform: 	scale(1);
	-ms-transform: 		scale(1);
	-o-transform: 		scale(1);
	transform: 			scale(1);
}

.ncontactbg{
	background: #f4f4f4;
}

.newstext a{
	color: #666;
	font-size: 14px;
}

.contactlist{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contactlist li{
	display: block;
	float: left;
	margin: 0 50px 0 0;
}
.contactlist li .iconfont{
	font-size: 30px;
	width: 66px;
	line-height: 66px;
	text-align: center;
	background: #e5e5e5;
	border-radius: 50%;
	margin: 0 10px 0 0;
}
.contactlist li .text{
	margin: 5px 0 0 0;
}
.contactlist li .text a{
	font-family: "Arial";
	font-size: 26px;
	color: #000;
}
.contactlist li .text p{
	font-size: 14px;
	color: #666;
	line-height: 28px;
	padding: 0 0 0 5px;
}
.contactlist li.address{
/*	margin: 0;*/
}
.contactlist li.address .text p{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}


.ncontactbg .fewm .ewm{
	color: #666;
}

.nmap .stitle span{
	color: #666666;
	font-weight: normal;
}
.nmap .map{
	overflow: hidden;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.nmap .map iframe{
	display: block;
	position: relative;
	left: 50%;
	margin-left: -960px;
}

.newscate{
	display: table;
	margin: 0 auto;
}
.newscate li{
	display: block;
	float: left;
	margin: 0 0 0 70px;
}
.newscate li a{
	font-size: 18px;
	color: #666666;
	display: block;
}
.newscate li.this a,
.newscate li:hover a{
	color: #000;
	font-weight: bold;
}


.nnewslist li{
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 1;
	border-bottom: 1px solid #e5e5e5;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.nnewslist li:first-child{
	border-top: 1px solid #e5e5e5;
}
.nnewslist li:hover{
	box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
}
.nnewslist li:after{
	width: 150%;
	height: 150%;
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0;
	background: url(../images/bg_newslist.png) right bottom no-repeat;
	background-size: contain;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.nnewslist li:hover:after{
	width: 100%;
	height: 100%;
	opacity: 1;
}
.nnewslist li{
	display: block;
	padding: 30px 40px;
}
.nnewslist li .pic{
	width: 24%;
	height: 185px;
}
.nnewslist li .text{
	width: 72%;
}
.nnewslist li .text span{
	display: block;
	font-size: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 20px 0 15px 0;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.nnewslist li:hover .text span{
	color: #268ffa;
}
.nnewslist li .text p{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.nnewslist li .info{
	margin: 25px 0 0 0;
	line-height: 36px;
}
.nnewslist li .info .date{
	font-size: 16px;
	font-family: "Arial";
	color: #cccccc;
}
.nnewslist li .info .tags a{
	display: block;
	float: left;
	color: #666;
	padding: 0 20px;
	background: #f4f4f4;
	font-size: 14px;
	margin: 0 0 0 10px;
}

.nafsale{
	padding: 30px 0 90px 0;
}
.nafsale li{
	display: block;
	border-bottom: 1px solid #e5e5e5;
	padding: 70px 0 30px 0;
}
.nafsale li .serviceinfo{
	width: 30%;
}
.nafsale li .serviceinfo strong{
	font-size: 24px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.nafsale li .serviceinfo .info{
	color: #666666;
	font-size: 16px;
	line-height: 16px;
}
.nafsale li .serviceinfo .info .iconfont{
	color: #ccc;
}
.nafsale li .serviceinfo .info br{
	display: none;
}
.nafsale li .serviceinfo .info .icon-pingjiacishu{
	margin: 0 0 0 20px;
}
.nafsale li .serviceinfo .info span{
	font-weight: bold;
	color: #268ffa;
	font-size: 20px;
}
.nafsale li .serviceinfo .info font{
	font-weight: bold;
	color: #268ffa;
	font-size: 17px;
}
.nafsale li .serviceinfo .more{
	display: block;
	margin: 45px 0 0 0;
	width: 160px;
	line-height: 46px;
	color: #fff;
	background: #898989;
	text-align: center;
	border-radius: 23px;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.nafsale li .serviceinfo .more:hover{
	width: 180px;
	background: #268ffa;
}
.nafsale li .serviceinfo .yeartab{
	margin: 30px 0 0 0;
}
.nafsale li .serviceinfo .yeartab span{
	display: block;
	width: 150px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}
.nafsale li .serviceinfo .yeartab span.this{
	background: #268ffa;
	color: #fff;
}


.nafsale li .text{
	width: 70%;
}
.nafsale li .text .textlist{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 15px 0;
	border-bottom: 1px dashed #e6e6e6;
}
.nafsale li .text .textlist:last-child{
	border: none;
}
.nafsale li .text .textlist .servicenum{
	width: 56px;
	line-height: 56px;
	font-size: 30px;
	font-family: "Arial";
	color: #888888;
	border-radius: 50%;
	background: #f4f4f4;
	text-align: center;
	margin: 0 20px 0 0;
}
.nafsale li .text .textlist .servicetext{
	width: 90%;
}
.nafsale li .text .textlist .servicetext p i.iconfont{
	margin: 2px 6px 0 0;
	display: block;
	float: left;
}
.nafsale li .text .textlist .servicetext span{
	font-size: 16px;
	display: block;
	line-height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.nafsale li .text .textlist .servicetext span font{
	float: left;
	text-align: center;
	margin: 0 5px 0 0;
	background: #258ef7;
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
	display: block;
	width: 20px;
	line-height: 20px;
}
.nafsale li .text .textlist .servicetext p{
	font-size: 14px;
	color: #666666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 10px 0 0 0;
}



.nservicecate{
	background: url("../images/bg_nservicecate.png") #f3f6f8 left bottom no-repeat;
}
.zhihecate{
	background: url("../images/bg_servicecate_brand.png") #f4f4f4 left bottom no-repeat;
}
.nservicecate li{
	display: block;
	float: left;
	padding: 50px 0;
	background: #fff;
}
.nservicecate li:last-child{
	margin: 0;
}

.nservicecate li .nserviceicon{
	width: 90px;
	height: 90px;
	margin: 0 auto;
	border-radius: 30px;
	overflow: hidden;
	background: #1b1b1b;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.zhihecate li .nserviceicon{
	background: #d0252a;
}
.nservicecate li:hover .nserviceicon{
	background: #268ffa;
}
.zhihecate li:hover .nserviceicon{
	background: #d0252a;
}
.nservicecate li .nserviceicon:before{
	content: '';
	display: block;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: #404040;
	position: absolute;
	right: 25px;
	top: -100%;
	z-index: -1;
	transform-origin: right;
	-webkit-transition: all 0.8s;
	-moz-transition: 	all 0.8s;
	-ms-transition: 	all 0.8s;
	-o-transition: 		all 0.8s;
	transition: 		all 0.8s;
}
.zhihecate li .nserviceicon:before{
	background: #d8484c;
}
.nservicecate li:hover .nserviceicon:before{
	background: #49a1fb;
	-webkit-transform: 	rotate(-360deg);
	-moz-transform: 	rotate(-360deg);
	-ms-transform: 		rotate(-360deg);
	-o-transform: 		rotate(-360deg);
	transform: 			rotate(-360deg);
}
.zhihecate li:hover .nserviceicon:before{
	background: #d8484c;
}
.nservicecate li .nserviceicon img{
	width: 90px;
	height: 90px;
	display: block;
}
.nservicecate li .nservicename{
	margin: 50px 0 30px 0;
	text-align: center;
}
.nservicecate li .nservicename strong{
	font-size: 28px;
}
.nservicecate li .nservicename p{
	font-size: 18px;
	color: #268ffa;
	margin: 10px 0 0 0;
}
.zhihecate li .nservicename p{
	color: #d0252a;
}
.nservicecate li .text{
	margin: 0 auto;
	padding: 0 20px;
	display: table;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
}



.websitecate li{
	width: 23.5%;
	margin: 0 2% 0 0;
	padding: 0 0 40px 0;
	border-radius: 12px;
}
.seocate li{
	width: 31.5%;
	margin: 0 2.75% 0 0;
}
.shootingcate li{
	width: 31.5%;
	margin: 0 2.75% 0 0;
}
.mediacate li{
	width: 23.5%;
	margin: 0 2% 0 0;
}
.zhihecate li{
	width: 31.5%;
	margin: 0 2.75% 0 0;
}



.mediacate li .text p{
	clear: both;
	line-height: 30px;
}
.mediacate li .text p img{
	display: block;
	float: left;
	margin: 0 3px 0 0;
}





.relacase{
	
}

.ntitle a{
	float: right;
	font-size: 18px;
	color: #151515;
	font-weight: normal;
	line-height: 20px;
	padding: 28px 0 0 0;
}


.question{
	background: #f4f4f4;
}
.questionlist{
	max-height: 580px;
	overflow-y: scroll;
}
.questionlist::-webkit-scrollbar {
	width : 20px;
	height: 20px;
}
.questionlist::-webkit-scrollbar-thumb {
	border-radius: 0;
	height: auto;
	background: #1b1b1b;
}
.questionlist::-webkit-scrollbar-track {
	background: #fff;
}

.questionlist li{
	display: block;
	padding: 20px 50px 20px 0;
	border-bottom: 1px dashed #e6e6e6;
}
.questionlist li .text1{
	padding: 0 0 0 60px;
	line-height: 40px;
	position: relative;
	font-size: 20px;
}
.questionlist li .text1 span{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	color: #fff;
	background: #1b1b1b;
	border-radius: 50%;
	width: 40px;
	line-height: 40px;
	font-size: 20px;
}
.questionlist li .text2{
	padding: 0 0 0 60px;
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin: 18px 0 0 0;
}
.questionlist li .text2 span{
	display: block;
	position: absolute;
	left: 0;
	top: -6px;
	text-align: center;
	color: #fff;
	background: #268ffa;
	border-radius: 50%;
	width: 40px;
	line-height: 40px;
	font-size: 20px;
}
.zhihequestion .questionlist li .text2 span{
	background: #d0252a;
}



.relanews .picnews{
	width: 100%;
}
.relanews .picnews li{
	width: 31.5%;
	margin: 0 2.75% 0 0;
}
.relanews .picnews li:last-child{
	margin: 0;
}




.kunrao .stitle{
	font-size: 44px;
	text-align: center;
}
.kunrao .stitle span{
	display: block;
	margin: 20px 0 0 0;
	font-size: 24px;
	font-weight: normal;
	color: #666666;
}




.mideaservice .stitle{
	font-size: 44px;
	text-align: center;
}
.mideaservice .stitle span{
	display: block;
	margin: 20px 0 0 0;
	font-size: 24px;

	font-weight: normal;
	color: #666666;
}



.mideaservicelist>li{
	display: block;
	float: left;
	width: 23.5%;
	margin: 0 2% 0 0;
}
.mideaservicelist>li:last-child{
	margin: 0;
}
.mideaservicelist li .mideatext{
	background: #f4f4f4;
	padding: 30px;
}
.mideaservicelist li .mideatext li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.mideaservicelist li .mideatext li:nth-child(1){
	margin: 0 0 35px 0;
}
.mideaservicelist li .mideatext li img{
	margin: 0 20px 0 0;
}
.mideaservicelist li .mideatext li span{
	display: block;
	font-size: 18px;
	margin: 0 0 5px 0;
}
.mideaservicelist li .mideatext li p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}


.nsoftware .container{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nsoftware .pic{
	width: 50%;
}
.nsoftware .softwareintro{
	width: 50%;
}
.softwarecate{
	background: none;
}
.softwarecate li .nserviceicon{
	margin: 0 45px 0 0;
}
.softwarecate li .nservicename{
	text-align: left;
	margin: 5px 0 0 0;
}


.nsoftware .nservicecate li{
	background: none;
	float: none;
}

.softwarecate .softwaretext li{
	display: block;
	width: 48.5%;
	float: left;
	padding: 20px 20px 20px 20px;
	margin: 0 3% 30px 0;
	background: none;
	background: #fff;
	border-radius: 12px;
	box-sizing: border-box;
}
.softwarecate .softwaretext li:nth-child(2n){
	margin: 0 0 30px 0;
}
.softwarecate .softwaretext li .num{
	font-size: 30px;
	color: #eeeeee;
	font-weight: bold;
	font-family: "Arial";
}
.softwaretext li strong{
	font-size: 24px;
	display: block;
	margin: 0 0 10px 0;
	font-weight: normal;
}
.softwaretext li p{
	font-size: 16px;
	color: #666666;
}


.nsoftware2 .softwaretext li{
	background: #f4f6f8;
}

.nsoftware1{
	background: #f4f6f8;
}
.nsoftware2 .pic{
	width: 45%;
	margin: 0 0 0 5%;
}
.nsoftware2 .softwareintro{
}


.nsoftware2 .softwaretext li .num{
	color: #e4e4e4;
}






.casecate{
	width: 16%;
	box-sizing: border-box;
}

.searchform{
	border: 1px solid #dcdfe6;
	border-radius: 19px;
}
.searchform .stext{
	width: 70%;
	height: 38px;
	border: none;
	padding: 0 5%;
	border-top-left-radius: 19px;
	border-bottom-left-radius: 19px;
}
.searchform .sbut{
	width: 20%;
	height: 38px;
	border: none;
	color: #bbbbbb;
	text-align: center;
	line-height: 38px;
	border-top-right-radius: 19px;
	border-bottom-right-radius: 19px;
}

.catename{
	line-height: 40px;
	border-radius: 18px;
	position: relative;
	background: #eee;
	margin: 20px 0 0 0;
	z-index: 1;
}
.catename span{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	border-radius: 20px;
	z-index: -1;
	background-color: #268ffa;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.catename li{
	display: block;
	float: left;
	width: 50%;
	text-align: center;
}
.catename a{
	display: block;
	font-size: 16px;
	color: #545454;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.catename li.this a{
	color: #fff;
}

.ncase .rightcate li a{
	padding: 0;
}
.ncase .case li{
    display: block;
    float: left;
    width: 31.5%;
    margin: 0 2.75% 2.75% 0;
}
.ncase .case li:nth-child(3n){
    margin: 0 0 2.75% 0;
}

.cateul{
	margin: 20px 0 0 0;
}
.cateul ul{
}
.cateul li{
	display: block;
	line-height: 36px;
}
.cateul li a{
	display: block;
	font-size: 14px;
	color: #313035;
	position: relative;
	padding: 0 0 0 25px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: 	all 0.2s ease-in;
	-ms-transition: 	all 0.2s ease-in;
	-o-transition: 		all 0.2s ease-in;
	transition: 		all 0.2s ease-in;
}
.cateul li a:before{
	position: absolute;
	width: 6px;
	height: 6px;
	left: 0;
	top: 50%;
	margin-top: -3px;
	border-radius: 50%;
	content: '';
	display: block;
	background: #000;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: 	all 0.2s ease-in;
	-ms-transition: 	all 0.2s ease-in;
	-o-transition: 		all 0.2s ease-in;
	transition: 		all 0.2s ease-in;
}
.cateul li a:hover:before,
.cateul li a.this:before{
	opacity: 1;
}




.caseul{
	width: 78%;
}


.minipul li .pic .minipewm{
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 35%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	top: 100%;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.minipul li:hover .pic .minipewm{
	top: 0;
}





.ncontainer{
	width: 73%;
	margin: 0 5% 0 0;
}


.slidearea{
}

.view{
	width: 30%;
	margin: 0 auto;
}

.preview .swiper-slide{
	width: 100px;
}




.sidebar{
	position:absolute;
	z-index:99999;
	top:30%;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
}
.sidebar li{
	display: block;
	width: 80px;
	height: 80px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	cursor: pointer;
	background: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.sidebar li.toup{
	border: none;
}

.sidebar li>p{
	font-size: 12px;
	width: 100%;
	text-align: center;
	color: #000;
	position: absolute;
	left: 0;
	bottom: 12px;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.sidebar li a{
	display: block;
}
.sidebar li .iconfont{
	width: 80px;
	line-height: 60px;
	text-align: center;
	color: #888888;
	font-size: 32px;
	display: block;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}

.sidebar li img{
	border: 1px solid #e1e1e1;
	position: absolute;
	top: 0;
	right: 80px;
	display: none;
}
.sidebar li .text{
	border: 1px solid #e1e1e1;
	padding: 20px;
	position: absolute;
	top: 0;
	right: 80px;
	background: #fff;
	display: none;
	z-index: 9999999
}
.dtl{
	font-size: 14px;
	line-height: 28px;
	color: #282828;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #d2d2d2;
}
.dtl:last-child{
	margin: 0;
	padding: 0;
	border: none;
}

.sidebar li:hover{
	background: #268ffa;
}

.sidebar li:hover .iconfont,
.sidebar li:hover>p{
	color: #fff;
}






.websitecate li .nservicename{
	padding: 50px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background: url(../images/bg_websitecate.jpg) center no-repeat;
	background-size: cover;
	margin: 0;
	text-align: left;
}
.websitecate li .nservicename strong{
	font-size: 28px;
}
.websitecate li .nservicename p{
	font-size: 16px;
	color: #666666;
	margin: 10px 0 0 0;
}
.zhihecate li .nservicename p{
	color: #d0252a;
}
.websitecate li .text{
	margin: 10px 50px;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	padding: 0;
	display: block;
}
.websitecate li .text p{
	padding: 0 0 0 30px;
	position: relative;
}
.websitecate li .text p:before{
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	left: 10px;
	top: 50%;
	margin-top: -4px;
	background: #268ffa;
	border-radius: 50%;
}
.websitecate li .text p font{
	color: #268ffa;
}
.websitecate li .text p.grey{
	color: #cccccc;
}
.websitecate li .text p.grey:before{
	background: #cccccc;
}

.nservicecate li .catebtn{
	background: #268ffa;
	border-radius: 6px;
	margin: 15px 50px 0 50px;
	font-size: 16px;
	color: #fff;
	line-height: 46px;
	text-align: center;
	display: block;
}


.websitecate{
	background: #f4f6f8;
}

.websitetype{
	font-size: 17px;
	color: #484848;
	font-weight: bold;
	margin: 15px 50px 0 50px;
	line-height: 50px;
	border-bottom: 1px dashed #e5e5e4;
}
.websitetype i{
	font-size: 24px;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.websitetype i.icon-shouji{
	font-size: 30px;
	font-weight: normal;
}
.websitetype i.icon-pingbandiannao{
	font-size: 30px;
	font-weight: normal;
}

.powertitle{
	text-align: center;
}
.powertitle strong{
	display: block;
	font-size: 48px;
}
.powertitle p{
	display: block;
	font-size: 18px;
	color: #666666;
	margin: 25px 0 0 0;
}




.powerlist{
	overflow: hidden;
}
.powerlist .fwxm{
	width: 20%;
	background: #f4f6f8;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	padding: 40px 0 20px 0;
	margin: 15px 0 0 0;
}
.powerlist .gsfw{
	width: 43%;
	background: url(../images/bg_gsfw.jpg) center no-repeat;
	background-size: cover;
	color: #fff;
	padding: 55px 0 45px 0;
	border-radius: 12px;
	overflow: hidden;
}
.powerlist .qtfws{
	width: 37%;
	background: #f4f6f8;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	padding: 40px 0 20px 0;
	margin: 15px 0 0 0;
}
.powerlist h2{
	text-align: center;
	line-height: 56px;
	font-size: 24px;
	color: #282828;
	margin: 0 auto 20px auto;
}
.powerlist .gsfw h2{
	font-weight: normal;
	padding: 0 50px;
	display: table;
	background: #268ffa;
	border-radius: 28px;
	color: #fff;
	margin: 0 auto 20px auto;
}
.powerlist .qtfws h2{
	font-weight: normal;
	padding: 0 50px;
	display: table;
	background: #e5e5e5;
	border-radius: 28px;
	margin: 0 auto 20px auto;
}
.powerlist ul{
	display: table;
	margin: 0 auto;
}
.powerlist ul li{
	font-size: 16px;
	line-height: 48px;
	display: block;
	position: relative;
	padding: 0 0 0 30px;
}
.gsfw ul li .iconfont{
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -13px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	background: #268ffa;
	color: #fff;
	border-radius: 50%;
	transform: scale(0.53);
	transform-origin: center;
}
.qtfws ul li .iconfont{
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -13px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	background: #959595;
	color: #fff;
	border-radius: 50%;
	transform: scale(0.53);
	transform-origin: center;
}
.powerlist ul li:after{
	content: '';
	display: block;
	width: 500%;
	height: 1px;
	left: -200px;
	bottom: 0;
	position: absolute;
	background:	#a0a0a0;
	opacity: .2;
}
.powerlist ul li:last-child:after{
	display: none;
}

.fwxm h2{
	text-align: left;
	display: block;
	margin: 0 0 20px 40%;
}
.fwxm ul{
	text-align: left;
	display: block;
	margin: 0 0 0 20%;
	padding: 0 0 0 20%;
	overflow: hidden;
}
.fwxm ul li{
	padding: 0;
}

.qtfws h2{
	text-align: left;
	display: block;
	margin: 0 40% 20px 0;
}
.qtfws ul{
	text-align: left;
	display: block;
	margin: 0 10% 0 0;
	padding: 0 0 0 18%;
	overflow: hidden;
}


.seocate li .nserviceicon{
	background: #268ffa;
}
.seocate li .nserviceicon:before{
	background: #49a1fb;
}
.seocate li .text{
	font-size: 18px;
	line-height: 36px;
	color: #484848;
}
.seocate li .catebtn{
	margin: 30px 100px 0 100px;
}


.introtitle{
	text-align: center;
}
.introtitle h2{
	font-size: 48px;
	line-height: 48px;
	color: #282828;
}
.introtitle p{
	font-size: 18px;
	line-height: 18px;
	color: #666666;
	margin: 15px 0 0 0;
}


.seopower{
	background: url("../images/bg_adv.jpg") center no-repeat;
	background-size: cover;
}
.seopower .container{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
}
.seopower ul{
	width: 33.333%;
}
.seopower li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 0 90px 0;
}
.seopower li:last-child{
	margin: 0;
}
.seopower li .iconfont{
	width: 80px;
	line-height: 80px;
	font-size: 36px;
	text-align: center;
	border: 1px solid rgba(255,255,255,.5);
	border-radius: 50%;
	margin: 0 20px 0 0;
}
.seopower li .text strong{
	font-size: 30px;
}
.seopower li .text p{
	font-size: 20px;
	margin: 10px 0 0 0;
	font-weight: lighter;
}
.seopower .powertitle strong{
	font-size: 44px;
}
.seopower .powertitle p{
	font-size: 24px;
	color: #fff;
	margin: 15px 0 0 0;
}

.seopower ul:nth-child(3){
	width: 30%;
	margin: 0 0 0 3.333%;
}

.seoserviceintro{
	background: #f4f6f8;
}
.seoserviceintrotitle{
	text-align: center;
}
.seoserviceintrotitle h2{
	font-size: 48px;
	line-height: 48px;
	color: #282828;
}
.seoserviceintrotitle p{
	font-size: 18px;
	line-height: 18px;
	color: #666666;
	margin: 15px 0 0 0;
}
.semintrolist{}
.semintrolist li{
	display: block;
	float: left;
	width: 22.5%;
	text-align: center;
	margin: 0 3.333% 0 0;
	background: #fff;
	padding: 40px 0;
	border-radius: 12px;
}
.semintrolist li:last-child{
	margin: 0;
}
.semintrolist li .iconfont{
	width: 80px;
	line-height: 80px;
	background: #d9ecff;
	margin: 0 auto;
	border-radius: 50%;
	color: #268ffa;
	font-size: 44px;
}
.semintrolist li p{
	font-size: 12px;
	line-height: 12px;
	color: #cccccc;
	margin: 20px 0 0 0;
	text-transform: uppercase;
}
.semintrolist li strong{
	display: block;
	font-size: 24px;
	color: #000;
	line-height: 24px;
	margin: 0 0 10px 0;
}


.lhzx{
	width: 240px;
	line-height: 46px;
	display: block;
	background: #268ffa;
	border-radius: 6px;
	font-size: 16px;
	text-align: center;
	margin: 0 auto;
	color: #fff;
}

.fwjzlist li{
	display: block;
	float: left;
	width: 23%;
	margin: 0 2.666% 0 0;
}
.fwjzlist li:last-child{
	margin: 0;
}
.fwjzlist li .pic{
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.fwjzlist li .text{
	padding: 40px;
	background: #f4f6f8;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.fwjzlist li .jztitle{
	font-size: 16px;
	color: #666666;
	text-align: center;
	line-height: 16px;
	margin: 0 0 20px 0;
	padding: 0 0 25px 0;
	border-bottom: 1px solid #dcdcdc;
}
.fwjzlist li .jztitle strong{
	display: block;
	font-size: 22px;
	color: #000;
	line-height: 22px;
	margin: 0 0 10px 0;
}
.fwjzlist li .text .jzdetail{
	display: table;
	margin: 0 auto;
}
.fwjzlist li .text p{
	font-size: 16px;
	line-height: 36px;
	color: #666666;
	position: relative;
	padding: 0 0 0 20px;
}
.fwjzlist li .text p:before{
	content: '';
	display: block;
	background: #268ffa;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
}


.acgintro{
	background: #f4f6f8;
}

.acgintrolist li{
	width: 48%;
	margin: 0 4% 2% 0;
	background: #fff;
	border-radius: 12px;
	float: left;
	padding: 50px 80px;
	box-sizing: border-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.acgintrolist li:nth-child(2n){
	margin: 0 0 2% 0;
}
.acgintrolist li .iconfont{
	width: 82px;
	line-height: 82px;
	text-align: center;
	background: #dbedff;
	border-radius: 50%;
	font-size: 40px;
	color: #268ffa;
	margin: 0 45px 0 0;
}
.acgintrolist li .text{
}
.acgintrolist li .text strong{
	font-size: 24px;
	color: #282828;
	margin: 5px 0 0 0;
	display: block;
}
.acgintrolist li .text p{
	font-size: 16px;
	color: #666666;
	margin: 10px 0 0 0;
	line-height: 30px;
}

.acgsyhylist li{
	display: block;
	float: left;
	width: 15%;
	margin: 0 2% 2% 0;
	padding: 40px 0;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	box-sizing: border-box;
	text-align: center;
}
.acgsyhylist li:nth-child(6n){
	margin: 0 0 2% 0;
}
.acgsyhylist li .iconfont{
	text-align: center;
	font-size: 70px;
	color: #268ffa;
}
.acgsyhylist li .text{
	margin: 30px 0 0 0;
}
.acgsyhylist li .text strong{
	font-size: 18px;
	color: #282828;
}
.acgsyhylist li .text p{
	font-size: 12px;
	color: #bbbbbb;
	margin: 5px 0 0 0;
}


.ydwt{
	background: url(../images/bg_wt.jpg) center no-repeat;
	background-size: cover;
}

.ydwt .seoserviceintrotitle *{
	color: #fff;
}


.nxxy{
	background: #f4f6f8;
}


.nxxylist li{
	width: 32%;
	display: block;
	margin: 0 2% 0 0;
	text-align: center;
	color: #fff;
	padding: 115px 0;
	font-size: 24px;
	line-height: 44px;
	border-radius: 12px;
	float: left;
}
.nxxylist li:nth-child(1){
	background: url(../images/nxxy_1.png) center no-repeat;
	background-size: cover;
}
.nxxylist li:nth-child(2){
	background: url(../images/nxxy_2.png) center no-repeat;
	background-size: cover;
}
.nxxylist li:last-child{
	margin: 0;
	background: url(../images/nxxy_3.png) center no-repeat;
	background-size: cover;
}


.ourservicelist li{
	display: block;
	float: left;
	position: relative;
	width: 10.5%;
	margin: 0 2.28% 0 0;
}
.ourservicelist li:last-child{
	margin: 0;
}
.ourservicelist li p{
	position: absolute;
	width: 100%;
	bottom: 35px;
	text-align: center;
}




.wztgintro{
	background: none;
}
.wztgintrolist li{
	background: #f4f6f8;
}


.power_rgyh{
	background: #f4f6f8;
}
.rgyhlist h2{
	font-size: 24px;
	border-radius: 35px;
	line-height: 70px;
	text-align: center;
	width: 400px;
	margin: 0 auto 20px auto;
}
.rgyhlist ul{
	display: table;
	margin: 0 auto;
}
.rgyhlist ul li{
	display: block;
	font-size: 24px;
	line-height: 72px;
	border-bottom: 1px solid #eeeeee;
	padding: 0 50px;
	box-sizing: border-box;
	position: relative;
}
.rgyhlist ul li span{
	font-size: 18px;
	color: #666666;
}
.qtyh ul li .iconfont{
	display: block;
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -13px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	background: #959595;
	color: #fff;
	border-radius: 50%;
	transform: scale(0.53);
	transform-origin: center;
}
.wmyh ul li{
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.wmyh ul li .iconfont{
	display: block;
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -13px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	background: #268ffa;
	color: #fff;
	border-radius: 50%;
	transform: scale(0.53);
	transform-origin: center;
}


.qtyh{
	background: #fff;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	width: 47%;
	padding: 60px;
	box-sizing: border-box;
	margin: 30px 0 0 0;
}


.qtyh h2{
	background: #eeeeee;
}
.wmyh h2{
	background: #268ffa;
}

.wmyh{
	width: 53%;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	box-sizing: border-box;
	background: url("../images/bg_wmyh.png") center no-repeat;
	background-size: cover;
	border-radius: 12px;
	padding: 90px 60px;
	color: #fff;
}
.wmyh ul li span{
	color: #fff;
}


.rgyhlist ul li:last-child{
	border: none;
}



.xzyslist li{
	display: block;
	float: left;
	width: 23%;
	margin: 0 2.666% 0 0;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #268ffa;
	padding: 46px 0;
	border-radius: 12px;
}
.xzyslist li:nth-child(2n){
	background: #268ffa;
}
.xzyslist li:last-child{
	margin: 0;
}
.xzyslist li .iconfont{
	background: #d8ebff;
	width: 100px;
	line-height: 100px;
	border-radius: 50%;
	color: #268ffa;
	font-size: 46px;
	margin: 0 auto;
}
.xzyslist li strong{
	display: block;
	font-size: 24px;
	font-weight: normal;
	margin: 25px 0 5px 0;
}
.xzyslist li p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.xzyslist li:nth-child(2n) strong,
.xzyslist li:nth-child(2n) p{
	color: #fff;
}



.softwarecate li .nserviceicon,
.mediacate li .nserviceicon,
.shootingcate li .nserviceicon{
	background: #268ffa;
}
.softwarecate li .nserviceicon:before,
.mediacate li .nserviceicon:before,
.shootingcate li .nserviceicon:before{
	background: #49a1fb;
}


.dspcase li,
.cppscase li,
.xcpcase li{
	position: relative;
}
.dspcase li .pic,
.cppscase li .pic,
.xcpcase li .pic{
	border-radius: 12px;
}
.dspcase li p,
.cppscase li p,
.xcpcase li p{
	position: absolute;
	width: 90%;
	bottom: 0;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 70px;
	padding: 0 5%;
    overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
}
.dspcase li span,
.cppscase li span,
.xcpcase li span{
	position: absolute;
	width: 100%;
	height: 70%;
	left: 0;
	bottom: 0;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	background: linear-gradient(0deg, rgba(0,0,0,.8), rgba(0,0,0,.2), rgba(0,0,0,0));
}



.videobtn{
	display: table;
	margin: 0 auto;
}
.videobtn a{
	background: #268ffa;
	border-radius: 6px;
	margin: 0 8px;
	font-size: 16px;
	color: #fff;
	line-height: 44px;
	text-align: center;
	display: block;
	width: 234px;
	float: left;
	border: 1px solid #268ffa;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.videobtn a:nth-child(1){
	border: 1px solid #268ffa;
	background: none;
	color: #268ffa;
}
.videobtn a:hover{
	transform: scale(1.1);
}



.dspcase{
	background: #f4f4f4;
}


.mediacate li .text p{
	line-height: 34px;
}

.mediafwnrlist li{
	display: block;
	float: left;
	width: 23%;
	margin: 0 2.666% 2% 0;
}
.mediafwnrlist li:nth-child(4n){
	margin: 0 0 2% 0;
}
.mediafwnrlist li .pic{
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.mediafwnrlist li .text{
	background: #f4f6f8;
	padding: 8% 10%;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.mediafwnrlist li .text span{
	display: block;
	font-size: 24px;
}
.mediafwnrlist li .text p{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin: 15px 0 0 0;
}
.mediafwnrlist li .text a{
	display: block;
	width: 140px;
	line-height: 46px;
	background: #268ffa;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	margin: 25px 0 0 0;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.mediafwnrlist li .text a:hover{
	width: 160px;
}

.xmttdlist li{
	background: #fff;
}
.xmttdlist li .tdnum{
	color: #268ffa;
	font-size: 72px;
	font-family: "Arial";
	font-weight: bold;
	margin: 0 50px 0 0;
}


.zhihecate li .text p span{
	color: #000;
}


.hqdh{
	width: 40%;
}
.dzhm p{
	line-height: 60px;
	color: #666666;
}
.dzhm p a{
	font-size: 48px;
	color: #d0252a;
	font-family: "Arial";
	font-weight: bold;
}


.faform{
	width: 60%;
}
.faform li{
	width: 48.5%;
	display: block;
	float: left;
	margin: 0 3% 3% 0;
	position: relative;
}
.faform li:nth-child(2n){
	margin: 0 0 3% 0;
}
.faform li p{
	font-size: 24px;
	margin: 0 0 15px 0;
}
.faform li input[type="text"]{
	height: 66px;
	padding: 0 25px;
	width: 100%;
	box-sizing: border-box;
	border: none;
	background: #f4f4f4;
	border-radius: 12px;
	font-size: 16px;
}
.faform li img{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 82px;
	height: 35px;
	background: #f4f4f4;
	padding: 15px 0;
}


.faform li.w100{
	width: 100%;
}

.dzbtn{
	width: 300px;
	line-height: 66px;
	background: #d0252a;
	border-radius: 12px;
	color: #fff;
	border: none;
	font-size: 24px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.dzbtn:hover{
	width: 320px;
}


.seocate1 a{
	line-height: 56px;
	border-radius: 28px;
	font-size: 24px;
	color: #fff;
	background: #268ffa;
	padding: 12px 30px;
	margin: 0 14px;
}


.ftbtn{
	display: none;
}


.newstext_software h2 span{
	margin: 0 0 0 10px;
}
.newstext_software h2 span a{
	font-size: 14px;
	color: #666;
}
.newstext_software h2 span a .iconfont{
	font-size: 30px;
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
}
.pic .wt_wap,
.seocate2,
.banner_wap{
	display: none;
}



@media screen and (max-width: 1800px) {
	.container{
		width: 90%;
	}
	.chotitle strong{
		font-size: 40px;
		line-height: 40px;
	}
	.stitle{
		font-size: 40px;
	}
}
@media screen and (max-width: 1660px) {
	.websitecate li .nservicename{
		padding: 40px;
	}
	.websitetype{
		margin: 15px 30px 0 30px;
	}
	.websitecate li .text{
		margin: 10px 30px;
	}
}
@media screen and (max-width: 1600px) {
	.aboutnum li .num span{
		font-size: 50px;
	}
}
@media screen and (max-width: 1520px) {
	.p80,
	.p90,
	.p100{
		padding: 70px 0;
	}
	.menu li a{
		padding: 0 25px;
		font-size: 17px;
	}
	.servicecate li .servicename{
		font-size: 26px;
	}
	.servicecate li .servicetext{
		font-size: 16px;
		line-height: 32px;
	}
	.chotitle strong{
		font-size: 34px;
		line-height: 34px;
	}
	.chotitle p{
		font-size: 20px;
		margin: 20px 0 0 0;
	}
	.cholist li{
		padding: 40px 20px;
	}
	.cholist li .iconfont{
		font-size: 66px;
		margin: 0 20px 0 0;
	}
	.cholist li .text strong{
		font-size: 26px;
	}
	.cholist li .text p{
		font-size: 20px;
		line-height: 36px;
	}
	.nnewslist li .text span{
		font-size: 18px;
	}
	.nnewslist li .text p{
		font-size: 14px;
		line-height: 24px;
	}
	.nnewslist li .info{
		margin: 20px 0 0 0;
		line-height: 32px;
	}
	.nnewslist li .info .date{
		font-size: 14px;
	}
	.nnewslist li .pic{
		height: 166px;
	}
}
@media screen and (max-width: 1480px) {
	.fcontact{
		margin: 0 0 0 7%;
	}
}
@media screen and (max-width: 1470px) {
	.websitecate li .nservicename{
		padding: 40px;
	}
	.websitetype{
		margin: 15px 20px 0 20px;
	}
	.websitecate li .text{
		margin: 10px 20px;
	}
}
@media screen and (max-width: 1440px) {
	.header .slogan{
		font-size: 18px;
	}
	.menu li a{
		padding: 0 20px;
		font-size: 16px;
	}
	.partitle .text{
		font-size: 16px;
	}
	.newslist li a{
		padding: 30px 0;
	}
	.newslist li .text strong{
		font-size: 17px;
	}
	.newslist li .date span{
		font-size: 30px;
	}
	.picnews li .text strong{
		font-size: 20px;
	}
	.picnews li .text{
		padding: 40px 50px;
	}
	.picnews li .pic{
		height: 217px;
	}
	.picnews li .text p{
		font-size: 14px;
		line-height: 24px;
	}
	.newscate li{
		margin: 0 0 0 60px;
	}
	.newscate li a{
		font-size: 16px;
	}
	.nabout .pic{
		margin: 50px 0 0 0;
	}
	.nnewslist li{
		padding: 20px 20px;
	}
	.qtfws ul{
		padding: 0 0 0 10%;
	}
	.powerlist ul li{
		font-size: 14px;
	}
	.powerlist .gsfw h2,
	.powerlist h2{
		font-size: 20px;
		line-height: 48px;
		padding: 0 30px;
	}
	.fwxm h2{
		text-align: center;
		margin: 0 auto 20px auto;
	}
	.fwxm ul{
		padding: 0 0 0 10%;
	}
}
@media screen and (max-width: 1380px) {
	.websitecate li .nservicename{
		padding: 20px;
	}
	.websitecate li .nservicename strong{
		font-size: 22px;
	}
	.websitecate li .nservicename p{
		font-size: 14px;
		margin: 5px 0 0 0;
	}
	.websitecate li .text{
		font-size: 14px;
	}
	.websitetype i{
		font-size: 22px;
	}
	.websitetype i.icon-pingbandiannao,
	.websitetype i.icon-shouji{
		font-size: 26px;
	}
}
@media screen and (max-width: 1366px) {
	.fmenu li a{
		font-size: 14px;
	}
	.fcontact{
		margin: 0 0 0 4%;
	}
}
@media screen and (max-width: 1280px) {
	.header .container{
		width: 96%;
	}
	.servicecate li .pic{
		width: 100px;
	}
	.cholist li .text strong{
		font-size: 22px;
	}
	.cholist li .text p{
		font-size: 16px;
		line-height: 32px;
		margin: 10px 0 0 0;
	}
	.chotitle strong{
		font-size: 30px;
	}
	.chotitle p{
		font-size: 16px;
		margin: 10px 0 0 0;
	}
	.partnerslide{
		width: 71%;
	}
	.partnerslide li .pic{
		margin: 0 10px 10px 0;
	}
	.ftel a{
		font-size: 24px;
	}
	.aboutnum{
		margin-top: 30px !important;
	}
	.aboutnum li{
		margin: 0 50px 0 0;
	}
	.aboutnum li p{
		font-size: 14px;
	}
	.nabouttext .text p{
		margin: 0 0 10px 0;
	}
}
@media screen and (max-width: 1200px) {
	.nservicecate li .nserviceicon{
		width: 76px;
		height: 76px;
		border-radius: 24px;
	}
	.softwarecate li .nserviceicon{
		margin: 0 30px 0 0;
	}
	.nservicecate li .nserviceicon img{
		width: 76px;
		height: 76px;
	}
	.websitecate li{
	}
	.nservicecate li .nservicename{
		margin: 9px 0 0 0;
	}
	.nservicecate li .nservicename strong{
		font-size: 22px;
	}
	.nservicecate li .nservicename p{
		font-size: 16px;
		margin: 5px 0 0 0;
	}
	.nservicecate li .text{
		font-size: 12px;
		line-height: 24px;
	}
	.websitetype{
		line-height: 28px;
/*		text-align: center;*/
	}
	.websitetype span{
/*		display: block;*/
	}
	.nservicecate li .catebtn{
		line-height: 38px;
		font-size: 14px;
	}
	.nservicecate li .nservicename strong{
		font-size: 18px;
	}
	.nservicecate li .nservicename p{
		font-size: 14px;
	}
	.websitetype span{
		font-size: 16px;
	}
	.websitetype i{
		font-size: 16px;
	}
	.websitetype i.icon-pingbandiannao,
	.websitetype i.icon-shouji{
		font-size: 20px;
	}
	
	.websitecate li{
		padding: 0 0 30px 0;
	}
	
	
	
	
	
	.powerbg li .iconfont{
		width: 60px;
		line-height: 60px;
		font-size: 30px;
	}
	
	.powerbg li .text strong{
		font-size: 22px;
	}
	.powerbg li .text p{
		font-size: 16px;
	}
	
	.powertitle strong{
		font-size: 34px;
	}
	.powertitle p{
		margin: 10px 0 0 0;
		font-size: 20px;
	}
	
	
	
	
	
	
	
	
	
	
}
@media screen and (max-width: 1190px) {
	.header .slogan{
		display: none;
	}
	.fewm .ewm{
		width: 70px;
	}
	.offerform li{
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.offerform li:nth-child(2n){
		margin: 0 0 2% 0;
	}
	.offerform li.sbtn{
		width: 100%;
		margin: 0;
	}
	.consopt li{
		width: 90%;
		margin: 0 5%;
	}
	.nabout .pic{
		margin: 70px 0 0 0;
	}
}
@media screen and (max-width: 1140px) {
	.qtfws ul{
		margin: 0;
		padding: 0 5%;
	}
}
@media screen and (max-width: 1120px) {
	.websitecate .container{
		width: 94%;
	}
	.websitecate li .nservicename{
		padding: 30px 15px;
	}
	.websitetype{
		margin: 15px 15px 0 15px;
	}
	.websitecate li .text{
		margin: 10px 15px;
	}
	.websitecate li .text p{
		padding: 0 0 0 20px;
	}
	.websitecate li .text p:before{
		left: 5px;
	}
}
@media screen and (max-width: 1110px) {
	.servicecate li .pic{
		width: 80px;
		margin: 25px auto;
	}
	.servicecate li a{
		padding: 40px 0;
	}
	.picnews li .text{
		padding: 40px 30px;
	}
	.newscate li{
		margin: 0 0 0 30px;
	}
	.choosebg .container{
		display: block;
	}
	.chotitle{
		float: none;
		text-align: center;
		width: 100%;
	}
	.cholist{
		float: none;
		width: 100%;
		margin: 20px 0 0 0;
	}
	.partnerbg .container{
		position: relative;
	}
	.partitle{
		float: none;
		width: 100%;
		text-align: center;
	}
	.partitle .stitle{
		text-align: center;
	}
	.partitle .stitle span{
		display: block;
		margin: 10px 0 0 0;
	}
	.partitle .text{
		font-size: 14px;
		line-height: 24px;
		margin: 10px 0 0 0;
	}
	.pararrow_slide{
		position: absolute;
		z-index: 999;
		top: 50%;
		margin-top: 57px;
		width: 100%;
	}
	.partnerslide{
		margin: 30px 50px 0 50px;
		width: auto;
		float: none;
	}
	.pararrow_slide .iconfont{
		width: 40px;
		line-height: 40px;
		font-size: 16px;
		margin: 0;
	}
	.pararrow_slide .pararrow_slide_right{
		float: right;
	}
	.partnerslide li .pic{
		margin: 10px 5px;
	}
}
@media screen and (max-width: 1090px) {
	.hqdh{
		width: 40%;
	}
	.dzhm p{
		line-height: normal;
		margin: 0 0 20px 0;
	}
	.dzhm p a{
		font-size: 40px;
	}
	.faform{
		width: 55%;
	}
	.faform li p{
		font-size: 20px;
	}
	.faform li input[type="text"]{
		height: 50px;
	}
	.faform li img{
		padding: 7px 0;
	}
	.dzbtn{
		width: 226px;
		line-height: 50px;
		font-size: 18px;
	}
}
@media screen and (max-width: 1040px) {
/*
	.fcontact{
		float: right;
	}
	.fewm{
		clear: both;
		float: none;
		width: 100%;
	}
*/
	.fmenu{
		width: 100%;
	}
	.fmenu ul{
		line-height: 30px;
	}
	.fmenu ul li{
		width: 33.333%;
		float: left;
	}
	.fmenu li a{
		font-size: 16px;
	}
	.fcontact{
		width: 100%;
		margin: 40px 0 0 0;
	}
	.fcontact .text{
		float: left;
		margin: 10px 0 0 0;
	}
	.fcontact .text1{
		float: left;
		margin: 10px 0 0 40px;
	}
	.fewm{
		width: 100%;
		margin: 40px 0 0 0;
	}
	.fewm .ewm{
		width: 10%;
		margin: 0 20% 0 0;
	}
	.fewm .ewm:last-child{
		margin: 0;
	}
	.nabout .pic{
		margin: 85px 0 0 0;
	}
}
@media screen and (max-width: 1024px) {
	.servicecate li .servicetext{
		font-size: 14px;
		line-height: 28px;
	}
	.nafsale li .serviceinfo strong{
		font-size: 20px;
	}
	.nafsale li .serviceinfo .info{
		font-size: 14px;
	}
	.nafsale li .serviceinfo .info font{
		font-size: 16px;
	}
	.nafsale li .serviceinfo .info span{
		font-size: 18px;
	}
	.nafsale li .serviceinfo .more{
		width: 130px;
		line-height: 40px;
	}
	.nafsale li .text .textlist .servicetext{
		width: 85%;
	}
	.powerbg li .text p{
		font-size: 14px;
	}
	.powerbg li .text strong{
		font-size: 20px;
	}
	.powerbg li .iconfont{
		width: 52px;
		line-height: 52px;
	}
	
	.stitle{
		font-size: 30px;
	}
	.softwaretext{
		clear: both;
	}
	.softwaretext li{
		padding: 10px 5% 10px 0;
	}
	.softwaretext li strong{
		font-size: 17px;
		margin: 5px 0 7px 0;
	}
	.softwaretext li p{
		font-size: 12px;
	}
	.softwaretext li:nth-child(3){
		clear: both;
	}
	
	.softwarecate li .nserviceicon{
		float: left;
	}
	.softwarecate li .nservicename{
		float: left;
		margin: 10px 0 10px 20px;
	}
	.softwarecate li .nservicename strong{
		font-soize: 20px;
	}
	.softwarecate li .nservicename p{
		font-size: 14px;
	}
	.nsoftware2 .softwarecate li .nservicename{
		margin: 0px 0 10px 20px;
		width: 70%;
	}
	
	.nsoftware .container{
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
@media screen and (max-width: 1000px) {
	
	.powerlist .qtfws{
		display: none;
	}
	.powerlist .fwxm{
		width: 30%;
	}
	.powerlist .gsfw{
		width: 70%;
	}
	.fwxm ul{
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.websitetype span{
		font-size: 14px;
	}
	.websitetype{
		font-size: 14px;
	}
	.nservicecate li .catebtn{
		line-height: 34px;
	}
	.bnav{
		line-height: 40px;
	}
	
}
@media screen and (max-width: 965px) {
	.hotline a{
		font-size: 20px;
	}
	.menu li a{
		padding: 0 15px;
	}
	.dzhm p a{
		display: block;
	}
}
@media screen and (max-width: 865px) {
	.hotline a{
		font-size: 18px;
	}
	.menu li a{
		padding: 0 13px;
	}
	.hotline{
		margin: 0 0 0 20px;
	}
}
@media screen and (max-width: 805px) {
	.header .logo{
		padding: 20px 0;
	}
	.header .logo img{
		width: 154px;
	}
	.hotline,
	.menu li{
		line-height: 68px;
	}
}
@media screen and (max-width: 768px) {
/*
	.menu ul{
		display: none;
	}
*/
	.p80,
	.p90{
		padding: 40px 0;
	}
	.p100{
		padding: 60px 0;
	}
	.menu li a{
		padding: 0 15px;
	}
	.hotline{
		margin: 0 0 0 20px;
	}
	.hotline .iconfont{
		width: 34px;
		line-height: 34px;
		margin: 16px 0 0 0;
		border-radius: 50%;
		border: 1px solid #ccc;
		text-align: center;
	}
	.hotline span{
		display: none;
	}
	.servicecate li a{
		padding: 25px 0;
	}
	.servicecate li .servicename{
		font-size: 22px;
	}
	.servicecate li .pic{
		width: 60px;
		margin: 20px auto;
	}
	.servicecate li .servicetext{
		font-size: 12px;
	}
	.stitle{
		font-size: 30px;
		line-height: 30px;
	}
	.stitle span{
		font-size: 14px;
	}
	.rightcate li a{
		padding: 10px 0 0 0;
		font-size: 14px;
	}
	.rightcate li{
		margin: 0 0 0 20px;
	}
	.picnews{
		width: 100%;
		float: none;
	}
	.picnews li{
		width: 48%;
		margin: 0 4% 0 0;
	}
	.picnews li:last-child{
		margin: 0;
	}
	.picnews li .text{
		padding: 30px 30px;
	}
	.newslist{
		display: none;
	}
	
	.case li .text strong{
		font-size: 17px;
	}
	.fewm .ewm{
		width: 15%;
		margin: 0 13.333% 0 0;
	}
	.nnewslist li{
		padding: 10px;
	}
	.nnewslist li .text p{
		display: block;
		white-space: nowrap;
	}
	.nnewslist li .pic{
		height: 110px;
	}
	.nnewslist li .info{
		line-height: 28px;
		margin: 10px 0 0 0;
	}
	.nnewslist li .info .tags a{
		font-size: 12px;
	}
	.nnewslist li .text span{
		font-size: 16px;
		margin: 10px 0 10px 0;
	}
	.nafsale li .serviceinfo{
		width: 100%;
		float: none;
	}

	.nafsale li .serviceinfo strong{
		float: left;
		line-height: 20px;
	}
	.nafsale li .serviceinfo .info{
/*		line-height: 24px;*/
		margin-top: 0 !important;
		float: left;
		line-height: 20px;
		margin: 0 0 0 30px;
	}
	.nafsale li .serviceinfo .more{
		float: right;
		margin: 0;
	}
/*
	.nafsale li .serviceinfo .info br{
		display: block;
	}
	.nafsale li .serviceinfo .info .icon-pingjiacishu{
		margin: 0;
	}
*/
	.nafsale li .text{
		width: 100%;
		float: none;
		margin: 20px 0 0 0;
	}
	
	.nafsale li .serviceinfo .more{
		font-size: 12px;
		width: 90px;
		line-height: 26px;
	}
	
	.introtitle h2{
		font-size: 26px;
		line-height: 26px;
	}
	.introtitle p{
		font-size: 14px;
	}
	.dspcase li p,
	.cppscase li p,
	.xcpcase li p{
		font-size: 14px;
		line-height: 40px;
	}
	.videobtn a{
		width: 170px;
		font-size: 14px;
		line-height: 36px;
	}
	.dzhm{
		margin-top: 30px !important;
	}
	.faform li{
		width: 100%;
		margin: 0 0 15px 0;
	}
	.faform li p{
		margin: 0 0 5px 0;
	}
	.dzbtn{
		width: 100%;
	}
	.nsoftware .container{
		display: block;
	}
	.nsoftware .pic{
		display: table;
		margin: 0 auto;
	}
	.nsoftware .softwareintro{
		width: 100%;
		margin: 0 auto;
	}
	.bannerbg,
	.nbanner{
		height: 260px;
	}
	.nsoftware2 .softwarecate li .nservicename {
		margin: 12px 0 10px 20px;
		width: 70%;
	}
}
@media screen and (max-width: 755px) {
	.ftel a{
		font-size: 20px;
		display: block;
		line-height: 28px;
	}
}
@media screen and (max-width: 720px) {
	.rightcate li{
		margin: 0 0 0 12px;
	}
	.case li .text strong{
		font-size: 15px;
	}
	.case li .text p{
		font-size: 12px;
	}
}
@media screen and (max-width: 700px) {
	.ftel{
		margin: 0 20px 0 0;
	}
	.fcontact .text1{
		margin: 10px 0 0 20px;
	}
}
@media screen and (max-width: 670px) {
	.menu li a{
		padding: 0 10px;
	}
	
}
@media screen and (max-width: 650px) {
	.servicecate li .servicename{
		font-size: 20px;
	}
	.servicecate li .servicetext p{
		font-size: 0.6rem;
	}
	.picnews li .pic{
		height: 145px;
	}
	.picnews li .text{
		padding: 20px;
	}
	.picnews li .text span{
		font-size: 16px;
	}
	.picnews li .text strong{
		font-size: 18px;
		margin: 20px 0 10px 0;
	}
	.picnews li .text p{
		font-size: 12px;
		line-height: 22px;
	}
	.fcontact .text{
		float: none;
	}
	.fcontact .text1{
		margin: 10px 0 0 0;
		float: none;
	}
}
@media screen and (max-width: 640px) {
	::-webkit-scrollbar {
		width : 3px;
		height: 1px;
	}
	::-webkit-scrollbar-thumb {
		border-radius: 10px;
		height: 15px;
		background: #f6f8fb;
	}
	::-webkit-scrollbar-track {
		background: #ccc;
	}
	
	.banner_wap{
		display: block;
	}
	.banner_pc{
		display: none;
	}

	.p50{
		padding: 40px 0;
	}
	.casecate{
		width: 100%;
		float: none;
	}
	.ncontainer{
	}
	.caseul{
		float: none;
		width: 100%;
	}
	.caseul li{
		width: 100%;
		margin: 0 0 40px 0;
		float: none;
	}
	.caseul li .pic{
		box-shadow: 10px 10px 15px 0 rgba(0,0,0,.2);
	}
	.catearea{
		display: none;
	}
	.caseul .newscate{
		width: 100%;
		float: none;
		display: block;
		margin: 20px 0 0 0;
	}
	.caseul .newscate li{
		width: 16.666%;
		float: left;
		line-height: 40px;
		text-align: center;
		margin: 0;
	}
	.caseul .newscate li.this a:after{
		bottom: 0;
	}
	.cateul,
	.catename{
		margin: 20px auto 0 auto;
		width: 90%;
	}
	.caseul li .text span{
		font-size: 15px;
	}
	.caseul li .text .lanv,
	.caseul li .text p{
		padding: 10px 0 6px 0;
	}
	.caseul li .more{
		padding: 10px 0 0 0;
	}
	.caseul li .more .fa{
		margin: 0 5px 0 0;
	}
	.searchform{
		margin: 10px 0 0 0;
	}
	
	.newstext h2{
		font-size: 20px;
	}
	.sharebox{
		display: none;
	}
	.newstext>.text{
		font-size: 14px;
		color: #333;
	}
	.pagechange a{
		font-size: 14px;
	}
	.pagechange .returnlist a:before{
		left: 15px;
	}
	.slidearea .slidearea_big{
		width: 80%;
	}
	.gallery-thumbs{
		display: none;
	}
}
@media screen and (max-width: 600px) {
	.menu li a{
		font-size: 14px;
	}
}
@media screen and (max-width: 460px) {
	.pagination{
		bottom: 10px;
	}
	.nbanner .text .consbtn{
		color: #fff;
		line-height: 30px;
		border-radius: 15px;
		display: table;
		margin: 0 auto;
		padding: 0 15px;
		font-size: 14px;
		background-color: #258ef7;
	}	
	.header .container{
		width: 90%;
	}
	.hotline{
		margin: 0;
		display: none;
	}
	.menubut{
		display: block;
		font-size: 34px;
		position: absolute;
		right: 5%;
		top: 50%;
		margin-top: -17px;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
	}
	.menuclose{
		display: block;
		font-size: 30px;
		position: absolute;
		right: 5%;
		top: 50%;
		margin-top: -15px;
		transform: scale(0);
		opacity: 0;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
	}
	.menu ul{
		display: none;
		position: fixed;
		width: 40%;
		right: 0;
		background: #fff;
		height: 100%;
		box-shadow: 0 12px 12px 0 rgba(0,0,0,.2);
	}
	.menu ul li{
		display: block;
		float: none;
		width: 100%;
		padding: 0;
		line-height: 44px;
		text-align: center;
		border-top: 1px solid #ececec;
	}
	.menu ul li:last-child{
		border-bottom: 1px solid #ececec;
	}
	.menu ul li a{
		padding: 0;
	}
	
	.menu li ul{
		display: none;
		position: relative;
		left: auto;
		top: auto;
		box-shadow: none;
		border: none;
	}
	.menu li ul .menuslide{
		padding-left: 0;
		display: block;
	}
	.menu li ul .menuslide li{
		line-height: 34px;
		padding-left: 0;
		text-align: center;
	}
	.menu li ul .menuslide li .icon{
		height: 40px;
		width: 30px;
		display: none;
	}
	.menu li ul .menuslide li a{
		font-size: 12px;
		color: #666;
	}
	
	
	
	
	
	.servicecate li,
	.servicecate li:nth-child(3){
		width: 48%;
		margin: 0 4% 4% 0 !important;
	}
	.servicecate li:nth-child(2n){
		margin: 0 0 4% 0 !important;
	}
	.servicecate li a{
		font-size: 12px;
	}
	.servicecate li .servicetext{
		line-height: 22px;
		margin: 0 5%;
		font-size: .7rem;
	}
	.rightcate{
		display: none;
	}
	.stitle{
		font-size: 20px;
	}
	.servicecate li .servicename{
		font-size: 20px;
	}
	.mt40{
		margin-top: 20px !important;
	}
	.picnews li{
		width: 100%;
		float: none;
		background: #f4f4f4;
	}
	.picnews li:nth-child(1){
		margin: 0 0 20px 0;
	}
	.picnews li .pic{
		float: left;
		width: 40%;
		height: 120px;
	}
	.picnews li .text{
		width: 50%;
		padding: 5%;
	}
	.picnews li .text span{
		display: none;
	}
	.picnews li .text strong{
		font-size: 16px;
		margin: 0 0 10px 0;
	}
	.picnews li .text p{
		font-size: 12px;
		-webkit-line-clamp: 2;
	}
	.case li,
	.case li:nth-child(3n){
		width: 48%;
		margin: 0 4% 6% 0;
	}
	.case li:nth-child(2n){
		margin: 0 0 6% 0;
	}
	.case li .text strong{
		font-size: 16px;
	}
	.case li .text p{
		font-size: 12px;
	}
	.chotitle strong{
		font-size: 20px;
	}
	.chotitle p{
		font-size: 12px;
		margin: 5px 0 0 0;
	}
	.cholist li{
		width: 100%;
		padding: 20px 10px;
		border-bottom: 1px solid #313131;
	}
	.cholist li:last-child{
		border: none;
	}
	.cholist:before,
	.cholist:after{
		display: none;
	}
	.cholist li .iconfont{
		font-size: 40px;
	}
	.cholist li .text strong{
		font-size: 16px;
	}
	.cholist li .text p{
		font-size: 12px;
		line-height: 20px;
	}
	.partitle .text{
		font-size: 12px;
		line-height: 20px;
	}
	.pararrow_slide{
		display: none;
	}
	.partnerslide{
		margin: 20px 0;
		width: 100%;
	}
	.offerform li{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.fmenu{
		display: none;
	}
	.footer{
		padding: 60px 0 40px 0;
	}
	.fcontact{
		margin: 0;
	}
	.fcontact .text1{
		margin: 20px 0 0 0;
	}
	.fewm .ewm{
		width: 22%;
		margin: 0 4% 0 0;
	}
	.cr a{
		display: block;
	}
	.header .logo{
		padding: 15px 0;
		height: 30px;
	}
	.header .logo img{
		width: 160px;
	}
	.hotline .iconfont{
		margin: 13px 0 0 0;
	}
	.bannerbg,
	.nbanner{
		height: 300px;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.nbanner .text .text1{
		font-size: 22px;
		line-height: 22px;
	}
	.nbanner .text .text2{
		font-size: 14px;
		line-height: 14px;
		margin: 10px 0 0 0;
	}
	.nbanner .bnav{
		bottom: 10px;
		font-size: 12px;
		width: 100%;
		line-height: 20px;
	}
	.nbanner .bnav a{
		font-size: 12px;
	}
	.nabouttext{
		width: 100%;
		float: none;
	}
	.aboutnum li{
		margin: 0;
		width: 33.333%;
	}
	.aboutnum li p{
		font-size: 12px;
	}
	.aboutnum li .num span{
		font-size: 40px;
	}
	.nabout .pic{
		width: 100%;
		float: none;
		margin: 20px 0 0 0;
	}
	
	.teambg .stitle font{
		display: block;
		margin: 10px 0 0 0;
		font-size: 14px;
		line-height: 14px;
	}
	.teambg{
		padding: 50px 0 20px 0;
	}
	.teamslide li .text{
		font-size: 12px;
	}
	.teamslide li .text .teamname{
		font-size: 12px;
	}
	.teamslide li .text .teamintro{
		padding: 5%;
		font-size: 0.55rem;
		line-height: 20px;
	}
	
	.offer .stitle span{
		display: block;
		font-size: 14px;
		margin: 5px 0 0 0;
	}
	.offerform li,
	.offerform li .iconfont{
		line-height: 44px;
	}
	.offerform li input{
		height: 44px;
	}
	.offerform li img{
		padding: 5px 0;
	}
	
	
	.cr{
		font-size: 12px;
	}
	.cr a{
		font-size: 12px;
	}
	
	.rightcate li{
		line-height: 40px;
	}
	.rightcate li.this a:after,
	.rightcate li:hover a:after{
		bottom: 0;
		width: 80%;
		left: 10%;
	}
	.rightcate li a{
		padding: 0;
	}
	
	
	.nnewslist li{
		padding: 10px 0;
	}
	.nnewslist li .info .tags{
		display: none;
	}
	.newscate{
		display: block;
		width: 100%;
	}
	.rightcate li{
		width: 33.333%;
		text-align: center;
		margin: 0;
	}
	.newscate li a{
		font-size: 14px;
	}
	.nnewslist li .pic{
		width: 40%;
		height: 100px;
	}
	.nnewslist li .text{
		width: 55%;
	}
	.nnewslist li .text span{
		line-height: 24px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		white-space: normal;
		margin: 2px 0 5px 0;
	}
	.nnewslist li .text p{
		font-size: 12px;
		line-height: 16px;
	}
	.nnewslist li .info{
		line-height: 16px;
		margin: 10px 0 0 0;
	}
	.nnewslist li .info .date{
		font-size: 12px;
	}
	.fewm .ewm{
		font-size: 12px;
	}
	
	.contactlist{
		display: block;
	}
	.contactlist li{
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
	}
	.contactlist li .iconfont{
		width: 40px;
		line-height: 40px;
		font-size: 20px;
		margin: 0 5px 0 0;
	}
	.contactlist li.address .text p{
		font-size: 14px;
	}
	.contactlist li .text{
		margin: 0;
	}
	.contactlist li.address .iconfont{
		margin: 10px 5px 0 0;
	}
	
	.nafsale li .serviceinfo strong{
		width: 100%;
	}
	.nafsale li .serviceinfo .info{
		margin: 10px 0 0 0 !important;
	}
	.nafsale li .serviceinfo .more{
		line-height: 28px;
		margin: 5px 0 0 0;
	}
	.nafsale li{
		padding: 30px 0;
	}
	.nafsale li .text .textlist .servicetext{
		width: 84%;
	}
	.nservicecate li .nserviceicon:before{
		width: 120px;
		height: 120px;
	}
	.websitecate li,
	.mediacate li{
		width: 48%;
		margin: 0 4% 4% 0;
	}
	.websitecate li:nth-child(2n),
	.mediacate li:nth-child(2n){
		width: 48%;
		margin: 0 0 4% 0;
	}
	.nservicecate li .nserviceicon{
		width: 60px;
		height: 60px;
		border-radius: 20px;
	}
	.nservicecate li .nserviceicon img{
		width: 60px;
		height: 60px;
	}
	.seocate li{
		width: 48%;
		margin: 0 4% 4% 0;
	}
	.zhihecate li,
	.seocate li:nth-child(1){
		width: 100%;
	}
	.shootingcate li{
		width: 48%;
		margin: 0 4% 4% 0;
	}
	.shootingcate li:nth-child(2){
		margin: 0 0 4% 0;
	}
	.shootingcate li:last-child{
		width: 100%;
	}
	.nservicecate li{
	}
	.nservicecate li .nservicename{
	}
	.nservicecate li .nservicename strong{
		font-size: 18px;
	}
	
	.nservicecate li .nservicename p{
		font-size: 12px;
	}
	
	.powerbg .container{
		display: table;
		width: auto;
	}
	.websitepower .container{
		display: block;
		width: 90%;
	}
	.powerbg ul{
		width: 100%;
	}
	.powertitle{
		width: 100%;
		margin: 30px 0;
		padding: 20px 0;
		border-top: 1px solid #434343;
		border-bottom: 1px solid #434343;
	}
	.websitepower .powertitle{
		width: 100%;
		margin: 0 0;
		padding: 0 0;
		border: none;
	}
	.powerbg li{
		margin: 0 0 40px 0;
	}
	
	
	.p70{
		padding: 40px 0;
	}
	
	.ntitle a{
		font-size: 12px;
		padding: 0;
		line-height: 40px;
	}
	
	.questionlist::-webkit-scrollbar {
		width : 10px;
		height: 10px;
	}
	.questionlist li{
		padding: 20px 20px 20px 0;
	}
	.questionlist li .text1 span,
	.questionlist li .text2 span{
		font-size: 16px;
		width: 30px;
		line-height: 30px;
	}
	.questionlist li .text1{
		font-size: 16px;
		line-height: 30px;
		padding: 0 0 0 40px;
	}
	.questionlist li .text2{
		font-size: 14px;
		line-height: 24px;
		padding: 0 0 0 40px;
	}
	
	.relanews .picnews li{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.kunrao .stitle{
		font-size: 22px;
	}
	.kunrao .stitle span{
		font-size: 16px;
		margin: 6px 0 0 0;
		padding: 0 8px 0 0;
	}
	
	
	.mediacate li .text p img{
		width: 24px;
		margin: 3px 3px 3px 0;
	}
	.mideaservice .stitle{
		font-size: 22px;
	}
	.mideaservice .stitle span{
		font-size: 14px;
		margin: 5px 0 0 0;
	}
	
	.mideaservicelist>li{
		width: 48%;
		margin: 0 4% 4% 0;
	}
	.mideaservicelist>li:nth-child(2n){
		margin: 0 0 4% 0;
	}
	
	.mideaservicelist li .mideatext{
		padding: 20px 10px;
	}
	.mideaservicelist li .mideatext li img{
		width: 26px;
		margin: 0 7px 0 0;
	}
	
	.mideaservicelist li .mideatext li p{
		font-size: 12px;
		line-height: 22px;
	}
	
	.mideaservicelist li .mideatext li:nth-child(1){
		margin: 0 0 20px 0;
	}
	.mideaservicelist li .mideatext li p{
		display: inline;
	}
	.mideaservicelist li .mideatext li span{
		font-size: 16px;
	}
	
	
	.nsoftware .pic{
		float: none;
		margin: 0 auto;
	}
	.nsoftware .softwareintro{
		width: 96%;
	}
	
	.softwarecate li .nservicename{
		margin: 5px 0 5px 15px;
	}
	.nsoftware2 .softwarecate li .nservicename{
		width: 76%;
		margin: 5px 0 10px 15px;
	}
	.nsoftware .nservicecate>li{
		padding: 40px 0 0 0;
	}
	.relacase{
		margin-top: 0 !important;
	}
	.nservicecate li{
		margin: 0 0 20px 0;
	}
	.nservicecate li .text{
		padding: 0 10px;
	}
	.zhihepower .powertitle{
		border-top: 1px solid rgba(255,255,255,.3);
		border-bottom: 1px solid rgba(255,255,255,.3);
	}
	.powertitle strong{
		font-size: 26px;
	}
	.powertitle p{
		font-size: 16px;
	}
	
	
	
	.shootingcate li:first-child{
		margin: 0 4% 4% 0;
	}
	
	.mediacate li{
		padding: 40px 0;
		margin: 0 4% 4% 0;
	}
	.mediacate li:nth-child(2n){
		margin: 0 0 4% 0;
	}
	.mediacate li .nservicename{
		margin: 20px 0 10px 0;
	}
	
	
	.mediafwnrlist li{
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.mediafwnrlist li:nth-child(2n){
		margin: 0 0 2% 0;
	}
	.mediafwnrlist li .text{
		padding: 8% 6%;
	}
	.mediafwnrlist li .text span{
		font-size: 16px;
	}
	.mediafwnrlist li .text p{
		font-size: 12px;
		line-height: 20px;
		margin: 10px 0 0 0;
	}
	.mediafwnrlist li .text a{
		margin: 10px 0 0 0;
		line-height: 34px;
	}
	.seoserviceintrotitle h2{
		font-size: 20px;
		line-height: 24px;
	}
	.seoserviceintrotitle p{
		font-size: 12px;
		margin: 10px 0 0 0;
	}
	
	.sidebar li{
		width: 40px;
		height: 40px;
	}
	.sidebar li>p{
		display: none;
	}
	.sidebar li .iconfont{
		width: 40px;
		line-height: 40px;
		font-size: 20px;
	}
	.websitecate li{
		margin: 0 4% 4% 0;
	}
	.p100{
		padding: 40px 0;
	}
	.mt100{
		margin-top: 40px !important;
	}
	
	.websitepower .powerlist ul li{
		font-size: 12px;
		line-height: 24px;
		margin: 0 0 0 0;
		padding: 10px 20px 10px 30px;
	}
	.websitepower .powerlist ul li:last-child{
		margin: 0;
	}
	.websitepower .powerlist .fwxm ul li{
		padding: 0;
	}
	.powerlist .gsfw h2,
	.powerlist h2 {
		font-size: 12px;
		line-height: 34px;
		padding: 0 18px;
		margin: 0 auto 10px auto;
	}
	.powerlist .fwxm{
		width: 26%;
		padding: 20px 0;
		display: none;
	}
	.powerlist .fwxm h2{
		padding: 0;
	}
	
	.powerlist .gsfw{
		width: 100%;
		padding: 34px 0 34px 0;
	}
	.nservicecate li .catebtn{
		margin: 15px 40px 0 40px;
		line-height: 30px;
	}
	
	.seocate1 a{
		padding: 5px 10px;
    	margin: 0 4px;
		font-size: 12px;
		line-height: 26px;
	}
	.bnav,
	.bnav a{
		font-size: 12px;
	}
	.seocate li:nth-child(2){
		margin: 0 4% 0 0;
	}
	.seocate li:nth-child(3){
		margin: 0;
	}
	
	.seopower .powertitle strong{
		font-size: 24px;
	}
	.seopower .powertitle p{
		font-size: 14px;
		margin: 5px 0 0 0;
	}
	
	.seopower ul:nth-child(3){
		width: 100%;
	}
	
	.introtitle p{
		font-size: 12px;
		padding: 0 5%;
	}
	.videobtn a{
		font-size: 12px;
		line-height: 32px;
		width: 140px;
	}
	
	.acgintrolist li{
		width: 100%;
		padding: 5%;
	}
	.acgintrolist li .text strong{
		font-size: 16px;
	}
	.acgintrolist li .text p{
		font-size: 14px;
		line-height: 24px;
		height: auto !important;
	}
	.xmttdlist li .tdnum{
		font-size: 54px;
		margin: 0 20px 0 0;
	}
	.xzyslist li{
		width: 49%;
		margin: 0 2% 2% 0;
		padding: 30px 0;
	}
	.xzyslist li:nth-child(2n){
		margin: 0 0 2% 0;
	}
	.xzyslist li strong{
		font-size: 16px;
	}
	.xzyslist li p{
		font-size: 12px;
		line-height: 22px;
		padding: 0 5%;
	}
	
	.xzyslist li .iconfont{
		width: 80px;
		line-height: 80px;
		font-size: 38px;
	}
	
	.softwarecate li .nserviceicon{
		margin: 0 10px 0 0;
	}
	.softwarecate li .nservicename{
		margin: 5px 0;
	}
	.mt50{
		margin-top: 20px !important;
	}
	.softwarecate .softwaretext li{
		padding: 15px;
	}
	.softwaretext li strong{
		font-size: 16px;
	}
	
	.nsoftware2 .softwarecate li .nservicename{
		margin: 5px 0;
	}
	
	.hqdh{
		width: 100%;
	}
	.faform{
		width: 100%;
	}
	
	.dzhm p{
		font-size: 14px;
	}
	.faform li p{
		font-size: 16px;
	}
	
	
	.caseul .newscate li{
		width: 33.333%;
	}
	
	.ncase .case li,
	.ncase .case li:nth-child(3n){
		width: 48%;
		margin: 0 4% 4% 0;
	}
	.ncase .case li:nth-child(2n){
		margin: 0 0 4% 0;
	}
	.caseul li .text .lanv,
	.caseul li .text p{
		padding: 0;
	}
	
	.page{
		margin: 30px auto 0 auto;
	}
	
	.nnews .newscate li{
		margin: 0;
		width: 25%;
		text-align: center;
	}
	
	.snews .rightcate{
		display: none;
	}
	
	.ftbtn{
		display: block;
		position: fixed;
		bottom: 20px;
		right: 5px;
		width: 40px;
		line-height: 40px;
		z-index: 999;
	}
	.ftbtn a{
		display: block;
		color: #fff;
		text-align: center;
		width: 40px;
		box-sizing: border-box;
		font-size: 14px;
		margin: 0 0 5px 0;
		background: #2e2e2e;
		border-radius: 50%;
	}
	.ftbtn a .iconfont{
		display: inline-block;
		vertical-align: middle;
		font-size: 18px;
	}

	.websitetype{
		margin: 10px 10px 0 10px;
	}
	.websitecate li .text{
		margin: 10px;
		padding: 0;
	}

	.websitecate li .text p{
		padding: 0 0 0 10px;
	}
	.websitecate li .text p:before{
		left: 0;
		width: 6px;
		height: 6px;
		margin-top: -3px;
	}
	.websitecate li .nservicename{
		margin: 0;
	}
	.websitetype i{
		font-size: 12px;
	}
	.websitetype i.icon-pingbandiannao,
	.websitetype i.icon-shouji{
		font-size: 14px;
	}

	.websitetype span{
		font-size: 12px;
	}
	.nservicecate li .text{
		line-height: 16px;
	}
	.websitecate li .text p{
		margin: 0 0 10px 0;
	}

	.nservicecate li .catebtn{
		font-size: 12px;
	}


	.sidebar,
	.contactlist .fewm{
		display: none;
	}

	.contactlist li:nth-child(2){
		margin: 0;
	}

	.nafsale li .text .textlist .servicenum{
		width: 36px;
		line-height: 36px;
		font-size: 18px;
		margin: 0 10px 0 0;
	}
	.nafsale li .text .textlist .servicetext span{
		font-size: 14px;
	}
	.nafsale li .text .textlist .servicetext p{
		margin: 5px 0 0 0;
		font-size: 12px;
	}

	.p80, .p90{
		padding: 30px 0;
	}

	.banner_service{
		height: 0;
		background: none !important;
	}
	.banner_service *{
		display: none;
	}
	.header{
		box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
	}


	.websitecate li .websiteintro{
		height: 306px !important;
		overflow: scroll;
	}
	.websitecate li .nservicename{
		margin: 0 0 10px 0;
		padding: 20px 15px;
	}
	.websitecate li{
		padding: 0 0 20px 0;
	}

	.zhihecate li .text,
	.seocate li .text,
	.shootingcate li .text{
		line-height: 24px;
	}
	.zhihecate li .nservicename,
	.seocate li .nservicename,
	.shootingcate li .nservicename{
		margin: 10px 0;
	}

	.nservicecate li .catebtn{
		width: 90px;
		margin: 15px auto 0 auto;
	}


	.seopower{
		display: none;
	}
	.mediacate li,
	.shootingcate li{
		padding: 25px 0 20px 0;
	}
	.mediafwnrlist li .text a{
		width: 100%;
		font-size: 14px;
		line-height: 30px;
	}
	.mediacate li .text p{
		line-height: 24px;
	}
	.mediacate li .text p img{
		width: 20px;
   		margin: 2px 3px 2px 0;
	}


	.nafsale li .serviceinfo strong{
		font-size: 16px;
	}



	.seocate2{
		display: block;
		margin: 0 auto;
		padding: 20px 0 0 0;
		background: #f3f6f8;
	}
	.seocate2 .container{
		width: auto;
		display: table;
		margin: 0 auto;
	}
	.bnav, .bnav a{
		margin: 0 3px 0 0;
	}


	.semintrolist li{
		padding: 20px 0;
		width: 48.5%;
		margin: 0 3% 3% 0;
	}
	.semintrolist li:nth-child(2n){
		margin: 0 0 3% 0;
	}

	.semintrolist li strong{
		font-size: 16px;
	}



	.menu li{
		position: relative;
	}
	.menu li .iconfont{
		display: block;
		position: absolute;
		line-height: 40px;
		width: 40px;
		right: 0;
		top: 0;
		font-size: 12px;
		font-weight: bold;
		color: #888;
	}



	.menu ul li ul li{
		border: none;
	}
	.menu ul li ul li .icon{
		display: none;
	}


	.fwjzlist li{
		width: 48.5%;
		margin: 0 3% 3% 0;
	}
	.fwjzlist li:nth-child(2n){
		margin: 0 0 3% 0;
	}
	.fwjzlist li .text{
		padding: 5% 5% 8% 5%;
	}
	.fwjzlist li .jztitle{
		font-size: 12px;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
	}
	.fwjzlist li .jztitle strong{
		font-size: 14px;
		margin: 0;
	}
	.fwjzlist li .text p{
		font-size: 12px;
		line-height: 24px;
	}

	.fwjzlist li .text p{
		padding: 0 0 0 10px;
	}
	.fwjzlist li .text p:before{
		width: 4px;
		height: 4px;
		margin-top: -2px;
	}

	.acgintrolist li .iconfont{
		margin: 0 10px 0 0;
		width: 50px;
		line-height: 50px;
		font-size: 24px;
	}
	.acgintrolist li .text strong{
		font-size: 14px;
		margin: 0;
	}
	.acgintrolist li .text p{
		font-size: 12px;
		margin: 0;
	}
	.acgsyhylist li{
		width: 32%;
		margin: 0 2% 2% 0;
		padding: 20px 0;
	}
	.acgsyhylist li:nth-child(3n){
		margin: 0 0 2% 0;
	}
	.acgsyhylist li .iconfont{
		font-size: 40px;
	}
	.acgsyhylist li .text{
		margin: 10px 0 0 0;
	}
	.acgsyhylist li .text strong{
		font-size: 14px;
	}
	.acgsyhylist li .text p{
		display: none;
	}

	.pic .wt{
		display: none;
	}
	.pic .wt_wap{
		display: block;
	}

	.nxxylist li{
		padding: 40px 0;
		width: 100%;
		margin: 0 0 10px 0;
		font-size: 18px;
		line-height: 34px;
	}

	.ourservicelist li{
		width: 23.5%;
		margin: 0 2% 2% 0;
	}
	.ourservicelist li:nth-child(4n){
		margin: 0 0 2% 0;
	}
	.ourservicelist li p{
		bottom: 15px;
		font-size: 12px;
	}


	.qtyh{
		display: none;
	}
	.wmyh{
		width: 100%;
		padding: 5%;
	}
	.wmyh h2{
		width: 100%;
		font-size: 18px;
		line-height: 44px;
	}
	.rgyhlist ul li{
		padding: 10px 20px 10px 20px;
		font-size: 14px;
		line-height: 20px;
	}
	.rgyhlist ul li span{
		font-size: 12px;
	}
	.wmyh ul li .iconfont{
		left: 0;
		transform-origin: left;
		transform: scale(0.4);
		margin-top: -14px;
	}




















}
@media screen and (max-width: 428px) {
	.servicecate li .servicetext{
		line-height: 22px;
		margin: 0 5%;
		font-size: .65rem;
	}
}
@media screen and (max-width: 414px) {
	.servicecate li .servicetext{
		line-height: 22px;
		margin: 0 5%;
		font-size: .6rem;
	}
}
@media screen and (max-width: 375px) {
	.servicecate li .servicetext{
		line-height: 22px;
		margin: 0 5%;
		font-size: .55rem;
	}
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}