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

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

/* 公司简介 s */
.about_us01{}
.about_us01 .tit{
	margin: 0.5rem 0;
	font-size: 0.36rem;
	line-height: 1.5;
	color: #495057;
}
.about_us01 .item{
	overflow: hidden;
	margin-bottom: 0.5rem;
}
.about_us01 .item .fl{
	width: 48%;
}
.about_us01 .item .fr{
    position: relative;
	width: 48%;
}
.about_us01 .item .fr a{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.2rem;
	margin-left: -0.6rem;
	margin-top: -0.6rem;
}
.about_us01 .item .fr a:hover{
	transform: scale(0.9);
}
/* .ind_ab .fr .pic a img{
	width: 100%;
} */
.about_us01 .item .fr a i{
	font-size: 1rem;
	color: white;
}
.about_us01 .info{
	font-size: 16px;
	color: #333;
	line-height: 1.75;
	text-align: justify;
}
.about_us01 .info p{
	margin-bottom: 0.15rem;
}
.about_us01 .info p:last-child{
	margin-bottom: 0;
}
.about_us01 img{
	width: 100%;
}
.about_us01 .item.item2{}
.about_us01 .item.item2 .tit{
	margin: 0 0 0.16rem;
	text-align: left;
}
/* 公司简介 e */
/* 企业文化 s */
.about_us02{
	background-color: #F7F7F7;
}
.about_us02 .con{}
.about_us02 .con .fl{
	width: 49%;
}
.about_us02 .con .fl .pic{}
.about_us02 .con .fl .pic img{}
.about_us02 .con .fr{
	width: 49%;
}
.about_us02 .con .fr dl{
	color: #495057;
}
.about_us02 .con .fr dl dt{
	font-size: 0.24rem;
	font-weight: 700;
	line-height: 1.2;
	margin: 0.5rem 0 0.16rem;
	font-family: "UB";
}
.about_us02 .con .fr dl dt:first-child{
	margin-top: 0;
}
.about_us02 .con .fr dl dd{
	font-size: 14px;
	line-height: 1.5;
}
/* 企业文化 e */

/* 荣誉资质 s */
.about_us03{}
.about_us03 .con{
	padding-bottom: 0.45rem;
}
.about_us03 .con ul{}
.about_us03 .con ul li{}
.about_us03 .con ul li a{}
.about_us03 .con ul li .img{
	background: #F7F7F7;
	border-radius: 5px;
	margin-bottom: 16px;
	padding: 0.2rem;
}
.about_us03 .con ul li .img .pic{
	box-shadow: 0 0 15px rgb(102 102 102 / 10%);
}
.about_us03 .con ul li p{
	font-size: 16px;
	line-height: 1.5;
	height: 3em;
	color: #333;
}
.about_us03 .con ul li:hover p{
	color: #0075C1;
}
.rect-140{
	padding-bottom: 140%;
}
/* 荣誉资质 e */

