@charset "utf-8";
/* CSS Document */

img{ display:block; }

/*--common--*/
.lr_auto{ width: 1190px; margin: 0 auto;}
.lr_auto02{ margin: 0 auto;}
.width77{ width:14.28%; }
.width88{ width:12.5%; }
.fl{ float: left;}
.fr{ float: right; }

/*--explosion_title--*/
.explosion_title { margin-top: 70px; margin-bottom: 35px; text-align: center;  }
.explosion_title h2{font-size:30px; color: #333; margin-top: 20px; 
background-image: url(../images/explosion_management/title_bg_left.png),url(../images/explosion_management/title_bg_right.png); background-repeat: no-repeat,no-repeat; 
background-position: 39% top,63% top;}
.explosion_title p{font-size:16px; color: #999; margin-top: 10px; }

.explosion_title .explosion_position02{ background-position: 45% top,57% top;}
.explosion_title .explosion_position03{ background-position: 40% top,62% top;}


.common_title { margin-top: 70px; margin-bottom: 35px; text-align: center;  }
.common_title h2{font-size:30px; color: #333; margin-top: 20px; 
background-image: url(../images/explosion_management/title_bg_left.png),url(../images/explosion_management/title_bg_right.png); background-repeat: no-repeat,no-repeat; 
background-position: 39% top,63% top;}
.common_title p{font-size:16px; color: #999; margin-top: 10px; }
.common_title .common_title_position04{ background-position: 45% top,57% top;}
.common_title .common_title_position05{ background-position: 41% top,61% top;}

/*--common_button--*/
.common_button{ width: 180px; height: 46px; line-height: 46px; margin: 0 auto; background-color:#3154d4; border-radius:23px; text-align: center;}
.common_button a{ display: block; font-size:18px; color: #fff; }

/*--banner--*/
.banner{ position:relative; overflow:hidden; width:100%; height: 600px; /* display: none; */}
.banner img{position:absolute; left:50%; margin-left:-960px;}

/* 轮播图样式 */
#item-1 { display: none; }
.flex-direction-nav { width: 100%;}
.flex-direction-nav .flex-next { background-position: 0 -90px; right: 0;}

.flex-direction-nav a { width: 60px; height: 90px; line-height: 99em; overflow: hidden; margin: -60px 0 0; display: block;
 background: url(../images/explosion_management/ad_ctr.png) no-repeat; background-position-x: 0%; background-position-y: 0%; position: absolute; top: 50%;
 z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease;}

.flex-direction-nav .flex-next { background-position: 0px -90px; right: 0px;}
.flex-direction-nav .flex-prev { left: 0;}

.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}

.flexslider { position: relative; width: 100%; min-width: 1205px;}
.flex-control-nav { position: absolute; top: 500px; left: 44%; height: 22px; text-align: center;}

.flex-control-paging { overflow: hidden;}
.flex-control-paging li { float: left; margin-right: 10px;}
.flex-control-paging li a { display: block; width: 40px; height: 6px; overflow: hidden; border-radius: 3px; color: #ddd; background: #ddd; cursor: pointer; opacity: 0.6;}
.flex-control-paging li a.flex-active { background: #9a9a9a; color: #9a9a9a;}


/*--trouble--*/
.trouble{ margin-bottom: 80px; }

.trouble_bg{ position: relative; height: 530px; background: url(../images/explosion_management/explosion_trouble.png) no-repeat center bottom; margin-top: 60px;}

.trouble_li{position: absolute; text-align: center;}
.trouble_li img{ width: 160px; height: 120px; display: block; margin: 0 auto;}
.trouble_li p{ font-size: 16px; line-height: 26px; color: #333; margin-top: 12px; /* font-weight: bold; */}

.trouble_li_position01{ left: 20px; top: 360px;}
.trouble_li_position02{ left: 165px; top: 160px;}
.trouble_li_position03{ left: 390px; top: 0;}
.trouble_li_position04{ left: 650px; top: 0;}
.trouble_li_position05{ right: 150px; top: 160px;}
.trouble_li_position06{ right: 50px; top: 360px;}

/*--function--*/
.function{ background-color: #f7f8fc; padding-top: 5px; padding-bottom: 50px;}

.function_tab{ width: 100%; border-bottom:solid 1px #e0e0e0;}
.function_tab li{ display:inline-block; width: 10%; overflow:hidden; padding:21px 0px; margin: 0 3%; border-bottom:solid 2px #f7f8fc;  color: #333;}
.function_tab li{ font-size:18px; cursor:pointer; text-align: center;}
.function_tab li.active, .function_tabs li:hover{ color:#0f50ff;  border-color: #0f50ff;}

.function_content{ padding-top: 40px;}
.function_ul{ overflow: hidden; padding-top: 10px;}
.function_ul_img{ width: 60%; max-height: 370px;}
/* .function_ul_img img{ width: 100%;} */
.function_ul_word{ width: 30%; margin-left: 5%; overflow: hidden; margin-top: 40px; }
.function_ul_word h2{ font-size:24px; color:#333; line-height:32px; font-weight: bold;}
.function_ul_word .line{ width:38px; height:2px; background-color:#3154d4; margin-top: 20px; margin-bottom: 20px; }
.function_ul_word p{ font-size:16px; color:#777; line-height:30px; margin-bottom: 30px; }
.function_ul_word p span{  color:#3154d4;}
.function_ul_word .common_button{ margin-top: 10px;}

/*--advantage--*/
.advantage { padding-top: 5px;}
.advantage_bg{ position: relative; height: 560px; background: url(../images/explosion_management/explosion_advantage.png) no-repeat center top; margin-top: 40px;}

.advantage_li{position: absolute; width: 300px; }
.advantage_li h3{ font-size: 18px; color: #333; margin-bottom:6px; font-weight: bold;}
.advantage_li p{ font-size: 14px; color: #666; line-height:26px;}

.advantage_right{ text-align: right;}
.advantage_left{ text-align: left;}

.advantage_li_position{ left: 48px; top: 40px;}
.advantage_li_position02{ left: -26px; top: 160px;}
.advantage_li_position03{ left: -34px; top: 290px;}
.advantage_li_position04{ left: 26px; top: 426px;}

.advantage_li_position05{ right: 60px; top: 40px;}
.advantage_li_position06{ right: -14px; top: 160px;}
.advantage_li_position07{ right: -30px; top: 290px;}
.advantage_li_position08{ right: 10px; top: 426px;}

/*--case--*/
.case_bg { margin-top: 20px; background: url(../images/explosion_management/bg-news.png) no-repeat top center; background-color: rgba(0, 0, 0, 0); 
padding-bottom:80px; padding-top:10px; background-color: #f6f8ff;}

.case_ul { overflow: hidden; padding-top: 10px;}
.case_ul li{ float:left; width:580px; margin-right:10px; background-color:#fff; border:solid 1px #e8e8e8; padding-bottom: 20px;  box-shadow:0px 0px 0px 0px #fff;
transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; 
border-radius: 10px 10px 0 0;}

.case_ul li a { width: 100%; border-radius: 10px 10px 0 0;}
.case_ul li a img { width: 100%; height: 100%; border-radius: 10px 10px 0 0;}
.case_ul li a h3{ color:#333; font-size:16px; line-height:30px; padding:0 30px; margin-top:20px; text-align:left;}
.case_ul li a p{ color:#666; font-size:14px; line-height:30px; padding:0 30px; text-align:left;}

.case_ul li:hover{/*css3 投影*/
box-shadow:0px 2px 11px 0px #ccc;
-moz-box-shadow:0px 2px 11px 0px #ccc;-webkit-box-shadow:0px 2px 11px 0px #ccc;
/*css3 位置*/
transform: translate(0, -10px);-webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px);-o-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);}

/*--cooperation--*/
.cooperation_ul{ overflow:hidden;}
.cooperation_ul li{ float:left; border:solid 1px #d5d5d5; padding:7px 7px; margin:12px 9px 10px 9px; background-color:#fff;}

/*--honor--*/
.honor{ padding-top: 0; }

/*--qualification--*/
.qualification{ margin-top:50px; }

/*--company_logo--*/
.company_logo{ border: solid 1px #d5d5d5;}
.company_logo img{ display: block; margin: 0 auto; padding-top:5px; padding-bottom: 5px; }

/*--bottom_ad--*/
.bottom_ad{ background: #0967ff url(../images/explosion_management/i_register_border.png) no-repeat center bottom; padding: 24px 0 12px; }
.bottom_ad h3{ font-size: 22px; line-height: 36px; color: #fff; text-align: center; }
.bottom_ad a{ display: block; width: 100px; height: 30px; margin: 15px auto; font-size: 12px; line-height: 30px; color: #fff; text-align: center; border: 1px solid #fff; 
border-radius:100px; }
.bottom_ad a:hover{ background-color: #fff; color:#0967ff; }