* {
	list-style: none;
	text-decoration: none !important;
	font-size:inherit;
}
a{color:inherit}
html,
body {
	width: 100%;

}
html{
    overflow: auto !important;
}
/*.design li:nth-child(3) div{display:block!important}*/

/*精品案例*/
#div1 ul{
    display: flex;
    justify-content: space-evenly;
}
#div1 li{
    text-align: center;
    color: #fff;
}
#div1 li p{
    text-align: center;
    font-size: 16px;
    line-height: 30px;
}
#div1 li p:nth-child(1){
    width: 45px;
    height: 45px;
    margin: 0 auto;
}
#div1 li p:nth-child(1):hover{
    background: url(/static/images/11.png)!important;
}
#div1 li:nth-child(2) p:nth-child(1):hover{
    background: url(/static/images/22.png)!important;
}
#div1 li:nth-child(3) p:nth-child(1):hover{
    background: url(/static/images/33.png)!important;
}
#div1 li:nth-child(4) p:nth-child(1):hover{
    background: url(/static/images/44.png)!important;
}
#div1 li:nth-child(5) p:nth-child(1):hover{
    background: url(/static/images/55.png)!important;
}
#div1 li:nth-child(6) p:nth-child(1):hover{
    background: url(/static/images/66.png)!important;
}
#div1 li:hover{
    color: #CFA467;
}


/*高端设计团队*/
.imgText .contentDetail {
    display: block !important;
}
.describes{
    position: absolute;
    top: 36%;
    left: 18%;
    color: #fff;
}
.design li{
    list-style: none;
    width: 22%;
    height: 190px;
    position: relative;
    overflow: hidden;
    margin-bottom: 150px;
}
.design li:hover .recommends-content-item__info1{
    opacity: 1;
    transform:  translateY(0);
}
.recommends-content-item__info1{
    position: absolute;
    bottom: 0;
    color: #FEFFFF;
    background: rgba(0,0,0,0.8);
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: 0.5s;
    opacity: 0;
    transform:translateX(-100%);
}
.design li img{
    width:100%;
}
.years1 span{
    font-size: 40px;
    font-weight: 600;
}
.years1 p{
    text-align: center;
}
.years1{
    width: 100%;
    display: flex;
    justify-content: space-around;
    position: absolute;
    top: 30%;
}
.years1 button{
    width: 90px;
    border-radius: 5px;
    border: 1px solid #B9B9B9;
    background: #fff;
    line-height: 25px;
}
.years1 li{
    width: 25%;
    text-align: center;
}
.topFields1 {
    position: absolute;
    top: 30%;
    left: 50px;
    color: #FEFFFF;
    text-align: center;
}
.cases_details{margin: 0px 5px;}
.cases_details button{
    background: #6B7857;
    border: none;
    padding: 10px 30px;
    box-shadow: 0px -3px 2px #979c8a;
    border-radius: 2px;
}
.covers{
    width: 100%;
    height: 110px;
    color: #FAFAFA;
    position: absolute;
    /*z-index: 55;*/
    bottom: 0px;
    padding: 0px 60px;
    text-align: left;
    background: rgb(0,0,0,0.7);
    font-size: initial;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.recommends-content-item img{
    width: 100%;
}
.recommends-content-item{
    list-style: none;
    width: 25%;
    position: relative;
    overflow: hidden;
}
.recommends-content-item:hover .recommends-content-item__info{
    opacity: 1;
    transform:  translateY(0);
}
.recommends-content-item__info{
    position: absolute;
    bottom: 0;
    color: #FEFFFF;
    background: rgba(0,0,0,0.8);
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: 0.5s;
    opacity: 0;
    transform:translateY(-50%);
}


.recommends-content-item2 img{
    width: 100%;
}
.recommends-content-item2{
    list-style: none;
    width: 25%;
    position: relative;
    overflow: hidden;
}
.recommends-content-item2:hover .recommends-content-item__info2{
    opacity: 1;
    transform:  translateY(0);
}
.recommends-content-item__info2{
    position: absolute;
    bottom: 0;
    color: #FEFFFF;
    /*background: rgba(0,0,0,0.8);*/
    background: url(/static/images/ddcb8672566441de14a142a0158edf5.jpg);
    background-size: 100% 100%;
    border: 2px solid #D3D3D5;border-radius: 10px 70px 10px 10px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: 0.5s;
    opacity: 0;
    transform:translateY(-50%);
}
.topFields2{
    padding: 5px;
    position: absolute;
    /*top: 56%;*/
    /*left: 30px;*/
    /*color: #FEFFFF;*/
    color: black;
}
.topFields2 h3{
    height: 50px;
    margin: 20px 0 0 20px;
    text-align: left;
    font-weight: 600;
    color: #4D4D4D;
}
/*body {*/
/*	font-family:'yahei', 'SourceHanSansCN-Regular';*/
	
/*}*/

/*@font-face {*/
/*	font-family: 'SourceHanSansCN-Regular';*/
/*	src: url('http://www.bjhuahai.com/static/font/SOURCEHANSANSCN-REGULAR.OTF');*/
/*}*/

.fadeIn{-webkit-animation:fadeIn .4s 0s ease both;-moz-animation:fadeIn .4s .2s ease both;animation:fadeIn .4s .2s ease both;}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

.fadeInLeft{-webkit-animation:fadeInLeft .4s .2s ease both;-moz-animation:fadeInLeft .4s .2s ease both;animation:fadeInLeft .4s .2s ease both;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}

.fadeInRight{-webkit-animation:fadeInRight .4s .2s ease both;-moz-animation:fadeInRight .4s .2s ease both;animation:fadeInRight .4s .2s ease both;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}

.fadeInTop{-webkit-animation:fadeInTop .4s .2s ease both;-moz-animation:fadeInTop .4s .2s ease both;animation:fadeInTop .4s .2s ease both;}
@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInTop{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}
@keyframes fadeInTop{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}

.fadeInBottom{-webkit-animation:fadeInBottom .4s .2s ease both;-moz-animation:fadeInBottom .4s .2s ease both;animation:fadeInBottom .4s .2s ease both;}
@-webkit-keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInBottom{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}
@keyframes fadeInBottom{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}

.mynav {
	margin-top: 57px;
	position: relative;
	background-color: #FFFFFF;
	box-shadow: 0px 8px 10px #ccc;
	border-top: 1px solid #EFEFEF;
}
.mynav .head-tel{
    position:absolute;
    top:-65px;right:0;
    font-size:17px;
    line-height:30px;
    display: flex;
    width: 100%;
    /*justify-content: space-between;*/
    align-items: baseline;
    justify-content: space-evenly;
}
.mynav .head-tel span{display: inline-block;margin:0 10px;}



.navbar-header {
	margin-top: -24px;
}

.navbar-header button {
	margin-top: 32px;
}

.navbar-fixed-top {
	position: absolute;
}

.navbar-fixed-top .navbar-toggle {
	border-color: #fff;
}

.navbar-fixed-top .navbar-toggle .icon-bar {
	background-color: #6A655F;
}

.navbar-fixed-top .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}

