@media only screen and (max-width: 1200px){
.wrapper{width: 100%;overflow: hidden;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;-ms-transition: 0.6s;-o-transition: 0.6s;}
.wrapper.on{}
.wfix{width: 100%;margin: 0 auto;}

/* header */
header{position: fixed;width: 100%;z-index: 9999;background-color: rgba(255, 255, 255, 0.9);}
.header{height: 50px;line-height: 50px;}
.header .hd-navlist{position: fixed;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.9);margin-top: 50px;opacity: 0;right: -100%; transition:.5s all ;-webkit-transition:.5s all ;-moz-transition:.5s all ;}
.header .hd-navlist.on{opacity: 1;right: 0;}
.hd-navlist .nav-item>a{width: 100%;height: 70px;line-height: 70px;border-bottom: #eee 1px solid;}
.hd-navlist .nav-item{width: 100%;height: auto;}
.hd-navlist .nav-item.on>a, .hd-navlist .nav-item:hover>a{}
.hd-navlist .nav-item>a:before{border-top: 1px solid #1e8efb;}
.header .hd-logo{width: 100px;padding: 0 12px;}
.header .navBtn{width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 5;display: block;}
.header .navBtn span{
	width: 27px;
	height: 3px;
	border-radius: 3px;
	background: #1e8efb;
	display: block;
	position: absolute;
	left: 13px;
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
}
.header .navBtn span.line1{top: 12px;}
.header .navBtn span.line2{top: 22px;}
.header .navBtn span.line3{top: 32px;}
.header.on .navBtn span.line1{
	top: 22px;
	transform: rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
}
.header.on .navBtn span.line2{top: 22px;display: none;}
.header.on .navBtn span.line3{
	top: 22px;
	transform: rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
}
@media only screen and (max-width: 640px){
	.hd-navlist .nav-item>a{line-height: 50px;height: 50px;}
}

/* footer */
.foot-contact{float: none;padding: 0 12px;}
.foot-nav{display: none;}
.foot-logo{float: left;width: 35%;}
.foot-contact .foot-hotline .gr-cont{margin-top: 0;width: 30%;float: left;}
.foot-focus a i{display: none;}
.foot-focus .wx .qr-box{visibility: visible;opacity: 1;position: static;padding: 0;}
.foot-focus{width: 35%;float: left;}
.foot-contact .foot-hotline .foot-focus .tit{margin-top: 0;}
.foot-focus a{margin: 0;display: inline-block;width: 49%;}
.foot-focus .wx .qr-box img{width: 100%;}
.footer .copyright{padding:0 12px;}
@media only screen and (max-width: 1024px){
	.foot-contact .foot-hotline .tit{font-size: 14px;}
	.foot-contact .foot-hotline .gr-cont .des{font-size: 30px;}
}
@media only screen and (max-width: 740px){
	.footer .foot-info{padding: 20px 0;}
    .foot-contact .foot-hotline{text-align: center;}
    .foot-logo{float: none;}
	.foot-contact .foot-hotline .gr-cont{float: none;width: auto;margin: 20px 0;}
	.foot-focus{width: 50%;float: none;margin: 0 auto;}
	.flink{display: none;}
}
@media only screen and (max-width: 480px){
	.foot-focus{width: 70%;}
	.footer .copyright{height:auto;line-height: 20px;font-size: 14px;text-align: center;padding: 12px;}
}


/* main */
.main{margin-top: 50px;}

/* banner */
.banner .swiper-pagination{bottom: 20px;}
/* banner响应 */
@media only screen and (max-width: 740px){
	.banner .pcpt{display: none;}
	.banner .mbpt{display: block;}
	.banner .swiper-button-next{display: none;}
	.banner .swiper-button-prev{display: none;}
}

/* 标题 */
@media only screen and (max-width: 640px){
    .title .en{font-size:30px;}
    .title .tit{font-size: 30px;}
    .bcline:after{width: 50px;}
}




/* 简介 */
.index-about{padding: 40px 12px 100px;}
.index-about .left{width: 100%;float: none;}
.com-more{position: absolute;bottom: -80px;right: 0;}
.index-about .right{width: 100%;float: none;}
.index-about .right .index-video{width: 50%;margin: 0 auto;margin-bottom: 30px;}
.index-about .right .index-video img{width: 100%;}
.index-about .intro-num{width: 80%;margin: 0 auto;}
.index-about .intro-num li{width: 17%; margin: 0 3%;}
@media only screen and (max-width: 640px){
    .index-about .right .index-video{width: 100%;}
    .com-more{width: 120px;}
    .index-about .intro-num{width: 100%;}
    .index-about .intro-num li{font-size: 14px;}
    .index-about .intro-num li .num{font-size: 35px;}
    .index-about .c-999 span{font-size: 15px;}
    .index-title .en{font-size: 30px;}
    .index-title .tit{font-size: 30px;}
    .index-title.bline:before{width: 50px;}
}
@media only screen and (max-width: 360px){
    .index-about .intro-num li{font-size: 12px;}
    .index-about .intro-num li .num{font-size: 25px;}
    .index-about .c-999 span{font-size: 15px;}
}


/*产品*/
.procont ul li{width: 31%;margin-right: 3%;}
@media only screen and (max-width: 780px){
    .pro{height: auto;background: #f9f9f9;padding: 0 12px;}
}
@media only screen and (max-width: 640px){
    .procont ul li{width: 48%;margin-right: 2%;}
.procont ul li:nth-child(2n){margin-right: 0;}
.procont ul li:nth-child(3n){margin-right: 2%;}
.procont ul li:nth-child(6n){margin-right:0;}
.procont ul li p{height: 30px;line-height: 30px;}
}

/* 优势 */
.ys_bg{background: none;height: auto;padding: 0;}
.ys{width: 100%;padding: 0;}
.ys_m{width: 100%;height: auto;}
.ys_bot{height: auto;margin: 0 auto;}
@media only screen and (max-width: 700px){
    .youshi{display: none;}
}

/* 服务 */
.in_con03{height: 700px;}
.c03_con{height: 400px;top:80px;left: 12px;}
@media only screen and (max-width: 680px){
	.in_con03{height:550px;}
    ul.in_c03 li{background-position: 85% 50%;background-size: cover;}
    .c03_con h3{font-size: 30px;margin-bottom: 30px;}
    .c03_con .p{margin-bottom: 30px;}
	.c03_con{box-sizing:border-box;left: 10px;right: 10px;width:auto;padding:30px;height:auto;border-radius: 10px;}
	.c03_con dl{width: 33.33%;margin-left: 0;}
}


/* 新闻 */
.news{padding:12px;}
.newsbox{width:100%;}
.syNews{width:100%;}
.syNews li h3,.newsbox li h4{font-size:14px;}
@media only screen and (max-width: 640px){
    .news h3{font-size: 25px;}
    .news h3 span{font-size: 16px;}
}

/* 案例 */
.case{padding: 0 12px;}
    .case_r{display: none;}
    .case_l{display: none;}
	.case_cl{width: 100%;}
	.case_c li{width: 48%;margin-right: 1%;margin-bottom: 1%;}
	.case_c li:nth-child(2n){margin-right: 0;}
	@media only screen and (max-width: 720px){
		.case_c li{width: 46.5%;}
	}
	@media only screen and (max-width: 320px){
		.case_c li{width: 46%;}
	}
/* ——首页结束—— */















/* 内页栏目 */
.inner-type{padding: 0 12px;}
@media only screen and (max-width: 750px){
	.inner-nav{display: none;}
	.inner-link a{line-height: 36px;}
}


/* 新闻列表 */
.nyNews li .pic{width:220px;height:125px;}
.nyNews li .wenz{width:calc(100% - 235px) !important;}
.nyNews li .wenz p{height:40px;}
.nyNews li .wenz .date{margin-top:9px;}
@media screen and (max-width: 767px) {	
.nyNews{padding:12px;margin: 0;}
    .nyNews li{margin-bottom:10px;background:none !important;padding:0;}
    .nyNews li .pic{height:67px;width:120px;}
    .nyNews li .wenz{width:calc(100% - 130px) !important;}
    .nyNews li .wenz p{display:none;}
    .nyNews li .wenz .date{display:none !important;}
    .nyNews li .wenz h3{font-size:14px;margin:0;white-space:normal;}    
}




/* 产品列表 */
.nypro{padding: 0 12px;}
@media only screen and (max-width: 840px){
	.nyprocont ul li{width:32%; margin-right:1.5%;}
	.nyprocont ul li:nth-child(3n){margin-right: 0;}
	.nyprocont ul li:nth-child(4n){margin-right: 1.5%;}
}
@media only screen and (max-width: 640px){
	.nyprocont ul li{width:48%; margin-right:2%;}
	.nyprocont ul li:nth-child(2n){margin-right: 0;}
	.nyprocont ul li:nth-child(3n){margin-right: 2%;}
	.nyprocont ul li:nth-child(6n){margin-right: 0;}
}
@media only screen and (max-width: 480px){
	.nyprocont ul li p{height: 30px;line-height: 30px;}
}


/* 案例列表 */
.caselist{padding: 40px 12px;}
@media only screen and (max-width: 940px){
	.projectitem {
		width: 32%;
		height: auto;
		margin-right: 2%;
		margin-bottom: 2%;
		border-bottom: 1px solid #000;
		float: left;
		position: relative;
	}
	
	.projectitem:nth-child(4n){margin-right: 2%;}
	.projectitem:nth-child(3n){margin-right: 0;}
}
@media only screen and (max-width: 680px){
	.projectitem {
		width: 49%;
		height: auto;
		margin-right: 2%;
		margin-bottom: 2%;
		border-bottom: 1px solid #000;
		float: left;
		position: relative;
	}
	
	.projectitem:nth-child(4n){margin-right: 2%;}
	.projectitem:nth-child(3n){margin-right: 2%;}
	.projectitem:nth-child(2n){margin-right: 0;}
	.projectitem a .project_info p.title{margin: 0;text-align: center;padding: 5px 0;}
	.projectitem a .project_info div{height: 40px;}
}

/* 视频列表 */
@media only screen and (max-width: 940px){
	.videolist {
		width: 32%;
		height: auto;
		margin-right: 2%;
		margin-bottom: 2%;
		border-bottom: 1px solid #000;
		float: left;
		position: relative;
	}
	
	.videolist:nth-child(4n){margin-right: 2%;}
	.videolist:nth-child(3n){margin-right: 0;}
}
@media only screen and (max-width: 680px){
	.videolist {
		width: 49%;
		height: auto;
		margin-right: 2%;
		margin-bottom: 2%;
		border-bottom: 1px solid #000;
		float: left;
		position: relative;
	}
	
	.videolist:nth-child(4n){margin-right: 2%;}
	.videolist:nth-child(3n){margin-right: 2%;}
	.videolist:nth-child(2n){margin-right: 0;}
	.videolist a .videolist_info p.title{margin: 0;text-align: center;padding: 5px 0;}
	.videolist a .videolist_info div{height: 40px;}
}


/* 联系 */
.contact{padding: 50px 12px;}
.contactbox h3{font-size: 20px;}
@media only screen and (max-width: 680px){
	.contact{padding:12px;}
	.contactbox{padding: 20px 2%;border-radius: 10px;}
	.contactbox .map{float: none;width: 100%;height: 300px;}
	.contactbox .left{float: none;width: 100%;margin-left: 0;margin-top: 20px;}
	.contactbox h3{margin-bottom: 25px;font-size: 18px;}
	.contactbox .conlist{font-size: 14px;}
	.qrbox{margin-top: 25px;}
}

/* 咨询 */
.message{padding: 50px 12px;}
.consultation .wrap{margin-top: 40px;}
.consultation .row{max-width: 600px;width: 100%;margin: 0 auto;position: relative;}
.consultation .inpuBox{
	max-width: 570px;
	width: 100%;
	height: 40px;
	float: none;
	margin: 0 auto 20px auto;
	position: relative;
}
.consultation .inpuBox:nth-child(even){margin: 0 auto 20px auto;}
.consultation .tit{
	width: 157px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.consultation .inpuBox input{
	width: 100%;
	height: 38px;
	line-height: 38px;
	padding: 0 26px 0 163px;
	float: none;
	font-size: 14px;
}
.consultation .textBox{
	max-width: 570px;
	width: 100%;
	height: 130px;
	margin: 0 auto 20px auto;
	position: relative;
}
.consultation .textBox textarea{
	width: 100%;
	height: 128px;
	float: right;
	line-height: 22px;
	font-size: 14px;
	padding: 12px 26px 0 163px;
	float: none;
}
.consultation .inpuBox2{width: 60%;margin: 0 0 0 14px;float: none;}
.consultation .verificationCode{
	width: 130px;
	height: 40px;
	text-align: right;
	margin-right: 14px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.consultation .btnBox{width: 100%;}
.consultation .btnBox .btn{width: 40%;margin: 0 auto;}
.consultation .btnBox .btn button,
.consultation .btnBox .btn a,
.consultation .btnBox .btn input{
	width: 100%;
	height: 38px;
	line-height: 36px;
	font-size: 18px;
}
.consultation .btnBox .btn button:hover,
.consultation .btnBox .btn a:hover,
.consultation .btnBox .btn input:hover{border: solid 1px #fff;background: none;}
@media only screen and (max-width: 600px){
	.message{padding:12px;}
	.message .contil{font-size: 25px;margin-bottom: 0;}
	.consultation{padding: 30px 14px 40px 14px;}
	.columnTitle span{line-height: 22px;}
	.consultation .wrap{margin-top: 30px;}
	.consultation .tit{width: 120px;font-size: 14px;}
	.consultation .inpuBox input{padding: 0 14px 0 124px;}
	.consultation .textBox{height: 88px;}
	.consultation .textBox textarea{height: 86px;line-height: 18px;font-size: 14px;padding: 8px 14px 0 124px;}
	.consultation .inpuBox2{width: 60%;margin: 0;float: none;}
	.consultation .verificationCode{width: 130px;height: 40px;margin-right: 0;}
	.consultation .btnBox{margin-top: 40px;}
	.consultation .btnBox .btn{width: 40%;}
}
@media only screen and (max-width: 374px){
	.consultation .inpuBox2{width: 60%;margin: 0;float: none;}
	.consultation .verificationCode{width: 115px;height: 35px;margin-top: 3px;}
}

/* 公司简介 */
.nyabout{padding: 20px 12px 40px;}
@media only screen and (max-width: 680px){
	.nyabout .des h2{font-size: 26px;}
	.nyabout .intro-num li{font-size: 14px;}
	.nyabout .intro-num li .num{font-size: 35px;}
}
@media only screen and (max-width: 680px){
	.nyabout .des h2{font-size: 20px;}
	.nyabout .des p{font-size: 14px;line-height: 30px;}
	.nyabout .intro-num li .num{font-size: 25px;}
}





/* 售后服务 */
.service-promise{padding: 30px 12px 60px;}
.serbox{padding: 0 12px;}
.service-promise ul li {
    width: 24%;
    height: auto;
    margin-right: 1.3%;
}
@media only screen and (max-width: 780px){
	.service-promise ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
	.service-promise ul li:nth-child(2){margin-right: 0;}
}
@media only screen and (max-width: 680px){
	.service-promise ul li{width: 100%;margin-right:0;margin-bottom: 2%;}
	.service-list{padding: 30px 0;margin-top: 0;}
	.service-list li{width: 100%;margin-bottom: 40px;}
	.service-list li ~ li:before{left: 49%;top: -30px;}
	.service-list li .pic{margin-bottom: 0;}
	.service-list li .tit{position: static;}
}


/* 产品优势 */
@media screen and (max-width: 960px) {
    .service_a{ margin-top:6%;}
.service_a ul li em{ width:80px; height:80px; margin-bottom:15px;}
.service_a ul li span{ font-size:17px;}
}
@media screen and (max-width: 480px) {
    .service_a ul li em{width: 50px;height: 50px;}
    .service_a ul li span{font-size: 14px;}
    .servixe_b div{margin: 0 5%;}
    .servixe_b h2{font-size: 25px;}
    .servixe_b p{font-size: 16px;}
}
@media screen and (max-width: 360px) {
    .service_a ul li span{font-size: 12px;}
}


/* 技术优势 */
.service_one{padding: 0 12px;}
@media screen and (max-width: 960px) {
    .service_one ul li{ width:49%; margin-right:2%; margin-bottom:2%;}
.service_one ul li .h2{ font-size:18px;}
.service_one ul li .p{ font-size:15px; line-height:26px;}
}
@media screen and (max-width: 780px) {
    .service_one ul li .h2{ font-size:16px;}
.service_one ul li .p{ font-size:13px; line-height:24px;}
.service_one ul li:hover .p{ margin-top:3%;}
}
@media screen and (max-width: 640px) {
    .service_one ul li{ width:100%; margin-right:0;}
.service_one ul li .h2{ font-size:18px;}
.service_one ul li .p{ font-size:15px; line-height:26px;}
.service_one ul li:hover .p{ margin-top:4%;}
}
@media screen and (max-width: 420px) {
    .service_one ul li .h2{ font-size:16px;}
.service_one ul li .p{ font-size:13px; line-height:22px;}
.service_one ul li:hover .p{ margin-top:3%;}
}


/* 招聘 */
.aboutPage .recruitment {
	padding:12px;
	box-sizing: border-box;
}
.aboutPage .recruitment .list {
	margin: 20px 0 30px 0;
}
.aboutPage .recruitment .list li {
	margin-bottom: 20px;
}
.aboutPage .recruitment .list li .top {
	background-position: right 10px center;
	font-size: 14px;
	padding: 5px 10px;
}
.aboutPage .recruitment .list li .top .txt:first-child,
.aboutPage .recruitment .list li .top .txt {
	width: 50%;
	height: 30px;
	line-height: 30px;
}
.aboutPage .recruitment .list li .cont {
	padding: 14px 10px;
}




}