/* CSS Document */
html,body,ul,li,a,span,p{list-style:none; text-decoration:none;  margin:0px; padding:0px; color:#000000;}
a:hover { text-decoration:none; color:#ffffff;} 
body{}
.left { float: left; }
.right{ float: right; }
.fl { float: left; }
.fr{ float: right; }
.center { margin: 0 auto; }
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }
img {
	 vertical-align: middle;
    border: 0;
}
TH {
FONT-SIZE: 14px;
list-style:none;
 text-decoration:none;
}
TD {
FONT-SIZE: 14px;; LINE-HEIGHT:20px;
text-decoration:none;
}
.blank-small{height:30px; line-height:30px; clear:both; font-size:0;}
.blank-middle{ height:50px; line-height:50px; clear:both; font-size:0;}
.blank-big{ height:80px; line-height:80px; clear:both; font-size:0;}


.doc-header{background:#fff;}
.doc-naver{ margin:10px auto;}
.doc-logo{display:block;}
.nav a{color:#000; font-size:16px}

.doc-naver .nav .active a{color:#fff;}
.doc-header.fixed-top{z-index:999;-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, .175);box-shadow:0 3px 6px rgba(0, 0, 0, .175);}
.doc-header.fixed-top .doc-toper,.doc-header.fixed-top .doc-intro{display:none;}
.doc-header.fixed-top .doc-naver{background-color:#fff;}

/*e_box

*/
.e_box {
	border-bottom: 1px solid #ddd;
}
.dao {
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
}

.leftBox a {
	font-size: 16px;
	color: #000000;
	position: relative;
	padding-left: 30px;
	display: inline-block;
	margin-right: 3vw;
	transition: all .5s;
}

.leftBox a:before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../images/l_tel.png);
	background-repeat: no-repeat;
	background-position: center;
}

.leftBox a:last-child:before {
	background-image: url(../images/l_youxiang.png);
}

.tabBox {
	position: relative;
	width: 100%;
	max-width: 80px;
	height: 30px;
	font-size: 14px;
	color: #000000;
	line-height: 30px;
	cursor: pointer;
}

.tablist {
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	background: #494f52;
	overflow: hidden;
	max-height: 0;
	transition: all .5s;
	z-index: 99999;
}

.topnav {
	text-align: right;
	display: flex;
	justify-content: space-between;
}
#lang_box {
	position: absolute;
	top: 37px;
	right: 0;
	width: 134px;
	line-height: 2em;
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	background: #fff;
	z-index: 2222;
}

#lang_box a {
	color: #999;
	font-size: 14px;
}

#lang_box a:hover {
	color: var(--theme-color);
	font-size: 16px;
	font-weight: 700;
}

#lang_box::after {
	content: '';
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	position: absolute;
	top: -8px;
	right: 20px;
	z-index: 1;
}

.tabBox:hover #lang_box {
	opacity: 1;
	visibility: visible;
}

#cn {
	border-right: 1px solid #ccc;
}

#cn,#en {
	float: left;
	padding: 10px 20px;
}

.topnav>a:hover {
	animation: mybibe 3s linear 0s infinite;
}
.L_sousuo {
	position: absolute;
	right: 0;
	top:50%;
	transform: translateY(-50%);
}

/*e_box*/

.fr {
	float: right;
	display: inline;
}
.f-cb {
	zoom: 1;
}

