*{margin: 0;padding: 0;}
header,footer,nav,div,p,span,b,a,input,textarea,ul,li{margin: 0;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;color: #000;}
table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;}
input{outline: none;}
body{min-width: 1200px;font-family: "Noto Sans SC"!important;}

.f_le{float: left;}
.f_ri{float: right;}
.clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}
.p_re{position: relative;}
.p_ab{position: absolute;}

/*弹性盒子*/
.flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} /*横向弹性*/
.flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;height: 900px;} /*纵向弹性*/
.flexc{margin: auto auto;}
.flexwarp{flex-wrap: wrap;}  /*弹性盒子换行*/

/*字体*/
.f_son{}
.f_12{font-size: 12px;}
.f_14{font-size: 14px;}
.f_16{font-size: 16px;}
.f_18{font-size: 18px;}
.f_20{font-size: 20px;}
.f_22{font-size: 22px;}
.f_24{font-size: 24px;}
.f_28{font-size: 28px;}
.f_30{font-size: 30px;}
.f_32{font-size: 32px;}
.f_34{font-size: 34px;}
.f_36{font-size: 36px;}
.blod{font-weight: bold;}
.bold_4{font-weight: 400;}

/* 文字分栏 */
.column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */
    column-count:; /* 列数 */
    column-gap:; /* 列间距 */
    column-rule:; /* 分隔线 */
}

/*字体超出隐藏*/
.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*.txthide_2{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}*/

/*宽度*/
.wrapper{width: 76.51%;min-width: 1200px;margin: 0 auto;}


