.av-bofang,.swbofang,.wra_6click,.wra_4click{ cursor: pointer;width:80px;height:80px;border-radius:100%;margin:0 auto}
.av-bofang:hover,.swbofang:hover,.wra_6click:hover,.wra_4click:hover{ background: rgba(0,0,0,0.8);}
.video-div{width:95%;margin:0 auto}
.video-div video{width:100%}
.video-close{ position: absolute;top:0;right:0;cursor: pointer;}
.close_er{cursor: pointer;}


.wra_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 24px 24px 0;}

.height100vh{height:100vh}
.video{ display: none;width:80%;display: none;z-index:99999999; background: #000;padding:40px 0 20px 0;}
.video1{position: fixed;top:1vh;left:10%;}
.video2{position: fixed;top:1vh;left:10%;}
.video3{position: fixed;top:1vh;left:10%;}
.video4{position: fixed;top:1vh;left:10%;}
.video5{position: fixed;top:1vh;left:10%;}
.bghei{ background: rgba(0,0,0,0.75);width:100%;position: absolute;top:0;left:0;z-index:9999999;display: block;}
.bgheivideo{ background: rgba(0,0,0,0.75);width:100%;position: absolute;top:0;left:0;z-index:99999999;display: none;}


.wra_top{height:110px;line-height:110px; position: absolute;top:0;left:20px;z-index:9999999}
.wra_nav ul{ overflow: hidden;zoom:1;margin-left:75px;}
.wra_nav ul li,.wra_nav ul li a{float:left}
.wra_nav ul li{margin:0 30px}
.wra_nav ul li a{font-size:16px;color:#fff;cursor: pointer;letter-spacing: 4px;}
/*导航*/

.wra_bottom{ position: relative; overflow: hidden;}
.banner_video{cursor:pointer;position: absolute;top:0;left:-100%;height:100vh;width:70%;z-index:999999;transition: all 1s;}
.banner_video span{position: absolute;top:70%;left:42%}
.banner_video span:hover{width:80px;height:80px;border-radius:100%; background: rgba(0,0,0,0.8);}
.banner_video-current{left:0}
/**********第一屏**********/

.wra_2{ overflow: hidden;zoom:1;margin:20px 0}
.about{width:33.3333333333333%;float:left;position: relative;}
.about div img{width:100%; transition: all 5s;}
.about div:nth-child(1){width:100%; overflow: hidden;}
.about div:nth-child(2){width:100%;height:50px;line-height:50px; background: rgba(0,0,0,0.75); position: absolute;bottom:0;z-index:99999}
.about div:nth-child(2){margin-bottom:-10px;transition: all 0.6s; background: rgba(0,0,0,0.5); position: absolute;bottom:0;z-index:9999;opacity: 0;}
.about div a{width: 100%; display: block;height:75%;font-size:16px;color:#fff; text-align: center;letter-spacing: 4px;}
.about div a b{display: inline-block;width:30px;height:1px;margin:0 5px; vertical-align: middle;background:#fff}

.about:hover div:nth-child(2){margin:0;opacity: 1;}
.about:hover div:nth-child(1) img{transform:scale(1.1);}


.wra_case_banner div:nth-child(1){width:100%;}
.wra_case_banner div img{transition: all 10s;}
.wra_case_banner:hover div img{ transform: scale(1.1);}
.wra_case_banner{position: relative; overflow: hidden;}
.wra_case_banner .wra_case_wz{line-height:30px;font-size:12px;letter-spacing:2px;color:#fff;width:30%;height:192px; background: rgba(255,255,255,0.25); position: absolute;bottom:30px;left:30px;margin-top:15px;}
.wra_case_banner .wra_case_wz div{width:90%;margin:0 auto}
.wra_case_banner .wra_case_wz div a{color:#fff; display: inline-block;width:94px;height:24px;border:1px solid #fff;text-align: center;;line-height:24px;}
.wra_case_banner .wra_case_wz div:nth-child(1){font-size:26px;letter-spacing:8px;padding-top:10px;line-height:50px;border-bottom:1px solid #fff}
.wra_case_banner .wra_case_wz div:nth-child(2){margin-top:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.wra_case_banner .wra_case_wz div:nth-child(3){text-align: right;margin-top:10px;margin-right:30px}
/**********第三屏**********/


.wra_4{ position: relative;}
.kuang{ position: absolute;z-index:999999;width:50px;height:50px}
.kuang_left{margin-top:22px;margin-left:22px;}
.kuang_right{bottom:22px;right:22px}

.wra_4_wz{ position: relative;top:100px}
.wra_4_wz .wra_4click{margin:0 auto;cursor: pointer;}
.wra_4_wz div:nth-child(2){color:#fff;width:80%;margin:30px auto;font-size:16px;line-height:26px;letter-spacing:2px;text-align: center;}
.wra_4{ background:url(../images/video1.jpg) no-repeat bottom center;height:318px; width:100%;}
/**********第四屏视频1**********/

.wra_5{width:95%;margin:20px auto }
.wra_5_left {width:66.5%}
.wra_5_right {width:32.5%;margin-left:1%}
.wra_5_div_dd{float:left;width:49%;margin:0 1% 1% 0}
.wra_5_left dl{position: relative;width:100%;overflow: hidden;}
.wra_5_left dl dd:nth-child(2){height:50px;line-height:50px; background: rgba(0,0,0,0.5);color:#fff; cursor: pointer;position: absolute;bottom:0;left:0;width:100%;transition:all 0.6s; }
.wra_5_left dl dd:nth-child(2) span{font-size:14px;letter-spacing: 4px; display: block;margin-left:10px;}
.wra_5_left dl dd:nth-child(3){ background: rgba(0,0,0,0.75);opacity:0;height:90%;width:95%;position: absolute;top:5%;left:2.5%;line-height:30px;transition: all 0.6s; margin-top:20px;}
.wra_5_left dl dd:nth-child(3) span,.wra_5_left dl dd:nth-child(3) b{ display: block;text-align: center;color:#fff;letter-spacing:4px;}
.wra_5_left dl dd:nth-child(3) span:nth-child(1){margin-top:30%;}
.wra_5_left dl dd:nth-child(3) b{height:1.5px;width:150px; background: #fff;margin:6px auto}
.wra_5_left dl dd:nth-child(3) span:nth-child(1){font-size:16px;}
/*.wra_5_left .wra_5_div_dd:hover dd:nth-child(3){margin-top:0;opacity:1;}
.wra_5_left .wra_5_div_dd:hover dd:nth-child(2){opacity: 0;}*/
.wra_5_left .wra_5_div_dd dt img{ transition: all 5s;}
.wra_5_left .wra_5_div_dd:hover dt img{ transform: scale(1.1);}

.wra_5_right dl{ position: relative;}
.wra_5_right dl dt{width:100%}
.wra_5_right dl dd{padding:5px;width:85%;height:70px;position:absolute;top:80%;left:5%; background: rgba(0,0,0,0.7);font-size:14px;letter-spacing:2px;line-height:24px; color:#fff;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical ;}
/**********第五屏**********/


.wra_6{ background:url(../images/video2.jpg) no-repeat bottom center;height:418px; width:100%; position: relative;}
.wra_6_wz .wra_6click{margin:0 auto;cursor: pointer;}
.wra_6_wz .wra_6click{ position: relative;top:100px}
.wra_6_aa{height:90px;line-height:90px; background: rgba(0,0,0,0.7);text-align: center;color:#fff;letter-spacing:2px;font-size:16px; position: absolute;bottom:0;width:100%}
/**********第六屏**********/

.wra_7{width:95%;margin:20px auto }
.wra_7_wz{ overflow: hidden;zoom:1;width}
.wra_7_div_dd{float:left;width:32.6%;margin:0 1% 0.7% 0;cursor: pointer;}
.wra_7_div_dd:nth-child(3),.wra_7_div_dd:nth-child(6){margin-right:0}
.wra_7_div_dd dl{position: relative;width:100%;overflow: hidden;}
.wra_7_div_dd dl dd:nth-child(2){height:60px;padding-top:10px;line-height:25px; background: rgba(0,0,0,0.75);color:#fff; cursor: pointer;position: absolute;bottom:0;left:0;width:100%;transition:all 0.6s; }
.wra_7_div_dd dl dd:nth-child(2) span:nth-child(1){font-size:16px;letter-spacing: 2px;}
.wra_7_div_dd dl dd:nth-child(2) span{ display: block;margin-left:10px;font-size:12px;letter-spacing: 2px;}
.wra_7_div_dd dl dd:nth-child(3){color:#fff; background:rgba(0,0,0,0.75);height:90%;width:95%;position: absolute;top:5%;left:2.5%;transition:all 0.6s;line-height:30px;opacity: 0;margin-top:20px; }
.wra_7_div_dd dl dd:nth-child(3) div{width:80%;margin:0 auto}
.wra_7_div_dd dl dd:nth-child(3) span{display: block;text-align: center;font-size:14px;letter-spacing:2px;margin:30% auto 20% auto;line-height:26px;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical ;}
.wra_7_div_dd dl dd:nth-child(3) a{margin-left:7px;color:#fff;display: block;width:94px;height:24px;border:1px solid #fff;text-align: center;line-height:24px;}
.wra_7_div_dd dt img{ transition: all 5s;}
.wra_7_div_dd:hover dt img{ transform: scale(1.1);}

/**********第七屏**********/

.wra_8{width:95%;margin:0 auto}
.footer {border-top:6px solid #030303;}
.footer ul{float:left;padding:40px 0;width:25%;text-align: center;}
.footer ul li{line-height:25px;width:80px;text-align: left;margin:0 auto;letter-spacing: 0;}

.footer ul li:nth-child(1){font-size:16px;margin-bottom:10px;}
.footer{ overflow: hidden;zoom:1}

/**********底部**********/


/***************************************************二级页面弹出窗***************************************************/

.ttttt{width:95%;margin:0 auto;position: fixed;top:2.5%;left:2.5%;z-index:9999999;display: none; overflow: auto;height:100vh;}
.case .ttt_top{text-align: center; background: url(../images/casebgtop.png) no-repeat;height:100px; background-size:100%;}
.case .ttt_toph1 span{ display: block;line-height:30px;text-align: center;}
.case .ttt_toph1 span:nth-child(1){font-size:24px;letter-spacing: 38px;font-weight:bold;padding-left:40px;padding-top:20px;}
.case .ttt_toph1 span:nth-child(2) b{width:15px;height:1.5px; background: #030303;}
.case .ttt_toph1 span:nth-child(2) b,.ttt_top span:nth-child(2) abbr{display: inline-block; vertical-align: middle;}
.case .ttt_toph1 span:nth-child(2) abbr{font-size:14px;}

.case .ttt_top{ position: relative;}
.case .close_er{ position:absolute;right:1%;top:35%;}

.case .ttt_center{height:580px;}
.case .ttt_center .ttt_c_left{width:85%;height:100%; background:url(../images/casebgcenter.png) no-repeat center center ; background-size: 100%;}
.case .ttt_center .ttt_c_right{width:15%;height:100%; background:url(../images/casebgright.png) no-repeat center center ; background-size: 100%;}

.case .ttt_center .ttt_c_left .ttt_div{width:50%;margin:40px auto;}
.case .case_zh dd{color:#fff;height:40px;width:100%;line-height:40px;text-align: center; background: rgba(255,255,255,0.5);margin-top:10px;letter-spacing: 10px;font-size:18px;}
.case .case_zh dt{border:5px solid #fff}

.case .ttt_c_right li{color:#fff;line-height:40px;font-size:16px;margin-left:30px;cursor: pointer;}
.case .ttt_c_right ul{margin-top:30px;}
.case .ttt_c_right ul li div span{font-size:12px;color:#D3D3D3;display: block;line-height:30px;}
.case .ttt_c_right li b{ display: inline-block;width:10px;height:10px;margin-left:10px;}
/*.case .ttt_c_right li:hover b,.ttt_c_right li.current b{ background:url(../images/dian.png) no-repeat;}*/
.case .ttt_c_right li.current{color:#0072B9}
.case .ttt_c_right li div{ display: none;}

.case .ttt_bottom{width:100%;height:40px; background:url(../images/casebgbottom.png) no-repeat center center; background-size:100%;}

.case #a{ position:static;}
.case .a3{position: absolute;}
.case .pore{ position: relative;}
.case #a .swiper-button-next{right:100px}
.case #a .swiper-button-prev{left:100px}
/*工程案例*/


.service .ttt_top{text-align: center; background: url(../images/casebgtop.png) no-repeat;height:100px; background-size:100%;}
.service .ttt_toph1 span{ display: block;line-height:30px;text-align: center;}
.service .ttt_toph1 span:nth-child(1){font-size:24px;letter-spacing: 38px;font-weight:bold;padding-left:40px;padding-top:20px;}
.service .ttt_toph1 span:nth-child(2) b{width:35px;height:1.5px; background: #030303;}
.service .ttt_toph1 span:nth-child(2) b,.ttt_top span:nth-child(2) abbr{display: inline-block; vertical-align: middle;}
.service .ttt_toph1 span:nth-child(2) abbr{font-size:14px;}

.service .ttt_top{ position: relative;}
.service .close_er{ position:absolute;right:1%;top:35%}

.service .ttt_center{height:580px;}
.service .ttt_center .ttt_c_left{width:85%;height:100%; background:url(../images/casebgcenter.png) no-repeat center center ; background-size: 100%;}
.service .ttt_center .ttt_c_right{width:15%;height:100%; background:url(../images/casebgright.png) no-repeat center center ; background-size: 100%;}

.service .ttt_center .ttt_c_left .ttt_div{width:50%;margin:40px auto;}
.service .case_zh dd{color:#fff;height:40px;width:100%;line-height:40px;text-align: center; background: rgba(255,255,255,0.5);margin-top:10px;letter-spacing: 10px;font-size:18px;}
.service .case_zh dt{border:5px solid #fff}

.service .ttt_c_right li{color:#fff;line-height:40px;font-size:16px;margin-left:30px;cursor: pointer;}
.service .ttt_c_right ul{margin-top:30px;}
.service .ttt_c_right ul li div span{font-size:12px;color:#D3D3D3;display: block;line-height:30px;}
.service .ttt_c_right li b{ display: inline-block;width:10px;height:10px;margin-left:10px;}
/*.service .ttt_c_right li:hover b,.ttt_c_right li.current b{ background:url(../images/dian.png) no-repeat;}*/
.service .ttt_c_right li.current{color:#0072B9}
.service .ttt_c_right li div{ display: none; overflow-y:auto;max-height:360px;}
.service .ttt_c_right li div::-webkit-scrollbar{width:0px; }



.service .ttt_bottom{width:100%;height:40px; background:url(../images/casebgbottom.png) no-repeat center center; background-size:100%;}

.service #a{ position:static;}
.service .a3{position: absolute;}
.service .pore{ position: relative;}
.service #a .swiper-button-next{right:100px}
.service #a .swiper-button-prev{left:100px}
/*服务领域*/


.about-t .ttt_top{text-align: center; background: url(../images/casebgtop.png) no-repeat;height:100px; background-size:100%;}
.about-t .ttt_toph1 span{ display: block;line-height:30px;text-align: center;}
.about-t .ttt_toph1 span:nth-child(1){font-size:26px;letter-spacing: 38px;font-weight:bold;padding-left:40px;padding-top:20px;}
.about-t .ttt_toph1 span:nth-child(2) b{width:60px;height:1.5px; background: #030303;}
.about-t .ttt_toph1 span:nth-child(2) b,.ttt_top span:nth-child(2) abbr{display: inline-block; vertical-align: middle;}
.about-t .ttt_toph1 span:nth-child(2) abbr{font-size:14px;}

.about-t .ttt_top{ position: relative;}
.about-t .close_er{ position:absolute;right:1%;top:35%}

.about-t .ttt_center{height:580px;}
.about-t .ttt_center .ttt_c_left{width:85%;height:100%; background:url(../images/about.jpg) no-repeat center center ; background-size: 100%;}
.about-t .ttt_center .ttt_c_right{width:15%;height:100%; background:url(../images/casebgright.png) no-repeat center center ; background-size: 100%;}
.about-t .case_zh dt{border:5px solid #fff; width:550px;margin:0 auto}
/* .about-t .case_zh dt img{height:345px;margin:0 auto;text-align: center;} */
.about-t .ttt_center .ttt_c_left .ttt_div{width:70%;margin:100px auto;}

.about-h1 span{display: block; text-align: center;width:160px;margin:0 auto;line-height:50px;}
.about-h1 span:nth-child(1){font-size:20px;letter-spacing: 6px;}
.about-h1 span:nth-child(2){font-size:16px;border-top:1.5px solid #fff;letter-spacing: 0;}
.about-swiper{color:#fff;}
.about-swiper div:nth-child(2){margin-top:60px;font-size:12px;line-height:26px;text-align: center;letter-spacing: 4px;}


.about-t .ttt_c_right li{color:#fff;line-height:40px;font-size:16px;margin-left:30px;cursor: pointer;}
.about-t .ttt_c_right ul{margin-top:30px;}
.about-t .ttt_c_right ul li div span{font-size:12px;color:#D3D3D3;display: block;}
.about-t .ttt_c_right li b{ display: inline-block;width:10px;height:10px;margin-left:10px;}
/*.about-t .ttt_c_right li:hover b,.ttt_c_right li.current b{ background:url(../images/dian.png) no-repeat;}*/
.about-t .ttt_c_right li.current{color:#0072B9}
.about-t .ttt_c_right li div{ display: none;}

.about-t .ttt_bottom{width:100%;height:40px; background:url(../images/casebgbottom.png) no-repeat center center; background-size:100%;}

.about-t #a{ position:static;}
.about-t .a3{position: absolute;}
.about-t .pore{ position: relative;}
.about-t #a .swiper-button-next{right:100px}
.about-t #a .swiper-button-prev{left:100px}


.fazlic{width:114%;color:#fff;font-size:14px;line-height:26px;text-align: center; position: absolute;bottom:-200px;left:-50px}

.about-lc-b{margin-left:-21.5%; position: absolute;top:480px;width:172.5%; background: #fff;padding:50px 0}
.lc_one{overflow: hidden;zoom:1;}
.lc_one_left{width:19%;box-sizing: border-box;}
.lc_one_left{color:#0060A1;font-size:32px;text-align: center;}

.lc_one_right{width:80%;border-left:1px solid #ccc;}
.lc_one_right dl{overflow: hidden;}
.lc_one_right dl:last-child dd{padding-bottom:50px;}
.lc_one_right dl dt,.lc_one_right dl dd{float:left}
.lc_one_right dl dt{width:20%;font-size:26px;text-align: center;}

.lc_one_right dl dt span{width:45px;margin:0 auto;display: block;}
.lc_one_right dl dt b{height:1px;width:45px;display: block; background: #000;}
.lc_one_right dl dd{padding:10px 0;position:relative;width:68%;border-left:1px solid #ccc;padding-left:3%}
.lc_one_right dl dd span{ display: block;font-size:12px;letter-spacing:2px;line-height:24px;}
.lc_one_right dl dd b{ position: absolute;left:-7.5px;margin-top:3px;}
.lc_one_right dl dd abbr{ position: absolute;left:-11.5px;top:47px;width:20px;}
.lc_one_right dl dd abbr img{width:100%}

.address{color:#fff;}
.address li{margin:10px 0;font-size:12px;letter-spacing: 2px;}
.address li:nth-child(odd){font-size:20px;}

.address-div{width:95%;margin:0px auto}
.address-bottom h1{color:#0B78B9;line-height:40px;}
.address-bottom h1 span{ display: block;font-size:26px;letter-spacing:4px;}
.address-bottom h1 b{font-size:16px;letter-spacing:2px;}

.address-video{ position: relative;text-align: center;}
.av-bofang{position: absolute;top:43%;left:48%;display: inline-block;}
.ares-div{font-size:16px;line-height:26px;letter-spacing:2px;margin:20px 0}

.zhaoping dl{ cursor: pointer;margin:5px 0}
.zhaoping dl dt{padding-left:10px;width:100%;height:40px; background: #0B78B9;color:#fff;line-height:40px;font-size:16px}
.zhaoping dl dd{line-height:24px;padding:10px 0;display: none;}

/*关于我们*/





.a1 .swiper-button-next{z-index:99999}
.a1 .swiper-button-prev{z-index:99999}

.a2 .swiper-button-next{z-index:9999}
.a2 .swiper-button-prev{z-index:9999}

.a3 .swiper-button-next{z-index:999}
.a3 .swiper-button-prev{z-index:999}

.a4 .swiper-button-next{z-index:99}
.a4 .swiper-button-prev{z-index:99}

.a5 .swiper-button-next{z-index:9}
.a5 .swiper-button-prev{z-index:9}

#a{ display: none;}
#a:first-child{ display: block;}





@-moz-document url-prefix(http://),url-prefix(https://) {   
    /* 滚动条颜色 */  
    scrollbar {   
       -moz-appearance: none !important;   
       background: rgb(0,255,0) !important;   
    }   
    /* 滚动条按钮颜色 */  
    thumb,scrollbarbutton {   
       -moz-appearance: none !important;   
       background-color: rgb(0,0,255) !important;   
    }   
    /* 鼠标悬停时按钮颜色 */  
      
    thumb:hover,scrollbarbutton:hover {   
       -moz-appearance: none !important;   
       background-color: rgb(255,0,0) !important;   
    }   
    /* 隐藏上下箭头 */  
    scrollbarbutton {   
       display: none !important;   
    }   
    /* 纵向滚动条宽度 */  
    scrollbar[orient="vertical"] {   
      min-width: 15px !important;   
    }   
}