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


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

/*内页banner*/
.n_banner {width: 100%; text-align:center; overflow:hidden; }
.n_banner div.pic{  width: 100%; height:5rem; position: relative;}
.n_banner .txt{ color:#fff; width: 100%; height: 100%; text-align:center; display: flex; align-items: center; justify-content: center;}
.n_banner .txt b{ font-size:0.48rem;text-shadow: 0 0 10px rgba(0, 0, 0, .3);}

.n_title {padding: 0;position: relative;}
.n_title .w16 { position: relative; border-bottom: #e3e6ea 1px solid;}
.n_nav { position: relative; }
.n_nav a {display: inline-block;height: 0.8rem;font-size: 18px; font-weight: normal; float: left;line-height: 0.8rem;margin-right: 0.45rem; color: #252525;text-align: center;box-sizing: border-box;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.n_nav a strong {display: block; position: relative;z-index: 4;height: 75px;line-height: 75px; font-weight: normal;  }
.n_nav a:before {content: "";width: 0;height: 2px;position: absolute; bottom:0; left: 0; background: #215FAC;transition: 0.3s ease-in-out; opacity: 0;}
.n_nav .on:before, .n_nav a:hover:before { width: 100%; opacity: 1;}
.n_nav .on strong, .n_nav a:hover strong{ color: #215FAC; font-weight: bold;}
.layui-col-md4 { height: 0.8rem }
.position {line-height: 0.8rem;left: 0;bottom: 0;font-size: 15px;color: #747679;display: flex;align-items: center;}
.position img{ vertical-align: middle; margin-bottom: 0; margin-right: 10px;}
.position span, .position a, .position i {font-size: 14px;color: #828386;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i {margin: 0px 10px;font-style: normal;width: 4px;height: 6px;background: url(../images/position_ico.png) center no-repeat;font-size: 0;display: inline-block;vertical-align: middle;}
.position em { color: #215FAC;font-style: normal;font-size: 14px;}
.position a:hover {color: #215FAC;}
.n_main_box .main_box { width: 1200px; height: 80px; position: relative; margin: 0 auto; }

#n_main{ background: #eff2f7;}
.n_about{ padding: 0.8rem 0; width: 100%; overflow: hidden; }
.n_about .w16{ display: flex; align-items: center;}
.n_about .left{ max-width: 964px; padding-right: 0.7rem;}
.n_about .right{ width: 6.35rem; flex-shrink: 0;}
.n_about .pic{ position: relative;}
.n_about .pic img{ height: 100%;}
.n_about .pic .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.n_about .pic .mask .btn_play{ width: 0.48rem; height: 0.48rem; display: block;}
.n_about .txt{}
.n_about .tt{ margin-bottom: 0.35rem;line-height: 1.2;}
.n_about .tt span{ font-size: 18px; color: #373737; font-family: "Barlow Condensed"; text-transform: uppercase; letter-spacing: 3px;}
.n_about .tt p{ font-size: 0.6rem; color: #215FAC;  font-family: "Barlow Condensed Bold"; text-transform: uppercase;}
.n_about .tt p b{ color: #215FAC;}
.n_about .tt h3{ font-size: 0.26rem; color: #272727; font-weight: bold; margin-top: 0.24rem;}
.n_about .tt i{ display: inline-block; vertical-align: middle; width: 17px; height: 3px; background: #215FAC; margin-right: 15px; }
.n_about .con{ font-size: 16px; color: #767676; line-height: 1.8;}



/*====移动端导航====*/
#m_n_nav{background: #215FAC;display: none;line-height: 50px;position: relative;z-index: 9; width: 100%;}
#bnt_back{position:absolute;left: 0.16rem;top:0;}
#bnt_back svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;}
#m_n_nav i{}
#m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;}
#bnt_sub_nav{position: absolute;right: 0.16rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;}
#bnt_sub_nav svg{fill: #fff;height: 30px;vertical-align: middle;width: 19px;}
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px rgb(153 153 153 / 34%); z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 0.16rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #215FAC; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #215FAC;}
#sub_nav_content dl{font-size:0;overflow: hidden;background: #fff;padding: 10px 0; margin: 0;}
#sub_nav_content dt{position:relative;background:#fff;z-index: 999;width: 33.333333%;display: inline-block;margin-bottom: 0;float: left;text-align: center;}
#sub_nav_content dt a{margin:0 2px;display:block;color:#5b5349;line-height: 30px;font-size:13px; vertical-align: top;}
#sub_nav_content dt a strong{ font-weight: 400;}
#sub_nav_content dt a i{position: absolute;right: 15px;top: 0;opacity:0;filter:alpha(opacity=0);display: none;}
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color: #215FAC; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #215FAC; }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #215FAC;}
#sub_nav_content dd{  display:none;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color: #215FAC;}

.subnav{  margin-top:0.32rem; overflow: hidden; margin-bottom: 0.34rem;}
.subnav ul{ text-align: center;}
.subnav ul li{ position:relative; display: inline-block; margin-bottom: 0.4rem;}
.subnav ul li a{ display:block; width:2rem; height:0.62rem; line-height:0.6rem; border-radius:2rem; transition:.5s; text-align:center; border:1px solid #d9d9d9; font-size:16px; font-weight: bold; color:#5a5a5a; margin:0 0.1rem; position:relative; z-index:1; overflow:hidden;}
.subnav ul li a:before{ content:""; width:0; height:100%; display:block; background:#215FAC; transition:.5s; position: absolute; z-index:-1; top:0; right:0;}
.subnav ul li:hover a,.subnav ul li.on a{ border:1px solid #215FAC; color: #fff;}
.subnav ul li:hover a:before,.subnav ul li.on a:before{ width:100%; right:auto; left:0;}

/* 文化 */
.n_tt{ text-align: center; margin-bottom: 0.4rem;}
.n_tt h3{ text-align: center; font-size: 0.24rem; color: #35383a; margin-bottom: 6px; font-weight: bold;}
.n_tt span{  font-size: 18px; color: #b6b6b6; font-family: Roboto; text-transform: uppercase;}
.n_tt p{ font-size: 15px; color: #a0a2a4; margin-top: 1rem; line-height: 1.5;}
.n_tt i{ display: block; width: 25px; height: 1px; background: #215FAC; margin: 0 auto; margin-top: 0.28rem;}
.n_wenhua{ padding: 0.6rem 0;}
.n_wenhua .box1{}
.n_wenhua .box1 ul{ overflow: hidden; margin: -5px;}
.n_wenhua .box1 ul li{ width: 39.5%; float: left; padding: 5px; transition: .5s ease-out; -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -ms-transition: .5s ease-out; -o-transition: .5s ease-out; }
.n_wenhua .box1 ul li .box{ height: 3.6rem; background: #f8f8f8; position: relative; z-index: 1; padding: 0.5rem;  }
.n_wenhua .box1 ul li .box:before{ content: ""; display: block; position: absolute; z-index: -1; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/wenhua.jpg) center no-repeat; opacity: 0; visibility: hidden; transition: .9s; -webkit-transition: .9s; -moz-transition: .9s; -ms-transition: .9s; -o-transition: .9s; }
.n_wenhua .box1 ul li:nth-child(2) .box:before{ background: url(../images/wenhua02.jpg) center no-repeat;}
.n_wenhua .box1 ul li .ico{ margin-bottom: 0.22rem; width: 0.32rem; height: 0.32rem;}
.n_wenhua .box1 ul li .ico img{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.n_wenhua .box1 ul li .ico img.img02{ display: none;}
.n_wenhua .box1 ul li h3{ font-size: 18px; color: #5a5a5a; margin-bottom: 4px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .box1 ul li span{ font-size: 16px; color: #5a5a5a; display: block; margin-bottom: 0.6rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .box1 ul li p{ font-size: 18px; line-height: 24px; color: #5a5a5a; font-weight: bold; position: relative; display: inline-block; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .box1 ul li i{ display: block; width: 21px; height: 20px; position: absolute; background: url(../images/wh_yinhao02.png) center no-repeat; background-size: contain; right: -0.48rem; border-bottom: -0.26rem;}
.n_wenhua .box1 ul li.on{ width: 60.5%; }
.n_wenhua .box1 ul li.on i{ background: url(../images/wh_yinhao01.png) center no-repeat;}
.n_wenhua .box1 ul li.on .box:before{ opacity: 1; visibility: visible;}
.n_wenhua .box1 ul li.on .ico img.img01{ display: none;}
.n_wenhua .box1 ul li.on .ico img.img02{ display: block;}
.n_wenhua .box1 ul li.on h3{ color: #fff;}
.n_wenhua .box1 ul li.on span{ color: #fff; }
.n_wenhua .box1 ul li.on p{ color: #fff; }

.n_wenhua .box2{}
.n_wenhua .box2 ul{ overflow: hidden; margin: -5px;}
.n_wenhua .box2 ul li{ width: 33.333%; float: left; padding: 5px; transition: .5s ease-out; -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -ms-transition: .5s ease-out; -o-transition: .5s ease-out; }
.n_wenhua .box2 ul li .box{ height: 3.28rem; background: #f8f8f8; position: relative; z-index: 1; padding: 0.5rem;  }
.n_wenhua .box2 ul li .ico{ margin-bottom: 0.22rem; width: 0.32rem; height: 0.32rem;}
.n_wenhua .box2 ul li .ico img{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.n_wenhua .box2 ul li .ico img.img02{ display: none;}
.n_wenhua .box2 ul li h3{ font-size: 18px; color: #5a5a5a; margin-bottom: 4px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .box2 ul li span{ font-size: 16px; color: #5a5a5a; display: block; margin-bottom: 0.6rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .box2 ul li p{ font-size: 18px; position: relative; display: inline-block; color: #5a5a5a; line-height: 1.5em; font-weight: bold; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .box2 ul li i{ display: block; width: 21px; height: 20px; position: absolute; background: url(../images/wh_yinhao02.png) center no-repeat; background-size: contain; right: -0.48rem; border-bottom: -0.26rem;}
.n_wenhua .box2 ul li.on i{  background: url(../images/wh_yinhao01.png) center no-repeat;}
.n_wenhua .box2 ul li.on .ico img.img01{ display: none;}
.n_wenhua .box2 ul li.on .ico img.img02{ display: block;}
.n_wenhua .box2 ul li.on h3{ color: #fff;}
.n_wenhua .box2 ul li.on span{ color: #fff; }
.n_wenhua .box2 ul li.on p{ color: #fff; }
.n_wenhua .box2 ul li:hover p{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.n_wenhua .box2 ul li:nth-child(1) .box{ background: #215FAC;}
.n_wenhua .box2 ul li:nth-child(3) .box{ background: #215FAC;}
.n_wenhua ul li:hover .ico{ animation: jello 1s; -webkit-animation: jello 1s; }
@-webkit-keyframes jello {
    from, 11.1%, to { -webkit-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@-moz-keyframes jello {
    from, 11.1%, to { -moz-transform: none; transform: none }
    22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

/* 资质 */
.n_zizhi{ width: 100%; padding: 0.6rem 0; overflow: hidden; background: url(../images/n_zizhi_bg.jpg) center top no-repeat; background-size: cover;}
.zizhi_list{}
.zizhi_list ul{ margin-top: -0.48rem;}
.zizhi_list ul li{ width: 25%; float: left; margin-top: 0.48rem;}
.zizhi_list ul li a{}
.zizhi_list ul li .pic{ max-width: 245px;height: 350px; margin: 0 auto; background: #fff;}
.zizhi_list ul li .pic img{ width: 100%; height: 100%; object-fit: contain;}
.zizhi_list ul li .desk{ width: 100%; height: 50px; margin: 0 auto; margin-top: -0.16rem; background: url(../images/zizhi_bg.png) center no-repeat; background-size: contain !important;}
.zizhi_list ul li p{ text-align: center; font-size: 18px; font-weight: bold; color: #252525; line-height: 1.75;}


/*翻页*/
.page { text-align:center; margin-top:0.6rem; font-size: 0;}
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 10px; min-width: 35px; line-height: 33px; height: 35px; display:inline-block; border: 1px solid #d1d3d8; border-radius: 22px; margin:0 7px; color:#868686; text-transform: capitalize; font-size:14px; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }
.page .page-num-current{ background:#215FAC;  color:#fff; border:1px solid #215FAC; }
.page a:hover{ background:#215FAC;  color:#fff; text-decoration:none; border:1px solid #215FAC;}
.page span{ padding:0 0.04rem; line-height: 33px; height: 35px; display: inline-block; border: 1px solid #d1d3d8;transition: all 0.36s ease-in-out; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }
.page span a{ border: 0 !important; background: none !important; height: 33px;}
.page span:hover{ background:#215FAC;  color:#fff; text-decoration:none; border:1px solid #215FAC;}
.page span:hover a{color:#fff;}

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


/* 产品列表 s */
.sortnav_view{
	width: 28%;
	background-color: white;
	padding: 0.4rem 0.3rem;
	margin-right: 2%;
}
/* .sortnav_view_con{
	margin-bottom: 0.35rem;
} */
.sortnav_view .tit{
	position: relative;
	font-size: 0.24rem;
	font-weight: bold;
	line-height: 1.3;
	color: #000;
	padding-bottom: 0.15rem;
	border-bottom: 1px solid #F2F2F2;

}
.sortnav_view .tit::after{
	position: absolute;
	content: "";
	display: block;
	width: 0.72rem;
	height: 0.02rem;
	left: 0;
	bottom: 0;
	background-color: #215FAC;
}
.sortnav_view>ul{
	/* border-top: 1px solid #F2F2F2; */
}
/* .sortnav_view>ul>li.active{
	border-bottom: 1px solid #F2F2F2;
} */
.sortnav_view>ul>li>a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1.5;
	color: #4C4C4C;
	padding: 0.16rem 42px 0.12rem 0.12rem;
	border-bottom: 1px solid #F2F2F2;
}
.sortnav_view>ul>li>a>i{
	position: absolute;
	top: 50%;
	right: 10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	border: 1px solid #F2F2F2;
	color: #000;
	font-weight: normal;
}
.sortnav_view>ul>li>a>i::before{
	font-family: "iconfont" !important;
	content: "\e6a1";
}
.sortnav_view>ul>li.active>a>i::before{
	font-family: "iconfont" !important;
	content: "\e68e";
}
.sortnav_view>ul>li>ul{
	padding: 0.18rem 0.12rem 0.18rem 0.18rem;
	display: none;
}
.sortnav_view>ul>li>ul>li{}
.sortnav_view>ul>li>ul>li>a{
	display: block;
	font-size: 14px;
	line-height: 1.3;
	color: #3c3c3c;
	padding: 0.1rem 0;
}
.sortnav_view>ul>li>ul>li:first-child>a{
	padding-top: 0;
}
.sortnav_view>ul>li>ul>li:last-child>a{
	padding-bottom: 0;
}
.sortnav_view ul li a:hover,.sortnav_view ul li.active>a{
	color: #215FAC !important;
}
.xg_view{
	margin-top: 0.35rem;
}
.xg_view .tit{
	position: relative;
	padding-bottom: .1rem;
	border-bottom: 1px solid #e0e0e0;
		margin-bottom: 0.15rem;
}
.xg_view .tit::after{
	position: absolute;
	content: "";
	display: block;
	width: 0.72rem;
	height: 0.02rem;
	left: 0;
	bottom: 0;
	background-color: #215FAC;
}
.xg_view ul{}
.xg_view ul li:not(:last-child){
	margin-bottom: 0.12rem;
}
.xg_view ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.xg_view ul li .pic{
	width: 35%;
	border: 1px solid #f0f0f0;
}
.xg_view ul li .pic img{
}
.xg_view ul li p{
	margin-left: 4%;
	font-size: 16px;
	line-height: 1.5;
	height: 3em;
	color: #333;
	margin-top: 20px;
	overflow: hidden;
	width: 56%;
}

.n_productlist{
	width: 70%;
}
.n_productlist ul{}
.n_productlist ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 0.35rem;
	background-color: white;
	-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_productlist ul li:nth-child(3n){
	margin-right: 0;
}
.n_productlist ul li a{
	display: block;
}
.n_productlist ul li .pic{
}
.n_productlist ul li .info{
	color: #3b3b3b;
	padding: 0.2rem;
}
.n_productlist ul li:hover .info{
	color: #fff;
	background-color: #215FAC;
}
.n_productlist ul li .info h4{
	font-size: 18px;
	line-height: 1.5;
	height: 3em;
}
.n_productlist ul li .info p{
	font-size: 14px;
	line-height: 1.5;
	height: 3em;
}
.n_productlist ul li .info .more{
	border-top: 1px solid #f2f2f2;
	padding-top: 20px;
	margin-top: 15px;
	font-size: 14px;
	color: #8c8c8c;
	-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_productlist ul li .info .more i{
	font-size: 14px;
	margin-left: 0.04rem;
}
.n_productlist ul li:hover .info .more{
	color: white;
}
/* 产品列表 e */


/* 产品详情 s */
.n_pro_det{
	width: 70%;
}
.n_pro_det .top{
	overflow: hidden;
}
.n_pro_det .top .fl{
	width: 40%;
}
.n_pro_det .top .fl .product_det_pic{}
.n_pro_det .top .fl .product_det_ico{
	margin-top: 0.2rem;
}
.n_pro_det .top .fl .product_det_ico .pic{
	/* border: 1px solid #d7d9db; */
	border: 1px solid #eceef0;
	cursor: pointer;
}
.n_pro_det .top .fl .product_det_ico .swiper-slide-thumb-active .pic{
	border-color: #215FAC;
}
.n_pro_det .top .fr{
	width: 55%;
}
.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 h3{
	font-size: 0.3rem;
	line-height: 1.3;
	color: #215FAC;
	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.6;
	color: #666;
}
.n_pro_det .top .fr .inquiry{
	margin-top: 0.4rem;
}
.n_pro_det .top .fr .inquiry a{
	padding: 0.14rem 0.32rem;
	border-radius: 6px;
	display: inline-flex;
	font-size: 16px;
	color: #fff;
	background-color: #215FAC;
	align-items: center;
}
.n_pro_det .top .fr .inquiry a i{
	margin-right: 0.08rem;
	font-size: 18px;
}

.n_pro_xq{}
.n_pro_xq .view_nav{
	width: 100%;
	background-color: #fff;
} 
.n_pro_xq .view_nav ul{}
.n_pro_xq .view_nav ul li{}
.n_pro_xq .view_nav ul li a{
	position: relative;
	display: inline-block;
	min-width: 2.4rem;
	font-size: 18px;
	line-height: 0.55rem;
	padding: 0 0.2rem;
	color: #434343;
	text-align: center;
}
.n_pro_xq .view_nav ul li.active a{
	background-color: #215FAC;
	color: white;
}
.n_pro_xq .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 #215FAC;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
}
.n_pro_xq .view_con{}
.n_pro_xq .view_con .view_con_item{
	display: none;
	background-color: white;
	padding: 0.3rem;
}
.n_pro_xq .view_con .view_con_item.show{
	display: block;
}
.n_pro_xq .view_con{
	font-size: 16px;
	line-height: 1.75;
	padding-top: 0.35rem;
	padding-bottom: 0.2rem;
	border-bottom: 1px solid #e8e8e8;
}
.n_pro_xq .view_con img{
	max-width: 100% !important;
	height: auto !important; 
}
.n_pro_xq .view_con h3{
	font-size: 24px;
	line-height: 1.3;
	font-weight: 700;
	color: #212121;
	margin-bottom: 0.16rem;
}
.n_pro_xq .view_con h3:not(:first-child) {
    border-top: 1px dashed #ccc;
	margin-top: 0.25rem;
	padding-top: 0.2rem;
}

.n_pro_xq .view_con table{
	width: auto !important;
	max-width: 100%;
}

.n_pro_xq .view_con .scroll{
		overflow-x: auto;
		padding-bottom: 0.1rem;
	}
	.n_pro_xq .view_con .scroll::-webkit-scrollbar {/*滚动条整体样式*/
	    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
	    height: 10px;
	}
	.n_pro_xq .view_con .scroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	    border-radius: 10px;
	    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	    background: #215FAC;
	}
	.n_pro_xq .view_con .scroll::-webkit-scrollbar-track {/*滚动条里面轨道*/
	    /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
	    border-radius: 10px;
	    background: #fff;
	}

.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.2rem;
	font-size: 18px;
	color: white;
	background-color: #215FAC;
}
.n_pro_form form{
	padding: 0.2rem 0.2rem 0.4rem 0.2rem;
}
.n_pro_form form .mauticform-row{
	margin-bottom: 0.16rem;
}
.n_pro_form form input{
	width: 100%;
	line-height: 40px;
	height: 42px;
	border: 1px solid #f5f5f5;
	border-left: 3px solid #215FAC;
	font-size: 16px;
	color: #333;
	padding-left: 0.15rem;
}
.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 #215FAC;
}
.n_pro_form form button{
	display: block;
	width: 100%;
	font-size: 16px;
	color: white;
	line-height: 40px;
	background-color: #215FAC;
	border: none;
	cursor: pointer;
}

.n_pro_form .mauticform-errormsg{
}

.n_pro_recommend{
	width: 100%;
}
.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: #215FAC;
	color: #fff;
	border: 1px solid #215FAC;
}
.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: #215FAC;
}
.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: #215FAC;
}
.n_pro_recommend .swiper-pagination-clickable .swiper-pagination-bullet{
	background-color: #215FAC;
}
/* 产品详情 e */



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

/* 新闻列表 s */
.n_news{ width: 100%; overflow: hidden; padding-top: 0.5rem; padding-bottom:0.5rem;}
.n_news ul{ margin: 0 -15px; margin-top: -0.32rem; overflow: hidden;}
.n_news ul li{ padding: 0 15px; margin-top:0.32rem; overflow: hidden;}
.n_news ul li a{ position: relative; z-index: 1; }
.n_news ul li .img{ width: 3.4rem; height: 2.2rem; float: left; margin-right: 0.32rem; flex-shrink: 0;}
.n_news ul li .img img{ object-fit: cover;}
.n_news ul li .txt{ height: 2.2rem; display: flex; align-content: center; flex-wrap: wrap; position: relative;}
.n_news ul li .txt:before{ content: ""; display: block; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; bottom: 0;}
.n_news ul li .txt:after{ content: ""; display: block; width: 0; height: 1px; background: #215FAC; position: absolute; left: 0; bottom: 0; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }
.n_news ul li .txt span{ font-size: 14px; font-family: Bahnschrift; color: #595959; display: block; width: 100%; margin-bottom: 0.16rem;}
.n_news ul li .txt span:before{ content: ""; display: inline-block; width: 15px; height: 2px; background: #215FAC; vertical-align: middle; margin-right: 0.08rem;}
.n_news ul li h2{ font-size: 18px;line-height: 1.1; color: #464646; font-weight: bold; margin-bottom: 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_news ul li p{ font-size: 15px; color: #737373; line-height: 24px; height: 48px; overflow: hidden;}
.n_news ul li .btn_xx{ height: 0.32rem; line-height: 0.32rem; font-size: 14px; color: #939498; margin-top: 0.2rem;transition: .5s;}
.n_news ul li .btn_xx svg.ico_see{ width: 0.2rem; height: 20px; display: inline-block; vertical-align: middle; margin-right: 0.16rem;}
.n_news ul li .btn_xx svg.icon{ width: 8px; height: 8px; display: inline-block; vertical-align: middle; margin-left: 5px;}
.n_news ul li .btn_xx svg path{ transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s;}
.n_news ul li a:hover h2{ color:#215FAC;}
.n_news ul li a:hover .btn_xx{ color:#215FAC;}
.n_news ul li a:hover svg path{ fill:#215FAC;}
.n_news ul li a:hover .txt:after{ width: 100%;}
/* 新闻列表 e */

/* 新闻详情 s */
.ar_fot{ border: 1px solid #e5e5e5; overflow: hidden; margin-top: 0.48rem;}
.ar_fot ul{ display: flex; align-items: center; justify-content: space-between; position: relative;}
.ar_fot ul li{ float: left; height: 0.68rem; line-height: 0.68rem; padding: 0 0.32rem;}
.ar_fot ul li:nth-child(2){ text-align: right;}
.ar_fot ul li a{ font-size: 16px; display: flex; align-items: center; justify-content: space-between; color: #959595;}
.ar_fot ul li svg{ width: 16px; height: 16px; margin: 0 0.08rem;}
.ar_fot ul:before{ content: ""; display: block; width: 2px; height: 15px; position: absolute; top: 50%; margin-top: -7.5px; left: 50%; background: #cccccc;}
svg{ display: inline-block; vertical-align: middle;}
.ar_fot a svg path{ fill:#888888}
.ar_fot a:hover{ color: #215FAC;}
.ar_fot a:hover svg path{ fill: #215FAC;}

#n_news_xq{ width: 100%; padding: 0.6rem 0; position: relative; z-index: 9;}
#n_news_xq .left_con{ width: calc(100% - 4.36rem); float: left; background: #fff; padding: 0.4rem 0.4rem 0.56rem;}
#n_news_xq .right_con{ width: 3.88rem; float: right; position: sticky; top: 1.44rem;}

.social-share{ display: inline-block;}
.ar_title{ border-bottom: 1px solid #e5e5e5; padding-bottom: 0.24rem; margin-bottom: 0.36rem;}
.ar_title h3{ font-size: 0.24rem; color: #000000; line-height: 0.32rem; margin-bottom: 0.18rem;}
.ar_title h4 span{ margin-right: 0.24rem; font-size: 14px; color: #7d7d7d; line-height: 0.32rem; display: inline-block;}
.ar_title:before{ content: ""; display: block; width: 64px; height: 2px; background: #215FAC; position: absolute; bottom: 0; left: 0;}
.join .ar_title:before{ width: 0.44rem;}
.join .ar_title h4 span{ font-size: 17px; color: #828282;}
.ar_article{ font-size:16px; color:#7d7d7d; line-height: 30px; text-align:justify; }
.ar_article h4{ font-size: 18px;margin-bottom: 0.32rem;}
.ar_article p{font-size:16px;color:#7d7d7d;line-height:30px;}	
.ar_article p:last-child{ padding-bottom: 0;}
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:16px !important;    font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}
.ar_article td *,.ar_article th *{ font-size:15px !important; font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#363636;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6,.ar_article b{ font-weight:bold; color:#232323;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:15px;}

.hot_tt{ padding-bottom: 0.24rem; margin-bottom: 0.24rem; border-bottom: 1px solid #d7d9de;}
.hot_tt h3{ font-size: 0.24rem; color: #454545; margin-bottom: 0.08rem;}
.hot_tt span{ font-size: 0.24rem; color: #c6c6c6; font-family: play; text-transform: uppercase;}

.news_tuijian{}
.news_tuijian ul{}
.news_tuijian ul li{ margin-bottom: 0.2rem;}
.news_tuijian ul li a{ display: flex; align-items: center;}
.news_tuijian ul li .time{ font-family: Bebas; color: #215FAC; margin-right: 0.2rem; font-size: 12px; width: 0.64rem; height: 0.64rem; background: #f4f7f6; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.news_tuijian ul li .time span{ font-size: 0.24rem;display: block; margin-bottom:4px;}
.news_tuijian ul li p{ font-size: 16px; line-height: 1.625em; color: #787878; max-height: 3.25em; overflow: hidden; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.news_tuijian ul li:hover p{ color: #000;}
/* 新闻详情 e */

/* =====================案例样式======================== */

/* 案例列表 s */
.n_gy_list{ padding-top: 0.6rem; padding-bottom: 0.6rem; overflow: hidden;}
.pic06 ul{ margin: 0 -15px;}
.pic06 ul li{ width: 33.333%; float: left; margin-bottom: 0.36rem; padding: 0 15px;}
.pic06 ul li a{ display: block; position: relative;}
.pic06 ul li .img{ width: 100%; position: relative; }
.pic06 ul li .img img{ width: 100%; height: 100%; display: block;}
.pic06 ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;  background: rgba(92,186,124,0.88); text-align: center; opacity: 0;visibility:hidden ; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.pic06 ul li .mask h5{ font-size: 18px; color: #fff; text-align: center;    padding: 0 16px;
white-space: normal;
line-height: 1.5; }
.pic06 ul li .mask span{ font-size: 0.32rem; color: #fff; font-weight: lighter;}
.pic06 ul li .txt{ text-align: center; padding-top: 5px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.pic06 ul li .txt h5{ font-size: 18px; color: #252525; font-weight: bold;}
.pic06 ul li .box{transform:translateY(30px); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-transform:translateY(30px); -moz-transform:translateY(30px); -ms-transform:translateY(30px); -o-transform:translateY(30px); }
.pic06 ul li:hover .mask{ opacity: 1; visibility: visible;}
.pic06 ul li:hover .box{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.pic06 ul li:hover .txt{ opacity: 0; visibility:hidden ; transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); }
.n_gy_list .pic06 ul li .txt{ padding-top: 0.22rem;}
.n_gy_list .pic06 ul li .txt h5{ font-size: 16px; color: #252525;}
/* 案例列表 e */

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

.n_lianxi{ padding: 0.6rem 0;}
.n_lianxi .box1{ overflow: hidden; display: flex; align-items: center; justify-content: space-between;}
.n_lianxi .box1 .left{ float: left; position: relative; z-index: 1;flex: 1;}
.n_lianxi .box1 .left:before{ content: ""; display: block; position: absolute; background: url(../images/lianxi_bg.jpg) center no-repeat; z-index: -1; width: 520px; height: 371px; right: -180px; bottom: -20px;}
.n_lianxi .box1 .right{ float: right; width: 530px; background: #fff; position: relative; z-index: 9; padding: 0.24rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.n_lianxi .box1 .left .tt{ margin-bottom: 0.28rem;}
.n_lianxi .box1 .left .tt h3{ font-size: 0.24rem; color:#35383a; }
.n_lianxi .box1 .left .tt span{ font-size: 0.2rem; color: #b6b6b6; font-family: Roboto; text-transform: uppercase; display: block; margin-top: 0.08rem; margin-bottom: 0.24rem; }
.n_lianxi .box1 .left .tt i{ display: block; width: 25px; height: 1px; background: #215FAC;}
.n_lianxi .box1 .left dl{ margin-top: 0.24rem; margin-bottom: 0;}
.n_lianxi .box1 .left dl dt{ font-size: 18px;line-height: 1.4; color: #215FAC; font-weight: bold; margin-bottom: 11px; padding-left: 0.36rem; position: relative;}
.n_lianxi .box1 .left dl dt img{ position: absolute; left: 0; top: 0.04rem;}
.n_lianxi .box1 .left dl dd{ font-size: 16px; color: #676767; font-weight: bold;  padding-left: 0.36rem;}
.n_lianxi .box1 .left dl .tel{ font-size: 0.20rem;line-height: 1.3; color: #3a3939; }

.n_lianxi .box1 .left dl .wx{
        padding-left: 0.36rem;
}
.n_lianxi .box1 .left dl .wx ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.n_lianxi .box1 .left dl .wx ul li{
    margin-right: 20px;
    margin-bottom: 10px;
}
.n_lianxi .box1 .left dl .wx ul li .ico{}
.n_lianxi .box1 .left dl .wx ul li .ico img{
    width: 120px;
}
.n_lianxi .box1 .left dl .wx ul li .info{
    margin-bottom: 5px;
}
.n_lianxi .box1 .left dl .wx ul li .info p{
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    font-weight: 700;
}
.n_lianxi .box1 .left dl .wx ul li .info p:nth-child(1){
    font-size: 16px;
}

.n_lianxi .ewm{ display: inline-block;padding-left: 22px;}
.n_lianxi .ewm .box{ float: left; display: flex; flex-direction: row-reverse; align-items: center; margin-left: 0.4rem; margin-top: 0.16rem;}
.n_lianxi .ewm img{ border: 1px solid #ddd; width: 109px; height: 109px;}
.n_lianxi .ewm p{ text-align: center; width: 16px; font-size: 14px; color: #282828; margin-right: 0.08rem;  }
.n_lianxi .flex{ display: flex; align-items: flex-end;    justify-content: flex-start;}
.n_lianxi form{}
.n_lianxi form .group{ margin-bottom: 22px; width: 48.5%;}
.n_lianxi form .group .fc-code{position: absolute;bottom: 5px;right: 4px;height: 40px;}
.n_lianxi form .group .fc-code img{height: 100%;}
.n_lianxi form .group.textarea{ width: 100%;}
.n_lianxi form .group.yzm{     width: calc(100% - 169px);}
.n_lianxi form .group.btnbox{ width: 150px;}
.n_lianxi form .span{ display: block; font-size: 16px; height: 17px; color: #3d3d3d; margin-bottom: 0.16rem;}
.n_lianxi form .span i{ color: #e73728;}
.n_lianxi form .input{ height: 50px; border: 1px solid #d5d5d5; width: 100%; padding: 0 18px; font-size: 13px; color: #666;}
.n_lianxi form textarea{ border: 1px solid #d5d5d5; height: 1.08rem; line-height: 1.7; width: 100%; padding: 10px 18px; font-size: 13px; color: #666; font-family: "微软雅黑";}
.n_lianxi form .btn_submit{ height: 50px; width: 155px; background: #215FAC; color: #fff; border: 0; outline: 0; float: right;cursor: pointer;}
::-webkit-input-placeholder{color:#afafaf;}
::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#afafaf;}
::-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#afafaf;}
::-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#afafaf;}
:focus::-webkit-input-placeholder {color: transparent;}
:focus:-moz-placeholder { color: transparent;}
:focus::-moz-placeholder { color: transparent;}
:focus:-ms-input-placeholder {color: transparent;}
#miso_map{ height: 4.5rem; margin-top: 0.5rem; border: 1px solid #e1e1e1;}

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

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



/* -------------------------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 .w16{
		flex-wrap: wrap;
	}
	.n_about .tt span{
		font-size: 16px;
	}
	.n_about .tt h3{
		font-size: 0.3rem;
		line-height: 1.3;
		margin-top: 0.12rem;
	}
	.n_about .left{
		margin-bottom: 0.45rem;
	}
	.n_about .left,.n_about .right{
		width: 100%;
		padding-right: 0;
	}
	.n_about .con{
		font-size: 16px;
		line-height: 1.8;
	}
	
	.n_banner div.pic{
		height: 4rem;
	}
	.n_title{
		display: none;
	}
	#m_n_nav{
		display: block;
	}
	
	.n_wenhua ul li .ico{
		width: 0.5rem !important;
		height: 0.5rem !important;
	}
	.n_wenhua .box1 ul{ flex-direction: column;}
	.n_wenhua .box2 ul{ flex-direction: column;}
	.n_wenhua .box2 ul li{ width: 100%; float: none;padding: 0;}
	.n_wenhua .box1 ul li{ width: 100%;}
	.n_wenhua .box1 ul li.on{ width: 100%;}
	.n_wenhua ul li .box { padding: 0.6rem 0.5rem !important;height: auto !important;}
	.n_wenhua .box2 ul li i{
		height: 16px;
		top: 50%;
		background-size: auto 100%; 
	}
	.n_tt h3{
		font-size: 0.36rem;
	}
	.n_tt span{
		font-size: 16px;
	}
	
	.zizhi_list ul li{width: 50%;}
	.zizhi_list ul li .pic{
		max-width: 160px;
		height: 230px;
	}
	.zizhi_list ul li .desk {
	    height: 33px;
	    background-size: 150% !important;
	}
	
	.page a{
		margin: 0 3px;
	}
	
	/* .n_news ul li .img{
		width: 100%;
		height: auto;
	} */
	
	#n_news_xq .left_con{ width: 100%;}
	#n_news_xq .right_con{ width: 100%; margin-top: 0.6rem; position: inherit;}
	.ar_title{
		padding-bottom: 0.4rem;
		margin-bottom: 0.5rem;
	}
	.ar_title h3{
		font-size: 0.36rem;
		line-height: 1.3;
		margin-bottom: 0.3rem;
	}
	.ar_article p{
		font-size: 14px;
		line-height: 1.75;
	}
	.ar_fot ul li a{
		font-size: 14px;
	}
	.hot_tt{
		padding-bottom: 0.4rem;
		margin-bottom: 0.4rem;
	}
	.hot_tt h3{
		margin-bottom: 0.12rem;
	}
	.hot_tt h3,.hot_tt span{
		font-size: 0.36rem;
	}
	.news_tuijian ul li p{
		font-size: 14px;
	}
	.news_tuijian ul li .time{
		width: 0.8rem;
		height: 0.8rem;
		margin-right: 0.3rem;
	}
	.news_tuijian ul li .time span{
		font-size: 0.36rem;
	}
	
	.pic06 ul li{
		width: 100%;
	}
	.pic06 ul li:not(:last-child){
		margin-bottom: 0.45rem;
	}
	.n_gy_list .pic06 ul li .txt h5{
		line-height: 1.4;
	}
	
	.n_lianxi .box1 {
	    flex-direction: column;
	}
	.n_lianxi .box1 .left dl dt{
		font-size: 14px;
		padding-left: 0.6rem;
	}
	.n_lianxi .box1 .left dl dd{
		font-size: 13px;
		line-height: 1.4;
		padding-left: 0.6rem;
	}
	.n_lianxi .flex {
	    flex-direction: column;
		align-items: flex-start;
	}
	.n_lianxi .ewm{
		padding-left: 0;
	}
	.n_lianxi .ewm .box{
		margin-top: 0.3rem;
		margin-left: 0;
	}
	.n_lianxi .box1 .right {
	    margin-top: 0.6rem;
	    width: 100%;
	}
	.n_lianxi form .span{
		font-size: 14px;
		margin-bottom: 0.25rem;
	}
	.n_lianxi form .group{
		width: 100%;
	}
	.n_lianxi form textarea{
		height: 2.4rem ;
	}
	
	.sortnav_view{
		display: none;
	}
	.n_pro_det,.n_productlist{
		width: 100%;
	}
	
	.cat_page_title{
		font-size: 0.36rem;
		padding-bottom: 0.25rem;
		margin-bottom: 0.4rem;
	}
	.n_productlist ul li,.n_productlist ul li:nth-child(3n){
		width: 49%;
		margin-right: 2%;
	}
	.n_productlist ul li:nth-child(2n){
		margin-right: 0;
	}
	
	.n_pro_det .top .fr .sub_title{
		font-size: 0.3rem;
	}
	.n_pro_det .top .fr h3{
		font-size: 0.4rem;
		padding-bottom: 0.25rem;
		margin-bottom: 0.35rem;
	}
	.n_pro_det .top .fr .inquiry a {
	    padding: 0.2rem 0.5rem;
		font-size: 14px;
		border-radius: 4px;
	}
	
	
	
	
	.ar_article td,.ar_article th{
		padding:8px 6px !important;
		border: 1px solid #dadbdd !important;
		vertical-align:middle !important;
		font-size: 13px !important;
		color: #303030;
		white-space: nowrap;
		text-align: center !important;
	}
	
	.n_pro_form form textarea,.n_pro_form form input{
		font-size: 14px;
	}
	.n_pro_form form textarea{
		padding: 0.25rem;
	}
	.n_pro_form form input{
		padding-left: 0.25rem;
	}
	.n_pro_recommend>.tit h3{
		font-size: 18px;
	}
	
	.n_productlist ul li .info{
		padding: 0.3rem;
	}
	
	.subnav ul li{
		margin-bottom: 0.4rem;
	}
}

@media all and (max-width:768px) {
	.n_news ul li h2{
		font-size: 14px;
	}
	.n_news ul li p{
		font-size: 13px;
		line-height: 1.5;
		height: 3em;
	}
	
	.n_pro_det .top .fl,.n_pro_det .top .fr{
		width: 100%;
	}
	.n_pro_det .top .fr{
		margin-top: 0.45rem;
	}
	.n_pro_det .bot{
		margin-top: 0.5rem;
	}
	.n_pro_xq .view_nav ul li a{
		font-size: 16px;
		line-height: 0.7rem;
	}
	.n_lianxi .box1 .left dl .tel,.n_lianxi .box1 .left dl .wx ul li .info p{
	    font-size: 13px;
	}
	.n_lianxi .box1 .left dl .wx ul li{
	    width: 32%;
	    margin-right: 2%;
	}
	.n_lianxi .box1 .left dl .wx ul li:nth-child(3n){
	    margin-right: 0;
	}
	.n_lianxi .box1 .left dl .wx ul li img{
	    max-width: 100%;
	}
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.n_news ul li .btn_xx{
		display: none;
	}
	
	.n_productlist ul li{
		width: 100% !important;
		margin-right: 0 !important;
	}
	
	.n_pro_xq .view_con h3{
		font-size: 20px;
		margin-bottom: 0.3rem;
	}
	.n_pro_xq .view_con{
		padding-top: 0.5rem;
		padding-bottom: 0.3rem;
	}
}

@media all and (max-width:480px) {
	.n_wenhua ul li.on h3{
		font-size: 16px !important;
	}
	.n_wenhua ul li span,.n_wenhua ul li p{
		font-size: 14px !important;
	}
	.zizhi_list ul li p,.n_pro_det .top .fr .des,.subnav ul li a{
		font-size: 14px;
	}
	.n_productlist ul li .info h4{
		font-size: 16px;
	}
}

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

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