.navbar-fixed-top .icon-bar+.icon-bar {
	margin-top: 4px;
}

.nav>li a {
    text-align: center;
	/*color: #ffffff;*/
	/*padding-left: calc(1vw);*/
	/*padding-right: calc(1vw);*/
}
@media screen and (min-width: 1200px) {
.nav>li a {
	/*color: #ffffff;*/
	/*padding-left: 29px;*/
	/*padding-right: 29px;*/
	text-align: center;
}
}
/*@media screen and (min-width: 656px) and (max-width: 767px) {*/
/*    .nav>li a{ padding:10px 5px;}*/
/*}*/
@media screen and (min-width: 656px) and (max-width: 771px) {
    .nav>li a{ padding:10px 5px;}
}
@media screen and (min-width: 768px) and (max-width: 801px) {
    .mynav .head-tel{ top: -65px!important;}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
    .logo img{width:180px;}
    .container{width:100%!important}
}
@media screen and (min-width:992px) and (max-width:1200px){
    .container{width:100%!important}
}
@media screen and (max-width:1230px){
    .mynav .head-tel{font-size:11px;}
    .system{display:none!important;}
    .rightSystems{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .title .title2{left:0px!important;}
}
.nav>li .nav-child{
    position:absolute;top:100%;left:0;
    background-color:rgba(200, 22, 34, .8);
    display:none;width:100%;padding:1em 0;
    color: #fff;
}
.nav>li .nav-child a{line-height:2.5em;display:none;}
.nav>li:hover .nav-child{display:none;}
/*@media screen and (max-width: 767px) {*/
/*    .nav>li .nav-child{position:relative;width:auto;}*/
/*    #menu{max-height:initial;}*/
/*    .navbar-header .logo img{height:64px;margin-top:10px;}*/
/*}*/
.nav>li a:focus,
.nav>li a:hover {
	background-color: rgba(225, 225, 225, 0.4);
	color: #CFA467;;
}

.years i{
    border-right: 1px solid #B6B6B6;
    height:35px;
    margin-top: 25px;
}
.years{
    display: flex;
    justify-content: space-between;
    background: #FEFEFE;
    margin: 40px;
    padding: 30px;
    /*position: absolute;*/
    top: 30%;
}
.years li p:nth-child(1){
    font-size: 35px;
    font-weight: 600;
    color: #2A2627;
}
.years li p{
    font-weight: 600;
    text-align: center;
}
.system{
    width: 50%;
    padding: 50px;
}
.system h1{
    color:#FE2324;
    font-weight: 600;
    font-size: 46px;
    
}
.system p{
    font-size: 20px;
    font-weight: 600;
}
.principle li{
    margin: 0 30px 20px 0;
    font-size: 13px;
}
.rightSystems div{
    /*width: 30%;*/
    width: 255px;
    height: 200px;
    float: left;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    /*margin-bottom: 25px;*/
}
.rightSystems div img{
    width: 32%;
    margin-top: 50px;
}
.rightSystems p{
    line-height: 45px;
}
.jingyan{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.jingyan p:nth-child(2){
    font-weight: 600!important;
    margin-bottom: 25px;
}

.jingyan p:nth-child(n+3){
    font-size: 20px!important;
}
#year{
    background: url(/static/images/backgrounds.jpg);
    margin-top: 50px;
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    background-size: 100% 100%;
    margin-bottom: 50px;
}
.jingyan div a{
    color: #fff!important;
    background-size: 100%!important;
}
.jingyan div:nth-child(1) a{
    background: url(/static/images/pc_03.jpg);
}
.jingyan div:nth-child(2) a{
    background: url(/static/images/pc_04.jpg);
}
.jingyan div:nth-child(3) a{
    background: url(/static/images/pc_05.jpg);
}
.jingyan div:nth-child(4) a{
    background: url(/static/images/pc_06.jpg);
}
.jingyan div:nth-child(5) a{
    background: url(/static/images/pc_07.jpg);
}
#banner .swiper-container,
#swiper4 .swiper-container {
	width: 100%;
	height: 100%;
}
.aboutimg{
    width: 45px;
    height: 45px;
    position: absolute;
    right: 40px;
    top: 40px;
}
#banner .swiper-slide,
#swiper4 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#banner .swiper-slide img,
#swiper4 .swiper-slide img {
	width: 100%;
}
.navbar-fixed-top{
    top: 12px!important;
}
#banner {
	margin-top: 120px;
}
#fields{
    color: white;
    /*width: 100%;*/
    margin: 60px 80px;
    position: absolute;
    z-index: 999;
}
.bottomField{
    position: absolute;
    bottom: 28%;
    left: 30px;
    color: #FEFFFF;
}
.field{
    width: 25%;
    /*background: url(/uploads/3_BCUiJXH.jpg);*/
    height: 400px;
    background-size: 100% 100%!important;
}
.fieldHover{
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s;
}
.fieldHover:hover{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    transition: all 0.5s;
}
.field h3{
    position: relative;
    top: 60%;
    left: 30px;
    color: #FEFFFF;
}
.topFields{
    position: absolute;
    top: 56%;
    left: 30px;
    color: #FEFFFF;
}
.topFields h3{
    height: 60px;
}
.topField p{
    position: absolute;
    top: 60%;
    left: 30px;
    color: #FEFFFF;
    font-size: 13px;
}
.field img{
    position: relative;
    top: 60%;
    left: 30px;
    color: #FEFFFF;
}