/*导航*/
.header{width: 100%;/*height: 113px;*/border-top: 15px solid #505050;padding: 26px 0;}

.header .logo{display: block;height: 61px;float: left;}
.header .logo img{display: block;height: 100%;}

.header .dh{float: right;height: 61px;line-height: 56px;}
.header .dh img{display: inline-block;width: 28px;vertical-align: middle;margin-right: 5px;}
.header .dh span{display: inline-block;vertical-align: middle;font-size: 24px;color: #000;}

.header .nav{float: right;height: 61px;line-height: 61px;overflow: hidden;}
.header .nav .navL{display: block;width: 125px;height: 61px;float: left;font-size: 18px;color: #000;text-transform: uppercase;text-align: center;position: relative;}
.header .nav .navL span{display: block;background: #fff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.header .nav .navL .sp1{z-index: 1;transition: .5s;}
.header .nav .navL .sp2{z-index: 0;color: #2f4654;transform: rotateX(-180deg);-ms-transform: rotateX(-180deg);-webkit-transform: rotateX(-180deg);transition: 1s;}
.header .nav .navL:hover .sp1{z-index: 0;transform: rotateX(-180deg);-ms-transform: rotateX(-180deg);-webkit-transform: rotateX(-180deg);}
.header .nav .navL:hover .sp2{z-index: 1;transform: rotateX(0);-ms-transform: rotateX(0);-webkit-transform: rotateX(0);}
.header .nav .navL.active .sp1{z-index: 0;transform: rotateX(-180deg);-ms-transform: rotateX(-180deg);-webkit-transform: rotateX(-180deg);}
.header .nav .navL.active .sp2{z-index: 1;transform: rotateX(0);-ms-transform: rotateX(0);-webkit-transform: rotateX(0);}


/*底部*/
.footer{width: 100%;background: #2f4654;padding: 115px 0 90px;}

.footer .foot-on{width: 100%;border-bottom: 1px solid #d5dadd;padding-bottom: 15px;margin-bottom: 20px;}

.footer .foot-on .f-left{float: left;width: 62.968%;min-width: 850px;}
.footer .foot-on .f-nav{margin-bottom: 35px;}
.footer .foot-on .f-nav a{display: block;width: 150px;height: 30px;border: 1px solid #fff;font-size: 22px;line-height: 30px;text-align: center;color: #fff;}
.footer .foot-on .f-xx{width: 100%;}
.footer .foot-on .f-xx .list{float: left;background: url(../img/db04.png) center right no-repeat;margin-right: 15px;padding-right: 15px;height: 70px;}
.footer .foot-on .f-xx .list:nth-child(1){width: 230px;}
.footer .foot-on .f-xx .list:nth-child(2){width: 170px;}
.footer .foot-on .f-xx .list:last-child{margin-right: 0;background: 0;padding: 0;width: calc(100% - 460px);}
.footer .foot-on .f-xx .list img{display: block;margin: auto 10px auto 0;}
.footer .foot-on .f-xx .list .cont{margin: auto 0;}
.footer .foot-on .f-xx .list .cont b{display: block;font-size: 18px;color: #fff;text-transform: uppercase;line-height: 25px;margin-bottom: 5px;}
.footer .foot-on .f-xx .list .cont p{font-size: 14px;color: #fff;}

.footer .foot-on .f-right{float:right;}
.footer .foot-on .f-right img{display: block;width: 125px;float: left;margin-right: 15px;}
.footer .foot-on .f-right img:last-child{margin-right: 0;}

.footer .copyright{width: 100%;font-size: 14px;color: #fff;line-height: 25px;}


/*轮播*/
.banner{width: 100%;position: relative;overflow: hidden;}
.banner img{width: 100%;display: block;}


/*首页 标题*/
.n-title{}
.n-title img{display: block;margin: auto;}


/*首页 案例*/
.n-case{width: 100%;background: #f5f5f5;padding: 65px 0 0;}

.n-case .n-title{margin-bottom: 55px;}

.n-case .ncList{width: 25%;float: left;position: relative;overflow: hidden;}
.n-case .ncList .pic{width: 100%;}
.n-case .ncList .pic img{display: block;width: 100%;}
.n-case .ncList .cont{position: absolute;top: 360px;left: 0;right: 0;bottom: 0;box-sizing: border-box;padding: 30px;background: rgba(52,52,52,.6);transition: .8s;}
.n-case .ncList .cont .text{height: 56px;bottom: 25px;left: 30px;right: 30px;position: absolute;}
.n-case .ncList .cont em{display: block;width: 20px;height: 1px;background: #fff;margin-bottom: 5px;}
.n-case .ncList .cont .tit{font-size: 16px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 25px;}
.n-case .ncList .cont .desc{font-size: 16px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 25px;}
.n-case .ncList:hover .cont{top: 0;}

.n-case .ncMore{display: block;width: 100%;height: 85px;text-align: center;line-height: 85px;text-transform: uppercase;font-size: 18px;color: #fff;background: #343434;font-weight: bold;}


/*首页 品牌客户*/
.n-brand{width: 100%;padding: 65px 0 0;}

.n-brand .n-title{margin-bottom: 55px;}

.n-brand .nbWrap{width: 1150px;margin: 0 auto;height: 240px;}
.n-brand .nbWrap a{display: block;width: 228px;height: 40px;box-sizing: border-box;border: 1px solid #ccc0a8;border-radius: 3px;margin: auto 79px 40px 0;text-align: center;line-height: 38px;font-size: 28px;color: #2f4654;transition: .5s;}
.n-brand .nbWrap a:nth-child(4n){margin-right: 0;}
.n-brand .nbWrap a:hover{background: #ccc0a8;}

.n-brand .img1{width: 81.51%;height: 228px;margin-top: -175px;position: relative;z-index: -1;}
.n-brand .img1 img{display: block;width: 100%;position: absolute;bottom: 0;z-index: -1;}
.n-brand .img2{display: block;width: 81.09375%;float: right;margin-top: -5px;}
.n-brand .img3{display: block;width: 100%;}


/*首页 行业动态*/
.n-news{padding: 65px 0 0;}
.n-news .wrapper{overflow: hidden;}

.n-news .n-title{margin-bottom: 55px;}
.n-news .nnList{width: 23.64%;float: left;box-sizing: border-box;border-right: 2px solid #d2d2d2;margin-right: 2.7229%;padding-right: 2.7229%;padding-top: 30px;padding-bottom: 95px;}
.n-news .nnList:last-child{width: 20.09%;margin-right: 0;padding-right: 0;border-right: 0;}
.n-news .nnList .nnH{}
.n-news .nnList .nnH img{display: block;float: left;width: 85px;height: 68px;}
.n-news .nnList .nnH .titC{display: block;float: right;width: calc(100% - 100px);height: 68px;overflow: hidden;box-sizing: border-box;padding-top: 20px;margin-bottom: 25px;}
.n-news .nnList .nnH .time{font-size: 13px;color: #404040;line-height: 25px;}
.n-news .nnList .nnH .tit{font-size: 16px;color: #404040;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 25px;transition: .5s;}
.n-news .nnList .desc{font-size: 14px;color: #404040;line-height: 25px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 25px;}
.n-news .nnList .nnA{font-size: 14px;color: #404040;text-transform: uppercase;transition: .5s;}
.n-news .nnList:hover .tit{color: #9f6329;}
.n-news .nnList:hover .nnA{color: #9f6329;}

.n-news .nnMore{display: block;width: 100%;height: 85px;text-align: center;line-height: 85px;text-transform: uppercase;font-size: 18px;color: #fff;background: #343434;font-weight: bold;}

.n-news .nnList:nth-child(2){animation-delay: 0.2s;animation-duration: 1.5s;}
.n-news .nnList:nth-child(3){animation-delay: 0.4s;animation-duration: 1.5s;}
.n-news .nnList:nth-child(4){animation-delay: 0.6s;animation-duration: 1.5s;}


/*服务*/
.service{width: 100%;margin-bottom: 112px;}

.service .sList{width: 100%;height: 550px;box-sizing: border-box;padding: 90px 0;}
.service .sList1{background: url(../img/bj_fw01.jpg) center center no-repeat;}
.service .sList2{background: url(../img/bj_fw02.jpg) center center no-repeat;}
.service .sList3{background: url(../img/bj_fw03.jpg) center center no-repeat;}
.service .sList .sCont{width: 40.844%;color: #fff;float: left;}
.service .sList2 .sCont{float: right;}
.service .sList .tit{font-size: 35px;color: #fff;}
.service .sList em{display: block;width: 50px;height: 5px;background: #fff;margin: 20px 0;}
.service .sList .desc{font-size: 18px;color: #fff;line-height: 30px;margin-bottom: 20px;}
.service .sList a{display: block;width: 196px;height: 30px;border: 1px solid #fff;line-height: 28px;font-size: 16px;color: #fff;padding: 0 10px;float: left;border-radius: 3px;margin-right: 30px;margin-bottom: 10px;box-sizing: border-box;}
.service .sList a:nth-child(2n){margin-right: 0;}
.service .sList3 a{width: 32%;margin-right: 2%!important;}
.service .sList3 a:nth-child(3n){margin-right: 0!important;}


/*案例*/
.caseNav{width: 100%;padding: 20px 0;background: #2f4654;}
.caseNav a{display: block;width: 80px;height: 40px;border: 1px solid transparent;text-align: center;line-height: 40px;font-size: 14px;color: #fff;float: left;border-radius: 5px;margin-right: 25px;transition: .5s;}
.caseNav a:hover{border: 1px solid #fff;}
.caseNav a.active{border: 1px solid #fff;}

.case{padding: 75px 0;}
.case .cList{width: 32%;margin: 0 2% 30px 0;float: left;}
.case .cList:nth-child(3n){margin-right: 0;}
.case .cList .pic{display: block;width: 100%;box-sizing: border-box;border: 7px solid #f5f5f5;overflow: hidden;}
.case .cList .pic img{display: block;width: 100%;transition: .5s;}
.case .cList .cont{margin-top: 25px;}
.case .cList .cont em{display: block;width: 20px;height: 1px;background: #404040;transition: .5s;}
.case .cList .cont .tit{font-size: 16px;color: #404040;line-height: 35px;transition: .5s;}
.case .cList:hover .pic 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 .cList:hover .tit{color: #9f6329;}
.case .cList:hover em{background: #9f6329;}


/*新闻*/
.news{padding: 75px 0;width: 100%;border-top: 3px solid #eee;}
.newsWrap{width: 1185px;margin: 0 auto;}

.news .nList{width: 100%;margin-bottom: 60px;}
.news .nList .pic{display: block;width: 430px;float: left;}
.news .nList .pic img{display: block;width: 100%;transition: .5s;}
.news .nList .cont{width: 720px;float: right;}
.news .nList .tit{display: block;font-size: 22px;color: #3d3d3d;height: 50px;line-height: 50px;border-bottom: 1px solid #ccc;margin-bottom: 25px;transition: .5s;}
.news .nList .time{display: block;float: right;font-size: 14px;color: #3d3d3d;}
.news .nList .time i{font-size: 18px;font-style: normal;color: #d6d6d6;display: inline-block;margin: 0 5px;}
.news .nList .desc{font-size: 14px;color: #404040;line-height: 25px;text-align: justify;margin-bottom: 50px;}
.news .nList .nMore{display: block;font-size: 14px;color: #404040;text-transform: uppercase;transition: .5s;}
.news .nList:hover .pic img{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
.news .nList:hover .tit{color: #9f6329;}
.news .nList:hover .nMore{color: #9f6329;}
/* .news .nList:nth-child(2){animation-delay: 0.2s;animation-duration: 1.5s;}
.news .nList:nth-child(3){animation-delay: 0.4s;animation-duration: 1.5s;}
.news .nList:nth-child(4){animation-delay: 0.6s;animation-duration: 1.5s;} */


/*关于*/
.about{padding: 75px 0;width: 100%;border-top: 3px solid #eee;}

.about .pic{display: block;width: 49.966%;float: left;margin-right: 45px;margin-bottom: 30px;}
.about .pic img{display: block;width: 100%;}

.about .cont{}
.about .cont .tt{font-size: 30px;color: #2f4654;line-height: 40px;padding: 15px;margin-bottom: 15px;}
.about .cont .tt img{display: block;float: right;margin-top: 10px;}

.about .cont article{font-size: 16px;color: #404040;line-height: 35px;text-align: justify;}

/*联络*/
.contact{padding: 75px 0;width: 100%;border-top: 3px solid #eee;}

.contact .flexbox{width: 1200px;margin: 0 auto;}
.contact .cWrap{margin: 0 auto;}
.contact .cWrap p{font-size: 16px;color: #000;line-height: 30px;margin-bottom: 25px;}

.contact .massage{width: 545px;margin: 0 auto;}
.contact .massage form{display: none;}
.contact .massage .mm1{display: block;width: 32%;margin: 0 2% 15px 0;float: left;box-sizing: border-box;border: 1px solid #666;height: 35px;line-height: 33px;padding: 0 15px;font-size: 16px;color: #a5a5a5;}
.contact .massage .mm1:nth-child(4){margin-right: 0;}
.contact .massage .mm2{display: block;width: 100%;height: 160px;padding: 10px 15px;resize: none;outline: none;font-size: 16px;color: #a5a5a5;line-height: 33px;box-sizing: border-box;border: 1px solid #666;margin-bottom: 30px;}
.contact .massage .mbtn{display: block;width: 125px;height: 40px;border: 0;background: #2f4654;font-size: 16px;color: #fff;text-align: center;line-height: 40px;}

.contact .map{width: 100%;margin-top: 60px;height: 395px;overflow: hidden;}


/*内容页*/
.content{padding: 75px 0;width: 100%;border-top: 3px solid #eee;}
.content .inBox{width: 1200px;margin: 0 auto;}
.content .title{font-size: 18px;color: #444;line-height: 35px;text-align: center;font-weight: bold;margin-bottom: 30px;border-bottom: 2px solid #eee;padding-bottom: 20px;}
.content article{width: 1000px;margin: 0 auto;font-size: 16px;color: #666;line-height: 35px;text-transform: uppercase;}
.content article img{max-width: 100%;}

/*上下页*/
.m-clips{width: 1200px;margin: 0 auto;font-size: 16px;color: #666;line-height: 35px;box-sizing: border-box;padding: 0 100px;margin-top: 40px;padding-top: 30px;border-top: 2px solid #eee;}
.m-clips a{font-size: 16px;color: #666;}
.m-clips a:hover{color: #2f4654;}














/*效果  hover滑动效果*/
/* animation-name:fadeInUp;animation-delay: 0.1s; */
.y{box-shadow: 5px 5px 10px #535c8c;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
.r{transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);box-shadow: 5px 5px 10px #888;}