.explosives_main {max-width:2000px;min-width:1024px;position:relative;margin:0 auto;}
.explosives_main .main_top {height:700px;  min-height: 700px;text-align:center;position:relative;overflow:hidden;}
.explosives_main .main_top .main_motion_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#333 url('/_resource/eng/main/images/section2/bg.jpg') no-repeat center top fixed; background-size:cover; z-index:-1;}
.explosives_main .main_top .main_motion_bg.iframe {background:#333 url('/_resource/eng/main/images/section2/bg.jpg') top center no-repeat;}
.explosives_main .main_top .top_area{position: absolute; width: 100%;top: 50%;height: 750px;margin-top: -180px;}
.explosives_main .main_top .top_area .product_area {opacity:0;}
.explosives_main .main_top .top_area .product_area h4 {margin: 0 auto; width:210px; height: 37px; color:#fff; font-size: 18px; letter-spacing: 1.3px; background: #f37321;}
.explosives_main .main_top .top_area .product_area h4 span {display: block; padding-top:12px;}
/* IE9, IE10 */
@media screen and (min-width:0\0) {
    .explosives_main .main_top .top_area .product_area h4 span {padding-top:13px;}
}
.explosives_main .main_top .top_area .product_area ul {overflow: hidden; margin: 35px auto 0; width: 834px;}
.explosives_main .main_top .top_area .product_area li {float: left; margin: 0 34px; width:210px;}
.explosives_main .main_top .top_area .product_area li a img {position: relative; margin-bottom: 10px;}
.explosives_main .main_top .top_area .product_area li a span {color: #fff; font-size: 16px;}
.explosives_main .main_top .top_area .product_area li a:hover span {color: #f37321;}

.explosives_main .main_top h2 {margin-top: 20px;}
.explosives_main .main_top h3 {font-size:18px;color:#fff;line-height:18px;font-weight:500;}
.explosives_main .main_top p {margin-top:18px;font-size:14px;color:#fff;line-height:21px;  font-weight: 300;letter-spacing: 0.9px;}
.explosives_main .main_top .btn_service {width:99px;height:99px;position:absolute;right:25px;bottom:25px;}

.explosives_main .link_box

@-webkit-keyframes arrow {0%{bottom:55px}40%{bottom:45px}100%{bottom:55px}}
@keyframes arrow {0%{bottom:55px}40%{bottom:45px}100%{bottom:55px}}
@-moz-keyframes arrow {0%{bottom:55px}40%{bottom:45px}100%{bottom:55px}}
.explosives_main .main_top .main_cursor {display: block; width:41px;height:21px;position:absolute;left:50%;bottom:50px;margin-left:-20px;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-duration: 1.2s; animation-timing-function: ease-out; animation-iteration-count: infinite;-webkit-animation-name:arrow;animation-name:arrow}

.explosives_main .box02 {padding:22px 0;height: 81px;background:#fff;position:relative;}
.explosives_main .box02 .view_ul {width:1000px;margin:0 auto;overflow:hidden;  text-align: center;font-size: 0;letter-spacing: 0;word-spacing: 0;}
.explosives_main .box02 .view_ul li {position:relative;display:inline-block;overflow:hidden;  padding:10px 0 9px;}
.explosives_main .box02 .view_ul li.first{padding-left: 42px;width: 352px;}
.explosives_main .box02 .view_ul li.last{padding-left: 117px;}
.explosives_main .box02 .view_ul li .b_r{position: absolute;right: 0;top:0;width: 1px;height: 100%;background-color: #dfdfdf;}
.explosives_main .box02 .view_ul li .thumb {width:54px;float:left;margin-right:17px;}
.explosives_main .box02 .view_ul li .text_box {float:left;text-align:left;}
.explosives_main .box02 .view_ul li .text_box h2 {font-size:14px;font-weight:500;color:#444;}
.explosives_main .box02 .view_ul li .text_box p {font-size:11px;color:#444;margin:3px 0 8px;letter-spacing:-1px;line-height: 1;}
.explosives_main .box02 .view_ul li .text_box a {font-size:12px;color:#f27824;}
.explosives_main .box02 .view_ul li .text_box a span {position:relative;top:2px;left:3px;}

.explosives_main .box03 {position:relative;overflow:hidden;}
.explosives_main .box03 .box_ul {width:100%;overflow:hidden;}
.explosives_main .box03 .box_ul li {width:33.333%;float:left;position:relative;overflow:hidden;}
.explosives_main .box03 .box_ul li.active {width:36%;}
.explosives_main .box03 .box_ul li.reduction {width:32%;}
.explosives_main .box03 .box_ul li a {height:800px;display:block;text-align:center;overflow:hidden;}
.explosives_main .box03 .box_ul li a .circle {width:46px;height:46px;padding:31px;background:url('/_resource/explosives/images/main/main_ico04.png') no-repeat 0 0;display:block;margin:250px auto 0;font-size:24px;color:#fff;line-height:50px;}
.explosives_main .box03 .box_ul li a .text {font-size:42px;color:#fff;line-height:42px;font-weight:300;position:relative;top:30px;}



.explosives_main .box03 {position:relative;overflow:hidden;background-color: #fff;}
.explosives_main .box03 .box_ul {width:100%;overflow:hidden;}
.explosives_main .box03 .box_ul > li {width:33.33%;float:left;position:relative;overflow:hidden; height:400px;}
.explosives_main .box03 .box_ul > li > a >img{width: 100%;}

.explosives_main .box03 .box_ul > li .text_wrap {position: absolute;top:0;left:0;width: 100%;height: 100%;display:block;text-align:center;overflow:hidden;}
.explosives_main .box03 .box_ul > li .text_wrap .v_line {position: absolute;left:50%;top:50%;margin-left:-1px;margin-top:35px; width: 1px;height: 0;background-color: #f27824;}
.explosives_main .box03 .box_ul > li.area01 .text_wrap .v_line{margin-top: 110px;}
.explosives_main .box03 .box_ul > li.area02 .text_wrap .v_line{margin-top: 110px;}
.explosives_main .box03 .box_ul > li.area03 .text_wrap .v_line{margin-top: 110px;}

.explosives_main .box03 .box_ul > li .text_wrap .num {background:url('/_resource/explosives/images/main/circle.png') no-repeat center top;width:61px;height:56px;display: block;margin:0 auto;padding-bottom: 28px; color: #fff;font-size: 16px;line-height:58px;}
.explosives_main .box03 .box_ul > li .text_wrap .text_top{position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-200px;height: 105px;width:400px;}
.explosives_main .box03 .box_ul > li .text_wrap .text_bottom{opacity: 0; position: absolute;top:50%;left:50%;width:445px;margin-top:45px;margin-left:-222px;}
.explosives_main .box03 .box_ul > li .text_wrap .text_bottom.text01 {margin-left:-222px;margin-top: 83px;}
.explosives_main .box03 .box_ul > li .text_wrap .text_bottom.text02 {margin-left:-222px;margin-top: 83px;}
.explosives_main .box03 .box_ul > li .text_wrap .text_bottom.text03 {margin-left:-222px;margin-top: 83px;}
.explosives_main .box03 .box_ul > li .text_wrap .text_bottom.text01 a {padding:20px 22px 38px;}
.explosives_main .box03 .box_ul > li .text_wrap .text_bottom.text02 a {padding:20px 22px 38px;}
.explosives_main .box03 .box_ul > li .text_wrap .text_bottom.text03 a {padding:20px 22px 38px;}


.explosives_main .box03 .box_ul > li .text_wrap .text_bottom a {height:17px;  letter-spacing: 1px;padding:20px 35px 38px;display:inline-block;vertical-align:top;font-size:15px;color:#fff;line-height:17px;position:relative;background:url('/_resource/global_images/ico/ico_btn_more.png') no-repeat center bottom;}
.explosives_main .box03 .box_ul > li .text_wrap .text_bottom a.multiline2{padding-bottom: 46px;padding-top: 13px}
.explosives_main .box03 .box_ul > li .text_wrap .text_bottom a.multiline3{padding-bottom: 57px;padding-top: 1px;}
.explosives_main .box03 .box_ul > li .text_wrap .text_bottom a:hover,.explosives_main .box03 .box_ul > li .text_wrap .text_bottom a:focus{background:url('/_resource/global_images/ico/ico_btn_more_on.png') no-repeat center bottom;}

.explosives_main .box03 .box_ul > li .text_wrap .text_bottom a:before {content:'';width:1px;height:16px;background:#636567;position:absolute;right:0;top:50%;  z-index: 1; margin-top: -19px;}
.explosives_main .box03 .box_ul > li .text_wrap .text_bottom a.last:before {display:none;}   
.explosives_main .box03 .box_ul > li.area01 .bg{background:url('/_resource/eng/main/images/section2/banner1.png') center center no-repeat ;background-size:cover;}
.explosives_main .box03 .box_ul > li.area02 .bg{background:url('/_resource/eng/main/images/section2/banner2.png') center center no-repeat ;background-size:cover;}
.explosives_main .box03 .box_ul > li.area03 .bg{background:url('/_resource/eng/main/images/section2/banner3.png') center center no-repeat ;background-size:cover;}
.explosives_main .box03 .box_ul > li .bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;background-size:100% 100%;  background-repeat: no-repeat;background-position: center;
    transition: transform .4s linear, opacity 0.35s ease-out;-webkit-transition: -webkit-transform .4s linear, opacity 0.35s ease-out;-moz-transition: -moz-transform .4s linear, opacity 0.35s ease-out;-o-transition: -o-transform .4s linear, opacity 0.35s ease-out;
}
.explosives_main .box03 .box_ul > li:hover .bg{
    transform: scale3d(1.12, 1.12, 1.12) rotate(0.1deg); -webkit-transform: scale3d(1.12, 1.12, 1.12); -moz-transform: scale3d(1.12, 1.12, 1.12); -o-transform: scale3d(1.12, 1.12, 1.12);
    transition-duration: 4.5s; -webkit-transition-duration: 4.5s; -moz-transition-duration: 4.5s; -o-transition-duration: 4.5s;
}
.explosives_main .box03.tablet .box_ul > li:hover .bg{ transform: none; -webkit-transform:  none; -moz-transform: none;-o-transform: none; transition-duration: 0s; -webkit-transition-duration:  0s; -moz-transition-duration: 0s; -o-transition-duration: 0s;}


/*.explosives_main .box03 .box_ul > li:hover .text_top{margin-top:-100px;}*/
/*.explosives_main .box03 .box_ul > li:hover .v_line{-webkit-transition-delay:0.2s;height: 80px;margin-top:10px;}*/
.explosives_main .box03 .box_ul > li a.btn{display: block; text-align: center;height: 33px;border-radius: 66px;width: 120px;background-color: #f27824;color:#fff;font-size: 13px;  margin-top: 63px;line-height: 33px}
.explosives_main .box03 .box_ul > li a.btn:hover{background-color: #fff;color:#f27824;}
.explosives_main .box03 .box_ul > li .text_wrap .business{font-size: 34px;color: #fff;  font-weight: 500;line-height:42px;letter-spacing: 1.7px;}
.explosives_main .box03 .box_ul > li .text_wrap .text_area{display: block;overflow: hidden;position: absolute;width: 300px;top: 50%;left:50%;margin-left:-150px;margin-top: -80px;}
.explosives_main .box03 .box_ul > li .none_area{display: block;width: 100%;height: 100%;position: absolute;left:0;top:0;background:url('/_resource/explosives/images/main/overlay_pattern15.png') repeat;opacity: 1; font-size:0;}
.explosives_main .box03 .box_ul > li .none_area.overlay{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;background-image:url('/_resource/explosives/images/main/overlay_pattern75.png');}

.explosives_main .box03 .box_ul > li.focused .text_wrap .text_top{transform: matrix(1, 0, 0, 1, 0, -70) !important;}
.explosives_main .box03 .box_ul > li.focused .text_wrap .text_bottom{visibility: visible !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;filter: alpha(opacity=100) !important;opacity: 1 !important;transform: matrix(1, 0, 0, 1, 0, 0) !important}
.lt-ie9 .explosives_main .box03 .box_ul > li.focused .text_wrap .text_top{margin-top:-50px !important;}
.explosives_main .box03 .box_ul > li:hover .text_wrap .text_bottom{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}

.explosives_main .link_box {width:540px;height:280px;margin:25px auto 0; position:relative;}
.explosives_main .link_box .main_seq {position:absolute; top:-40px; left:12px;}
.explosives_main .link_box .main_seq img {opacity: 0; position:absolute; top:0; left:0;}
.explosives_main .link_box .main_seq img:first-child {display: block;}
.explosives_main .link_box .btns {position:relative;}
.explosives_main .link_box h4.mining {opacity: 0; font-size:22px;line-height:22px;font-weight:500;color:#fff;font-style:italic; position:relative;}
.explosives_main .link_box h4.mining a .btn_more {margin: 0 auto 15px; width:37px;height:37px;display:block;}
.explosives_main .link_box h4.mining a:hover .btn_more {transform:rotate(180deg);}
.explosives_main .link_box .btns {overflow: hidden; margin-top: 35px; width:100%;}
.explosives_main .link_box .ico {float:left; display: block; width:33.333333%; height:150px; text-align:center; opacity: 0;}
.explosives_main .link_box .ico .icon_bg {margin: 0 auto 10px; width: 96px; height:96px; border: 1px #f27824 solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.explosives_main .link_box .ico span {font-size:14px; color:#fff; font-weight:400; white-space: nowrap; letter-spacing: 0.8px;}
.explosives_main .link_box .ico01 .icon_bg { background:url('/_resource/explosives/images/main/main_ico01.png') no-repeat 50% 7px; transition:0.3s all;}
.explosives_main .link_box .ico02 .icon_bg {background:url('/_resource/explosives/images/main/main_ico03.png') no-repeat 50% 4px; transition:0.3s all;}
.explosives_main .link_box .ico03 .icon_bg {background:url('/_resource/explosives/images/main/main_ico02.png') no-repeat 50% 7px; transition:0.3s all;}
.explosives_main .link_box .ico:hover .icon_bg {background-position:50% -74px;}
.explosives_main .link_box .ico:hover  > span {color: #f27824;}

.explosives_main .box03 .mining_service_round {width:941px;height:132px;background:url('/_resource/explosives/images/main/mining_round_bg.png') no-repeat 0 0;position:absolute;left:50%;bottom:50px;margin-left:-470px;overflow:hidden;}
.explosives_main .box03 .mining_service_round .left_text {float:left;padding:25px 0 0 135px;}
.explosives_main .box03 .mining_service_round .left_text h2 {color:#f27824;padding-top: 8px;}
.explosives_main .box03 .mining_service_round .left_text h2 span {font-weight:300;color:#666;}

.explosives_main .box03 .mining_service_round .right_text {float:left;padding:25px 0 0 70px;}
.explosives_main .box03 .mining_service_round .right_text p {font-size:14px;color:#666;line-height:20px;margin-bottom:10px;}
.explosives_main .box03 .mining_service_round .right_text p span {font-weight:bold;}
.explosives_main .box03 .mining_service_round .right_text a {font-size:12px;color:#f27824;font-weight:bold;position:relative;padding-bottom:4px;}
.explosives_main .box03 .mining_service_round .right_text a:before {content:'';width:86px;height:1px;background:#f27824;position:absolute;left:0;bottom:0;}
.explosives_main .box03 .mining_service_round .right_text a span {position:relative;top:2px;left:3px;display:inline-block;vertical-align:top;}
.explosives_main .box03 .mining_service_round .right_text a span > img.on{position: absolute;left:0;top:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}
.explosives_main .box03 .mining_service_round .right_text a:hover span > img.on{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1}

@media all and (min-width:2000px){
    .explosives_main .main_top .main_motion_bg {background-attachment:scroll;}
}

@media all and (max-width:1200px){
    .explosives_main .box03 .box_ul > li .text_wrap .text_bottom.text03 a{  padding: 0 10px 40px;}
}

/* 智慧城市新增css样式*/

  
  .content-1 {
    background: #fff url("/_resource/eng/main/images/section2/content-1-bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 60px 0;
  }
  
  .content-1-img {
    margin-left: 200px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  
  .content-1-img .content-1-title {
    font-size: 35px;
    font-weight: bold;
  }
  
  .content-1-img .content-1-tip {
    font-size: 24px;
    margin-top: 20px;
  }
  
  .content-1-img .content-1-main {
    font-size: 16px;
    text-indent: 2em;
    line-height: 30px;
    width: 550px;
  
  }
  
  .content-1-img img {
    object-fit: contain;
    margin: 2% 0;
  }
  
  .content-2 {
    overflow: hidden;
    padding: 60px 0;
    background: url("/_resource/eng/main/images/section2/content-2-bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: rgb(246, 246, 246);
  }
  
  .content-2-img {
    padding-left: 48%;
    padding-top: 3%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
  
  .content-2-img .content-2-title {
    font-size: 35px;
    font-weight: bold;
  }
  
  .content-2-img .content-2-tip {
    font-size: 24px;
    margin-top: 20px;
  }
  
  .content-2-img .content-2-main {
    font-size: 16px;
    text-indent: 2em;
    line-height: 28px;
    width: 550px;
  
  }
  
  .content-2-img img {
    object-fit: contain;
    margin: 2% 0;
  }
  
  .content-3 {
    overflow: hidden;
    padding: 60px 0;
    background: url("/_resource/eng/main/images/section2/content-3-bg.png");
    background-repeat: no-repeat;
    background-position: 100px 50px;
    background-size: 90%;
    background-color: #fff;
  }
  
  .content-3-img {
    margin-left: 200px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  
  .content-3-img .content-3-title {
    font-size: 35px;
    font-weight: bold;
  }
  
  .content-3-img .content-3-tip {
    font-size: 24px;
    margin-top: 20px;
  }
  
  .content-3-img .content-3-main {
    font-size: 16px;
    text-indent: 2em;
    line-height: 28px;
    width: 550px;
  
  }
  
  .content-3-img img {
    object-fit: contain;
    margin: 2% 0;
  }
  
  .content-4 {
    background: rgb(246, 246, 246) url("/_resource/eng/main/images/section2/content-4-bg.png");
    background-repeat: no-repeat;
    background-position: 10% 0;
    background-size: 100%;
    display: flex;
    padding: 40px 0;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }
  
  .content-4 ::after {
    clear: both;
    content: '';
  }
  
  #content-4-title {
    text-align: center;
    margin-top: 250px;
    font-size: 34px;
    font-weight: bold;
  }
  
  .content-4-img {
    padding: 50px 0;
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 50px;
  }
  
  .content-4-img p {
    color: #fff;
    font-size: 16px;
    margin-top: 40px;
    line-height: 25px;
    padding: 0 10px 20px;
  }
  
  .content-4-img>div {
    margin: 10px 10px;
    width: 320px;
    height: 300px;
    position: relative;
  }
  
  .content-4-img div img {
    position: absolute;
    object-fit: contain;
    width: 120px;
    top: 40px;
    left: 160px;
  }
  
  .content-4-img .content-4-img-title {
    font-size: 25px;
  }
  
  .content-5 {
    overflow: hidden;
    padding: 40px 0;
    background: url("/_resource/eng/main/images/section2/content-5-bg.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    background-color: rgb(227, 232, 236);
  }
  
  .content-5 .content-5-contanier {
    padding-top: 80px;
    padding-left: 200px;
    padding-right: 150px;
  }
  
  .content-5-item {
    height: 50px;
    margin-top: 60px;
    display: flex;
  }
  
  /* .content-5-item >div{
   display: inline-block;
  } */
  .content-5-contanier .title {
    color: rgb(248, 103, 78);
    font-size: 40px;
    font-weight: bold;
  }
  
  .content-5-item .content-5-name {
    font-size: 25px;
    padding: 20px 22px;
    border-radius: 8px;
    background-color: rgb(234, 99, 16);
    color: #fff;
    font-weight: bold;
    flex-shrink: 0;
  }
  
  .content-5-item .content-5-title {
    padding: 18px;
    width: 800px;
    display: flex;
    font-size: 16px;
    flex-direction: column;
    justify-content: space-evenly;
  
  }