@media (min-width: 1200px){
.container{width:100%}
.jingyan{
    width:100%!important;
    display: flex;
    justify-content: center;
}
.jingyan div{width:20%;padding: 0;}
}

/* index */
.jingyan div a{
	/*background-color: #e1e1e1;*/
	/*background: url(/static/images/pc_03.jpg);*/
	color: #333;
	padding: 15px;
	/*border-right: 1px solid #fff;*/
	display: block;
	margin: 0 -15px;
	/*height: 247px;*/
	height: 375px;
}


.redlin {
	width: 6vw;
	height: 2px;
	background-color: #c81622;

}

.jyle {
	font-weight: 600;
}

.blklin {
	width: 100%;
	height: 2px;
	background-color: #000;
}

.jingyan div:hover .djfw span {
	background: #fff;
}

.djfw {
	/*margin-top: 23px;*/
}

.djfw span {
	display: block;
	/*content: '';*/
	/*width: 36px;*/
	height: 2px;
	background: #000;
	float: left;
	margin-top: 9px;
	margin-right: 5px;
}

.in-product {
	width: 100%;
	height: 510px;
	margin-top: 50px;
	overflow: hidden;
	position: relative;
}

.pro-bg {
	width: 1920px;
	position: absolute;
	left: calc(50vw - 960px);
	z-index: -1;
}

.pro-bg img {
	width: 1920px;
	height: 510px;
}

.title {
	text-align: left;
	padding-top: calc(3vw);
    margin-bottom: 40px;
}

.title h3 {
    text-align: left;
    font-size: 30px;
	font-weight: 600;
	color: #fff;
	/*background: url(/static/images/titlt-bg.png) no-repeat center;*/
	background-size: 100% auto;
}
.oneNew{
    margin-bottom:60PX;
    margin-right: 30px;
}
.newsTop{
    display: flex;
    justify-content: right;
    margin: 20px 0px;
}
.newsTop a{
    margin-left: 20px;
    color: #232323;
    font-weight: 600;
    font-size: 16px;
}
.title p {
	color: #fff;
	font-size: 30px;
    font-weight: 600;
}
.title2 p{
    color: #333;
}
.in-product .proul {
	overflow: hidden;
	padding-top: 10px;
    display: flex;
    justify-content: space-evenly;
}
.col-lg-6{padding-left:0px}
.container{
    width:1250px;
}
.addAbout{
    height:350px;
    overflow:hidden;
    margin-bottom: 30px;
}
.addAbout p{
    color: black;
    padding: 11px 40px;
    font-size: 11px;
}
.addAbout h3{
    color: black;
    padding: 30px 0px 0px 40px;
}