/* 环境 s */
.about_us04{
	background-color: #eceef0;
	/* background-color: #F7F7F7; */
}
.about_us04 .con{
	margin-top: 0.4rem;
	padding-bottom: 0.4rem;
}
.about_us04 .con ul{}
.about_us04 .con ul li{
	overflow: hidden;
}
.about_us04 .con ul li a{
	position: relative;
	overflow: hidden;
}
.about_us04 .con ul li .pic{}
.about_us04 .con ul li p{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 0.2rem 2%;
	font-size: 16px;
	color: white;
	background-color: rgb(0,0,0,.36);
	text-align: center;
}
.about_us04 .con ul li:hover p{
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.about_us04 .swiper-pagination{
	bottom: 0 !important;
}
/* 环境 e */

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

/* 产品分类 s */
.n_pro_nav{}
.n_pro_nav ul{}
.n_pro_nav ul li{
	margin-bottom: 0.45rem;
}
.n_pro_nav ul li a{
	padding: 0.4rem;
	background-color: #F8F8F8;
}
.n_pro_nav ul li:nth-child(2n) a{
	flex-direction: row-reverse;
}
.n_pro_nav ul li .img{
	width: 36%;
}
.n_pro_nav ul li .img .pic{}
.n_pro_nav ul li .img img{}
.n_pro_nav ul li .info{
	width: 60%;
}
.n_pro_nav ul li .info h4{
	font-size: 0.28rem;
	font-family: "UB";
}
/* .n_pro_nav ul li .info h4::after {
    content: '';
    display: block;
    width: 0.85rem;
    height: 2px;
    background-color: #0075c1;
    margin-top: 0.16rem;
} */
.n_pro_nav ul li .info p{
	display: block;
	font-size: 16px;
	line-height: 1.5;
	color: #666;
	margin: 0.35rem 0;
}
.n_pro_nav ul li .info span{
	display: inline-block;
	font-size: 16px;
	padding: 15px 30px;
	border: 1px solid #0075C1;
	color: #0075C1;
	-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_pro_nav ul li .info span:hover{
	background-color: #0075C1;
	color: white;
}
/* 产品分类 e */

/* 产品列表 s */
.n_pro_list{
	padding-top: 0.6rem;
}
.n_pro_list .top{
	padding: 0.4rem;
	border: 1px solid #ddd;
	margin-bottom: 0.6rem;
}
.n_pro_list .top .img{
	width: 45%;
}
.n_pro_list .top .info{
	width: 50%;
}
.n_pro_list .top .info h4{
	font-size: 0.48rem;
	font-family: "UB";
}
.n_pro_list .top .info .fontsizetitle{
	display: block;
	font-size: 16px;
	line-height: 1.5;
	color: #666;
	margin: 0.3rem 0;
}


.n_pro_list ul{}
.n_pro_list>ul>li{
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 0.4rem;
	background-color: #fff;
}
.n_pro_list>ul>li:nth-child(2n){
	margin-right: 0;
}
.n_pro_list>ul>li a{
	padding: 0.3rem;
	border: 1px solid #ddd;
}
.n_pro_list>ul>li .img{
	width: 240px;
}
.n_pro_list>ul>li .pic{
	
}
.n_pro_list>ul>li img{}
.n_pro_list>ul>li .info{
	width: calc(100% - 280px);
	color: #333;
	padding-right: 0.6rem;
	/* padding-top: 0.2rem; */
}
.n_pro_list>ul>li .info .tit{
	font-size: 0.24rem;
	font-weight: 700;
	/* font-family: "UB"; */
}
.n_pro_list>ul>li .info .text{
	margin-top: 0.12rem;
	font-size: 14px;
	line-height: 1.6;
}

.n_pro_list>ul>li .info .dot-list{
	margin-top: 0.16rem;
	width: 90%;
}

.n_pro_list>ul>li .info .dot-list li{
	position: relative;
	font-size: 14px;
	line-height: 22px;
	padding-left: 10px;
	margin-bottom: 4px;
}
.n_pro_list>ul>li .info .dot-list li:last-child{
	margin-bottom: 0;
}
.n_pro_list>ul>li .info .dot-list li:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #0075c1;
}
.n_pro_list>ul>li:hover p{
	
}
.n_pro_list>ul>li .info>span{
	display: inline-block;
	position: relative;
	min-width: 70px;
	margin: 16px 0 0;
	padding: 8px 20px;
	font-size: 14px;
	line-height: 16px;
	color: white;
	background-color: #0075c1;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	word-break: keep-all;
}
/* 产品列表 e */

/* 产品详情 s */
.n_pro_det .top{}
.n_pro_det .top .fl{
	width: 35%;
}
.n_pro_det .top .fl .product_det_pic{
}
.n_pro_det .top .fl .product_det_pic ul{}
.n_pro_det .top .fl .product_det_pic ul li{
	/* border: 1px solid #dadae5; */
}
.n_pro_det .top .fl .product_det_pic ul li img{
	max-height: 100%;
	object-fit: contain;
	margin: 0 auto;
}

.product_det_pic .swiper-button-next,.product_det_pic .swiper-button-prev{
	width: 0.6rem;
	height: 0.6rem;
	line-height: 0.6rem;
	background-color: #F5F5F5;
	border-radius: 50%;
	margin-top: -0.3rem;
	-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;
}
.product_det_pic .swiper-button-next{
	right: -0.6rem !important;
}
.product_det_pic .swiper-button-prev{
	left: -0.6rem !important;
}
.product_det_pic .swiper-button-next:hover,.product_det_pic .swiper-button-prev:hover{
	background-color: #0075c1;
}
.product_det_pic .swiper-button-next:after, .product_det_pic .swiper-button-prev:after{
	font-size: 0.2rem;
	color: #000;
	-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;
}
.product_det_pic .swiper-button-next:hover:after, .product_det_pic .swiper-button-prev:hover:after{
	color: white;
}

.n_pro_det .top .fl .product_det_ico{
	margin-top: 0.2rem;
}
.n_pro_det .top .fl .product_det_ico ul{}
.n_pro_det .top .fl .product_det_ico ul li{
	border: 1px solid #d7d9db;
	-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;
	width: calc( (100% - 40px)/5);
	cursor: pointer;
}
.n_pro_det .top .fl .product_det_ico ul li.swiper-slide-thumb-active{
	border-color: #0075c1;
}
.n_pro_det .top .fl .product_det_ico ul li .pic{
	overflow: hidden;
}

.n_pro_det .top .fr{
	width: 65%;
	padding-left: 1rem;
}
.n_pro_det .top .fr .sub_title{
	display: block;
	font-size: 0.2rem;
	line-height: 1.5;
	color: #333;
	margin-bottom: 0.1rem;
}
.n_pro_det .top .fr h1{
	font-size: 0.32rem;
	font-family: "UB";
	line-height: 1.3;
	color: #0075c1;
	display: block;
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 0.15rem;
	margin-bottom: 0.2rem;
}
/* .n_pro_det .top .fr .des{
	font-size: 16px;
	line-height: 1.5;
	color: #666;
} */
.n_pro_det .top .fr .dot-list{}
.n_pro_det .top .fr .dot-list li{
	position: relative;
	font-size: 16px;
	line-height: 1.5;
	padding-left: 20px;
	margin-bottom: 8px;
}
.n_pro_det .top .fr .dot-list li:last-child{
	margin-bottom: 0;
}
.n_pro_det .top .fr .dot-list li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #0075c1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.n_pro_det .top .fr .inquiry{
	margin-top: 0.4rem;
}
.n_pro_det .top .fr .inquiry a{
	padding: 0.18rem 0.24rem;
	border-radius: 6px;
	display: inline-flex;
	font-size: 14px;
	color: #fff;
	background-color: #0075c1;
	align-items: center;
}
.n_pro_det .top .fr .inquiry a i{
	margin-right: 0.08rem;
	font-size: 18px;
}
.n_pro_det .bot{}
.xq_nav{
	/* background-color: #000; */
}
.xq_tit{
    border-bottom: 1px solid #ddd;
}
.xq_nav ul li{}
.xq_tit h3{
	display: inline-block;
	padding: 0.2rem 0.3rem;
	font-size: 20px;
	font-family: "UB";
	text-transform: uppercase;
	background-color: #0075c1;
	color: white;
}

