@charset "utf-8";
/* =====================内页样式======================== */


/* =====================关于样式======================== */

/* 公司简介 s */
.n_about_01{
	padding-top: 1rem;
}
.n_about_01 .w16.flex{
	padding-bottom: 2rem;
	background: url('../images/n_about_01.png') no-repeat center bottom/100% auto;
}
.n_about_01 .fl{
	width: 70%;
}
.n_about_01 .ny_tit{
	margin-bottom: 0.35rem;
}
.n_about_01 .fl .con{
	font-size: 16px;
	line-height: 1.5;
	color: #5f5f5f;
}
.n_about_01 .fr{
	width: 25%;
}
.n_about_01 .fr ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.n_about_01 .fr ul li{
	width: 23%;
	height: 0;
	padding-bottom: 23%;
	margin-right: 2%;
	box-sizing: border-box;
	margin-bottom: 30px;
	position: relative;
	text-align: center;
}
.n_about_01 .fr ul li:nth-child(4n){
	margin-right: 0;
}
.n_about_01 .fr ul li img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
/* 公司简介 e */

/* 企业文化 s */

/* 企业文化 e */

/* 荣誉资质 s */
.n_about_03{
	background: url('../images/n_about_03_bg.jpg') no-repeat center/cover;
}
.n_about_03 .con{
	padding-bottom: 0.25rem;
}
.rect-140{
	padding-bottom: 140%;
}
.n_about_03 .con ul{}
.n_about_03 .con ul li{}
.n_about_03 .con ul li a{}
.n_about_03 .con ul li .img{
	background: #fff;
	border-radius: 5px;
	margin-bottom: 16px;
	padding: 0.4rem 0.3rem;
}
.n_about_03 .con ul li .img .pic{
	box-shadow: 0 0 15px rgb(102 102 102 / 10%);
}
.n_about_03 .con ul li p{
	font-size: 16px;
	line-height: 25px;
	height: 50px;
	color: #333;
}
.n_about_03 .con ul li:hover p{
	color: #133888;
}
/* 荣誉资质 e */