.in-product .proul div {
	height: calc(307px);
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	padding: 0 5px;
}

.in-product .proul div a {
	display: block;
	width: 100%;
	height: 100%;
	/*background-color: #fff;*/
	background: url(/static/images/zsl-bg.png) center/100% 100%;
	overflow: hidden;
	padding-top: 33%;
	color: #333;
	text-align: center;
}

.in-product .proul div a img {
	/*width: 100%;*/
	width: 172px;
	/*height: 65%;*/
	height: 132px;
	margin: 0 auto;
}

.in-product .proul div a p {
	line-height: calc(6vw);
}
.in-product .proul div{transition: all .4s;}
.in-product .proul div:hover{transform: translateY(-10px);} 
.in-product .proul div:hover p{
    color: #c81622;
}
.cases {
	overflow: hidden;
}

.cases:after,
.cases:before,
.cases *:after,
.cases *:before,.pro-ne:after,.cases-al:after,.about-ul:after,.news-li dl:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cases-d {
	text-align: center;
}

.cases-d>div {
	position: relative;
}

.case-b {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

.cases-f {
	overflow: hidden;
	margin-top: 30px;
}

.cases-f-img {
	width: 100%;
	display: block;
	float: left;
}

.gallery-top,
.gallery-thumbs {
	overflow: hidden;
}

.gallery-top .swiper-slide {
	height: 100%;
	opacity: 0.4;
}

.cases-a {
	overflow: hidden;
	padding: 0;
}

.ct-ftoollist {
	margin-left: -13px;
	margin-right: -13px;
}
.ct-ftoollist a{
    display: block;
    width: 49.5%;
    margin-right: 0.5%;
	margin-bottom: 1%;
	float: left;
}
.ct-ftoollist img {
	width: 100%;
	/* margin-right: 6px; */
}

.ct-ftoollist img:nth-child(2n+2) {
	margin-right: 0;
}

.ct-ftoollist img:nth-child(3),
.ct-ftoollist img:nth-child(4) {
	margin-bottom: 0;
}

.case-banner {
	margin-left: -1px;
}

.cases .swiper-slide {
	float: left;
	cursor: pointer;
	/*width: 16.66666666666667%;*/
}
.cases .swiper-slide p{
    margin-top: 20px;
    /*font-size: 24px;*/
}
.cases .swiper-slide:nth-child(1) .case-b{
    display: block;
}
.gongcheng {
	padding: 0 15px;
	padding-top: 30px;
}

.gczj {
	position: relative;
	margin-bottom: 20px;
}

.gczj-top,
.gczj-bot {
	overflow: hidden;
	box-shadow: 0px 2px 10px 0px rgba(13, 4, 8, 0.25);
}

.gczj-top img {
	display: block;
	width: 100%;
}

.gczj-bot h3 {
	text-align: center;
}
@media (min-width: 990px) {
    .gczj-bot .gczj-bot-w{
        height: calc(230 * 100vw / 1920);
    }   
}
.gczj-bot p {
	padding: 0 15px;
	line-height: 30px;
}

.gczj-icon {
	width: 64px;
	height: 95px;
	background-color: #222222;
	color: #fff;
	writing-mode: tb-rl;
	text-align: center;
	line-height: 65px;
	letter-spacing: 9px;
	position: absolute;
	left: 0;
	top: -10px;
}

.title2 .h3 {
	color: #333333;
}

.title2 .h3 span {
	color: #c81622;
}

.zjhh {
	width: 100%;
	height: 610px;
	margin-top: 60px;
	position: relative;
	overflow: hidden;
}
.zjhh .row{
    /*margin-top: 60px;*/
}
.zjhh-bg {
	width: 1920px;

	position: absolute;
	left: calc(50vw - 960px);
	z-index: -1;
}

.zjhh-pic {
	width: 100%;
}

.zjhh-w {
	line-height: 2;
	color: #fff;
	/*padding-top: 35px;*/
	/* padding-left: 50px; */
	letter-spacing: 1px
}

.zjhh-btn {
	display: block;
	margin-top: 20px;
}
.title-a {
	text-align: center;
	margin-top: 60px;
	background: url(/static/images/title-a-bg.png) no-repeat center;
	background-size: 100%;
}

.title-a p {
	display: inline-block;
	width: 180px;
	height: 44px;
	font-size: 24px;
	line-height: 44px;
	color: #ffffff;
	text-align: center;
	margin: 0;
	background-color: #222222;
}

.cur {
	background-color: #c81622 !important;
}

.shili {
	position: relative;
	float: left;
	/* width: 24%; */
}

.shili img {
	width: 100%;
}

.shili-p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	background-color: rgba(0, 0, 0, .5);
	margin: 0;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 24px;
}

#swiper4 {
	width: 100%;
	height: 191px;
	overflow: hidden;
	margin-top: 40px;
	position: relative;
}

#swiper4>div {
	float: left;
}

#swiper4 .swiper-slide {
	width: 277.5px;
	margin-right: 10px;
}