.f-cb:after {
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	content: ".";
}
.f-cb.active {
	background: #fff;
	top: 0 !important;
	box-shadow: -4px 4px 5px rgb(0 0 0 / 20%);
}
 .hvr-left {
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative;
}
.js-m.animate {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.js-m.js-m-2 {
	opacity: 0;
	-webkit-transform: translate(30px, 0);
	-ms-transform: translate(30px, 0);
	transform: translate(30px, 0);
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}

.js-m.js-m-2.animate {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
.js-m.js-m-2.animate:hover .home-dec:before {
	width: 100%;
}
.n_aclick .home-dec:before {
	width: 100% !important;
}


.header1 .nav-sub {
	width: auto;
	background: #fff;
	position: absolute;
	top: 90px;
	left: 0px;
	height: auto;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: -webkit-transform .3s .2s;
	transition: transform .3s .2s;
}

.header1 .nav-sub.active {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
}

.header1 .nav-sub.active .n-nav-sub {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all .2s .3s;
	transition: all .2s .3s;
}

.header1.scroll .nav-sub {
	top: 70px;
}

.header1 .nav-sub .n-nav-sub {
	opacity: 0;
	-webkit-transform: translate(0, -20px);
	-ms-transform: translate(0, -20px);
	transform: translate(0, -20px);
	-webkit-transition: all .2s;
	transition: all .2s;
}

.header1 .nav-sub a {
	height: 45px;
	line-height: 45px;
	display: block;
	padding: 0 40px;
	text-align: left;
	color: #333;
	font-size: 14px;
	position: relative;
	-webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
	transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
}

.header1 .nav-sub a:hover {
	background-color: var(--theme-color);
	color: #fff;
}

.header1 .nav-sub .nav-arrow {
	position: absolute;
	top: 15px;
	right: 10px;
	width: 16px;
	height: 16px;
	opacity: 0;
	-webkit-transform: rotate(0deg) translate(-20px, 0px);
	-ms-transform: rotate(0deg) translate(-20px, 0px);
	transform: rotate(0deg) translate(-20px, 0px);
}

.header1 .nav-sub a:hover .nav-arrow {
	-webkit-transition: -webkit-transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
	transition: transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
	opacity: 1;
	-webkit-transform: rotate(0deg) translate(0px, 0px);
	-ms-transform: rotate(0deg) translate(0px, 0px);
	transform: rotate(0deg) translate(0px, 0px);
}

.icon-up:before {
	content: '\e6a7';
}

.header1 .nav-sub .nav-arrow:before {
	font-size: 16px;
	color: #fff;
}



.logo{width:270px; height:90px; margin:0px auto;  float:left;}
.doc-naver .dh a:link{font-size:14px;}
.navf li a{color:#001535; font-size:14px;}
/*menu*/
#menu{
	width: 3.5rem;
	height: 3.5rem;
	display: block;
	position: absolute;
	right: 0rem;
	top: 1rem;
	text-align: center;
	line-height: 3.5rem;
	z-index: 5;
	padding-top: 1rem;
	transition: all 0.5s;
	opacity: 1;
}
#menu.active{
	opacity: 0;
}
#menu span{
	width: 1.875rem;
	height: 0.1875rem;
	background-color: #12345f;
	margin: 0 auto 0.4375rem;
	display: block;
	line-height: 1;
	transition: all 0.5s;
}
#menu:hover span{
	background-color:#12345f;
}
#menu span:last-child{
	margin-bottom: 0;
}
/*sidenav*/
#sidenav{
	text-align: center;
	position: fixed;
	right: -30rem;
	top: 0;
	width: 30rem;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 6;
	padding: 0 ;
	transition: all 0.5s;
}
#sidenav.active{
	right: 0;
}
#sidenav .close{
	width: 3.5rem;
	height: 3.5rem;
	display: block;
	position: absolute;
	right: 2.1875rem;
	top: 1.25rem;
	transition: all 0.5s;
}