.xq_con .item{
	display: none;
	padding: 0.45rem 0;
}
.xq_con .item.show{
	display: block;
}

.xq_con .item h4{
	font-size: 0.32rem;
	font-family: "MB";
	color: #1A1A1A;
}

.xq_recomm{
	padding-bottom: 0.5rem;
}
.xq_recomm .con{
	padding-bottom: 0.55rem;
	margin-top: 0.35rem;
}
.xq_recomm ul{}
.xq_recomm ul li{}
.xq_recomm ul li a{}
.xq_recomm ul li a .pic{
	overflow: hidden;
}
.xq_recomm ul li p{
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
	height: 3em;
	color: #333;
}
/* 产品详情 e */

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

/* 新闻列表 s */
.n_newslist{}
.n_newslist ul{}
.n_newslist ul li{
	float: left;
	width: 24%;
	/* margin-right: 2%; */
	margin-right: calc(4% / 3);
	margin-bottom: 0.45rem;
}
.n_newslist ul li:nth-child(4n){
	margin-right: 0;
}
.n_newslist ul li a{
	display: block;
	padding: 0.2rem;
	background-color: #f7f7f7;
}
.n_newslist ul li:hover a{
	background-color: #0075c1;
	box-shadow: 0 10px 20px 0 #54a5e6;
	   
}
.n_newslist ul li .pic{
	overflow: hidden;
}
.n_newslist ul li .pic img{}
.n_newslist ul li .info{
	padding: 0.2rem 0;
	font-size: 14px;
	line-height: 1.5;
	color: #999;
}