#swiper4 .swiper-button-next,
#swiper4 .swiper-button-prev {
	width: 50px;
	height: 50px;
	background-color: rgba(34, 34, 34, .5);
}

#swiper4 .swiper-button-next:hover,
#swiper4 .swiper-button-prev:hover {
	background-color: rgba(200, 22, 34, .5);
}

#swiper4 .swiper-button-prev:after,
#swiper4 .swiper-button-next:after {
	color: #fff;
}

#swiper4 .swiper-container {
	position: absolute;
	left: 0;
	top: 0;
	height: 191px;
	z-index: 1;
}

#shili1 {
	z-index: 2 !important;
}

.news-tit {
	width: 100%;
	height: 45px;
	background-color: #eeeeee;
	line-height: 45px;
	padding-left: 10px;
	margin-top: 20px;
}

.news-tit a {
	float: right;
	margin-right: 10px;
	color: #666;
}

.news-pic {
	margin-top: 10px;
}

.news-pic img {
	width: 100%;
	margin-bottom: 15px;
}

.news-w p a {
	display: block;
	float: left;
	width: 75%;
	color: #232323;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 600;
}
.news-w p a:hover{
    color: #CFA467;
}
.newsTop a:hover{
    color: #CFA467;
}
.newduo{
    padding: 4px 15px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #999999;
}
.news-w p:after,
.news-w p:before {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;

}

.news-w .oneNew:nth-child(n+3){
		display: none;
	}
.news-w p {
	margin: 0;
	position: relative;
	padding-left: 10px;
	line-height: 2;
	color:#979797

}

.news-w p span {
	float: right;
	color: #979797;
}

.news-w p i {
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #cccccc;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: calc(50% - 2.5px);

}

.wenda {
	margin-top: 10px;
	height: 430px;
	overflow: hidden;
}

.wenda .wen {
	color: #333;
	background: url(/static/images/wen.png) no-repeat center left;
	line-height: 2;
	padding-left: 35px;
}

.wenda .da {
    height: 40px;
	display: -webkit-box;
	display: -moz-box;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	/*显示行数*/
	-webkit-line-clamp: 2;
	color: #666;
	background: url(/static/images/da.png) no-repeat left top;
	padding-left: 35px;

}

.links {
	width: 1200px;
	height: 76px;
	margin: 0 auto;
	margin-top: 50px;
}

.links-a {
	width: 244px;
	height: 60px;
	background-color: #c81622;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	line-height: 60px;
	float: left;
	margin-right: 20px;
}

.links-b a {
	font-size: 18px;
	color: #999;
	line-height: 60px;
	float: left;
	padding: 0 15px;
}

.footer {
	background: #222;
	color: #fff;
}

.foot-nav {
	text-align: center;
	line-height: 62px;
}

.foot-nav a {
	color: #fff;
	font-size: 18px;
	padding: 0 15px;
}
.footer .row a{color:#fff;}
.glyphicon {
	margin-right: 15px;
}

.copyright {
	background-color: #000000;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	border-bottom: 6px solid #C81622;
}

.copyright p {
	margin: 0;
}

.footer p.s21 {
	margin-top: 20px;
}

.copyright a {
	padding: 0 5px;
	color: #fff;
}

/* END */
/* 内页公共 */
.navigation {
	margin-top: 20px;
	font-size: 16px;
}

.navigation a {
	color: #333;
}

.pagetitle {
	text-align: center;
}

.pagetitle h3 {
	font-size: 36px;
}

.pagetitle p {
	font-size: 30px;
	background: url(/static/images/pagetitle-bg.png) no-repeat center;
}
.pages{
	margin: 20px;
	text-align: center;
}
.pages a{
	color: #999;
}
.pages a:hover{
	color: #333;
}
/* END */
/* 产品中心 */
.pro-classification {
	text-align: center;
}

.pro-classification a {
	display: inline-block;
	padding: 0 28px;
	line-height: 69.5px;
	border-radius: 40px;
	color: #333;
	text-decoration: none;
	font-size: 18px;
}

.pro-classification a:hover {
	color: #fff;
	background-color: #c81622;
}
.pro-ne{
	text-align: center;
}
.pro-li {
	background-color: #f7f7f7;
	padding-top: 15px;
	margin-right: 2%;
	margin-bottom: 2%;
}

.pro-li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
}
.pro-li:hover,.pro-li:hover a{
	background-color: #c81622;
	color: #fff;
}
.pro-li img {
	width: 100%;
}

.pro-li p {
	width: 100%;
	text-align: center;
	line-height: 3;
	margin: 0;
}