#sidenav .close:hover{
	transform: rotate(180deg);
}
#sidenav .close:hover span{
	background-color: #c6303f;
}
#sidenav .close span:nth-child(1){
	transform: rotate(45deg);
}
#sidenav .close span:nth-child(2){
	transform: rotate(-45deg);
}
#sidenav h3{
	line-height: 5.75rem;
	height: 5.8125rem;
	font-family: "ngbt-bec";
	font-size: 2.25rem;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	margin-bottom: 2.5rem;
}
#sidenav .nav{
	margin-bottom: 3.5rem;
}
#sidenav .nav a{
	display: block;
	line-height: 5.625rem;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	height: 5.6875rem;
	color: #fff;
	font-size: 1rem;
	position: relative;
	transition: all 0.5s;
}
#sidenav .nav a:hover{
	color: #589bd4;
}
#sidenav .nav a span{
	margin-right: 0.625rem;
	display: inline-block;
	line-height: 1;
	transition: all 0.5s;
}
#sidenav .nav a:hover span{
	transform: rotate(360deg);
}
#sidenav .nav a .line{
	margin: 0 auto -0.0625rem;
	width: 0%;
	height: 0.0625rem;
	background-color: #589bd4;
	transition: all 0.5s;
}
#sidenav .nav a:hover .line{
	width: 100%;
}
#sidenav .qr{
	margin-bottom: 3.375rem;
	width: 23.6%;
}
#sidenav .tip{
	text-align: center;
	font-size: 0.8rem;
	color: #fff;
	margin-bottom: 1rem;
}
#sidenav .tel{
	font-family: "微软雅黑 light";
	font-size: 1.125rem;
	color: #fff;
	text-align: center;
}
#sidenav .tel img{
	margin-right: 0.5rem;
	width: 5.15%;
}
.language{ padding:30px 0px;}
.language span{color: #ed5917;font-size: 14px;}





/* 标题 */
.heading{ margin-top:40px;}
.heading p{font-size:16px;line-height:28px;}
.heading hr{margin:10px auto 20px auto;width:40px;height:3px;}
.heading h2{font-size:36px; font-weight:bold; line-height:50px;}
.heading h3{font-size:36px; font-weight:bold; line-height:60px;}
.heading h4{font-size:32px;font-weight:bold; }
.bg-yellow{background:#f6733c}
.text-main{color:#424242;}



.banner{ margin:0 auto; background:url(../images/detailsbgs1.jpg) no-repeat top; }


.bg-naver{background:#252525;border-bottom:solid 2px #be131b;}
.doc-naver .dh a:link{font-size:14px;}
.lb{width:235px;}

.active{background:#fff;}

.main0{ min-height:150px; margin:0px auto; background: #f7f7f7;}







/* 关于我们首页 */
.bg-solution{background:url(../images/parallax.jpg) no-repeat center top; background-size:cover;}
.container-layout {max-width:1080px;}
.about-inside{background:url(../images/img_05.jpg) no-repeat;}
.bg-about{position:relative;z-index:0;}
/* height:450px;background:#FFF;box-shadow:0 8px 30px rgba(0,0,0,.175);  */
.about-info{margin-top:-50px;border-top-right-radius:2em;box-shadow:0 8px 30px rgba(0,0,0,.175);padding:30px 30px 30px 30px}
.about-info p{font-size:14px;line-height:28px;color:#666}
.about-info h2{font-size:26px;font-weight:400;}
.about-info hr{width:30px;height:3px;margin:20px 0 20px 0}



/*应用案例*/
.text-main a{color:#000;font-weight:bold;}
.text-main span{color:#333333;font-weight:bold; padding-left:10px;}

/*新闻动态*/

.xw{  margin:50px auto }
.xwdh{ height:40px; margin:0px auto; text-align: left;}
.xwdh span{ height:40px; line-height:40px; font-size:30px; font-weight:bold; color:#133560;}

.mainSub{width:100px;height:2px;background:#133560;margin:10px auto;}
.xwdhf{ height:40px; line-height:40px; margin:0px auto;text-align:center;}
.xwdhf a{ height:40px; line-height:40px; font-size:14px; color:#3d3d3d;}





.xbox{  padding: 30px;}
.xbox  a{width:100%;height:40px;color:#00224c;font-size:16px;line-height:50px; text-align:left;}
.xbox  p{width:100%;color:#646464; text-align:left;line-height:26px;font-size:14px;}

.xwdh span{font-size:28px; color:#103057; }
.xwdh a{font-size:16px; color:#393838;}
.bot-new-list ul li {overflow:hidden;margin-bottom: 26px;background-color: #ededed;}
.bot-new-list ul li:hover .bot-new-left {min-height:100px;float:left;background:#103057;}
.bot-new-list ul li .bot-new-left {min-height:100px;float:left;background:#BFB8B8;}

.bot-new-right {padding:0 25px;float:left;height:100px; background:#f5f5f5; text-align:left;}
.bot-new-right h2 a{font-size:14px;color:#232323;height:40px;line-height:40px;cursor:pointer;}
.bot-new-right p a {height:50px;line-height:18px;overflow:hidden;color:#4f4f4f;font-size:14px;}
.bot-new-right p a:hover { color:#666;}


.bot-new-left span,.bot-new-left label,.bot-new-left div{display:block;text-align:center;}
.bot-new-left span {padding-top:20px;line-height:30px;height:30px;font-size:26px;font-weight:bold;color:#fff;}
.bot-new-left label {padding:8px 0;line-height:12px;height:12x;font-size:12px;font-weight:bold;color:#fff;}
.bot-new-list ul li:hover .bot-new-left .release {background:url(../images/release_07.jpg) no-repeat;height:22px;}
.bot-new-list ul li .bot-new-left .release {height:22px; color:#fff; font-size:9px;border-top:#d8d8d8 solid 1PX;}
.media:hover{box-shadow:0 10px 15px rgba(0,0,0,0.15);transition: all 0.5s;}



/*关于我们*/
 .page-container {
		padding:10px ;
	}

 .page-main {
	padding: 0 0 100px;}
#pg-common .commons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 10px auto;
	max-width: 960px;
}
#pg-common .common-item {
	margin: 0px 0 150px;
	width: 48.4375%;
	position: relative;
}
#pg-common .common-item .common-body {
	position: absolute;
	right: 4.55%;
	bottom: -80px;
	padding: 13.5px 22px;
	width: 80%;
	text-align: left;
	background-color: #fff;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#pg-common .common-item .common-body .name {
	font-size:16px;
}
#pg-common .common-item .common-body .caption {
	margin: 10px 0 20px;
	font-size:14px;
}
#pg-common .common-item:hover .common-body {
	box-shadow: 2px 8px 20px 0 rgba(31, 32, 68, 0.25);
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
}
#pg-shop .shops-item:hover .shop-body .name, #pg-shop .shops-item:hover .shop-body .seeDetail {
	color: #127dd6;
}
#pg-shop .shops-item:hover .shop-body .seeDetail::after {
	background-image: url('../images/svg/icon-next-hover.svg');
}


button {
	background: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
}
.button1 {
	padding: 17px 0;
	width: 260px;
	font-size:16px;
	letter-spacing: 0.18em;
	overflow: hidden;
	position: relative;
}
.button-ghost {
	border: 1px solid #343434;
	background: transparent;
	-webkit-transition: all 0.3s ease 0.2s;
	transition: all 0.3s ease 0.2s;
	z-index: 1;
}
.button-ghost::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: -webkit-linear-gradient(left, #127dd6, #4ec9e5);
	background: linear-gradient(to right, #127dd6, #4ec9e5);
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0.2s;
	transition: all 0.3s ease 0.2s;
}
.button-ghost:hover {
	border: 1px solid transparent;
	background: transparent;
	color: #fff;
}
.button-ghost:hover::after {
	opacity: 1;
}

.buttonBox {
	text-align: right;
}
.buttonBox .seeDetail {
	padding-right: 74px;
	position: relative;
	font-size:12px;
}
.buttonBox .seeDetail::after {
	content: '';
	position: absolute;
	top: 5px;
	right: 0;
	width: 60px;
	height: 6px; background:url(../images/jian.png) center no-repeat;
}

/* 重点项目 begin */



/* 关于我们
-------------------------------------------------------------- */

.about{}
#inside_dh{width:104px; left:10px;}
#inside_dh a { background:url(../images/hobg.png) no-repeat; font-size:14px;height:40px; padding-top:15px; display:block; padding-left:35px;}
#inside_dh a:hover { font-size:14px; color:#6eb92b; background:url(../images/hoverbg.png) no-repeat;}
#inside_dh a.dq { font-size:14px; color:#6eb92b; background:url(../images/hoverbg.png) no-repeat;}

.gsjjn { max-width:1180px; margin:0 auto; padding-top:55px;} 
.gsbg { background:url(../images/gsbg.jpg) no-repeat center;  margin:0 auto;}
.gsjjn .left {  float:left;}
.gsjjn .right {  float:right;}
.gsjjn h1 { color:##A18254; height:55px; font-size:32px; font-weight: bold; background:url(../images/gsxian.jpg) no-repeat left bottom; padding-bottom:14px;}
.gsbt { color:#e1a400; font-size:16px; display:block; padding-top:10px;}
.gsyw { color:#cecece;display:block; text-transform:uppercase;}
.gswz { display:block; line-height:28px; padding-top:10px; }
.gsjjn a.anniu { margin-top:15px;}
.gsjjn a.anniu:hover { color:#FFF;}
.line1 { width: 54px;
    height: 4px;
    margin-bottom: 45px;
    background-color:#e87405;}
	


/*企业文化*/




/* 产品内页 begin */
/* 左边-产品分类abc begin*/
.nav-inside{}
.nav-inside .menu h3{display:none}
.nav-inside .category{border:0px solid #DDD}
.nav-inside .category h2{height:60px;line-height:60px;padding:0 0 0 20px;font-size:18px;}
.nav-inside .category h2 i{display:inline-block; color:#FFF; margin-right:20px; width:18px; height:18px;border:1px solid #fff;border-radius:50%; margin-top:20px; line-height:14px; text-align:center; font-size:13px;}
.nav-inside .category .cat-tree{padding:0;margin:0}
.nav-inside .category .cat-tree ul li{border-bottom:1px solid #eee;padding-top:5px;margin-bottom:5px;padding-bottom:5px}
.nav-inside .category .cat-tree ul li:last-child{border-bottom:none}
.nav-inside .category .cat-tree ul li a{padding:6px 0 6px 20px;display:block;font-size:16px; color:#666666;}
.nav-inside .category .cat-tree ul li a:hover{color:#103057}
.nav-inside .category .cat-tree ul li a span{font-size:16px; margin-right:10px;}
.nav-inside .category .cat-tree ul li ul{padding:5px 0 5px 15px;}
.nav-inside .category .cat-tree ul li ul li{border:none;padding:0;margin:0}
.nav-inside .category .cat-tree ul li ul li a{padding:5px;display:block;width:46%;float:left;overflow:hidden; color:#666;font-size:14px}
.nav-inside .category .cat-tree ul li ul li a:hover{color:#103057;background:#FFF;}
.nav-inside .category .cat-tree ul li ul li .text-color{color:#103057}
/* 左边-产品分类 end*/

/* 左边-标题 */
.title{padding:10px 0 10px 20px;font-size:18px;color:#fff;}
.title i{display:inline-block;width:22px; height:22px;line-height:18px;border-radius:50%; margin-top:2px;}

/* 左边-联系我们 */
.left-kefu .padding{padding:10px 10px 20px}
.left-contact .media {padding:0;margin:0 0 5px 0}
.left-contact .media span {width:16px;text-align:center;}
.left-contact .media .padding-small-top{margin-top:-2px}

/* 右边-产品列表*/
/* margin-top:-80px;position:relative;z-index:9;background:#FFF */
.product-commend{padding:20px;}
.product-list{padding:0}
.product-list .media{margin:10px 0}
.product-list .media:hover{background:#103057;}
.product-list .media:hover a{color:#FFF}
.product-list .media-body strong{line-height:40px;height:40px;font-weight:normal;font-size:14px;padding:0 10px}


.bread{border-bottom:1px solid #EEE;height:60px;font-size:14px;line-height:60px;color:#999;margin:0;padding:0;}
.bread a{color:#BDBDBD;font-size:14px}
.bread a:hover{color:#999}
.bread li{display:inline-BDBDBD;}
.bread li:after{content:"\002f";padding:0 10px;color:#CCC}
.bread li:last-child:after{content:""}
.bread h2{display: block;font-size: 18px;line-height:60px;position:relative;padding-left:15px;margin-left:20px;float:left}
.bread h2:before{position:absolute;left:0;height:18px;top:22px;width:4px;background:#1247AA;content:""}
/* 联系我们 begin */

.ernav{ width:100%; background:#fff; border-bottom: 1px solid #dbcebd;}
.ernav .right{padding:14px 0;}
.ernav .right span{ color:#a2a2a2; font-size:13px; background:url(../images/dibiao.jpg) no-repeat left center; height:21px; display:inline-block; line-height:21px; padding-left:25px;}
.ernav .right a{ color:#a2a2a2; font-size:13px;display:inline-block; line-height:21px;}
.ernav .left{padding-top:13px;}
.ernav .left a{ font-size:16px; color:#333; margin-right:40px;height: 36px; display: inline-block;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.ernav .left a:hover{ color:#ab0303; border-bottom:3px solid #ab0303;}
.ernav .left .on{ color:#ab0303; border-bottom:3px solid #ab0303;}

.na_lxfs{ padding-top:45px; }
.na_lxfs .na_lxtop{ text-align: left;}
.na_lxfs .na_lxtop h2{ width:90%;font-size:30px; color:#333; font-weight:bold; padding-bottom:35px; border-bottom:#999999 solid 1px;}
.na_lxfs .na_lxtop p{ font-size:14px; color:#333; padding-top:18px;}
.na_lxfs .na_lxtop span{ display:block; font-size:12px; color:#999999; font-family:Arial; padding-top:18px; text-transform:uppercase;}
.p_FLine {
    border-top-color: rgba(153, 153, 153, 1);
}

.na_lxt01{ padding-top:0px;}
.na_lxt01 .lxt01{  float:left;text-align: left; color:#666666;font-size:16px; line-height:30px;}
.na_lxt01 .lxt01 ul li p{ text-align: left; color:#666666;font-size:16px; line-height:36px;}
.na_lxt01 .lxt01 b{ font-weight:bold; color:#3168ce; font-size:15px;}


.na_lxt01 .lxt02{ width:45%; float:left;background:url(../images/shuxian.png) no-repeat right center; text-align:center; color:#666666;font-size:15px; padding:0px 5px; }
.na_lxt01 .lxt02 span{ display:block; padding-bottom:17px; width: 26px; height:36px;
    margin: 0 auto;}
.na_lxt01 .lxt02 b{ font-weight:bold; color:#3168ce; font-size:15px;}


.na_lxt01 .lxt03{ width:27%; float:left;text-align:center; color:#666666;font-size:15px; }
.na_lxt01 .lxt03 span{     display: block;
    padding-bottom: 17px;
    width: 32px;
    margin: 0 auto; height:36px;}
.na_lxt01 .lxt03 b{ font-weight:bold; color:#3168ce; font-size:15px;}



/*友情*/
.yq{background:#133560;}
.yq a{ color:#FFFFFF; line-height:70px; font-size:16px; text-align:left;}




.linkBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.linkBtn span{margin-left:20px; color:#FFFFFF;}
.linkBtn:hover{color:#fff;background-color:#226921; }
.linkBtn{background: #f88415; border-radius:50px;background-size:18px auto;background-position:131px center;width:158px;height:40px;line-height:40px;font-size:14px;text-align: center; margin-bottom:30px;}






.grid {
	position: relative;
	margin: 0 auto;
	list-style: none;
	text-align: center
}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	background: #000;
	text-align: center;
	cursor: pointer
}

.grid figure img {
	position: relative;
	display: block;
	opacity: 1;
	width: 100%;
	height: 100%
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.grid figure figcaption::before,.grid figure figcaption::after {
	pointer-events: none
}

.grid figure figcaption,.grid figure figcaption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.grid figure figcaption>a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0
}

.grid figure p {
	margin: 0;
	text-align: center;
	font-size: 80%
}

figure.effect-chico img {
	-webkit-transition: opacity .35s,-webkit-transform .35s;
	transition: opacity .35s,transform .35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12)
}

figure.effect-chico:hover img {
	opacity: .3;
	-webkit-transform: scale(1);
	transform: scale(1);
	filter: Gray;
	-webkit-filter: grayscale(100%)
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

figure.effect-chico figcaption::before,figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity .35s,-webkit-transform .35s;
	transition: opacity .35s,transform .35s
}

figure.effect-chico p {
	margin: 0 auto;
	margin-top: 15px;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

figure.effect-chico:hover figcaption::before,figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}








.slider{position:relative;text-align:center; margin:0 auto;z-index:1;}
.slider .bd,.slider .bd li,.slider .bd img{width:960px; height:272px}/*请给每个幻灯片套个div并设置id，通过id重置这个地方的宽度，达到自定义效果*/
.slider .bd{z-index:2;overflow:hidden}
.slider .bd li{float:left;width: 100%;overflow:hidden; background-position:center; background-repeat:no-repeat}
.slider .bd li a{ display:block; width: 100%; height: 100%}
.slider .bd li img{display:block}
.slider .hd{ position: absolute; z-index: 3; left: 0; right: 0; bottom:10px; padding: 0 10px; text-align: center}
.slider .hd li{display:inline-block;text-align:center;margin-right:10px;cursor:pointer;background-color:#C2C2C2}
.slider .hd li.active{background-color:#222}
  /*圆点*/
  .dots li{width:10px; height:10px;font-size:0px;line-height:0px;border-radius:50%}
  /*数字*/
  .numbox li{width:20px; height:20px; line-height:20px; font-size:13px;font-family:Arial;font-weight:bold; text-indent:inherit;}
  .numbox li.active{color:#fff}
  /*长方条*/
  .rectangle li{width:40px; height:10px;font-size:0px;line-height:0px}
  
  /*foot样式*/ 
 
.foot{margin:0px auto; background-color:rgba(24, 24, 24, 1); min-height:200px; }
.footneirong{
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-top: ;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:;
	padding-top:4%;
	padding-left: 0px;
	padding-right: 0px;
}


.foot1{margin:0px auto;}
.foot1 h{ font-size:30px; font-weight:bold; text-align:center; color:#d1cfd0;}

.foot2{ padding-left:20px; text-align: left; color:#000000}
.foot2 ul li a{  color:#9b9798}
.foot2 h{ font-size:20px; text-align:center; color:#d1cfd0; margin:0px auto; line-height:45px;}
.bq{  color:#9b9798; border-top:#2f2f2f 1px solid;line-height:30px;}
.dd p{  color:#9b9798; line-height:30px;}
.nav-sitemap li {width:180px;}

.dhfw{background:#242424;width: 100%;
	max-width: 700px;
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top:2%;
	padding-left: 5%;
	padding-right:  2%;
	padding-bottom:2%;}
	
.gridbox1{
		margin-left: 2%;
		margin-right: 0px;
	}

.gridbox2{
		margin-left: 0px;
		margin-right: 0px;
	}


/*.p_gridbox {
	display: flex;
	align-items: center;
	overflow: visible;
}*/
.L_title {
	max-width: 280px;
	font-size: 20px;
	color: #ffffff;
	text-transform: uppercase;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	padding: 15px 20px;
}

.L_title:before {
	content: '';
	width: 7px;
	height: 22px;
	background-color: #b40107;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	position: absolute;
}
.jianjie {width: auto;
	max-width: 351px;
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;}
.jianjie span{font-size:16px; color:#FFFFFF; text-align:left;line-height:1.8;}
.lxwo p {
	font-size: 16px;
	color: #ffffff;
	line-height: 2;text-align: left;
}

.lxwo li {
	position: relative;
	padding-left: 30px;
	margin-bottom: .5rem;
}

.lxwo li:before {
	content: '';
	left: 0;
	top: 8px;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	width: 20px;
	height: 20px;
	position: absolute;
}

.lxwo li:nth-of-type(1):before {
	background-image: url(../images/rbqbhgclyzwebqsqaaaaabq76-a044.png);
}

.lxwo li:nth-of-type(2):before {
	background-image: url(../images/rbqbg2clyzyeqj4naaaaaio57w8191.png);
}

.lxwo li:nth-of-type(3):before {
	background-image: url(../images/rbqbhwcly0wektihaaaaahoylac349.png);
}

.lxwo a {
	font-size: 16px;
	color: #ffffff;
	line-height: 2;
}

.lxwo {
	width: 100%;
	max-width: none;
	min-width: 0px;
	max-height: none;
	min-height: 250px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.moveBtn a.p_head.yjLink { text-align:left;
	font-size: 16px;
	color: #ffffff;
	line-height: 2;
	text-transform: uppercase;
}

.moveBtn a.p_head.yjLink:hover {
	color: var(--theme-color);
}

.moveBtn {
	width: 100%;
	max-width: none;
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	padding: 0px;
}
.moveBtn ul li{
    clear:both; text-align:left;
} 
.foot3{background-color: rgba(36, 36, 36, 1);  text-align: left; color:#000000;padding:20px auto;}
/*内页导航*/


.navbg{ height: auto; margin:30px auto; background:#f5f5f5;}
.navbg ul{ height: 100%; margin:0px auto;}
.navbg ul .left{height: 100%; }
.navbg ul .left a{
     position: relative;
     font-size: 16px;
     height: 80px;
     line-height: 80px;
     padding: 30px 30px;
     color: #222;
     transition: 0.3s ease 0s;}
.left .more:after {
     content: "";
     position: absolute;
     width: 1px;
     height: 15px;
     display: block;
     background: #ccc;
     top: 50%;
     margin-top: -7px;
     right: 0px;
 }
.left a:before {
     position: absolute;
     content: '';
     left: 50%;
     bottom: 0px;
     width: 0%;
     height: 3px;
     background-color: none;
     transition: all .3s;
 }

.left a:hover:before {
     width: 80%;
     left: 10%;
     background-color: #990000;
 }
 
.navbg ul .left a.on,.navbg ul .left a:hover{color:#990000; border:3xp solid #009900;}
.navbg ul .left span:hover .bottomLine{width: 100%; left: 0;}
.navbg ul .left span .line{width:1px; height:12px; background: #b5b5b5; left: auto; top: 22px; right: -20px;}
.navbg ul .left .hide .line{display: none;}

.navbg ul .right{float: right; font-size: 14px;color:#666666;padding-right: 20px;}
.navbg ul .right img{ vertical-align: middle; position: relative; top: -3px;}
.navbg ul .right span,.navbg ul .right a{ font-size:14px;color:#707070; line-height:80px; }
.navbg ul .right a:hover{ color: #01499d;}




.gbn{max-width:1500px; margin:0px auto 50px; min-height:200px;font-size: 16px;}
.gbn img {
	max-width:100%;
}
.gbn p{ line-height:30px;}
.bigbiao{border-bottom:#eee solid 1px;}

.bigbiao a{color:#b40107;letter-spacing:0px;font-size:36px; line-height:80px; font-weight: 500;}
/* 通用分页样式 */



/* 通用分页样式 */
.pages{height:26px; }
.pages li{ float:left; margin-right:5px; }
.pages li a{ display:block; padding:0 10px; border:1px solid #e1e1e1; height:24px; line-height:24px; color:#666;}
.pages li a:hover{ border:1px solid #018ce7; background:#0173be; color:#fff; text-decoration:none;}
.pages li span{ display:block; border:1px solid #e1e1e1; height:24px; line-height:24px; color:#c4c4c4;padding:0 10px; }
.pages .current a{ border:1px solid #c12e71; background:#c12e71; color:#fff;}




/* 内页导航 */




.nyxwk {  margin:0 auto; padding-top:24px; padding-bottom:25px;}

.nrdh{background:#f3f3f3;}
.nymenu { float:left;}
.nymenu ul li { float:left; width:280px; height:41px; line-height:41px; padding-right:3px; margin-bottom:5px;}
.nymenu ul li a { background-color:#E1E2E4; display:block; text-align:center; font-size:16px; color:#000;}
.nymenu ul li a:hover { background-color:#133560;color:#FFF;}
.nymenu ul li a.dq { background-color:#133560;color:#FFF;}



/*手机端显示底部四个按钮*/
.phone-menu0 ul, .phone-menu1 ul{ margin:0; padding: 0;}
/*黑色样式*/
.phone-menu0{ height:54px; border-top:1px solid #b40107; border-bottom:1px solid #b40107; position:fixed !important; bottom:0;left: 0; width:100%; display:none; padding:0; margin:0;z-index: 9999;
              background-image: -webkit-gradient(linear, center top, center bottom, from(#b40107), to(#b40107));
              background-image: -webkit-linear-gradient(top, #b40107, #b40107);
              background-image: -moz-linear-gradient(top, #b40107, #b40107);
              background-image: -o-linear-gradient(top, #b40107, #b40107);
              background-image: -ms-linear-gradient(top, #b40107, #b40107);
              background-image: linear-gradient(to bottom, #b40107, #b40107);

              /*--兼容ie的背景色和圆角--*/
              background: #e87405;
              background: -moz-linear-gradient(top, #b40107 0%, #b40107 100%);
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b40107), color-stop(100%,#b40107));
              background: -webkit-linear-gradient(top, #b40107 0%,#b40107 100%);
              background: -o-linear-gradient(top, #b40107 0%,#b40107 100%);
              background: -ms-linear-gradient(top, #b40107 0%,#b40107 100%);
              background: linear-gradient(to bottom, #b40107 0%,#b40107 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b40107', endColorstr='#b40107',GradientType=0 );
}
.phone-menu0 li{ width:25%; text-align:center; float:left; list-style:none; }
.phone-menu0 li:hover,.phone-menu li.active{ background-color:#333;}
.phone-menu0 li a{ color:#FFF; font-size:12px; text-decoration:none; display: block; white-space: nowrap;overflow: hidden; text-overflow:ellipsis;}
.phone-menu0 li i{ background:url(../images/phone-menu0.png) no-repeat; background-size:25px; margin:6px auto 2px; display:block; width:25px; height:25px; float:none;}
.phone-menu0 li i.icon1{ background-position:0 0;}
.phone-menu0 li i.icon2{ background-position:0 -25px;}
.phone-menu0 li i.icon3{ background-position:0 -50px;}
.phone-menu0 li i.icon4{ background-position:0 -75px;}
.phone-menu0 li i.icon5{ background-position:0 -101px;}


.ShareBoxx{display: none; }


@media (min-width: 992px)
.offset-lg-3 {
    margin-left: 25%;
}

@media (min-width:760px){
.lefter{padding-right:50px;}
}

@media (max-width:760px){
.zj_wxbox{ margin-bottom: 0px;}
.zj_wxbox_wz{  height: auto;float: left; padding:0px 10px;}
.zj_wxbox_wz_t h2{ font-size:18px; color:#7d7d7d; line-height:20px;}
.ly1dh{line-height:50px;  font-size:18px; color:#a51b1b;text-align: left;  }
.ly1dh span{line-height:50px;  font-size:24px; color:#030000;text-align: left; font-weight:bold; padding-right:10px;}
.detail img{display:block;}
 .page-container {
		padding: 4% ;
	}
	.page-inner .page-main {
		padding: 0 0 60px;
	}
		#pg-common .common-item:nth-child(-n+2) {
		margin: 20px 0 0;
	}
	#pg-common .common-item {
		margin: 30px 0 0;
		width: 48.55072%;
	}
	#pg-common .common-item .common-image img {
		height: 32vw;
	}
	#pg-common .common-item .common-body {
		position: relative;
		right: 0;
		bottom: 0;
		padding: 14px 8px 8px;
		width: 100%;
	}
	#pg-common .common-item .common-body .name {
		
		font-weight: 700;
		    min-height: 30px
	}
	#pg-common .common-item .common-body .caption {
		margin: 5px 0 7px;
	}
	#pg-shop .shops-item:hover .shop-body .seeDetail::after {
	}
		.page-contents .page-inner .page-main {
		padding: 0 0 60px;
	}
}

@media screen and (min-width:1200px){

 .ccp{ width:380px; height:285px;}


}
@media screen and (min-width: 960px) and (max-width: 1199px) {
   .ccp{ width:310px; height:230px;}
   
}
@media screen and (min-width: 768px) and (max-width: 959px) {
 .ccp{ width:255px; height:190px;}
   .main0{  margin:0px auto;  }
    .jj{background:#000000;}
	.hqxw{margin:0px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
.info{color:#353535;font-size: 14px;line-height:40px;margin:0px auto;text-align:center;}
 .ccp{ width:100%; }
  .xwzi{ max-height:90px; overflow: hidden;}
  .phone-menu0,.phone-menu1{ display:block;}
  .main0{  margin:0px auto; }
    .lydh{ width:95%;}
	 .jj{background:#000000;}
	 .hqxw{margin:0px;}
	 .pos-re { background:url(../images/ysbg.jpg)  repeat-y ;position: relative;}
	 /* m标签 */
.tab-x .tab .tab-nav li {width:33%;}
.tab-x .tab .tab-nav li a {margin:0 10px;font-size:16px;padding:0;}
.tab-y .tab .tab-nav li{margin:0}
.tab-y .tab .tab-nav li.active a{background:#fff;border:1px solid #EEF0F3}
.tab-y .tab .tab-nav li a {height:50px;line-height:50px;}
.tab-y .tab .tab-nav li:first-child a {border-top-right-radius:10px;}
.tab-y .tab .tab-nav li:last-child a{border-radius:0px;}
.tab-y .tab .tab-nav li.active:after{display:none;}
.tab-y .tab .tab-body {min-height:auto;border-radius:10px;}
}
@media only screen and (max-width: 479px) {
#pg-common .common-item .common-body .name {
	font-size: 14px;}
.pos-re {
    background:url(../images/ysbg.jpg)  repeat-y ;
	position: relative;
}
.ys{ padding-right:0px; height:120px;}
.ysnr{ padding-left:20px;}
.info{color:#353535;font-size: 14px;line-height:24px;margin:0px auto;text-align:center;}
.g_cate a {margin: 10px 5px;}
.jj{ min-height:590px; background:url(../images/jjbg.jpg) no-repeat top; margin-top:0px; padding:0px;}
.jjnr{ background:#f7f7f7;}
  .xwzi{ max-height:90px; overflow: hidden;}
  .phone-menu0,.phone-menu1{ display:block;}
  .main0{ margin:0px auto; }
  .lydh{ width:95%;}
   .jj{}
   .hqxw{margin:0px;}
   
.bot-new-list ul li {overflow:hidden;margin-bottom: 26px;background-color: #ededed;}
.bot-new-list ul li:hover .bot-new-left {min-height:150px;float:left;background:#00224c;}
.bot-new-list ul li .bot-new-left {float:left;background:#BFB8B8;}


.bot-new-right h2 a{font-size:14px;color:#232323;height:40px;line-height:20px;cursor:pointer;}
}
 
.c{

	color: #fff;
	background:#b40107;

	padding: 2px 8px;

	line-height: 18px;

	display: block;

	transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;

}
/* 手机开始 */
#w_grid-1610499961395 .p_gridbox {
    background-position: center center;
    background-attachment: fixed;
}

@media only screen and (max-width: 768px)
{
 .hengfunr1 span{ font-size: 16px !important;
    display: block;
    text-align: center;
    margin-top: 30px;
}}
@media screen and (max-width:640px) {


/* 案例详细页 */


	
li {
    display: block;
    float: left;
    max-width: 100%;
    position: relative;}
.button-large {padding: 10px 25px;margin:10px 0;}
.pagination li { min-width: 10px;}


.tab-x-l{margin-right:0px}
.tab-x-r{margin-left:0px}

/* m标签 */
.tab-x .tab .tab-nav li {width:33%;}
.tab-x .tab .tab-nav li a {margin:0 10px;font-size:16px;padding:0;}
.tab-y .tab .tab-nav li{margin:0}
.tab-y .tab .tab-nav li.active a{background:#fff;border:1px solid #EEF0F3}
.tab-y .tab .tab-nav li a {height:50px;line-height:50px;}
.tab-y .tab .tab-nav li:first-child a {border-top-right-radius:10px;}
.tab-y .tab .tab-nav li:last-child a{border-radius:0px;}
.tab-y .tab .tab-nav li.active:after{display:none;}
.tab-y .tab .tab-body {min-height:auto;border-radius:10px;}

.carousel-pro .border{border:1px solid #F5F6F7;border-top-right-radius:0px;}
.carousel-pro .item .padding{padding:20px;}
.carousel-pro .item h2 {font-size:20px;line-height:28px;}
.carousel-pro .item p{margin-top:10px;}

.quick-pro{padding:0;border-bottom:0px solid #F5F6F7}
.quick-pro .media{margin:20px 0 0 0;}
.quick-pro .media.media-x .media-body{margin-top:-2px;padding-left:10px}
.quick-pro .media.last{margin-left:0px}

.title-block-style5 h5 {font-size: 24px;padding: 0px 50px;}
.partners-style2 ul li{width:50%;}
.partners-style2 ul {margin:0 -10px}
.partners-style2 ul li .logo{margin:4px 10px;}

.home-contact .title{max-width:100%;float:none;padding:10px}
.home-contact .title h2{font-size:36px;padding-top:20%;padding:30px 0 0;}
.home-contact .title p{font-size:16px;}
.home-contact .title a.button{padding:10px 25px}

.list-post-logo .media-body.padding{padding:20px}

.quick-pro .media .media-body strong{font-size:16px;}
.design-diy .media-img .post-zoom{padding-bottom:64%;}
.design-diy .media-img .title h2{margin-top:12%;font-size:24px;font-weight:400}

.gbn {
    margin: 0px 10px;
}
.bigbiao {margin: 0px 20px;
}
.rongyu_style { padding:0px 20px;
}


}