.n_newslist ul li .info .tit{
	font-size: 18px;
	height: 3em;
	color: #333;
}
.n_newslist ul li:hover .info,.n_newslist ul li:hover .info .tit{
	color: white;
}
.n_newslist ul li .info .txt{
	height: 4.5em;
	margin: 0.2rem 0;
}
.n_newslist ul li .info .date{}
.n_newslist ul li .info .date span{}
.n_newslist ul li .info .date span i{
	margin-left: 0.08rem;
}
/* 新闻列表 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(http://cdn.globalso.com/keygree/style/global/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(http://cdn.globalso.com/keygree/style/global/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: #0075c1;
}
/* 新闻详情 e */

/* =====================行业样式======================== */

/* 行业列表 s */
.n_app{}
.n_app .ny_tit{
	padding-bottom: 0.55rem;
	margin-bottom: 0.7rem;
	border-bottom: 1px solid #959595;
}
.n_app ul{
	padding-top: ;
	margin: -1.5px;
}
.n_app ul li{
	float: left;
	width: calc(100% / 3);
	padding: 1.5px;
}
.n_app ul li a{
	position: relative;
	display: block;
	overflow: hidden;
}
.n_app ul li .pic{}
.n_app ul li .pic p{
	position: absolute;
	padding: 0 1.9vw;
	font-size: 0.24rem;
	color: #fff;
	bottom: 0.3rem;
	right: 0;
	left: 0;
	transition: all .3s;
}
.n_app ul li:hover .pic p{
    transform: translateY(20px);
    opacity: 0;
}
.n_app ul li .txt{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	padding: 0 2vw;
	transition: all .3s;
	transform: translateY(20px);
	opacity: 0;
	background: rgba(0,117,193,.9);
	color: white;
	text-align: center;
}
.n_app ul li:hover .txt{
	transform: translateY(0);
	opacity: 1;
}
.n_app ul li .txt .txt_view{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}
.n_app ul li .txt h4{
	font-size: 0.24rem;
}
.n_app ul li .txt .des{
	font-size: 14px;
	line-height: 1.5;
	color: white;
	margin: 0.35rem 0;
}
.n_app ul li .txt span{
	display: inline-block;
	padding: 12px 30px;
	background-color: white;
	color: #0075c1;
	margin: 0 auto;
	border-radius: 50px;
}
/* 行业列表 e */

/* =====================支持样式======================== */

/* 常见问题 s */
.n_faq{}
.n_faq ul{}
.n_faq ul li{
	width: 100%;
	padding: 30px;
	background: #fff;
	border-top: 3px solid #fff;
	border-radius: 3px;
	line-height: 1.6;
	box-shadow: 0 10px 10px 0 #eee;
	margin: 30px auto;
}
.n_faq ul li.active {
    border-top: 3px solid #0075c1;
}
.n_faq ul li .tit{
	cursor: pointer;
	background: url('http://cdn.globalso.com/keygree/style/global/images/icon-q.png') no-repeat left top;
	padding-left: 50px;
	font-size: 16px;
	/* font-weight: 700; */
	font-family: "UB";
	transition: all ease-out .3s;
}
.n_faq ul li .tit i{
	font-size: 20px;
	font-style: "light" !important;
}
.n_faq ul li .tit i,.n_faq ul li.active .tit i+i{
	display: block;
	float: right;
}
.n_faq ul li .tit i+i,.n_faq ul li.active .tit i{
	display: none;
}
.n_faq ul li .info{
	padding-left: 50px;
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 1.5;
	overflow: hidden;
	display: none;
	background: url('http://cdn.globalso.com/keygree/style/global/images/icon-a.png') no-repeat left top;
	margin-top: 15px;
}
/* 常见问题 e */

/* 视频中心 s */
.n_video{}
.n_video ul{}
.n_video ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 0.45rem;
}
.n_video ul li:nth-child(3n){
	margin-right: 0;
}
.n_video ul li a{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.n_video ul li .pic::after{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.36);
	z-index: 2;
	transition: all .5s;
}
.n_video ul li:hover .pic::after{
	background: rgba(0,0,0,0);
}
.n_video ul li a i{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50% , -50%);
	-ms-transform: translate(-50% , -50%);
	transform: translate(-50% , -50%);
	font-size: 0.8rem;
	color: white;
	z-index: 3;
}
.n_video ul li .info{
	text-align: center;
	margin-top: 0.3rem;
}
.n_video ul li .info p{
	font-size: 18px;
	/* font-family: "UB"; */
	font-weight: 700;
	color: #495057;
}
/* 视频中心 e */