.pro-ne,.cases-al {
	margin-top: 20px;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    width: 100%;
}
.gczj{
    cursor: pointer;
    width: 20%;
}
.gczj:hover .gczj-icon{
    background: #c81622;
}
@media (min-width: 992px) {
    
	.pro-li {
		width: 32%;
	}
	.pro-li:nth-child(3n+3),.case-li:nth-child(3n+3){
		margin-right: 0;
	}
}
@media (max-width:992px){
    .title{left:initial!important;}
    .recommends-content-item{display:none;}
    #fields{display:none;}
    #Design{display:none}
}
/* END */
/* 工程案例 */
.case-li{
    overflow: hidden;
    margin: 10px;
	width: 20%;
	/*margin-right: 2%;*/
	float: left;
	box-shadow: 0px 2px 14px 0px 
			rgba(13, 4, 8, 0.2);
			margin-bottom: 2%;
			transition:all 1s ease-out;
}
.img-hover{
    width: 100%;
    text-align: center;
    overflow: hidden;
    max-height: 249px;
}
.case-li img:hover{
    transform:scale(1.5);
}
.case-li img{
	/*width: 100%;*/
	/*height: 183px;*/
	height: 240px;
	transition:all 1s ease-out;
}
.case-li p{
	text-align: center;
	line-height: 3;
	margin: 0;
	color: #333;
	overflow:hidden;white-space: nowrap;text-overflow: ellipsis;display: block;
}
/* END */
/* about */
.about{
	margin-bottom: 50px;
}
.about-con{
        line-height: 37px;
}
.about-ul{
	/*height: 175px;*/
	margin: 40px auto;
	}
.about-li{
	height: 175px;
	background: url(/static/images/about-icon.png) no-repeat center ;
	text-align: center;
	padding-top: 60px;
}
/* END */
/* 联系888集团 */
.map{
	width: 100%;
	height: 400px;
	margin-bottom: 50px;
}
/* END */
/* NEWS */
.news-ul{
    margin-top: 30px;
}
.news-li{
	background-color: #f7f7f7;
	padding: 17px 28px;
}
.news-li dt p{
	margin: 0;
}
.news-li dl{
	margin: 0;
}
.news-li dt{
	width: 5%;
	text-align: center;
}
.news-li dt,.news-li dd{
	height: 100%;
	float: left;
}
.news-li dd{
	width: 95%;
	padding-left: 2%;
}
.news-li .s16{
	color: #333;
	display: -webkit-box;
	display: -moz-box;
	 white-space: pre-wrap;
	word-wrap: break-word;
	 overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	 -webkit-line-clamp:1;
}
.news-li .s14{
	color: #666;
	display: -webkit-box;
	display: -moz-box;
	 white-space: pre-wrap;
	word-wrap: break-word;
	 overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	 -webkit-line-clamp:2;   /*显示行数*/
	 margin: 0;
}
.news-li:hover .s16{
	color: #c81622;
	
}
.news-li:nth-child(2n+2){
	background-color: #eee;
}
/* END */
.prod-xiangqing h2{
	margin: 7% auto;
	font-size: calc(20px + 9 * 100vw / 1920);
}
.propic{
    /*display: none;*/
	text-align: center;
}
/*.propic img{*/
/*	width: 80%!important;*/
/*}*/
.con-pro{
	margin-bottom: 50px;
	text-indent: 1cm;
    line-height: 40px;
}


@media (max-width:1200px) {
    .recommends-content-item__info{opacity: inherit; background: none!important;transform:none}
    .topFields{left: 0;text-align: center;top:15%!important}
    .bottomField{display:none}
	.in-product .proul div {
		height: auto;
		clip-path: none;
	}
    
	.zjhh-w {
		color: #333;
	}

	.title p {
		color: #333;
	}

	.footer {
		margin-top: 30px;
	}
}

