/* 自定义样式 */

h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
.clear{clear: both;}


/*****内容区1200像素******/
@media (min-width: 768px) {
    .container {
        width:750px
    }
}
@media (min-width: 992px) {
    .container {
        width:970px
    }
}
@media (min-width: 1200px) {
    .container {
        width:1200px
    }
}

/* 顶部 */
nav.navbar.bootsnav ul.nav > li > a { padding: 13px 53px; margin: 0;}
.header-logo h3.logo-img {font-size: 32px;line-height: 1.2;color: #005399;}
.header-logo h3.logo-img img { height: 80px;margin-right: 10px;float:left;}
.header-logo h3 p { float:left;}
.header-adv { float: left;width: 30%;padding-left:20px;margin-top: 15px;}
.header-adv p { margin-bottom: 18px;}
.dh-txt h3 { font-size: 22px;font-weight: bold;color: #017bbc;}

/* 大图 */
.flexslider {position: relative;max-height: 600px;overflow: hidden;}
.slides li {height: 600px;}



@media (min-width: 992px) and (max-width: 1200px){
  
  nav.navbar.bootsnav ul.nav > li > a { padding: 13px 37px;margin: 0;}
  
  .slides li {height: 450px;background-size: auto 100% !important;}
  
  .header-dh{width: 24%;}
}
@media (max-width: 992px){


}
@media (max-width: 767px){


}









/* 标题 */
.bt{margin-bottom: 30px;text-align: center;}
.bt h3 {font-size: 24px;font-weight: bold;letter-spacing: 1px;line-height: 24px;color:#005399;}
.bt p{font-size: 14px;color: #5a5a5a;line-height: 36px;}
.bt .line {width: 99%;height: 1px;background: #bbb;margin: 10px auto;position: relative;}
.bt .line hr {margin: 0 auto;width: 8%;border-top: 4px solid #005399;display: inline;position: absolute;top: -2px;margin-left: -4%;}

@media (min-width: 992px) and (max-width: 1024px){
  

  
}


@media (max-width: 992px) {
  

  
  
}

@media (max-width: 767px) {
  
  .bt {margin-bottom: 20px;padding: 0 15px;}
  .bt p { font-size: 13px;line-height: 1.3; margin-top: 10px;}
  
}




.fenlei{padding: 50px 0;background: #f5f5f5;}

.fl-cont{}
.fl-cont ul{overflow: hidden;padding: 0 0.5%;}
.fl-cont ul li{float: left;width: 25%;padding: 0 0.3%;}
.fl-cont ul li a{display:block;}
.fl-cont ul li a .fl-img{position: relative;overflow: hidden;height: auto;}
.fl-cont ul li a .fl-img img{width: 100%;transition: all .5s;transform: scale(1.05);}
.fl-cont ul li a .fl-img h2{position: absolute;width: 100%;height: 100%;background: rgb(0 0 0 / 40%);top: 0;left: 0;text-align:center;padding-top: 35%;opacity: 0;transition: all .5s;}
.fl-cont ul li a .fl-img h2 b {color: #fff; font-size: 36px;  font-weight: normal;letter-spacing: 2px;transition: all .5s;}
.fl-cont ul li a .fl-img span.line {position: absolute; width: 94%;display: block;border: 1px solid rgba(255,255,255,.5); z-index: 3;left: 0;top: 0; height: 95%; margin: 3%;}
.fl-cont ul li a h3 {font-size: 19px;line-height: 1;font-weight: bold; color: #fff; letter-spacing: 1px; margin-top: 5px; background: #005399;text-align: center;padding: 12px 0;}

.fl-cont ul li a:hover .fl-img img{transform: scale(1);}
.fl-cont ul li a:hover .fl-img h2{opacity: 1;}
.fl-cont ul li a:hover .fl-img h2 b{}

.fl-btn{margin-top: 50px;text-align: center;}
.fl-btn a { display: inline-block; font-size: 15px;line-height: 1; background: #eee; padding: 10px 50px;color: #555;border-radius: 2px;transition: all .5s;}
.fl-btn a:hover{background: #b10000;color: #fff;}

@media (min-width: 1200px) and (max-width: 1440px){
  
  .fl-cont ul li{padding: 0 0.3%;}
  
  .fl-cont ul li a .fl-img h2 b{font-size: 30px;}
  
  
  
}

@media (min-width: 992px) and (max-width: 1200px){
  
  .fl-cont ul li{padding: 0 0.3%;}

  .fl-cont ul li a h3{font-size: 16px;}
  
  .fl-cont ul li a .fl-img h2 b{font-size: 26px;}
  
  
}
@media (max-width: 992px){

  .fenlei {padding: 30px 0;}
  .fl-cont ul li{padding: 0 0.5%;}
  .fl-cont ul li a h3{font-size: 15px;margin-top: 8px;}
  .fl-cont ul li a .fl-img h2 b{font-size: 24px;}
  .fl-btn {margin-top: 30px;}

}
@media (max-width: 767px){

  .fl-cont ul li {width: 50%;padding: 0 5px;margin-bottom: 20px;}
  
  .fl-btn{margin: 0;}
  
}





.gywm{background: #f8f8f8 url(../images/gsjj.jpg)no-repeat center top;padding: 50px 0 80px;}
.gywm-tit{position: relative;margin-bottom: 40px;text-align:center;}
.gywm-tit p{font-size: 50px;font-weight: bold;font-family: Times New Roman;line-height: 50px;color: #ffffff4a;text-transform: uppercase;}
.gywm-tit h3{font-size: 24px;font-weight: bold;position: absolute;top: 30px;left: 0;letter-spacing: 1px;color: #fff;width: 100%;}
.gywm-tit h3 span{color: #d62420;}

.gywm-bg{background: #fff;padding: 20px;box-shadow: 2px 8px 8px -2px #d2d2d2;border-radius: 5px;}

.gywm-img{float: left;width: 43%;padding: 6px;background: #fff;margin-right: 2%;}
.gywm-img img{width: 100%;}
.gywm-cont{float: right;width: 55%;}
.gywm-cont .gy-bt{margin-bottom: 20px;position:relative;}
.gywm-cont .gy-bt h3 {font-size: 24px;font-weight: bold;letter-spacing: 1px;color: #000;position: absolute;top: 60px;}
.gywm-cont .gy-bt p {font-size: 45px;font-weight: bold;font-family: Times New Roman;text-transform: uppercase;letter-spacing: -1px;color: #005399;line-height: 1;margin-top: 5px;position: absolute;left: -72px;text-shadow: 3px 4px 1px #fff;}
.gywm-cont h3 {color: #005399;font-size: 24px;line-height: 1; font-weight: bold;letter-spacing: 1px;}
.gywm-cont hr { width: 30%; border-top: 2px solid #005399; margin: 15px 0;}
.gywm-cont .gy-nr{}
.gywm-cont .gy-nr p {font-size: 15px;line-height: 1.5;color: #555;}
.gywm-cont .gy-more{margin-top: 30px;}
.gywm-cont .gy-more a {display: inline-block;font-size: 14px;line-height: 14px;border: 1px solid #ccc;padding: 10px 20px;color: #333;}
.gywm-cont .gy-more a:hover{background: #005399;color: #fff;}



@media (min-width: 992px) and (max-width: 1200px){
  
  .gywm-cont hr {  width: 25%;border-top: 2px solid #005399;margin: 10px 0;}
  
  .gywm-cont .gy-more { margin-top: 15px;}
  
}

@media (max-width: 992px) {

  .gywm{padding: 30px 0 50px;}
  .gywm-bg{padding: 15px;}
  .gywm-cont h3{font-size: 20px;}
  .gywm-cont hr { width: 24%;margin: 10px 0;}
  .gywm-cont .gy-nr p { font-size: 13px; line-height: 1.5;color: #555;}
  .gywm-cont .gy-more { margin-top: 15px;}
  .gywm-cont .gy-more a{font-size: 12px;}
  
  
}

@media (max-width: 767px) {
  
  .gywm { padding: 30px 15px;}
  .gywm-bg {padding: 10px;}
  
  .gywm-img{float: none;width: 100%;margin-bottom: 20px;}
  .gywm-cont{float: none;width: 100%;}
  

}










.jishu{padding: 50px 0;background: #fcfcfc;}

.js-bt{text-align: center;margin-bottom: 50px;}
.js-bt h3 {font-size: 30px;line-height: 1;font-weight: bold;letter-spacing: 2px;color: #b40000;}
.js-bt h5 {font-size: 15px; line-height: 1;text-transform: uppercase;color: #888;margin: 10px 0;}
.js-bt p {font-size: 15px;line-height: 1;color: #666;}

.js-list{}
.js-list ul{}
.js-list ul li{float: left;width: 25%;padding: 0 10px;}
.js-list ul li .js-box{text-align: center;background: rgb(0 83 153 / 5%);padding: 10px;border-radius: 10px;position: relative;top: 0;transition: all .5s;}
.js-list ul li .js-box img{width: 80%;display: none;}
.js-list ul li .js-box .fa { width: 120px;  height: 120px; line-height: 120px;font-size: 50px;border: 4px solid #005399;color: #005399;border-radius: 50%;}
.js-list ul li .js-box h3 {font-size: 20px; line-height: 1;font-weight: bold; color: #222;margin: 15px 0;}
.js-list ul li .js-box p { font-size: 14px;line-height: 1.3;color: #666;height: 60px;}
.js-list ul li .js-box:hover{top: -10px;}


.lc-cont{margin-top: 20px;}
.lc-cont ul {display: flex;flex-wrap: wrap;justify-content: center;}
.lc-cont ul li{float: left;margin-top: 20px;}
.lc-cont ul li.lc-txt { width: 15%;box-shadow: 1px 1px 3px #dbdbdb;border-radius: 100px;padding: 15px 20px;text-align: center;position: relative;top: 0;transition: all .5s;background: #fff;}
.lc-cont ul li.lc-txt h5 { font-family: Times New Roman; font-size: 30px;line-height: 1;font-weight: bold;margin-bottom: 5px;}
.lc-cont ul li.lc-txt h3 {font-size: 16px;line-height: 1;color: #222;font-weight: bold;}
.lc-cont ul li.lc-ico { width: 6.25%;text-align: center;}
.lc-cont ul li.lc-ico img {width: 40px;opacity: .8;margin-top: 20px;}
.lc-cont ul li.lc-txt:hover{top: -6px;}


@media (min-width: 992px) and (max-width: 1200px){
  
  .js-list ul li .js-box p {font-size: 13px;height: 70px;}
  .js-list ul li .js-box h3{font-size: 18px;}
  
  .lc-cont ul li.lc-txt{padding: 15px 10px;}
  .lc-cont ul li.lc-txt h3{font-size: 15px;}
  .lc-cont ul li.lc-txt h5{font-size: 24px;}
  
 
  
}

@media (max-width: 992px) {

  .jishu { padding: 30px 0;}
  .js-bt {margin-bottom: 30px;}
  .js-bt h3{font-size: 24px;}
  .js-bt h5{font-size: 13px;margin: 8px 0;}
  .js-bt p { font-size: 13px; line-height: 1.3;color: #666;}
  .js-list ul li{padding: 0 8px;}
  .js-list ul li .js-box h3{font-size: 16px;margin: 10px 0;}
  .js-list ul li .js-box p {font-size: 12px;line-height: 1.3;color: #8b8b8b;height: 75px;}
  
  .lc-cont {margin-top: 0;}
  .lc-cont ul li.lc-ico img{width: 30px;margin-top: 40px;}
  .lc-cont ul li.lc-txt h3 {font-size: 14px;line-height: 1.2;}
  
   .js-list ul li .js-box .fa {width: 100px;height: 100px; line-height: 100px;font-size: 40px;border: 3px solid #005399;border-radius: 50%;}
}

@media (max-width: 767px) {
  
  .js-bt { margin-bottom: 20px;padding: 0 15px;}
  .js-bt h3 {font-size: 20px;letter-spacing: 1px;}
  .js-bt h5 { font-size: 12px;margin: 5px 0;}
  .js-bt p{font-size: 12px;}
  
  .js-list {padding: 0 10px;}
  .js-list ul li { padding: 0 5px; width: 50%;margin-bottom: 10px;}
  .js-list ul li .js-box{padding: 6px;padding-top: 10px;}
  .js-list ul li .js-box h3 {font-size: 15px;margin: 6px 0;}
  .js-list ul li .js-box p{height: 70px;}

  .lc-cont{padding: 0 15px;}
  .lc-cont ul{display: block;}
  .lc-cont ul li.lc-txt{padding: 10px 5px;width: 23%;}
  .lc-cont ul li.lc-txt h5{font-size: 24px;}
  .lc-cont ul li.lc-ico {width: 10%;}
  .lc-cont ul li.lc-ico img {width: 24px;margin-top: 40px;}
  
  
  
  
  
}


/* 工程案例 */
.gcal { background: url(../images/bg8.jpg)no-repeat center;padding: 50px 0;}


.al-bt{}
.al-bt h3{color: #fff;}
.al-bt p {color: rgb(255 255 255 / 80%);}
.al-bt .line hr{border-top: 4px solid #ffffff;}

.al-list{}
.al-list ul{}
.al-list ul li{float: left;width: 33.33333%;padding: 0 15px;margin-bottom: 30px;}
.al-list ul li a{display: block;background: #f6f6f6;text-align: center;border-radius: 10px;overflow: hidden;}
.al-list ul li a .al-img{height: 240px;overflow: hidden;}
.al-list ul li a .al-img img {width: 100%;min-height: 100%;transition: all .5s;}
.al-list ul li a p {font-size: 17px; line-height: 1; padding: 15px 0;}
.al-list ul li a:hover .al-img img{transform: scale(1.1);}

.al-btn { text-align: center;margin-top: 20px;}
.al-btn a {display: inline-block; font-size: 15px;line-height: 1;background: #f6f6f6;color: #333;padding: 13px 35px; border-radius: 40px; transition: all .5s;border: 2px solid #ffffff;}
.al-btn a:hover { background:#1b4f98;color:#fff;}



@media (min-width: 992px) and (max-width: 1200px){
  
  .al-list ul li a .al-img {height: 210px;}
  
}


@media (max-width: 992px) {
  
  .gcal{padding: 30px 0;}
  .al-list ul li {padding: 0 10px;margin-bottom: 20px;}
  .al-list ul li a .al-img {height: 160px;}
  .al-list ul li a p { font-size: 15px;}
  
  .al-btn {text-align: center;margin-top: 0;}
  .al-btn a{font-size: 13px;padding: 11px 35px;}
  
}

@media (max-width: 767px) {
  
  .al-list { padding: 0 10px;}
  .al-list ul li {padding: 0 5px; margin-bottom: 10px; width: 50%;}
  
  .al-list ul li a{border-radius: 5px;}
  .al-list ul li a .al-img {height: 120px;}
  .al-list ul li a p { font-size: 14px;padding: 10px 0;}
  .al-btn {margin-top: 15px;}
  
  
  
}



.chanpin{padding: 50px 0;}


.str_wrap, .str_wrap.str_active{background: none;}

.walking{margin: 0;}
.walking .ar_1{width: 400px;height: 310px;}

.walking .ar_1 .item{height: 270px;}
.walking .ar_1 .item img{height: 100%;}
.walking .ar_1 p { height: 40px;  line-height: 40px; background: #005399; color: #fff; padding: 0 5px; font-size: 16px;}




@media (min-width: 992px) and (max-width: 1200px){
  
  
  .walking .ar_1 { width: 300px;height: 260px;}
  .walking .ar_1 .item {height: 220px;}
  
}


@media (max-width: 992px) {
  
  .chanpin {padding: 30px 0;}
  .walking .ar_1 { width: 300px;height: 260px;}
  .walking .ar_1 .item {height: 220px;}
  
  
}

@media (max-width: 767px) {
  
  .walking .ar_1 { width: 180px;height: 150px;}
  .walking .ar_1 .item {height: 120px;}
  .walking .ar_1 p { height: 30px; line-height: 30px;font-size: 13px;}
  
  
}








/* 按钮效果样式 */
.btn1{border: 1px solid #ccc;position: relative; /* 相对 */transition: all 0.5s; /* 过度 */-moz-transition: all 0.5s; /* Firefox */-webkit-transition: all 0.5s; /* Safari 和 Chrome */}
.btn1 .btnbg{position: absolute; /* 绝对 */left: 50%;width: 0;top: 0;bottom: 0;transition: all 0.5s; /* 过度 */ -moz-transition: all 0.5s; /* Firefox */-webkit-transition: all 0.5s; /* Safari 和 Chrome */background: #005399;}
.btn1:hover{border-color: #005399; color: #fff;}
.btn1:hover .btnbg{width: 100%;left: 0;}
.btn1 span{position: relative;z-index: 1;}









/* 内页样式 */
.page-body {margin: 30px auto 50px;}

.left_menu{float: left;width: 22%;margin-right: 3%;padding:0;}
.page-body .col-md-9{float: left;width: 75%;padding: 0;}

.sec-tit {border: none;height: 50px;line-height: 50px;background: #1b4f98;padding: 0 10px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.sec-tit h2 {float: left; margin-top: 0;margin-bottom: 0; height: auto;line-height: 50px; font-weight: bold; font-size: 18px;color: #ffffff;border: none;}

.sec-tit h5{margin-top:16px;}
.sec-tit h5 a{color:#fff;}
.sec-tit h5 a:hover{background: #f9b31e}

.page-l-clist ul { padding: 5px 10px; border: 2px solid #1b4f98;}
.page-l-clist li { height: 45px; line-height: 45px; text-align: center; font-size: 15px;border: none; background: #eee; margin: 10px 0;}
.page-l-clist li a{display:block;}
.page-l-clist li a:hover {   display: inline-block; width: 100%;  height: 45px; color: #fff; background: #1b4f98;}
.page-l-clist li .layer2{left: 100%;}


.left-news li a h5 { line-height: 1; text-align: left; font-size: 14px; padding: 10px;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.left-news li a:hover h5{color: #1b4f98;}

.sec-marquee-c strong{font-size: 18px;}
.left_menu { float: left;width: 22%;margin-right: 3%;padding: 0;}

@media (max-width: 992px) {

  
  
}

@media (max-width: 767px) {
  
  .page-body .col-md-9 { float: left;width: 100%;padding: 0;}
 

  
  
}


/* 底部 */
.f_one { background: rgb(32, 32, 32);padding-top: 30px;}
p.copyright {border-top: 1px solid #b8b8b8;}
.f_one {background: rgb(45, 45, 45);}
.f-nav {padding-bottom: 20px;margin-bottom: 20px;}
.f-nav ul{overflow: hidden;}
.f-nav ul li {border-right: 1px solid #fff;float: left;padding: 0 55px;}
.f-nav ul li:last-child{border: none;}
.f-nav ul li a { color: #ccc; display: inline-block;font-size: 15px;line-height: 1;}
.f-nav ul li a:hover{color: #fff;}

.ewm-box{width: 50%;padding: 0 10px;text-align:center;margin:auto;}
.ewm-box img{width: 100%;}
.ewm-box p { color: #ddd;font-size: 15px;line-height: 1;padding-top: 5px;}


/* 地图 */
.page-addr iframe { width:100%;}
/* 单页p */
.page-content p { font-size: 16px;}


.page-alist { margin-top: 15px;overflow: hidden;}



/* 文字横向滚动 */
.wzgd { border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;background:#fdfdfd;}
.not-img{float: left;width: 10%;font-size: 14px;color: #005399;line-height: 50px;}
.not-img img{height: 30px;margin-right: 10px;}

#scroll_begin,#scroll_end {display: inline;}>.pad_right{ padding-right:2em;}
#scroll_div {height: 50px;line-height: 50px;overflow: hidden;white-space: nowrap;width:90%;float:left;}
.lababg{background:url(../images/laba.png) no-repeat 15px 5px; background-size:25px; padding-left:0;}
.lababg b{float:left;}
#scroll_div a{margin-left:20px;font-size: 14px;}
#scroll_div a:hover{color:#e50000;}

@media (max-width: 992px) {
  /* 产品中心文字高度 */
  .pro_list li p { height:30px;}

  .page-body .col-md-9{float: none;width: 100%;}
  .page-alist .col-md-4 {   height: auto; float: left; width: 33.3333%;padding: 0 5px;margin-bottom: 10px;}
  
  
  
}

@media (max-width: 767px) {
  
  .page-body {margin: 0 auto 50px;}
  
  .not-img { width:20%;}
  #scroll_div { width:80%;}
 
  .page-body .col-md-9 {padding: 0 10px;}
  .page-alist .col-md-4 {   height: auto; float: left; width: 50%;padding: 0 5px;margin-bottom: 10px;}
  .page-alist .col-md-4 h5 {height: auto;line-height: 1; font-size: 13px;text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin-top: 5px;}
  
}