/* 下载中心 s */
.n_download{
}
.n_download ul{}
.n_download ul li{
	float: left;
	width: 49%;
	margin-right: 2%;
	padding: 0.5rem 0.7rem;
	background: #eceef0;
	margin-bottom: 0.3rem;
}
.n_download ul li a{
	display: block;
}
.n_download ul li:nth-child(2n){
	margin-right: 0;
}
.n_download ul li .time{
	font-size: 14px;
	color: #363636;
	position: relative;
	text-transform: uppercase;
	-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_download ul li h4{
	font-size: 18px;
	color: #363636;
	font-weight: bold;
	line-height: 25px;
	height: 50px;
	margin: 0.2rem 0 0.3rem;
	font-weight: bold;
}
.n_download ul li .bot{}
.n_download ul li .bot .ico{
	color: #767676;
	line-height: 40px;
}
.n_download ul li .bot .ico i{
	font-size: 28px;
	color: #0075c1;
	margin-right: 0.1rem;
}
.n_download ul li .bot .ico p{
	font-size: 16px;
}
.n_download ul li .bot span{
	padding: 0.12rem 0.15rem;
	font-size: 14px;
	color: #5e5e5e;
	text-transform: uppercase;
	border: 1px solid #bcbec0;
	-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_download ul li:hover .bot span{
	background-color: #0075c1;
	border-color: #0075c1;
	color: white;
}
.n_download ul li .bot span i{
	margin-right: 0.1rem;
}
.n_download ul li .bot span p{}
/* 下载中心 e */

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

/* 联系方式 s */
.n_contact{}
.n_contact_info{}
.n_contact_info .fl{
	width: 49%;
	padding: 0.55rem;
	box-shadow: 0 0 10px 0 #eee;
}
.n_contact_info .fl .logo{
	margin-bottom: 0.2rem;
}
.n_contact_info .fl .logo img{
	height: 0.5rem;
}
.n_contact_info .fl dl{}
.n_contact_info .fl dl dt{
	font-size: 0.24rem;
	color: #495057;
	font-weight: 700;
	padding-bottom: 0.16rem;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 0.2rem;
}
.n_contact_info .fl dl dd{
	display: flex;
	align-content: center;
	justify-content: space-between;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 0.1rem;
	color: #495057;
}
.n_contact_info .fl dl dd span{
	width: 100px;
	font-weight: 700;
}
.n_contact_info .fl dl dd p{
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.n_contact_info .fr{
	width: 49%;
	padding: 0.25rem;
	box-shadow: 0 0 10px 0 #eee;
}
.n_contact_info .fr .pic{}
.n_contact_info .fr .pic img{
	width: 100%;
}
/* 联系方式 e */

/* 在线留言 s */
.n_contact_form{
	margin-top: 0.8rem;
	position: relative;
	background-color: #fff;
	padding: 0.55rem;
	box-shadow: 0 0 10px 0 #eee;
}
.n_contact_for form{}
.n_contact_form h4{
	font-size: 0.32rem;
	font-weight: 700;
	line-height: 1.3;
	color: #495057;
}
.n_contact_form h4 i{
	margin-right: 0.06rem;
}
.n_contact_form p{
	font-size: 16px;
	line-height: 1.3;
	color: #999;
	margin: 0.1rem 0 0.2rem;
}
.form-group{
	margin-bottom: 0.2rem;
}
.form-control{
	display: block;
	width: 100%;
	padding: 0.12rem 0.16rem;
	font-size: 16px;
	line-height: 1.6;
	color: #495057;
	background-color: #f8f8f8;
	background-clip: padding-box;
	border: 1px solid #f8f8f8;
	border-radius: 2px;
	box-shadow: none;
	transition: all 0.2s ease-in-out;
}
.form-control:focus{
	border-color: #ced4da;
	outline: 0;
}
.form-group .btn{
	display: block;
	border: none;
	width: 100%;
	padding: 0.15rem 0.32rem;
	font-size: 18px;
	color: white;
	background-color: #0075c1;
	cursor: pointer;
}
/* 在线留言 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 适配 */
	.about_us01 .tit{
		font-size: 0.32rem;
	}
	.about_us01 .item .fr,.about_us01 .item .fl{
		width: 100%;
	}
	.about_us01 .item .fr{
		margin-top: 0.4rem;
	}
	.about_us02 .con .fl,.about_us02 .con .fr{
		width: 100%;
	}
	.about_us02 .con .fr{
		margin-top: 0.4rem;
	}
	.about_us02 .con .fr dl dt{
		font-size: 0.32rem;
	}
	
	.n_newslist ul li{
		width: 100%;
	}
	
	.n_newslist ul li{
		width: 100%;
	}
	
	.n_newsdet .fl h3{
		font-size: 18px;
	}
	.n_newsdet .fl,.n_newsdet .fr{
		width: 100%;
	}
	.n_newsdet .fr{
		margin-top: 20px;
	}
	
	.n_app ul li{
		width: 50%;
	}
	
	.n_video ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.55rem;
	}
	
	.n_download ul li{
		width: 100%;
		margin-right: 0;
	}
	
	.n_contact_info .fl,.n_contact_info .fr{
		width: 100%;
	}
	.n_contact_info .fl dl dd{
		flex-direction: column;
	}
	.n_contact_info .fl dl dt{
		font-size: 0.36rem;
		line-height: 1.3;
	}
	.n_contact_info .fl,.n_contact_info .fr,.n_contact_form{
		padding: 0.35rem;
	}
	.n_contact_form h4{
		font-size: 0.4rem;
	}
	.n_contact_form p{
		margin: 0.2rem 0 0.32rem;
	}
	.form-group .btn{
		padding: 0.2rem 0.4rem;
	}
	
	.n_pro_nav ul li .img,.n_pro_nav ul li .info{
		width: 100%;
	}
	.n_pro_nav ul li .info{
		margin-top: 0.4rem;
	}
	.n_pro_nav ul li .info h4{
		font-size: 0.36rem;
	}
	
	.n_pro_list .top{
		flex-direction: column;
	}
	.n_pro_list .top .img,.n_pro_list .top .info{
		width: 100%;
	}
	.n_pro_list .top .info{
		margin-top: 0.3rem;
	}
	.n_pro_list>ul>li{
		width: 100%;
	}
	.n_pro_list>ul>li a{
		flex-direction: column;
	}
	.n_pro_list>ul>li .img,.n_pro_list>ul>li .info{
		width: 100%;
	}
	.n_pro_list>ul>li img{
		max-width: 90%;
		margin: 0 auto;
	}
	.n_pro_list>ul>li .info{
		margin-top: 0.25rem;
	}
	.n_pro_list>ul>li .info .tit{
		font-size: 0.32rem;
	}
	
	.n_pro_det .top .fl,.n_pro_det .top .fr{
		width: 100%;
		padding-left: 0;
	}
	.n_pro_det .top .fl .product_det_pic ul li img{
		max-width: 80%;
	}
	.product_det_pic .swiper-button-next{
		right: 0.3rem !important;
	}
	.product_det_pic .swiper-button-prev{
		left: 0.3rem !important;
	}
	.n_pro_det .top .fr{
		margin-top: 0.35rem;
	}
	.n_pro_det .top .fr .sub_title{
		font-size: 0.32rem;
	}
	.n_pro_det .top .fr h1{
		font-size: 0.42rem;
	}
}

@media all and (max-width:768px) {
	.n_app ul li{
		width: 100%;
	}
	.n_app ul li .pic p,.n_app ul li .txt h4{
		font-size: 0.32rem;
	}
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.n_download ul li{
		padding: 0.4rem 5%;
	}
	.n_download ul li h4{
		font-size: 16px;
		margin: 0.4rem 0 0.5rem;
	}
	.n_download ul li .bot .ico p{
		font-size: 14px;
	}
	.n_download ul li .bot span{
		padding: 0.18rem 0.2rem;
	}
	
	.n_pro_nav ul li .info span{
		padding: 10px 25px;
	}
	
	.xq_tit h3{
		font-size: 16px;
		padding: 0.25rem 0.3rem;
	}
}

@media all and (max-width:480px) {
	.about_us01 .info{
		font-size: 14px;
		text-align: left;
	}
	.n_newslist ul li .info .tit,.n_video ul li .info p{
		font-size: 16px;
	}
	.n_newslist ul li .info .txt{
		margin-bottom: 0.3rem;
	}
	.n_newsdet .fl .des,.n_newsdet .fr .con ul li p{
		font-size: 14px;
		line-height: 1.5;
	}
	.n_pro_nav ul li .info p{
		font-size: 14px;
	}
	
	.n_pro_det .top .fr .dot-list li{
		font-size: 14px;
		padding-left: 15px;
	}
	.n_pro_det .top .fr .dot-list li:before{
		width: 8px;
		height: 8px;
	}
}

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

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