@media (min-width: 768px){
.col-sm-6{
        width: 50%;
        margin-bottom: 15px;
        padding-right: 0;
    }
.col-sm-12{padding-right:0}
}
@media (max-width: 768px) {
    .col-sm-12{padding-right:0}
    .container{
        width:100%;
        margin-top: 0px;
        box-shadow: none;
        border-top: 0;
    }
	#banner {
		margin-top: calc(74px);
	}

	.banner-btn {
		display: none;
	}

	.gd-p,
	.gd-h5 {
		text-align: center;
	}

	.redlin,
	.blklin {
		display: none;
	}

	.jingyan div {
	    padding-right: 0;
		margin-bottom: 15px;
		/*border-right: 6px solid #fff;*/
	}
	/*.col-sm-12{padding-left:0;}*/

	.title .h3 {
		color: #333333;
	}

	.title .h3 span {
		color: #c81622;
	}

	.in-product .proul div a {
		border: solid 1px #cccccc;
		padding-top: 0;
	}

	.in-product .proul div {
		height: auto;
		clip-path: none;
	}

	.in-product .col-xs-6 {
		padding-right: 7px;
		margin-bottom: 7px;
	}

	.in-product {
		height: auto;
		margin-top: auto;
	}

	.case-b {
		padding: 0 15px;
	}

	.cases-d img {
		width: 100%;
	}

	.gczj-icon {
		width: calc(12vw);
		height: calc(18vw);
		line-height: calc(13vw);
		letter-spacing: calc(3vw);
	}
	.pro-li:nth-child(2n+2),.case-li:nth-child(2n+2){
		margin-right: 0;
	}
	.pro-li,.case-li{
		width: 40%;
	}
	.news-li dt{
		width: 15%;
	}
	.news-li dd{
		width: 85%;
		padding-left: 2%;
	}
	.news-li {
	    padding: 3% 3%;
	}
	.pro-classification a{
		/*padding: 0 5%;*/
	}
	.propic img{
		width: 80%;
	}
    .zjhh .row{
    margin-top: 30px;
    }
    .zjhh{
        margin-top: auto;
        height: auto;
    }

}
.fotterIpone i{font-size:33px;color: #84C819;}
@media (max-width: 850px) {
	.fotterIpone i {
		font-size: 20px;
	}
}
@media (max-width: 1250px) {
	#fields {
	  width: fit-content;
	}
}
@media (min-width: 1200px) {
	.col-zdlg-2-5 {
		float: left;
		width: 20%;
	}
}
@media screen and (max-width:808px){
    /*.mynav .head-tel{display: none;}*/
}
@media (max-width: 800px) {
    #year{display:none;}
    .mynav .head-tel{
        top:0;
        justify-content: space-around;
    }
    .nav-describe{display:none!important}
}
@media screen and (max-width:655px){
    #menu ul{
    flex-wrap: wrap;
    text-align: right;
    justify-content: center!important;   
    }
}
@media (max-width: 992px){
    .pro-li {
        width: 40%;
    }
}
@media (max-width: 450px){
    .pro-li {
        width: 100%;
    }
}
#lingyu{
    display:flex;
    justify-content: space-between;
    margin-top:50px;
}
.coers_desc{
    display: flex;
    width: 40%;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 20px;
}
.coers_desc p{
    width: 170px;
    text-align-last: justify;
    margin: 5px 5px 15px 5px;
}

    
#nav li:nth-child(2) .nav-child div:nth-child(7){display:none!important;}
.describes p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 270px;}
.about-con img{width:100%!important;height:auto!important}
.about-con p{margin:0}
.swiper-pagination{display:none}
 #a_cases{display:block!important;margin-top:0!important;background:black;}
