@charset "utf-8";
/* CSS Document */
*{
	box-sizing: border-box;
	-webkit-tap-highlight-color:transparent;
}
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu
	{
		margin:0;
		padding: 0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
html, body 
	{
        font-family:"Microsoft Yahei",Tahoma, Helvetica, Arial, sans-serif;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 20px;
    }
a,a:hover,a:focus,a:visited
{
	text-decoration: none;
	outline:none !important;
	outline:0;
}
ul,ul li,ol,li 
	{
		list-style: none outside none;
	}
input[type="submit"], input[type="reset"], input[type="button"], input
	{
    	resize: none;
    	border: none;
    }
textarea
	{
		resize: none;
	}
a
	{
	text-decoration: none;
	}


img {
    vertical-align: middle;
    border: none;
    width: 100%;
    height: 100%;
}

i 
	{
		font: inherit;
    }
    .x-img{
        overflow: hidden;
    }
/*单行溢出*/
.one-txt-cut{
    overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#delbox{
    margin-right:0;
}
.flex{
  display:box;
  display:-webkit-box;
  display:-webkit-flex; 
  display:-moz-box; 
  display:-ms-flexbox; 
  display:flex;
}
.flex-j{
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
}
.flex-w{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap:wrap;
}
.flex-s{
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: center;
  }
.flex-c{
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
  }
.align-center{
  -webkit-align-items:center;
  -moz-align-items:center;
  -ms-align-items:center;
  -o-align-items:center;
  align-items:center;
}
.flex-cm{
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  }
.trs{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.content
	{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	
	}
.ani-delay{
    animation-delay: .4s;
}
/* 头部 */
.header{
    width: 100%;
    background: #fff;
}
.headerbox{
    height: 6rem;
}
.header-l{
    width: 55%;
}
.header-l .logo{
    width:100%;
}
.header-font{
    padding-left: 1.25rem;
    margin: 1.25rem;
    border-left: 1px solid #ebebeb;
}
.header-font h1{
    color: #444;
    font-size: 1rem;
}
.header-font p{
    padding-top: .25rem;
    color: #999;
    font-size: .7rem;
}
.header-r .head-dh{
    border-radius: 50%;
}
.header-r .iconfont{
    font-size: 1.5rem;
    padding: .5rem;
}
.header-r .telbox p{
    font-size: .6rem;
    color: #808080;
    margin-left: .75rem;
}
.header-r .telbox h1{
    font-size: 1.3rem;
    margin-left: .75rem;
}
/* 导航 */
.nav{
    width: 100%;
}
.nav .nav1li{
    flex: 1;
    margin:0 1px;
    position: relative;
    text-align: center;

}
.nav .nav1li .nav1a {
    font-size: .8rem;
    color: #fff;
    font-weight: bold;
    line-height: 2.5rem;
}
.nav1a .iconfont{
    font-size: .6rem;
    padding-left:.5rem;
    color: rgba(255, 255, 255, .7);
}
.nav .nav1li.active{
    background:rgba(0, 0, 0, .15);
}
.nav .nav1li.active .nav1a{
    color:  #fff;
}
.nav .nav1li:hover .nav1a{
    color:  #fff;
}
.nav .nav1li:hover{
    background:rgba(0, 0, 0, .15);
}
.nav .nav2ul{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100%;
    background-color: white;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
}
.nav .nav2li{
    padding: 0 1rem;
    border-bottom: 1px solid #ebebeb;
}
.nav .nav2li:last-child{
    border: none;
}
.nav .nav2li a{
    font-size: .7rem;
    color: #444;
    text-align: center;
    display: block;
    padding: .5rem 0;
}
.nav ul>li:hover .nav2ul{
    visibility: visible;
    opacity: 1;
}

.nav .nav2li:hover a{
    color: #fff;
}
.nav.on{
    top: 0;
    position: fixed;
    left: 0;
    z-index: 500;
}
/* 搜索框 */
.search,.bread{
    background-color: #fff;
    line-height: 3.5rem;
    border-bottom: 1px solid #e4e3f0;
}
.search .hot-s span,.search a{
    font-size: .8rem;
}
.search .hot-s span{
    color: #808080;
    margin-right:1rem;
    font-weight: bold;
}
.search .hot-s a{
    color: #444;
    padding: 0 .25rem;
}
.search .hot-s a:hover{
    text-decoration: underline;
    font-weight: bold;
}
.search-b1{
    border-bottom: 1px solid transparent;
}
.search-b .inp{
    color: #444;
    font-size: .7rem;
    padding-left: .75rem;
    line-height: 1.75rem;
    width: 15rem;
    outline: none;
}
.search-b .but{
    padding: 0 1.75rem;
    background:url(/static/images/fdj.png) center center no-repeat;
    cursor: pointer;
    line-height: 1.75rem;
    background-color: #fff;
    font-size: .8rem;
}
.search-b .but:hover{
    background:url(/static/images/fdj2.png) center center no-repeat;
    background-color: #fff;
}
/* 内页面包屑 */
.bread-l span{
    font-weight: bold;
    color: #333;
}
.bread-l span,.bread-l a,.bread-l p{
    font-size: .7rem;
}
.bread-l .iconfont{
    font-size: .6rem;
}
.bread-l a{
    color: #808080;
}
.bread-l .iconfont{
    color:#999;
}
.bread-l .iconfont{
    padding: 0 .35rem;
}
.bread-l p{
    font-weight: bold;
}
.bread-l a:hover{
    font-weight: bold;
}
/* PC底部 */
.footer{
    background:#242424;
}
.f-t{
    padding: 3rem 0;
    -webkit-align-items:flex-start;
    -moz-align-items:flex-start;
    -ms-align-items:flex-start;
    -o-align-items:flex-start;
    align-items:flex-start;
}
.f-l>ul>li{
    padding-right: 1rem;
}
.f-l>ul>li>a{
    font-size: .7rem;
    color: rgba(255, 255, 255, .8);
}
.f-nav2{
    font-size: .6rem;
    color: rgba(255, 255, 255, .6);
    line-height: 1.2rem;
}

.f-c{
    border-left: 1px solid rgba(255, 255, 255, .15);
    border-right: 1px solid rgba(255, 255, 255, .15);
    padding: 0 2rem;
    margin-left: 2rem;
    width: 30%;
}
.f-c h6{
    font-size: .7rem;
    color: rgba(255, 255, 255, .8);
    padding-bottom: 1rem;
}
.f-c p{
    font-size: .6rem;
    color: rgba(255, 255, 255, .6);
    line-height: 1.5rem;
}
.f-r{
    flex: 1;
}
.f-r .ewm{
    width: 4.5rem;
    height: 4.5rem;
    background-color: #fff;
    padding: .25rem;
    margin-left: 2rem;
}
.f-r .ewm p{
    font-size: .6rem;
    color: rgba(255, 255, 255, .6);
    text-align: center;
    padding-top: .5rem;
}



.f-r .ewm img{ width:100%; height:100%}


.f-b{
    border-top: 1px solid rgba(255, 255, 255, .15);
}
.f-b p{
    text-align: center;
    font-size: .6rem;
    padding: .5rem 0;
    color: rgba(255, 255, 255, .4);
}
.f-l>ul>li>a:hover{
    color: rgba(255, 255, 255, 1);
}
.f-nav2:hover{
    color: rgba(255, 255, 255, 1);
}
/* 内页分页 */
.pages{
    text-align: center;
    justify-content: center;
    padding-top:2rem;
}
.pages .iconjiantou{
    font-size: .8rem;
    color: #999;
    display: block;
}
.pages a{
    margin: 0 .25rem;
}
.pages .page{
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #e6e6e6;
    background: #fff;
    line-height: 1.5rem;
    color: #808080;
    font-size: .8rem;
}
.pages a.active{
    color: #fff;
}
.pages a.prev{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.pages .page:hover{
    color: #fff;
}
/* 返回顶部 */
.go-top{
    position: fixed;
    right: 0;
    top: 70%;
    z-index: 500;
}
.go-top .item{
    width: 2rem;
    height: 2rem;
    margin-bottom: .1rem;
    box-shadow: 0 0 10px rgba(255, 255, 255, .05);
}
.go-top .dh,.go-top .ewm{
    position: relative;
}
.go-top .iconfont{
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 2rem;
}
.go-top .dh-active{
    width: 6rem;
    height: 2rem;
    position: absolute;
    left: -6.5rem;
    top: 0;
    color: #fff;
    text-align: center;
    line-height: 2rem;
    opacity: 0;
    visibility: hidden;
}
.go-top .dh-active p{
    font-size: .75rem;
}
.go-top .code img{
    width: 85%;
    height: 85%;
    margin: auto;
    display: block;
    padding-top: .25rem;
}
.go-top .ewm-active{
    position: absolute;
    padding: .15rem;
    width: 6rem;
    height: 7.5rem;
    left: -6.5rem;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);
    background: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.go-top .ewm-active .wenzi{
    width: 100%;
    height: 2rem;
    text-align: center;
    line-height: 1rem;
    border-top: 1px solid rgba(0, 0, 0, .1);;
    padding-top: .25rem;
    margin-top: .25rem;
}
.go-top .wenzi p{
    font-size: .6rem;
}
.go-top .ewm-active::after{
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    width: 0;
    height: 0;
    border-width: 10px 12px 10px 10px;
    border-style: solid;
    border-color:  transparent transparent transparent #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.go-top .item:hover .ewm-active,.go-top .item:hover .dh-active{
    opacity: 1;
    visibility: visible;
}
.go-top .backtotop{
    display: none;
}

/* 移动端导航 */
.mo-top{
    display: none;
    width: 100%;
    background: white;
    position: fixed;
    box-shadow: 0 5px 10px rgba(108, 128, 111, .1);
    z-index: 500;
    top: 0;
    left: 0;
    border-bottom: 1px solid;
}
.mo-top a{
    display: block;
    overflow: hidden;
    width: 25%;
    line-height: 60px;
}
.mo-top a img{
    max-width: 100%;
}
.mo-nav .s1,.mo-top .s2,.mo-top .s3{
    width: 22px;
    height: 2px;
    display: block;
    position: relative;
    overflow: hidden;
}
.su::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    transition: all 0.25s ease;
}
.mo-nav:hover .su::after{
    transform: translateX(0);
}
.s1::after{
    transition-delay: .2s;
}
.s2::after{
    transition-delay: .4s;
}
.s3::after{
    transition-delay: .6s;
}
.mo-nav .s2{
    margin-top: 6px;
}
.mo-nav .s3{
    margin-top: 6px;
}
.mo-nav.on .s1{
    -webkit-transform: matrix(1,0,0,1,0,8) rotate(45deg);
    transform: matrix(1,0,0,1,0,18),rotate(45deg);
}
.mo-nav.on .s2{
    opacity: 0;
}
.mo-nav.on .s3{
    -webkit-transform: matrix(1,0,0,1,0,-8) rotate(-45deg);
    transform: matrix(1,0,0,1,0,-18),rotate(-45deg);
}
/* 移动端导航下拉 */
.navdown{
    display: none;
    width: 100%;
    background: #fff;
    z-index: 500;
    position: fixed;
    top: 3rem;
    left: 0;
}
.navdown ul li{
    width: 100%;
    border-bottom: 1px dashed #eee;
}

.navdown ul li a{
    padding: 1rem;
    color: #444;
    width: 100%;
    display: block;
    font-size: .8rem;
}
.mask{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 499;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}
/* 移动端状态栏 */
.mo-footer{
    height: 3rem;
    width: 100%;
    z-index: 100;
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, .05);
    display: none;
}
.mo-footerbox{
    height: 100%;
}
.mo-footer a{
    display: block;
    width: 25%;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, .32);
}
.mo-footer a:nth-child(4){
    border: none;
}
.mo-footer p,.mo-footer .iconfont{
    color: #fff;
}
.mo-footer .iconfont{
    font-size: 1.25rem;
}
.mo-footer p{
    font-size: .7rem;
}
/* 移动端底部 */
.mo-copyright{
    background: #3b3b3b;
    width: 100%;
    text-align: center;
    display: none;
    margin-bottom: 3rem;
    padding: 1.5rem 0;
}
.mo-copyright p{
    font-size: .6rem;
    color: rgba(255, 255, 255, .6);
}
.mo-copyright p:nth-child(1){
    padding-bottom: .5rem;
}
/* 首页banner */
.swiper1{
    width: 100%;
    height: 30rem;
    position: relative;
}
.swiper1 .swiper-slide{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.swiper1 .swiper-button-prev{
    left: 10%;
}
.swiper1 .swiper-button-next{
    right: 10%;
}
.swiper1 .iconfont{
    font-size: 2rem;
    color: rgba(255, 255, 255, .6);
    z-index: 100;
}
.swiper1 .swiper-button-prev:after,.swiper1 .swiper-button-next:after{
    content: ''!important;
}
.swiper1 .swiper-button-prev .iconjiantou{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.banner .swiper1 .swiper-pagination{
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.banner .swiper1 .swiper-pagination-bullet{
    width: 2rem;
    height:.2rem;
    opacity: .6;
    background-color: #fff !important;
    margin: 0 .5rem !important;
    border-radius: 0 !important;
}
.banner .swiper1 .swiper-pagination-bullet-active{
    border: none;
    opacity: 1;
}
/* 首页标题 */
.tit{
    -webkit-align-items:flex-end;
    -moz-align-items:flex-end;
    -ms-align-items:flex-end;
    -o-align-items:flex-end;
    align-items:flex-end;
    padding-bottom: 2rem;
}
.tit h1{
    font-size: 1.8rem;
    color: #333;
    padding-right: .75rem;
}
.tit span,.tit p{
    font-size: .8rem;
    color: #808080;
    font-family: Arial Black;
    font-style: italic;
    text-transform: uppercase;
}
/* 首页更多 */
.more{
    position: relative;
    display: block;
}
.more p{
    font-size: .8rem;
    color: #333;
    padding-right: .75rem; text-align:center
}
.more .iconfont{

    font-size: .6rem;
    color: #999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.more:hover p{
    padding-right: 1rem;
}
/* 分类样式 */
.item-nav ul li{
    margin-bottom: 2rem;
    margin-right: 1.5rem;
}
.item-nav ul li a{
    padding: .5rem 1rem;
    font-size: .9rem;
    color: #333;
    background: #f0f0f0;
}
.item-nav ul li a.active{
    color: white;
}
.item-nav ul li a:hover{
    color: white;
}
/* 服务项目 */
.project,.product{
    margin: 4rem 0;
}
.proj-cowbox,.prod-cowbox{
    margin:-.5rem;
}
.proj-row,.prod-row{
    padding: .5rem;
    width: 25%;
}
.proj-rowbox,.prod-rowbox{
    display: block;
}
.proj-img,.prod-img{
    width: 285px;
    height: 214px;
}
.prod-img{
    border: 1px solid #dbdbdb;
}
.proj-font,.prod-font{
    background: #f1f1f1;
    position: relative;
}
.proj-font h1,.prod-font h1{
    text-align: center;
    font-size: .8rem;
    color: #333;
    font-weight: normal;
    padding: 1rem;
}
.proj-font::before,.prod-font::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .1rem;
    opacity: .1;
}
.proj-font::after,.prod-font::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .15rem;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
    -webkit-transition: transform .6s;
    -moz-transition: transform .6s;
    -ms-transition: transform .6s;
    -o-transition: transform .6s;
    transition: transform .6s;
}
.proj-rowbox:hover .proj-font::after,.prod-rowbox:hover .prod-font::after{
    -webkit-transform-origin:left;
    -moz-transform-origin:left;
    -ms-transform-origin:left;
    -o-transform-origin:left;
    transform-origin:left;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.proj-rowbox:hover .proj-img img,.prod-rowbox:hover .prod-img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/* 施工案例 */
.case{
    padding: 2rem 0;
    background: url(/static/images/case-bg.jpg) no-repeat center center;
    background-size: cover;
}
.case-cow{
    padding-bottom: 2rem;
    max-width: 1840px;
    margin: auto;
}
.case-cowbox{
    margin: -.25rem;
}
.case-row{
    padding: .25rem;
    width: 25%;
}
.case-rowbox{
    display: block;
    position: relative;
}
.case-img{
    width:453px;
    height: 339px;
}
.case-img img{
    max-width: 100%;
}
.case-font{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.case-font h1{
    text-align: center;
    color: white;
    font-size: .8rem;
    font-weight: normal;
    padding: .75rem 1rem;
    background: rgba(0, 0, 0, .4);
}
.case-rowbox:hover .case-img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.case-advibox{
    padding: .5rem 2rem;
}
.case-advi .iconfont{
    color: white;
    font-size: 1.4rem;
    padding-right: .5rem;
}
.case-advi h1{
    font-size: 1.2rem;
    color: white;
}
/* 施工案例内页 */
.ny-lb .case-img{
    width: 292px;
    height: 219px;
}
.ny-lb .case-cow{
    padding-bottom: 0;
}
/* 我们的优势 */
.advan{
    padding: 4rem 0;
    background: url(/static/images/advan-bg.jpg) no-repeat center center;
    background-size: cover;
}
.advanbox{
    position: relative;
}
.advan .tit{
    text-align: center;
    padding: 0;
}
.advan h1{
    padding-right: 0;
}
.advan-l{
    margin: 8rem 0;
    position: relative;
    z-index: 1;
}
.advan-bimg{
    width: 497px;
    height: 497px;
    border-radius: 50%;
}
.advan-l::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 110%;
    height: 110%;
    border-radius: 50%;
    border: 1px dashed;
}
.advan-l::after{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 130%;
    height: 130%;
    border-radius: 50%;
    border: 1px solid;
    border-color: #d9d9d9;
}
.advan-cow{
    z-index: 2;
    position: absolute;
    right: 0;
}
.advan-cow1{
    top: 3rem;
    width: 70%;
}
.advan-cow2{
    top: 10.5rem;
    width: 55%;
}
.advan-cow3{
    top: 18rem;
    width: 52%;
}
.advan-cow4{
    top: 25.5rem;
    width: 55%;
}
.advan-cow5{
    top: 33rem;
    width: 70%;
}
.advan-cowbox{
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
}
.advan-img{
    width: 110px;
    height: 110px;
    border-radius: 50%;
    margin-right: 1rem;
}
.advan-font{
    width:80%;
    border-bottom: 1px solid;
    position: relative;
}
.advan-font::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: -.2rem;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
}
.advan-font h1{
    font-size: 1.2rem;
    color: white;
    padding: .75rem;
    margin-right: 1rem;
}
.advan-font p{
    font-size: .8rem;
    color: #333;
    -webkit-line-clamp: 2;
    line-height: 1.2rem;
}
.advan-l:hover .advan-bimg img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.advan-cow:hover .advan-img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/* 咨询电话栏目 */
.advi{
    background: url(/static/images/advi-bg.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.advibox{
    position: relative;
    background: url(/static/images/advi1.png) no-repeat;
    background-position: left top;
    background-size: auto;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    padding: 5rem 0;
}
.advibox:hover{
    background-position: 8px 2px;
}
.advi-font{
    width: 67%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.advibox h1{
    font-size: 1.8rem;
    color: white;
}
.advibox p{
    font-size: .8rem;
    color: white;
    margin: .75rem 0 1rem;
    -webkit-line-clamp: 2;
}
.advi-dhbox{
    padding: .5rem 2rem;
}
.advi-dh .iconfont{
    font-size: 1.5rem;
    color: white;
    padding-right: .5rem;
}
.advi-dh h1{
    font-size: 1.2rem;
    color: white;
}

/* 公司简介 */
.about{
    height: 18rem; margin-top:1rem;
}
.about-l{
    width: 570px;
    height: 360px;
    position: relative;
}
.about-img{
    width: 570px;
    height: 360px;
}

.about-r{
    padding: 2rem;
    background: url(/static/images/about-bg.jpg) no-repeat center center;
    background-size: cover;
}
.about-r .tit h1{
    padding-bottom: .5rem;
}
.about-r .about-font{
    padding-bottom: 2rem;
}
.about-font p{
    font-size: .8rem;
    color: #444;
    line-height: 1.8rem;
    -webkit-line-clamp: 5;
}
.about-r .more .iconfont{
    left: 10%;
}
/* 首页新闻 */
.news{
    background: #b8b8b8;
    padding-bottom: 5rem;
    position: relative;
    z-index: 1;
}
.news::after{
    content: '';
    width: 40%;
    height: 9rem;
    position: absolute;
    top: 0;
    left: 0;
    background: #333333;
    z-index: -1;
}
.newsbox{
    position: relative;
    z-index: 2;
}
.n-tit{
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    padding: 2rem 1.5rem;
    background: url(/static/images/news1.png) no-repeat;
    background-position:center;
    background-size: auto;
    z-index: 2;
}
.n-tit .tit h1{
    color: white;
    padding-bottom: .5rem;
}
.n-tit .tit p{
    color: white;
}
.n-tit .more .iconfont{
    left: 40%;
    color: rgba(255, 255, 255, .6);
}
.n-tit .more p{
    color: white;
    opacity: .8;
}
.n-tit .more:hover p{
    opacity: 1;
    color: white;
}
.news .n-tit .more:hover .iconfont{
    color: white;
}
.n-cow{
    width: 70%;
    margin-left: 30%;
}
.n-row{
    background: white;
}
.n-row:nth-child(even){
    background: #f5f5f5;
}
.n-rowbox{
    padding:2rem 2rem 2rem 10%;
}
.n-time{
    text-align: center;
    margin-right: 2rem;
    padding:.5rem 1rem;
}
.n-time h1{
    font-size: 2.5rem;
    color: #808080;
    font-family: Arial Black;
}
.n-time p{
    font-size: .8rem;
    color: #808080;
}
.n-font{
    width: 60%;
}
.n-font h1{
    font-size: 1.2rem;
    color: #333;
    padding-bottom: 1rem;
    font-weight: normal;
}
.n-font p{
    font-size: .8rem;
    color: #808080;
    line-height: 1.4rem;
    -webkit-line-clamp: 2;
}
.n-row:hover .n-font h1{
    padding-left: .5rem;
}
/* 新闻详情内页 */
.ny-lb .n-cow{
    width:100%;
    margin-left: 0;
}
.ny-lb .n-row:nth-child(odd){
    border: 1px solid #ebebeb;
}
.ny-lb .n-row:first-child{
    border-bottom: none;
}
.ny-lb .n-rowbox{
    padding: 2rem;
}
.ny-lb .n-font{
    width: 85%;
}
/* 内页banner */
.banner-ny{
    position: relative;
}
.banner-ny::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}
.banner-nybox{
    overflow: hidden;
}
.banner-nybox img{
    max-width: 100%;
}
/* 内页列表 */
.ny-lb,.contact-ny{
    padding:3rem 0 4rem;
}
.ny-lb .nav-content,.ny-xq .nav-content{
    padding: 0;
    padding-bottom: 1.5rem;
}
.ny-lb .c-cow,.ny-lb .parn-cow{
    padding: 0;
}
/* 联系我们 */
.contact-nybox1{
    padding: 2rem;
    background-color: white;
    border: 1px solid #e4e3f0;
}
.contact-nybox p{
    font-size: .7rem;
    color: #444;
    line-height: 1.5rem;
}
.map{
    height: 20rem;
}
#map{
    height: 100%;
}
.BMap_cpyCtrl {
    display: none;
}
.anchorBL {
    display: none;
}
#map img{
    width: auto;
    height: auto;
}
/* 内页详情 */
.ny-xq{
    padding:3rem 0 4rem;
}
.xqbox{
    padding: 2rem;
    background-color: white;
    border: 1px solid #e4e3f0;
}
.cqn-t h1{
    font-size: 1.6rem;
    color: #444;
    margin-bottom: 1rem;
}
.cqn-tb{
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ebebeb;
}
.cqn-tb .time{
    margin-right: 1.5rem;
}
.cqn-tb .time p,.cqn-tb .clike p{
    font-size: .7rem;
    color: #808080;
}
.cqn-c{
    border-bottom: 1px solid #ebebeb;
    padding: 2rem 0;
}
.cqn-clb{
    margin-bottom: 2rem;
}
.xqbox .about-cqn{
    border-bottom: none;
    padding-bottom:0 ;
}
.cqn-cimg img{
    max-width:32rem;
    margin-bottom: 1rem;
}
.cqn-cimg p{
    font-size: .9rem;
    color: #444;
    margin-bottom: 1.6rem;
    line-height: 1.8rem;
}
.cqn-cimg p:last-child{
    margin-bottom: 0;
}
.xq-tj{
    margin-top: 3rem;
}
.tj-font{
    padding-bottom: 1rem;
}
.tj-font h1{
    font-size: 1.4rem;
    color: #333;
}
.tj-font a{
    font-size: .8rem;
    color: #808080;
}
/* 内页详情底部 */
.xq-blf .iconfont,.xq-blf p,.xq-br .iconfont,.xq-br p{
    font-size:.8rem;
    color: #808080;
    line-height: 1.2rem;
    
}
.xq-blf p span{
    color: #444;
}
.xq-blt{
    margin-bottom: .5rem;
}
.xq-blt .iconfont{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.xq-blb .iconfont{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.xq-br p{
    color: #444;
    margin-left: .5rem;
}
@media screen and (max-width:1440px){
    .case-img{width: 332px;height: 249px;}
    .case-cow{max-width: 1360px;}
    .about-img{width: 792px;height: 422px;}
    .about-l{height: 422px;}
    .about{height: 422px;}
    .about-r{padding: 1.5rem;}
    .about-r .tit{padding-bottom: 1rem;}
    .about-r .about-font{padding-bottom: 1rem;}
    .about-r .more .iconfont{left: 12%;}
    .n-cow{width: 80%;margin-left: 20%;}
    .n-font{width: 70%;}
}


@media screen and (max-width:1280px){
    .case-cow{max-width: 1200px;}
    .case-img{width: 292px;height: 219px;}
    .about-img{width: 704px;height: 375px;}
    .about-l{height: 375px;}
    .about{height: 375px;}
    .about-r .more .iconfont{left: 14%;}
    .n-font{width: 75%;}
}
@media screen and (max-width:1025px){
    .content,.case-cow{max-width: 95%;}
    .ny-lb .case-cow{max-width: 100%;}
    .header-l .logo{width: 100%;}
    .swiper1{height: 20rem;}
    .f-l{display: none;}
    .f-c{border-left: none;}
    .tit h1{font-size:1.6rem;}
    .proj-img,.prod-img{width: 228px; height: 172px;}
    .case-img,.ny-lb .case-img{width: 235px;height: 175px;}
    .advan-bimg{width: 400px;height: 400px;}
    .advan-cow2{top: 9rem;}
    .advan-cow3{top: 15rem;}
    .advan-cow4{top: 21rem;}
    .advan-cow5{top: 27rem;}
    .aboutbox{-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
    .about-img{width: 1024px;height: 546px;}
    .about-l,.about{height: auto;width: 1024px;}
    .about-r{padding: 4rem;}
    .about-r .more .iconfont{left: 8%;}
    .n-tit{width: 25%;}
    .advibox{background-position: -15% top;}
    .cqn-cimg p{font-size: .7rem;margin-bottom: 1.2rem;line-height: 1.8rem;}
    .xq-tj .case-cow{max-width: 100%;}
}

@media screen and (max-width:769px){
    .header1,.go-top .dh, .go-top .ewm,.hot-s,.footer,.swiper-button-prev,.swiper-button-next,.banner-ny,.top,.nav,.link,.p-font p,.p-top,.n-llbox,.bread-l{display: none !important;}
    .mo-top,.mo-footer,.mo-copyright,body .m-nynav,.case-m{display: block !important;}
    .ny-lb, .contact-ny, .ny-xq{min-height: 38rem;}
    .banner{padding-top: 3rem;}
    .bread{margin-top: 4rem;}
    .swiper1{height: 18rem;}
    .search,.bread{padding: 1rem 0;}
    .search-b .inp{width: 33rem;}
    .cxq-b{flex-wrap: wrap;}
    .xq-bl{width: 100%;}
    .xq-br{padding-top: .5rem;}
    .cqn-cimg img{max-width: 100%;}
    .xq-tj{margin-top: 2rem;}
    .cqn-cimg p{margin-bottom: .75rem;}
    .cqn-c{padding: 1rem 0;}
    .proj-img, .prod-img{width: 167px;height: 125px;}
    .proj-font h1, .prod-font h1 {padding: .5rem 1rem;}
    .proj-rowbox .proj-font::after, .prod-rowbox .prod-font::after{transform-origin: left;transform: scaleX(1);height: .1rem;}
    .project, .product {margin: 2rem 0; }
    .advan{padding: 2rem 0;}
    .advanbox{flex-direction: column;align-items: flex-start;}
    .advan-l{margin: 4rem 0;}
    .advan-bimg{width: 420px;height: 420px;}
    .advan-cow{position: relative;margin-bottom: 1.5rem;}
    .advan-cow1{top: 0;width: 100%;}
    .advan-cow2{top: 0;width: 100%;}
    .advan-cow3{top: 0;width: 100%;}
    .advan-cow4{top: 0;width: 100%;}
    .advan-cow5{top: 0;width: 100%;}
    .advibox{background-position: -50% top;}
    .about-img{width: 768px;height: 410px;}
    .about-l, .about{width: 100%;}
    .about-r{padding: 2rem;}
    .about-r .more .iconfont {left: 10%;}
    .news{padding-bottom: 2rem;}
    .n-tit .more .iconfont{left: 55%;}
    .n-tit{width: 28%;}
    .case-img, .ny-lb .case-img{width: 174px;height: 130px;}
    .case-font h1{padding: .5rem .75rem;}
    .item-nav ul li a{padding: .5rem .75rem;}
    
	.fwlc ul li{ width:45%!important; margin-bottom:20px; margin-left:5%;}
	.fwlc{ overflow:hidden; background:url("") no-repeat 40px bottom!important; padding-bottom:20px!important; margin-bottom:20px!important;}
	
}

@media screen and (max-width:415px){
    .content{padding: 0 .75rem;max-width: 100%;}
    body .mo-top a{width: 50%;}
    .swiper-container{height: 10rem;}
    body .banner .swiper1 .swiper-pagination{bottom: .5rem;}
    .search-b .inp{width: 15.5rem;}
    .nav-content ul li a{padding: .25rem .75rem;}
    .ny-lb, .contact-ny,.ny-xq{padding: 2rem 0;}
    .ny-lb, .contact-ny, .ny-xq{min-height: 31rem;}
    .cqn-cimg{padding: 0;}
    .cqn-c{padding: 1rem 0;margin-bottom: 1rem;}
    .xqbox{padding: 1rem;}
    .xq-br{padding: .5rem;}
    .ny-lb, .contact-ny{padding: 2rem 0;}
    .cqn-t h1{font-size: 1.2rem;}
    .contact-nybox1{padding: 1rem;}
    .tit span,.tit p,.advan-l,.advan-img{display: none;}
    .project .tit,.product .tit,.case .tit{padding: 0;}
    .proj-top,.prod-top,.case-top{padding-bottom: 1.25rem;}
    .item-nav ul li a{font-size: .8rem;padding: .5rem .75rem;}
    .item-nav ul li{margin-right: .5rem;margin-bottom: 1.5rem;}
    .proj-cowbox, .prod-cowbox{margin: -.25rem;}
    .proj-row, .prod-row,.case-row{padding: .25rem; width: 50%;}
    .proj-img, .prod-img{width: 187px;height:140px}
    .advan{padding: 1rem 0;}
    .advan-font{width: 100%;}
    .advan-r{padding-top: 2rem;}
    .advibox{padding: 4rem .75rem;}
    .about-img{width: 100%;height: 220px;}
    .about-r .more .iconfont,.n-tit .more .iconfont{left: 20%;}
    .about-r{padding: .75rem;}
    .n-tit{width: 100%;padding: 1rem;}
    .news{padding-bottom: 0;}
    .news .tit{padding-bottom: .25rem;}
    .news::after{width: 0;}
    .n-time h1{font-size: 1.8rem;}
    .n-cow{margin-left: 0;width: 100%;padding:6rem .75rem 0 .75rem;}
    .n-cowbox{padding: 1rem 0;}
    .n-time{margin-right: 1rem;}
    .n-row{margin: .25rem 0;}
    .n-rowbox,.ny-lb .n-rowbox{padding: 1.5rem .75rem;}
    .n-font{width: 75%;}
    .n-time{padding: 0;}
    .n-time h1{font-size: 1.8rem;}
    .n-time p{font-size: .6rem;}
    .n-font h1{font-size: .9rem;padding-bottom: .5rem;}
    .n-font p{font-size: .7rem;}
    .advibox{padding: 6rem .75rem;}
    .advibox h1{font-size: 1.4rem;}
    .advi-dhbox h1,.case-advi h1{font-size: 1rem ;}
    .advibox p{font-size: .8rem;}
    .advi-dhbox,.case-advibox{padding: .25rem 1rem;}
    .advi-font{width: 95%;left: 50%;right: 0;transform: translate(-50%,-50%);}
    .case-img, .ny-lb .case-img{width: 187px;height: 140px;}
    .case-cow{padding: 0 .75rem 1rem .75rem;max-width: 100%;}
    .ny-lb .case-cow,.xq-tj .case-cow{padding: 0;}
    .cqn-cimg p {font-size: .7rem;line-height: 1.4rem;margin-bottom: .5rem;
    }
    .ny-lb .n-cow{padding: 0;}
    .ny-lb .n-row{margin: 0;}
    .banner .swiper1 .swiper-pagination-bullet{width: 1.5rem;height: .15rem;}
}

@media screen and (max-width:375px){
    .search-b .inp{width: 13.5rem;}
    .swiper-container {height: 9rem;}
    .tit h1{font-size: 1.4rem;}
    .proj-img, .prod-img{width: 167px;height: 125px;}
    .item-nav ul li a{padding: .5rem; font-size: .7rem;}
    .case-img, .ny-lb .case-img{width: 167px;height: 125px;}
    .advan-font h1{font-size: 1rem;padding: .5rem;margin-right: .5rem;}
    .advan-font p{font-size: .7rem;line-height: 1.1rem;}
    .n-rowbox, .ny-lb .n-rowbox{padding: 1rem .75rem;}
    .ny-lb .n-font{width: 80%;}
}

@media screen and (max-width:360px){
    .search-b .inp{width: 12.5rem;}
    .proj-img, .prod-img,.case-img, .ny-lb .case-img{width: 160px;height: 120px;}
}
@media screen and (max-width:320px){
    .search-b .inp{width: 11rem;}
    .swiper-container {height: 8rem;}
    .cqn-tb{flex-direction: column;align-items: flex-start;}
    .cqn-tb .time{margin-right: 0rem;}
    .cqn-tb .time p{margin-bottom: .25rem;}
    .proj-img, .prod-img,.case-img, .ny-lb .case-img{width: 140px;height: 105px;}
    .case-font h1,.proj-font h1, .prod-font h1{padding: .5rem;font-size: .7rem;}
    .advibox h1{font-size: 1.1rem;}
    .advi-dhbox h1, .case-advi h1{font-size: .8rem;}
    .advibox p{font-size: .7rem;}
    .advibox{padding: 5rem .75rem;}
    .about-font p{font-size: .7rem;line-height: 1.2rem;}
    .about-r .more .iconfont, .n-tit .more .iconfont{left: 25%;}
    .n-rowbox, .ny-lb .n-rowbox{padding: .75rem .5rem;}
    .n-time h1{font-size: 1.6rem;}
    .n-time{margin-right: .5rem;}
    .n-font h1{font-size: .8rem;}
    .n-font p{font-size: .6rem;line-height: 1rem;}
    .n-time h1{font-size: 1.8rem;}
}



/***服务流程***/
.fwlc{ overflow:hidden; background:url("/static/picture/lc.jpg") no-repeat 40px bottom; padding-bottom:50px; margin-bottom:60px;}
.fwlc ul{ margin-left:-40px; margin-top:60px; }
.fwlc ul li{ float:left; width:16.6666%;text-align:center;}
.fwlc ul li img{ display:block; margin:0 auto; margin-bottom:3px; max-width:70px!important;}
.fwlc ul li h2{ font-size:18px; padding:5px 0; color:#505050; font-weight:normal; }
.fwlc ul li p{ color:#505050;}
.wrap{ width:1200px; margin:0 auto;}
@font-face { font-family: 'HELVETICANEUELTPRO-THEX'; src: url("/Style/home/images/font/HELVETICANEUELTPRO-THEX.OTF"); font-weight: normal; font-style: normal; }
.title{ text-align:center; margin-top:50px;}
.title h1{ font-size:40px; font-weight:normal; font-family:HELVETICANEUELTPRO-THEX,'Arial';}
.title h2{ position:relative; text-align:center; background:url("/Style/home/images/x.png") no-repeat center; font-weight:normal; font-size:24px;}\





.news_tit{border-bottom: 4px solid #f1f1f1;}
.news_tit_txt{font-size: 18px; color: #333; line-height: 1.5; font-weight: bold;}
.news_tit_more{color: #e5172f; text-align: right; }
.news_tit_more a{color: #e5172f; line-height: 2; font-weight: bold;}
.tempWrap{ margin-top: 10px;}
.news_list{margin-bottom:30px;}
.news_list li{line-height: 3; border-bottom:1px dotted #cdcdcd;}
.news_list li a:hover{color: #e5172f;}
.news_list li span{float: right; color: #aaa;}

.h20 {
    height:50px;
    width: 100%;
}



.index_txt{text-align: center; line-height: 2; font-size: 14px;}
.index_title{font-size: 16px; color: #333; line-height: 2; font-weight: bold;}
.index_des{font-size: 14px; color: #666; line-height: 2;}
.news_h{ padding-bottom: 5px; margin-bottom: 10px;}



/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
	display:flex;
	justify-content:center;
	margin-top:100px;
}
.pagination a {
	background:#fff;
	border:1px solid #ccc;
	color:#333;
	font-size: 14px;
	padding:8px 12px;
	margin:0 5px;
	border-radius:3px;
}
.pagination span {
	color: #333;
	font-size:14px;
	padding:8px 2px;
	margin:0 5px;
	border-radius:3px;
}
.pagination a:hover {
	color:#115dc7;
	border:1px solid #115dc7;
}
.pagination a.page-num-current {
	color:#fff;
	background:#115dc7;
	border:1px solid #115dc7;
}
/* ----- PB分页数字条效果 结束 ----- */