@charset "UTF-8";

html {
 margin: 0;
 padding: 0;
 border: 0;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
nav,
section {
 margin: 0;
 padding: 0;
 border: 0;
}

body {
 background: #fff;
 position: relative;
 font: 14px/1.5 Microsoft YaHei, arial, 宋体, sans-serif;
 vertical-align: baseline;
 width: 100%;
 overflow-x: hidden;
}

a {
 text-decoration: none;
 outline: none;
}

a:link {
 color: #666;
}

a:visited {
 color: #666;
}

a:hover,
a:active,
a:focus {
 text-decoration: none;
 outline: none;
}

input {
 padding: 0;
 margin: 0;
 font-family: 'Microsoft YaHei';
}

img {
 border: none;
 background: none;
 vertical-align: middle;
}

ul,
ol,
li {
 list-style-type: none;
}

select,
input,
img,
select {
 vertical-align: middle;
}

table {
 border-collapse: collapse;
 border-spacing: 0
}

table,
th,
td {
 vertical-align: middle
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 overflow: hidden;
 visibility: hidden;
}

.clearfix {
 zoom: 1
}

.clear {
 clear: both;
}

.clearboth {
 height: 0px;
 line-height: 0px;
 overflow: hidden;
 clear: both;
 font-size: 0px;
}

h1,
h2,
h3,
h4 {
 font-size: 14px;
}

hr {
 border: 0;
 border-top: 1px solid #ccc;
 height: 0;
}

.flex {
 display: flex;
}

.top {
 line-height: 35px;
 color: #382f32;
 position: relative;
}

.top-r a {
 padding: 0 15px;
 color: #7f7f7f;
 font-size: 13px;
}

.logo {
 z-index: 10;
 position: absolute;
 top: 0;
 padding-left: 0px;
}

.com-des {
 margin-left: 40px;
}

.tel {
 z-index: 100;
 overflow: hidden;
}

.tel1 {
 font-size: 15px;
 font-family: YaHeiLight;
 color: #f27c0a;
}

.tel1 img {
 margin-right: 10px;
}

.tel2 {
 z-index: 10;
 font-size: 18px;
 font-weight: bold;
}

.head_box {
 margin-top: 0;
}

.navbar {
 margin-bottom: 0;
}
.navbar .container{width:1202px}
.navbar-default {
    
 position: relative;
 margin-top: -40px;
 width: 100%;
 padding-top: 80px;
 background: url(../images/top_bg.png) no-repeat center center;
 background-size: 100% 100%;
}

.top-phone {
 position: absolute;
 right: 17%;
 top: 20px;
}

.navbar-collapse {
 padding-right: 0px;
 padding-left: 0px;
}

.nav a {
 color: #fff !important;
 padding: 15px 28px !important;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
 background: none;
 border: none;
}

.nav li {
 border-bottom: 3px solid transparent;
}

.nav li:hover,
.nav li.active {
 border-bottom: 3px solid #f27c0a;
}

.navbar {
 border: none;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
 border-bottom: 3px solid #f27c0a;
}

.dropdown-menu>li>a {
 color: #322616;
}

.navbar-nav>li>.dropdown-menu {
 background-color: #40373a;
}

.dropdown-menu>li>a:hover {
 background: none;
 /* border-bottom: 3px solid #f27c0a; */
}



/* 我的优势 */
.my-adv {
 border-top: 1px solid #cecdc9;
 position: relative;
 margin: 16px 0 45px;
 padding-top: 20px;
}

.my-adv .container {
 position: relative;
 z-index: 2;
}

.my-adv::after {
 position: absolute;
 content: '';
 left: 0;
 bottom: 74px;
 width: 100%;
 height: 1px;
 background: #cecdc9;
}

.my-adv-left {
 border-left: 10px solid #ffab59;
 margin-top: 30px;
 position: relative;
}

.my-adv-left::before {
 width: 1px;
 height: 84%;
 bottom: 74px;
 content: '';
 position: absolute;
 left: -22px;
 background: #d7d5d1
}

.my-adv-left-box {
 border: 8px solid #55585f;
 background: #faf6f3;
 position: relative;
 top: -49px;
 width: 230px;
 height: 230px;
 padding: 60px 6px 0;
}

.my-adv-left-box h2 {
 text-transform: uppercase;
 color: #595959;
 font-size: 32px;
 margin-bottom: 4px;
}

.my-adv-left-box p span {
 background: url(../images/right-arr.png)no-repeat right center;
 margin-left: 26px;
 display: inline-block;
 padding: 4px 20px 4px 0;
 color: #595959;
 border-bottom: 3px solid #595959;
 font-size: 21px;
}

.my-adv-right {
 -webkit-box-flex: 1;
 -webkit-flex: 1;
 -ms-flex: 1;
 flex: 1;
 overflow: hidden;
 margin-left: 8.3%;
}

.acrd {
 color: #595959;
}

.acrd li {
 float: left;
 width: 23%;
 padding: 8px 8px 0;
 background: #ffab59;
 height: 270px;
 transition: all linear .2s;
}

.acrd li:nth-child(3n+2) {
 background: #ff8d1f;
}

.acrd li:nth-child(3n+3) {
 background: #f27c0a;
}

.acrd-right {
 padding: 50px 0;
 position: relative;
 float: right;
 width: 100%;
 cursor: pointer;
}

.acrd-right img {
 display: inline-block;
 margin-bottom: 30px;
}

.acrd-right p {
 margin-bottom: 5px;
 font-size: 16px;
 color: #643d07;
}

.acrd-left {
 float: left;
 width: 54.6%;
 min-width: 150px;
 background: #fff;
 padding: 20px 7px;
 min-height: 100%;
 position: relative;
}

.acrd-left h2 {
 font-size: 18px;
 line-height: 30px;
 border-bottom: 6px solid #dfdede;
 padding: 0 10% 10px 8px;
 text-overflow: -o-ellipsis-lastline;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 line-clamp: 2;
 -webkit-box-orient: vertical;
}

.acrd .acrd-active {
 width: 54%;
}

.acrd .acrd-active .acrd-right {
 width: 45.4%;
}

.acrd li .acrd-left {
 display: none;
}

.acrd .acrd-active .acrd-left {
 display: block;
}

.acrd-left p {
 text-overflow: -o-ellipsis-lastline;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 line-clamp: 3;
 -webkit-box-orient: vertical;
 font-size: 16px;
 text-transform: uppercase;
 line-height: 34px;
 padding-right: 10%;
 margin-top: 10px;
}

.acrd-left .more-btn {
 z-index: 10;
 font-size: 15px;
 cursor: pointer;
 position: absolute;
 bottom: 0;
 right: 50px;
 padding: 0 10px;
 line-height: 38px;
 background: #2f2c35;
 color: #fff;
 text-transform: uppercase;
 display: inline-block;
}

.acrd-left .more-btn::after {
 width: 50px;
 height: 36px;
 position: absolute;
 right: -50px;
 bottom: 1px;
 content: '';
 background: url(../images/right-more.png) no-repeat center #ffab59;
}

.acrd li:nth-child(3n+2) .acrd-left .more-btn::after {
 background: url(../images/right-more.png) no-repeat center #ff8d1f;
}

.acrd li:nth-child(3n+3) .acrd-left .more-btn::after {
 background: url(../images/right-more.png) no-repeat center #f27c0a;
}



/* 关于我们 */
@media (max-width: 767px) {
 .about_us {
 /*margin-top: 10px;*/
 }
}

.about_us .us_img {
 margin-top: 20%;
}

.about_us .us_img img {
 width: 100%;
}

.about_us .about_des {
 padding: 20px 0;
}

.about_us .about_des .title {
 color: #62615e;
 text-align: right;
 font-size: 26px;
}

.about_us .about_des .title span {
 font-size: 30px;
 color: #f27c0a;
}

.about_us .about_des .name {
 margin-top: 20px;
 font-size: 24px;
 color: #f27c0a;
}

.about_us .about_des .des,
.about_us .about_des .des1 {
 line-height: 30px;
 margin-top: 10px;
 font-size: 14px;
 color: #666;
}

.about_us .about_des a {
 margin-top: 12px;
 display: inline-block;
 padding: 0 20px;
 color: #000;
 font-size: 16px;
 border: 3px solid #f27c0a;
 min-width: 158px;
 text-align: center;
 line-height: 48px;
 transition: all linear .2s;
}

.about_us .about_des a:hover {
 color: #fff;
 background: #f27c0a;
}

/* 产品展示 */
.pro_show {
 margin-top: 45px;
}

.sub_pro {
 text-align: center;
}

.sub_pro .left_line img,
.sub_pro .right_line img {
 display: inline-block;
 /* margin-top: -20px; */
}

.sub_pro .name {
 display: inline-block;
 /* padding: 0 90px; */
 font-size: 36px;
 color: #322616;
}

.sub_pro p {
 margin: 20px 0 30px;
 font-size: 20px;
 letter-spacing: 20px;
 color: #322616;
}

.indexPro-con {
 text-align: center;
}

.indexPro-top {
 justify-content: center;
 align-items: center;
}

.proSwiper-box-item {
 padding-top: 50px;
}

.indexPro-top li {
 padding: 0;
}

.indexPro-top a {
 transition: all linear .2s;
 line-height: 68px;
 height: 68px;
 background: #2f2c35;
 color: #fff;
 display: block;
 position: relative;
 cursor: pointer;
 font-size: 16px;
 border-right: 1px solid #62615e;
}

.indexPro-top a::after {
 position: absolute;
 content: '';
 bottom: -16px;
 left: 50%;
 margin-left: -8px;
 width: 0;
 height: 0;
 border: 8px solid transparent;
 border-top: 8px solid #fff;
}

.indexPro-top .active a,
.indexPro-top a:hover {
 background: #eb7300;
}

.indexPro-top .active a::after,
.indexPro-top a:hover::after {
 border-top-color: #eb7300;
}

.video-box {
 margin-top: 5px;
}

.proSwiper-box {
 position: relative;
}

.proSwiper-box .proSwiper-box-item {
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
 z-index: 1;
 transition: all linear .5s;
}


.proSwiper-box .showSwiper {
 opacity: 1;
 position: relative;
 z-index: 10;
}

.pro-item,
.case-item {
 padding: 6px 6px 20px;
 /* background: #fff; */
}

.pro-item-img {
 position: relative;
 width: 100%;
}

.swiper-wrapper .pro-item img.img-responsive {
 z-index: 1;
 margin: 0 auto;
}

/* 工程案例 */

.work_case {
 margin-top: 30px;
 /* overflow: hidden; */
}

.case_img {
 padding: 20px 0 55px 0;
 margin-top: 20px;
 background-color: #f6f6f6;
}

.case_img .img_bg {
 margin-top: 20px;
}

.case_img .protype-con {
 margin-top: 20px;
}

.case_img .pro-item {
 padding: 0;
 position: relative;
 overflow: hidden;
}

.protype-item {
 padding: 0;
}

.case_img .pro-img {
 display: block;
 overflow: hidden;

}

.case_img .pro-img img {
 margin: 10px 0 0 10px;
 width: 100%;
 height: 100%;
 transition: .6s;
}

.case_img .pro-item:hover .pro-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_img .pro-text {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 padding: 20px;
 display: none;
}

.pro-text h4 {
 margin: 0 auto;
 font-size: 16px;
 color: #fff;
}


.case_img .pro-text h4 a {
 font-size: 22px;
 color: #fff;
}

.case_img .pro-text a {
 margin-top: 15px;
 display: inline-block;
 font-size: 12px;
 color: #f27c0a;
 min-width: 96px;
 line-height: 23px;
 background-color: #fff;
 padding: 0 20px;
}

.case_img .pro-item:hover .pro-text div {
 opacity: 1;
 margin-top: -24px;
}

.case_img .pro-text span {
 transition: all .2s ease-in-out 0s;
 opacity: 0;
 color: #fff;

}

.case_img .pro-item:hover .pro-text span {
 opacity: 1;
}

/* 公司新闻 */

.comp_new .news_list .new_name {
 font-size: 26px;
 color: #62615e;
}

.comp_new .news_list .new_name1 {
 text-align: right;
}

.comp_new .news_list .new_name span {
 font-size: 30px;
 color: #f27c0a
}

.comp_new .news_list .com_box1 {
 margin-top: 20px;
 border-right: 1px solid #989898;
 padding-bottom: 10px;
}

.comp_new .news_list .com_box {
 margin-top: 20px;
 border-left: 1px solid #989898;
 padding-bottom: 10px;
}

.comp_new .news_list .date_des {
 padding-top: 30px;
}

.comp_new .news_list .date_des .date {
 background: url(../images/left-nav.png)no-repeat left center;
 padding-left: 40px;
 font-size: 18px;
 color: #909090;
}

.comp_new .news_list .date_des .title {
 padding-left: 40px;
 font-size: 16px;
 color: #2c2c2c;
 margin: 10px 0 20px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.comp_new .news_list .date_des .img {
 padding-left: 40px;
}

.comp_new .news_list .date_des .img img {
 display: inline-block;
 width: 82%;
}

.comp_new .news_list .date_des1 {
 text-align: right;
}

.comp_new .news_list .date_des1 .date {
 background: url(../images/right-nav.png)no-repeat right center;
 padding: 0 40px 0 0;
}

.comp_new .news_list .date_des1 .title {
 padding: 0 40px 0 0;
}

.comp_new .news_list .date_des1 .img {
 padding: 0 40px 0 0;
}


.more_news .more {
 margin-top: 45px;
 text-align: center;
}

.more_news .more a {
 font-size: 18px;
 color: #fff;
 line-height: 38px;
 width: 228px;
 text-align: center;
 background-color: #797979;
 display: inline-block;
}

/* 底部 */
.footer {
 background: #232227;
}

.foot_nav {
 padding: 12px 0 12px;

}

.foot_nav li {
 margin: 4px 0;
 display: inline-block;
 text-align: center;
 margin-right: 23px;

}

.foot_nav li:last-child {
 margin-right: 0;
}

.foot_nav li:last-child a {
 border: none;
}

.foot_nav li a {
 border-right: 1px dashed #b2b2b2;
 color: #b2b2b2;
 font-size: 16px;
 display: block;
 padding-right: 26px;

 text-align: center;
}

.foot_bottom {
 text-align: center;
 color: #b2b2b2;

 font-size: 12px;
 padding: 0 0 20px 0;
}

.foot_bottom p {
 padding-top: 10px;
}

.foot_bottom .copyright {
 color: #666;
}

@media(min-width:1200px) {
 .parti {
 width: 20%;
 }
}

@media (max-width: 1199px) {

 .about_us .us_img img {
 width: 100%;
 }

}

@media (min-width:768px) and (max-width: 991px) {
 .sub_pro .name {
 font-size: 20px;
 }
 .case-img-left .case-img-item:first-child {
 height: 140px!important;
}

.case-img-left .case-img-item:nth-child(2) {
 height:228px!important ;
}
.case-img-right .case-img-item:first-child .case-img-item-con {
 height: 246.75px!important;
 /*height: 322.63px;*/
}

.case-img-right .case-img-item:nth-child(2) .case-img-item-con,
.case-img-right .case-img-item:nth-child(3) .case-img-item-con {
 height: 106.859px!important;
 /*height: 140.22px;*/
}
}



@media (max-width: 1023px) {
 .my-adv-con {
 flex-wrap: wrap;
 }

 .my-adv-con .my-adv-right {
 width: 100%;
 flex: auto;
 -webkit-box-flex: auto;
 -webkit-flex: auto;
 -ms-flex: auto;
 margin-left: 0;
 }

 .sub_pro .left_line,
 .sub_pro .right_line {
 max-width: 20%;
 display: inline-block;
 }
}

@media (max-width: 767px) {
 .acrd li {
 float: none;
 width: 100%;
 height: auto;
 }

 .acrd .acrd-right,
 .acrd .acrd-active .acrd-right,
 .acrd .acrd-active {
 width: 100%;
 }

 .acrd-left {
 float: none;
 width: 100%;
 height: auto;
 }

 .acrd-right {
 float: none;
 padding: 30px 0;
 }
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
 background: none;
}

.sub_pro>.flex {
 justify-content: center;
 align-items: center;
}

.sub_pro>.flex .name {
 padding: 0 5.8%;
}

.navbar-default {
 border-radius: 0;
}

.indexPro-top {
 flex-wrap: wrap;
}

.indexPro-top li {
 float: left;
 width: 20%;
 text-align: center;
}

.indexPro-top li a {
 display: inline-block;
 width: 100%;
}

@media (min-width: 1200px) {
 .container {
 width: 1200px;
 padding: 0;
 }
}

.protype-con {
 justify-content: space-between;
}

.case_img .row {
 margin: 0 -3px;
}

.case-img-left {
 width: 42.9%;
 overflow: hidden;
}

.case-img-right {
 width: 57.1%;
 overflow: hidden;
 float: right;
}

.case-img-item {
 overflow: hidden;
 float: left;
 padding: 0 3px 7px;
 width: 100%;
 transition: all linear .2s;
}

.case-img-right .case-img-item:nth-child(2),
.case-img-right .case-img-item:nth-child(3) {
 width: 50%;
}

.case-img-item .case-img-item-con {
 overflow: hidden;
 width: 100%;
 position: relative;
}

.case-img-left .case-img-item:first-child {
 height: 180px;
}

.case-img-left .case-img-item:nth-child(2) {
 height:297px ;
}

.case-img-left .case-img-item-con {
 height: 100%;
}

.case-img-right .case-img-item:first-child .case-img-item-con {
 /*height: 246.75px;*/
 height: 322.63px;
}

.case-img-right .case-img-item:nth-child(2) .case-img-item-con,
.case-img-right .case-img-item:nth-child(3) .case-img-item-con {
 /*height: 106.859px;*/
 height: 140.22px;
}

.case-img-item img {
 transition: all linear .3s;
 width: 100%;
 min-height: 100%;
}

.case-img-right .case-img-item img {
 position: absolute;
 left: 0;
 top: 0;
}

.case-img-item:hover img {
 transform: scale(1.2);
}

.case-img-item .pro-text {
 justify-content: center;
 align-items: center;
 background: rgba(235, 115, 0, .79);
 color: #fff;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 text-align: center;
}

.case-img-item:hover .pro-text {
 display: flex;
}

.comp_new {
 padding: 15px 0 30px;
}

.news_list {
 margin-top: 20px;
}

@media (max-width: 767px) {

 .comp_new .news_list .new_name1,
 .comp_new .news_list .date_des1 {
 text-align: left;
 }

 .comp_new .news_list .com_box1 {
 border-left: 1px solid #989898;
 border-right: none;
 }

 .news_list {
 padding-right: 25px;
 }

 .comp_new .news_list .date_des1 .date,
 .comp_new .news_list .date_des1 .title,
 .comp_new .news_list .date_des1 .img {
 padding-right: 0;
 padding-left: 40px;
 }

 .comp_new .news_list .date_des .img img {
 width: 100%;
 }

 .comp_new .news_list .date_des1 .date {
 background-position: left center;
 }

 .case_img .protype-con {
 flex-wrap: wrap;
 }

 .case-img-left,
 .case-img-right {
 width: 100%;
 }

 .protype-con .case-img-left .case-img-item,
 .case-img-left .case-img-item-con {
 height: auto;
 }

 .case-img-item img {
 min-height: 0;
 }

 .sub_pro .name {
 font-size: 22px;
 }

 .sub_pro p {
 font-size: 16px;
 letter-spacing: 1px;
 margin-top: 15px;
 }

 .indexPro-top li {
 width: auto;
 min-width: 20%;
 margin-bottom: 10px;
 }

 .indexPro-top a {
 padding: 0 15px;
 height: 40px;
 line-height: 40px;
 font-size: 14px;
 }

 .proSwiper-box-item {
 padding-top: 10px;
 }

 .case_img .case-img-right .case-img-item .case-img-item-con {
 padding-bottom: 0;
 }

 .case-img-right .case-img-item img {
 position: relative;
 }

 .case-img-right .case-img-item:nth-child(2),
 .case-img-right .case-img-item:nth-child(3) {
 width: 100%;
 }

 .about_us {
 background-size: auto 100%;
 background-position: right top;
 }

 .about_us .about_des .title,
 .about_us .about_des .name,
 .comp_new .news_list .new_name {
 font-size: 20px;
 }

 .about_us .about_des .title span,
 .comp_new .news_list .new_name span {
 font-size: 22px;
 }

 .pro_show {
 margin-top: 35px;
 }

 .navbar-default {
 padding-top: 40px;
 }

 .logo img {
 width: 100%;
 padding: 4px;
 }
 .logo{
 width: 226px!important;
 }

}