.m_head-tel {display:none}
.banner_fotter {display:none}
.m_container{display:none}
.anchorBL{display:none}
.describes p:nth-child(1){font-size: 44px!important;font-weight: 600!important;}
.covers h3{margin:0 5px}
.sjd{display:none!important}
.covers_desc{display:none}
#m_banner{display:none!important}
/*手机端*/
@media (max-width: 690px) {
    #pc_banner{display:none!important}
    #m_banner{display:block!important}
    .covers_desc{display: block;height: 39px;overflow: hidden;margin-top: 12px;font-size: 13px;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .sjalms_desc{display:none!important;}
    .pcd{display:none!important}
    .sjd{display:block!important}
    #m_fwly a img{margin-bottom:0px!important}
    #banner .swiper-slide img{height:inherit!important}
    #banner .swiper-slide img, #swiper4 .swiper-slide img{height:200px}
    #a_cases{ margin-top: 50px;width: 100%!important;background-color: #fff;}
    #div1 li p{font-size: 12px;color:black}
    #a_cases .title{display:none}
    #div1 li p:nth-child(1){display:none}
    #a_cases ul {padding:0}
    #lingyu{display:none}
    #m_row{padding: 15px;background:#FFFFFF;border-radius:10px 10px 10px 10px; box-shadow:0px 8px 10px #ccc;margin-bottom:50px;background-color: #fff;}
    .pro-classification a{padding: 10px;}
    .prod-xiangqing{flex-direction: column-reverse;}
    .prod-xiangqing div:nth-child(2){border:none!important;margin:0!important;}
    /*.tdtp{padding-left:80px}*/
    /*.sjalms{padding:0px 80px 15px 20px!important;}   */
    .propic img{width: 80%!important;}
    .pro-ne .tdtp{width:170px!important;object-fit:cover}
    .tdtp{height:auto!important;}
    .sjalms{ padding: 15px!important;width: 175px!important;}
    .sjalms a{float: inherit!important;}
    /*.sjalms p{padding-right:10px!important;}*/
    .sjalms h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:16px}
    .about-con {line-height: 1.5;}
    .covers div{display:none!important;}
    .container img{width:25%;height: auto;}
    .cases-al img{width:165px!important;object-fit: cover;}
    .cases_details{display:none}
    .Engineering_none{display:none;}
    .about-con p{margin:0;right:0!important}
    .describes p:nth-child(1){font-size: inherit!important;font-weight: 500!important;}
    .describes p:nth-child(3){background: #FFE4C6;border-radius: 10px;}
    .describes{display: flex;flex-wrap: wrap;justify-content: space-evenly; top: 60%;left: inherit;color: black;}
    .lingyu_covers{padding: 0px 20px; position: absolute;bottom: 20%;text-align: left;width: 100%;height: 110px;color: white;}
    .lingyu_covers h3{font-weight:600;padding-bottom:10px;font-size:30px;}
    .map{height:300px;margin-bottom:0px}
    .news{display:none}
    .newduo{display:none}
    .navigation {display:block!important;}
    .pagetitle{display:block!important;}
    .nav>li:hover .nav-child { display: none;}
    .mySwiper2,.mySwiper21,.mySwiper23,.mySwiper24,.mySwiper25,.mySwiper26{box-shadow: 0px 8px 10px #ccc;padding: 0!important;border-radius: 10px;}
    .mySwiper,.mySwiper1,.mySwiper3,.mySwiper4,.mySwiper5,.mySwiper6{display:none}
    .m_news h3{font-weight:600;color:#34425F}
    .m_news p {font-size: 17px; line-height: 35px;color: #70809B;}
    .m_news a{float:right;font-weight:600}
    .m_news{padding: 10px 20px 45px 20px;background: #FFFFFF;;margin-bottom: 20px;box-shadow: 0px 0px 5px #ccc;}
    .m_newsTop p{display: flex;justify-content: space-around;font-size: 18px;}
    .addAbout p{padding: 5px 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;}
    .swiper-pagination{display:block}
    .swiper{--swiper-pagination-color:#D1A96F!important;}
    .addAbout h3{padding:0;text-indent: 0.6cm;}
    .zjhh-pic{border-radius:10px}
    .col-lg-6{padding:0}
    .pagetitle h3{font-size:30px}
    .pagetitle p{font-size:20px}
    .swiper-button-next, .swiper-button-prev{display:none!important}
    .covers h3{font-weight:600;font-size:21px;margin-top: 6px;}
    .covers{background:#fff;color: black;padding: 0px 20px;display: inline;}
    .swiper-slide1 img{height:200px!important;border-radius: 10px;margin-bottom: 115px;}
    .m_rightSystems{display: flex;}
    .m_rightSystems li{text-align: center;margin: 5px; background: #F2E2C1; padding: 10px;border-radius: 5px;}
    .m_rightSystems li img{width:150px}
    .m_rightSystems h3{font-weight: bold;font-size: 18px;}
    .describes p {white-space: inherit;width: inherit;font-size: 17px;padding:5px;}
    .m_rightSystems p{text-align: left;margin:0}
    .m_years{display:flex;padding-top: 15px;}
    .m_years li{width: 100%; border: 1px solid #BDCFD0;margin: 20px 5px;border-radius: 5px;padding: 0px 5px;display: flex;flex-wrap: wrap;justify-content: center;}
    .m_years li p:nth-child(1){font-weight: 600;margin: 4px;}    
    .m_years li p{width: max-content;font-size: small;}
    .row{display:none}
    .title{display:none}
    .mynav{display:block!important;background: #fff!important;}
    .m_container{display:block;padding: 10px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;background: #F6F7FB;}
    .container{background: #F6F7FB;}
    .m_container ul{padding:0;overflow: auto;}
    .m_row ul{margin-top: 20px;display: flex;justify-content: space-between;}
    .m_title{display:block!important}
    .m_row ul li{text-align:center;}
    .m_row ul li img{width:50%}
    .m_row ul li p{    margin: 5px;}
    .m_title h3 {font-weight: 600!important;color:#3F3F3F}
    .m_title h5 {font-weight: 600!important;color:#3F3F3F}
    .m_title h1{font-weight: 600!important;color:#403F3B;display:inline;font-size: 32px;}
    .banner_fotter{display:block;width:80%;padding:10px;border-radius:20px;margin:0 auto;box-shadow:0px 0px 10px #ccc;position:relative;bottom:20px;background:#F9F9F9;z-index:1;}
    .head-tel{display:none!important}
    .m_head-tel{display:block;display: flex;justify-content: space-between; align-items: center;margin-right: 50px;}
    .m_head-tel img{width:25%!important;}
    .m_head-tel span{font-size:18px;color:#FDC85E}
    .navbar-header {margin-top: -80px;}
    .navbar-fixed-top {top: 20px!important;}
    .navbar-header button {margin-top: 45px;}
    .nav>li>a{text-align:center;}
    .footer,.copyright{display:none}
    .about .about-con p img{width:100%}
    .con-pro p{display:flex;flex-direction: column;}
    .con-pro p img{width:100%!important;height:auto!important}
    #panel,#flip_a,#pane2,#flip_g,#pane3,#flip_l
            {
        	    padding: 20px 30px;
                margin: -15px -15px 10px -15px;
                text-align: center;
                background-color: #fff;
                box-shadow: 5px 10px 10px #eee;
                display: flex;
                justify-content: space-between;
            }
            #panel,#pane2,#pane3 {display:none; }
            .flip_b{
                width: -webkit-fill-available;
                padding: 10px;
                margin-top: 20px;
                background: #fff;
                border: 0;
                box-shadow: 0px 8px 8px 5px #eee;
            }
            .m_fotter{
                display: flex;
                justify-content: space-around;
                margin-top: 30px;
            }
            .fotter_t{text-align:center;width:50%;}
            .fotter_x{
                display: flex;
                justify-content: space-around;
                background: #fff;
                margin: -5px -15px;
                padding: 5px;
            }
}


<!--耗时1751460512.1564秒-->