/* 公司优势 s */
.n_about_04{}
.n_about_04 ul{}
.n_about_04 ul li{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.n_about_04 ul li:nth-child(2n){
	flex-direction: row-reverse;
}
.n_about_04 ul li:not(:last-child){
	margin-bottom: 0.6rem;
}
.n_about_04 ul li .pic{
	width: 48.3%;
	overflow: hidden;
}
.n_about_04 ul li .pic img{
	width: 100%;
}
.n_about_04 ul li .info{
	width: 46.5%;
}
.n_about_04 ul li .info .tit{
	font-size: 0.3rem;
	color: #000;
	margin-bottom: .25rem;
	
}
.n_about_04 ul li .info .des{
	font-size: 16px;
	color: #7d7d7d;
	line-height: 1.7;
}
/* 公司优势 e */

/* 公司环境 s */
.n_about_05{
	background-color: #f7f7f7;
}
.n_about_05 .con{
	padding-bottom: 0.5rem;
}
.n_about_05 ul li p{
	background-color: #000;
	font-size: 16px;
	color: white;
	padding: 0.2rem 2%;
	text-align: center;
	font-size: 16px;
	text-transform: capitalize;
}
.n_about_05 ul li:hover p{
	background-color: #133888;
}
.n_about_05 .swiper-pagination{
	bottom: 0 !important;
}
/* 公司环境 e */

/* =====================产品样式======================== */

/* 产品列表 s */
.n_pro_list{}
.n_pro_list{background-color: #f5f5f5;}
.pro_nav{width: 24%;}
.colfen .bt{font-size: 0.28rem;font-weight: 700;;height: 80px;line-height: 80px;background: #133888;color: #fff;font-weight: bold;padding: 0 8%;}
.colfen .bt span{font-size: 30px;}
.colfen .hezi{background: #fff;background: #fff;padding: 15px 8%;}
.colfen .lefirnav{height: 62px;line-height: 62px;border-bottom: 1px solid #ededed;cursor: pointer;}
.colfen .lefirnav a{font-size: 18px;}
.colfen .lefirnav .iconfont{color: #666;font-size: 18px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.colfen .currentDd .iconfont{transform: rotate(90deg);color: #133888;}
.colfen .lefirnav:hover .iconfont{color: #133888;}
.colfen .currentDd a,.colfen .subNav.currentDd,.colfen .lefirnav:hover a,.colfen .box:hover .subNav,.colfen .box:hover .act{color: #133888;}
.colfen ul{background: #fff;padding: 15px 8%;}
.colfen li .tarA,.colfen .subNav{height: 62px;line-height: 62px;border-bottom: 1px solid #ededed;cursor: pointer;overflow: hidden;font-size: 18px;width: 100%;}
.colfen li a.a1{}
.navContent{display:none;}
.colfen li .icon-xiangyoujiantou{color: #666;}
.colfen li a.act .icon-xiangyoujiantou{transform: rotate(90deg);color: #133888;color: #133888;}
.colfen li a.act,.colfen li a:hover,.rmxw .list_new li:hover .txt h2{color: #133888;}
.colfen dd a{color: #666;display: block;border-bottom: 1px solid #ededed;height: 50px;line-height: 50px;overflow: hidden;font-size: 16px;}
.colfen dd .icon-youjiantou2{font-size: 18px;display: none;}
.colfen dd i{color: #999;font-size: 10px;float: left;margin-right: 10px;}
.colfen dd:hover a,.colfen dd a.act,.colfen dd:hover i,.colfen dd a.act i{color: #133888;}
.colfen dd a.act .icon-youjiantou2,.colfen dd:hover .icon-youjiantou2{display: block;}
.colfen dd a.act{border-color: #133888;}

/*.pro_nav ul{}*/
/*.pro_nav ul li{*/
/*	width: 100%;*/
/*}*/
/*.pro_nav ul li:not(:last-child){*/
/*	margin-bottom: 0.1rem;*/
/*}*/
/*.pro_nav ul li a{*/
/*	display: block;*/
/*	font-size: 18px;*/
/*	color: #000;*/
/*	padding: 0.18rem 0.3rem;*/
/*	border-radius: 30px;*/
/*	background-color: white;*/
/*}*/
/*.pro_nav ul li:hover a,.pro_nav ul li.active a{*/
/*	background-color: #133888;*/
/*	color: #fff;*/
/*}*/
.electrical_title{
	overflow: hidden;
	font-weight: bold;
	color: #333333;
	line-height: 1.3;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 0.08rem;
	margin-top: 0.08rem;
	margin-bottom: 0.2rem;
}
.electrical_title h3{
	font-size: 0.24rem;
	font-weight: 700;
	color: #133888;
}
.pro_view{
	padding-left: 0.4rem;
}
.pro_view ul{
	width: 100%;
	overflow: hidden;
}
.pro_view ul li{
	float: left;
	width: calc( (100% - 30px) / 4);
	margin-right: 10px;
	margin-bottom: 10px;
	/* background-color: white; */
	background-color: #F8F8F8;
}
.pro_view ul li:nth-child(4n){
	margin-right: 0;
}
.pro_view ul li a{
	display: block;
}
.pro_view ul li .pic{}
.pro_view ul li .pic img{}
.pro_view ul li .info{
	padding: 0.25rem 0.16rem;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.pro_view ul li:hover .info{
	background-color: #133888;
}
.pro_view ul li .info .tit{
	font-size: 16px;
	line-height: 1.3;
	height: 2.6em;
	color: #000;
}
.pro_view ul li .info .des{
	font-size: 14px;
	line-height: 1.5;
	height: 3em;
	color: #666;
	margin: 0.16rem 0 0;
}
.pro_view ul li:hover .info .tit,.pro_view ul li:hover .info .des{
	color: white;
}
/* 产品列表 e */

/* 产品分类 s */
.pro_sort{
	padding-left: 0.4rem;
}
.pro_sort ul{}
.pro_sort ul li{
	border-bottom: 1px solid #ddd;
	margin-bottom: 0.3rem;
	background-color: white;
	padding: 0.3rem 0.2rem;
}
.pro_sort ul li:last-child{
    margin-bottom: 0;
}
.pro_sort ul li a{
	display: flex;
	width: 100%;
	align-items: flex-start;
	justify-content: space-between;
}
.rect-75{padding-bottom: 75%;}
.pro_sort ul li .img{
	width: 40%;
	/* padding: 0.04rem;
	border: 1px solid #ddd; */
}
.pro_sort ul li .info{
	width: 58%;
	padding-top: 0.1rem;
}
.pro_sort ul li .info .tit{
	font-size: 24px;
	font-weight: 700;
	color: #000;
}
.pro_sort ul li .info .des{
	font-size: 14px;
	line-height: 1.75;
	color: #666;
	margin-top: 0.2rem;
}
/* 产品分类 e */


/* 产品详情 s */
.n_productdet{
	padding-top: 0.6rem;
}

.n_pro_crumb{
	font-size: 0;
	padding: 0.3rem 0;
}
.n_pro_crumb a{
	font-size: 18px;
}
.n_pro_crumb i{
	font-size: 18px;
	margin: 0 0.06rem;
}
.n_pro_slide{}
.n_pro_slide .fl{
	width: 50%;
}
.n_pro_slide .fl .big_img{
	height: 500px;
}
.n_pro_slide .fl .big_img img{
	max-height: 100%;
	margin: 0 auto;
}
.n_pro_slide .fr{
	width: 50%;
}
.n_pro_slide .fr .tit{
	font-size: 0.26rem;
	line-height: 1.3;
	color: #2f2f2f;
	
}
.n_pro_slide .fr .des{
	font-size: 16px;
	line-height: 1.75;
	color: #2f2f2f;
	margin: 0.3rem 0;
}
.n_pro_slide .fr .btn{}
.n_pro_slide .fr .btn a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 160px;
	text-align: center;
	background-color: #133888;
	color: #fff;
	padding: 8px 15px;
	border: 1px solid #133888;
	font-size: 16px;
	line-height: 30px;
	border-radius: 0.04rem;
	text-transform: capitalize;
	transition: all 0.3s;
}
.n_pro_slide .fr .btn a:hover{
	box-shadow: 0 0 0.12rem rgb(5,67,145,.15);
}
.n_pro_slide .fr .btn a i{
	font-size: 20px;
	margin-right: 0.06rem;
}
.n_pro_slide .fr .small_img{
	position: relative;
	width: 100%;
	padding: 0.1rem 0.3rem;
	background-color: #f8f8f8;
	margin-top: 0.4rem;
}
.n_pro_slide .fr .small_img li a{
	display: block;
	border: 1px solid #f8f8f8;
	
}
.n_pro_slide .fr .small_img li.active a{
	border-color: #133888;
}

.small_img .swiper-button-prev, .small_img .swiper-button-next{}
.small_img .swiper-button-prev{
	left: 0;
}
.small_img .swiper-button-next{
	right: 0;
}
.small_img .swiper-button-next:after, .small_img .swiper-button-prev:after{
	font-size: 20px;
	font-family: 'iconfont';
    content: "\e624";
    color: #9ba2ad;
}
.small_img .swiper-button-prev:after {
    transform: rotateY(180deg);
}

.n_pro_det{}
.n_pro_det .view_nav{
	width: 100%;
	background-color: #f8f8f8;
} 
.n_pro_det .view_nav ul{}
.n_pro_det .view_nav ul li{}
.n_pro_det .view_nav ul li a{
	position: relative;
	display: inline-block;
	min-width: 3rem;
	font-size: 18px;
	line-height: 0.6rem;
	padding: 0 0.2rem;
	color: #434343;
	text-align: center;
}
.n_pro_det .view_nav ul li.active a{
	background-color: #133888;
	color: white;
}
.n_pro_det .view_nav ul li.active a::after{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 100%;
	border: 0.16rem solid #133888;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
}
.n_pro_det .view_con{}
.n_pro_det .view_con .view_con_item{
	display: none;
}
.n_pro_det .view_con .view_con_item.show{
	display: block;
}
.n_pro_det .view_con{
	font-size: 16px;
	line-height: 1.75;
	padding-top: 0.3rem;
}
.n_pro_det .view_con img{
	max-width: 100% !important;
	height: auto !important; 
}
.n_pro_det .view_con h3{
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 0.16rem;
	margin-top: 0.12rem;
	
}

.ar_article td,.ar_article th{
	padding:12px 10px !important;
	border: 1px solid #dadbdd !important;
	vertical-align:middle !important;
	font-size: 15px;
	color: #303030;
	white-space: nowrap;
	text-align: center !important;
}

.n_pro_form{
	box-shadow: 0 0 0.06rem rgb(0,0,0,.1);
}
.n_pro_form .tit{
	display: block;
	padding: 0.22rem;
	font-size: 18px;
	color: white;
	background-color: #133888;
}
.n_pro_form form{
	padding: 0.2rem 0.2rem 0.4rem 0.2rem;
}

.n_pro_form form .mui-input-row{

	width: 30%;

}

.n_pro_form form .code_img{

	right: 0;

	top: 1px;

	height: 40px;

}
.n_pro_form form input{
	width: 100%;
	line-height: 40px;
	height: 42px;
	border: 1px solid #f5f5f5;
	border-left: 3px solid #133888;
	font-size: 16px;
	color: #333;
	padding-left: 0.15rem;
	margin-bottom: 0.16rem;
}
.n_pro_form form textarea{
	width: 100%;
	height: 150px;
	padding: 0.15rem;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	border: 1px solid #f5f5f5;
	border-left: 3px solid #133888;
	margin-bottom: 0.16rem;
}

.n_pro_form form textarea::placeholder,.n_pro_form form input::placeholder{

	color: #999;

}
.n_pro_form form button{
	display: block;
	width: 100%;
	font-size: 16px;
	color: white;
	line-height: 40px;
	background-color: #133888;
	border: none;
	cursor: pointer;
}

.n_pro_recommend{}
.n_pro_recommend>.tit{
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.n_pro_recommend>.tit h3{
	display: inline-block;
	padding: 0.1rem 0.5rem;
	font-size: 20px;
	line-height: 1.5;
	position: relative;
	background-color: #133888;
	color: #fff;
	border: 1px solid #133888;
}
.n_pro_recommend .con{
	padding-bottom: 0.45rem;
}
.n_pro_recommend ul{}
.n_pro_recommend ul li{}
.n_pro_recommend ul li .pic{
	border: 1px solid #eee;
}
.n_pro_recommend ul li:hover .pic{
	border-color: #133888;
}
.n_pro_recommend ul li .txt{
	padding-top: 0.15rem;
	text-align: center;
}
.n_pro_recommend ul li .txt .tit{
	font-size: 14px;
	line-height: 1.3;
	height: 2.6em;
	color: #111;
}
.n_pro_recommend ul li:hover .txt .tit{
	color: #133888;
}
.n_pro_recommend .swiper-pagination-clickable .swiper-pagination-bullet{
	background-color: #133888;
}
/* 产品详情 e */


/* =====================新闻样式======================== */

/* 新闻列表 s */
.n_newslist{}
.n_newslist ul{
	overflow: hidden;
}
.n_newslist ul li{
	float: left;
	width: 23.5%;
	background-color: white;
	margin-right: 2%;
	margin-bottom: 2%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.n_newslist ul li:hover{
	box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
}
.n_newslist ul li:nth-child(4n){
	margin-right: 0;
}
.n_newslist ul li .info{
	padding: 0.4rem 0.3rem;
}
.n_newslist ul li .info .tit{
	margin-bottom: 0.15rem;
}
.n_newslist ul li .info .tit h3{
	font-size: 18px;
	line-height: 1.3;
	height: 2.6em;
	color: #000;
}
.n_newslist ul li:hover .info .tit h3{
	color: #133888;
}
.n_newslist ul li .info .des{
	font-size: 14px;
	line-height: 1.5;
	height: 3em;
	color: #666;
}
.n_newslist ul li .info span{
	display: block;
	font-size: 14px;
	color: #5f5f5f;
	padding-top: 0.2rem;
	border-top: 1px solid #e5e5e5;
	margin-top: 0.25rem;
}
/* 新闻列表 e */

/* 新闻详情 s */
.n_newsdet{}
.n_newsdet .fl{
	width: calc(100% - 370px);
}
.n_newsdet .fl h3{
	font-size: 24px;
	line-height: 28px;
	font-weight: 600;
	color: #333;
}
.n_newsdet .fl p.time{
	width: 100%;
	height: auto;
	padding: 0.15rem 0;
	border-bottom: 1px solid #ededed;
	font-size: 16px;
	line-height: 26px;
	color: #666;
}
.n_newsdet .fl .des{
	width: 100%;
	height: auto;
	padding: 30px 0;
	font-size: 16px;
	line-height: 26px;
	color: #555;
}
.n_newsdet .fl .des p{
	color: #555;
}

.n_newsdet .fr{
	width: 320px;
}
.n_newsdet .fr .tit{}
.n_newsdet .fr .tit p{
	width: auto;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-weight: 600;
	background: url(../images/xwxxtb1.png) left center no-repeat;
	background-size: 30px auto;
	padding-left: 35px;
	color: #333;
}
.n_newsdet .fr .tit a{
	width: 30px;
	height: 40px;
	background: url(../images/xwxxtb2.png) right center no-repeat;
	display: block;
}
.n_newsdet .fr .con{
	width: 100%;
	height: auto;
	padding: 10px 20px 20px 20px;
	margin-top: 15px;
	box-shadow: 0px 4px 15px #dedede;
	box-sizing: border-box;
}
.n_newsdet .fr .con ul{
	
}
.n_newsdet .fr .con ul li{
	width: 100%;
	height: auto;
	list-style: none;
	border-bottom: 1px solid #ededed;
	padding: 15px 0;
}
.n_newsdet .fr .con ul li a{}
.n_newsdet .fr .con ul li h4{
	width: 100%;
	height: auto;
	font-size: 16px;
	line-height: 26px;
	color: #333;
	font-weight: 600;
}
.n_newsdet .fr .con ul li p{
	width: 100%;
	height: auto;
	font-size: 16px;
	line-height: 24px;
	color: #555;
	margin: 5px 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.n_newsdet .fr .con ul li:hover p{
	color: #133888;
}
/* 新闻详情 e */

/* =====================服务样式======================== */

/* 售后服务 s */
.n_service_01{}
.n_service_01 .con{}
.n_service_01 dl{
	margin-bottom: 0.7rem;
}
.n_service_01 dl dt{}
.n_service_01 dl dt .ico{
	width: 120px;
}
.n_service_01 dl dt .ico img{}
.n_service_01 dl dt p{
	font-size: 0.24rem;
	line-height: 1.3;
	color: #000;
}
.n_service_01 dl dd{
	width: 58%;
	font-size: 16px;
	line-height: 24px;
	padding-left: 5%;
	border-left: 1px solid #e5e5e5;
	color: #5f5f5f;
}
/* 售后服务 e */

/* 下载中心 s */
.n_service_03 ul{}
.n_service_03 ul li{
	display: block;
	width: calc((100% - 100px) / 3);
	margin-right: 50px;
	margin-bottom: 40px;
	text-align: center;
	background: #fff;
}
.n_service_03 ul li:nth-child(3n){
	margin-right: 0;
}
.n_service_03 ul li a{
	display: block;
	padding: 0.5rem 1rem;
}
.n_service_03 ul li .ico{
	margin-bottom: 0.3rem;
	animation: aititle2 1.5s linear infinite;
	-moz-animation: aititle2 1.5s linear infinite;
	-webkit-animation: aititle2 1.5s linear infinite;
	-o-animation: aititle2 1.5s linear infinite;
}
.n_service_03 ul li .ico img{
	display: inline-block;
}
.n_service_03 ul li p{
	font-size: 18px;
	height: 3em;
	color: #050505;
	margin-bottom: 0.2rem;
	line-height: 1.5;
}
.n_service_03 ul li:hover p{
	color: #133888;
}
.n_service_03 ul li span{
	display: inline-block;
	font-size: 14px;
	color: #000;
	border-bottom: 1px solid #626262;
}

@keyframes aititle2{
    0%{-webkit-transform: translateY(0px); transform: translateY(0px);}
    25%{-webkit-transform: translateY(-5px); transform: translateY(-5px);}
    50%{-webkit-transform: translateY(-10px); transform: translateY(-10px);}
    75%{-webkit-transform: translatY(-50px); transform: translateY(-5px);}
    100%{-webkit-transform: translateY(0); transform: translateY(0);}
}
/* 下载中心 e */


/* =====================应用样式======================== */
.n_app_list{}
.n_app_list ul{
	overflow: hidden;
}
.n_app_list ul li{
	float: left;
	width: calc((100% - 20px) / 3);
	background-color: white;
	margin-right: 10px;
	margin-bottom: 10px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.n_app_list ul li:hover{
	box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
}
.n_app_list ul li:nth-child(3n){
	margin-right: 0;
}
.n_app_list ul li .info{
	padding: 0.4rem 0.4rem 0.6rem;
}
.n_app_list ul li .info .tit{
	margin-bottom: 0.15rem;
}
.n_app_list ul li .info .tit h3{
	font-size: 26px;
	line-height: 1.4;
	color: #000;
}
.n_app_list ul li:hover .info .tit h3{
	color: #133888;
}
.n_app_list ul li .info .des{
	font-size: 16px;
	line-height: 1.5;
	height: 3em;
	color: #666;
}
.n_app_list ul li .info span{
	display: block;
	font-size: 14px;
	color: #5f5f5f;
	padding-top: 0.2rem;
	border-top: 1px solid #e5e5e5;
	margin-top: 0.25rem;
}

/* =====================联系样式======================== */

/* 联系方式 s */
.n_contact_01{}
.n_contact_01 .con{
	padding: 0 8%;
}
.n_contact_01 .con ul{}
.n_contact_01 .con ul li{
	text-align: center;
}
.n_contact_01 .con ul li:last-child{
	width: 285px;
}
.n_contact_01 .con ul li i{
	display: inline-block;
	font-size: 0.4rem;
	color: #133888;
	width: 0.8rem;
	height: 0.8rem;
	line-height: 0.8rem;
	border-radius: 50%;
	border: 0.02px solid #133888;
	text-align: center;
}
.n_contact_01 .con ul li h3{
	font-size: 24px;
	margin: 0.35rem 0 0.25rem;
}
.n_contact_01 .con ul li p{
	font-size: 14px;
	line-height: 1.4;
	color: #5f5f5f;
}
.n_contact_01 .map{
	width: 100%;
	height: 5rem;
}
.n_contact_01 .map iframe{
	width: 100%;
	border: none;
	height: 5rem;
}
/* 联系方式 e */

/* 在线留言 s */
.n_contact_02{}
.n_contact_02 .fl{
	width: 30%;
}
.n_contact_02 .fr{
	width: 56.25%;
}
.n_contact_02 .fr form{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.n_contact_02 .fr form .mui-input-row{
	width: calc(50% - 20px);
	margin-bottom: 0.3rem;

}

/* .n_contact_02 .fr form .mui-input-row.checkcode{

	margin-bottom: 0;

} */

.code_img{

	position: absolute;

	top: 7.5px;

	right: 7.5px;

}
.n_contact_02 .fr form .mui-input-row.w100{
	width: 100%;
	margin-bottom: 0;
}
.n_contact_02 .fr form .mui-input-row input{
	width: 100%;
	border: 1px solid #e5e5e5;
	color: #999;
	height: 60px;
	line-height: 60px;
	text-indent: 1em;
}
.n_contact_02 .fr form .mui-input-row textarea{
	width: 100%;
	margin-bottom: 0.4rem;
	border: 1px solid #e5e5e5;
	color: #999;
	height: 160px;
	padding: 1em;
}

.n_contact_02 .fr form .mui-input-row textarea::placeholder{

	color: #9999;

}
.n_contact_02 .fr form button{
	width: 225px;
	height: 60px;
	background: #242427;
	color: #fff;
	transition: all 0.5s;
	font-size: 16px;
	cursor: pointer;

	border: none;
}
.n_contact_02 .fr form button:hover{
	background-color: #133888;
}
/* 在线留言 e */



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */

	

	.n_about_01{

		padding-top: 0.6rem;

	}

	.n_about_01 .fl,.n_about_01 .fr{

		width: 100%;

	}

	.n_about_01 .fr{

		margin-top: 0.35rem;

	}

	.n_about_01 .w16.flex{

		padding-bottom: 1rem;

	}

	

	.n_about_03 .con ul li .img{

		padding: 0.3rem 0.2rem;

		border-radius: 4px;

	}

	

	.n_about_04 ul li{

		flex-direction: column !important;

	}

	.n_about_04 ul li .pic,.n_about_04 ul li .info{

		width: 100%;

	}

	.n_about_04 ul li .info{

		margin-top: 0.35rem;

	}

	.n_about_04 ul li .info .tit{

		font-size: 0.36rem;

	}

	

	.pro_nav{

		display: none;

	}

	.pro_sort,.pro_view{

		padding-left: 0;

	}

	.pro_sort ul li a{

		flex-direction: column;

	}

	.pro_sort ul li .img,.pro_sort ul li .info{

		width: 100%;

	}

	.pro_sort ul li .info{

		padding-top: 0.3rem;

	}

	.pro_sort ul li .info .tit{

		font-size: 22px;

	}

	

	.electrical_title{

		padding-bottom: 0.15rem;

		margin-bottom: 0.35rem;

	}

	.electrical_title h3{

		font-size: 0.32rem;

	}

	

	.pro_view ul li{

		width: 100%;

		margin-right: 0;

	}

	.pro_view ul li:nth-child(2n){

		margin-right: 0;

	}

	

	.n_pro_slide .fl{

		margin-bottom: 0.45rem;

	}

	.n_pro_slide .fl,.n_pro_slide .fr{

		width: 100%;

	}

	.n_pro_slide .fl .big_img{

		height: auto;

	}

	.n_pro_slide .fr .tit{

		font-size: 0.32rem;

	}

	

	.n_pro_slide .fr .btn a{

		font-size: 14px;

	}

	.n_pro_slide .fr .btn a i{

		margin-right: 0.12rem;

	}

	.n_pro_slide .fr .small_img{

		padding: 0.15rem;

	}

	

	.n_pro_det .view_nav ul li a{

		line-height: 0.75rem;

	}

	.n_pro_det .view_nav ul li a::after{

		border: 10px solid #054391;

		border-left-color: transparent;

		border-bottom-color: transparent;

		border-right-color: transparent;

	}

	

	.n_pro_det .view_con h3{

		font-size: 20px;

		margin: 0.2rem 0 0.25rem;

	}

	

	.n_pro_form .tit{

		padding: 0.3rem;

	}

	.n_pro_form form{

		padding: 0.3rem;

	}

	.n_pro_form form input,.n_pro_form form textarea{

		font-size: 14px;

	}

	.n_pro_recommend>.tit{

		margin-bottom: 20px;

	}

	.n_pro_recommend>.tit h3{

		padding: 0.15rem 0.55rem;

	}

	.n_pro_recommend .con{

		padding-bottom: 0.55rem;

	}

	.n_pro_recommend ul li .txt{

		padding-top: 0.2rem;

	}

	

	.n_newslist ul li{

		width: 100%;

		margin-right: 0 !important;

	}

	

	.n_newsdet .fl h3{

		font-size: 20px;

	}

	.n_newsdet .fl,.n_newsdet .fr{

		width: 100%;

	}

	.n_newsdet .fr{

		margin-top: 20px;

	}

	

	.n_service_01 dl dt,.n_service_01 dl{

		flex-direction: column;

	}

	.n_service_01 dl dt .ico{

		width: auto;

	}

	.n_service_01 dl dt,.n_service_01 dl dd{

		width: 100%;

		padding-left: 0;

		border: none;

	}

	.n_service_01 dl dt p{

		font-size: 0.32rem;

		margin: 0.2rem 0 0.1rem;

	}

	.n_service_01 dl dd{

		font-size: 14px;

		text-align: center;

	}

	

	.n_service_03 ul li{

		width: 100%;

		margin-right: 0;

		margin-bottom: 0.4rem;

	}

	.n_service_03 ul li:last-child{

		margin-bottom: 0;

	}

	.n_service_03 ul li a{

		padding: 0.4rem 5%;

	}

	.n_service_03 ul li p{

		height: auto;

	}

	

	.n_app_list ul li{

		width: 100%;

		margin-right: 0;

	}

	

	.n_contact_01 .con{

		padding: 0;

	}

	.n_contact_01 .con ul{

		

	}

	.n_contact_01 .con ul li,.n_contact_01 .con ul li:last-child{

		width: 50%;

		padding: 0.2rem 0;

	}

	.n_contact_01 .con ul li i{

		width: 1rem;

		height: 1rem;

		line-height: 1rem;

		font-size: 0.5rem;

	}

	

	.n_contact_02 .fl,.n_contact_02 .fr{

		width: 100%;

	}

	.n_contact_02 .fr form .mui-input-row{

		width: 100%;

	}

	.n_contact_02 .fr form .mui-input-row input{

		height: 50px;

		line-height: 50px;

	}

	.n_contact_02 .fr form button{

		width: 180px;

		height: 45px;

	}

	

	.n_pro_form form .mui-input-row{

		width: 100%;

	}

	

	.tc_search form{

		width: 92%;

		max-width: 92%;

		padding: 0 0.2rem;

		margin-bottom: 1px;

		height: 0.8rem;

		border-width: 1px;

	}

	.tc_search input{

		font-size: 0.3rem;

		height: 0.8rem;

	}

	

	.n_contact_02 .checkcode .code_img{

		top: 2.5px;

		right: 2.5px;

	}
}

@media all and (max-width:768px) {
	
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}

@media all and (max-width:480px) {
	
}

@media all and (max-width:420px) {

	.n_app_list ul li .info .tit h3,.n_contact_01 .con ul li h3{

		font-size: 20px;

	}

	.n_service_03 ul li p{

		font-size: 16px;

	}
	.n_about_01 .fl .con,.n_about_03 .con ul li p,.n_about_04 ul li .info .des,.n_app_list ul li .info .des{

		font-size: 14px;

	}
}

@media all and (max-width:376px) {
	
}