@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}
body{font: 18px/36px "Microsoft Yahei", "宋体", Arial, Verdana, Geneva, sans-serif;color: #666;background-color: #fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr{margin: 0px;padding: 0px;}
html, body{ height: 100%; width: 100%;}
a{color: #808080;text-decoration: none;}
a:hover{color: #333;text-decoration: none;}
img{border: 0;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 12px "Microsoft Yahei", Verdana, Geneva, sans-serif;border: 1px solid #dedede;}
.left{float: left;}
.right{float: right;}
.mt{margin-top: 10px;}
.mr{margin-right: 10px;}
.mb{margin-bottom: 10px;}
.ml{margin-left: 10px;}
.pt{padding-top: 10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pt5{padding-top:50px;}
.pt6{padding-top:60px;}
.pt7{padding-top:70px;}
.pt8{padding-top:80px;}
.pt9{padding-top:90px;}
.pt10{padding-top:100px;}
.pr{padding-right: 10px;}
.pb{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}
.pb7{padding-bottom: 70px;}
.pb8{padding-bottom: 80px;}
.pb9{padding-bottom: 90px;}
.pb10{padding-bottom: 100px;}
.pl{padding-left: 10px;}
.wp{margin: 0px auto;width: 1200px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.hs{ background: #f6f6f6;}
.wp1380{ width:1380px; margin:0px auto}
.hs{ background: #f5f5f5;}
.h1, h1{ font-size: 18px; font-weight: 600; line-height:36px;}
.container-s{ padding: 0px 40px;} 

.zsy-img{ width: 100%; overflow: hidden;  height: 100%;position: relative;}
.zsy-img img{ max-width:100%}
.zsy-img img.abc {position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; display: block; text-align: center; margin: auto; background: #f6f6f6; transition:all 0.36s ease; }

.zsy-img a:hover img{ transform: scale(1.08);} 
@media (min-width: 1200px){

.container { width: 1240px;}

}
.container{ padding-right: 20px; padding-left: 20px;} 
.row { margin-right: -20px; margin-left: -20px;}  
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right: 20px; padding-left: 20px;}



@font-face {
    font-family: 'iconfont'; /* project id 2232570 */
    src: url('//at.alicdn.com/t/font_2232570_x8buy2dayif.eot');
    src: url('//at.alicdn.com/t/font_2232570_x8buy2dayif.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_2232570_x8buy2dayif.woff2') format('woff2'), url('//at.alicdn.com/t/font_2232570_x8buy2dayif.woff') format('woff'), url('//at.alicdn.com/t/font_2232570_x8buy2dayif.ttf') format('truetype'), url('//at.alicdn.com/t/font_2232570_x8buy2dayif.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 13px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@font-face {
  font-family: "OPPOSans-L_0";
  src: url("../fonts/OPPOSans-L_0.woff2") format("woff2"),
       url("../fonts/OPPOSans-L_0.woff") format("woff"),
       url("../fonts/OPPOSans-L_0.ttf") format("truetype"),
       url("../fonts/OPPOSans-L_0.eot") format("embedded-opentype"),
       url("../fonts/OPPOSans-L_0.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.zt{ font-family: 'OPPOSans-L_0';  font-size: 18px; color:#999999;   -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}



/*===============================db_xs==========================*/
.db_xs { width: 50px; height: 50px; transition: all 0.36s ease;  position: fixed; right: 30px; bottom: 60px; z-index: 9999; border-radius: 50%; display: none; background: url(../images/xs.png) no-repeat center center; background-color: rgba(0, 0, 0, 0.5);}
.db_xs:hover{ background-color: #333;}
/*顶部*/
.ix-header{ height: 100px; background:#b31b1b; }
.ix-logo img{ max-height: 85px;  margin-top: 10px; }
.ix-nav>ul>li{float: left; line-height: 100px;  padding-left:40px; position: relative;}  
.ix-nav>ul>li>a{ font-size: 18px; position: relative; display: block; transition: all 0.36s ease; color: #fff;}
.ix-nav>ul>li>a::after{ content: ''; position: absolute; bottom: 0px; height: 2px; width:0%; transition: all 0.36s ease; left: 0; background: #fff;}
.ix-nav>ul>li>a:hover{ color:#d5b200;}
.ix-nav>ul>li>a:hover::after{ width: 0%;}
.ix-nav>ul>li>a.select{ color: #d5b200;}
.ix-nav>ul>li>a.select::after{  width: 0%;}
.ix-top .ix-header.active{ background: #525287;  position:fixed;}
.ix-top .ix-header.active .ix-nav ul li a.select{ color: #fff;}
.ix-top .ix-header.active .ix-nav ul li a.select::after{ width: 0%;}




/*手机导航*/
.ix-m-logo{ float: left;}
.ix-m-logo img{ max-height: 40px; margin-top: 10px;}
.ix-m-head{ position: relative; height: 60px; display: none; z-index: 1; background:#b31b1b;}
.m-nav-an{  width: 40px; height: 40px; float: right;  margin-top: 15px;  cursor: pointer;}
.m-nav-an span{ width: 22px; height: 2px; background: #fff; display: block; margin: 0px auto; margin-top: 5px; margin-right: 0px;}

.leftcontrol { width:240px; height:100%; background:#fafafa; position:fixed; top:0; right:-240px; z-index:2000; overflow-x:hidden; overflow-y:scroll;
transition:all .3s; -webkit-transition:all .3s;}
.leftcontrol.open{ right:0;}
.leftcontrol ul li { display:block; overflow:hidden; width:100%; min-height:49px; border-bottom:1px solid #ebebeb;}
.leftcontrol ul li a { display:block; overflow:hidden; color:#666; padding:0 20px; height:49px; line-height:49px; font-size:15px;  }
.leftcontrol ul li a span { display:inline-block; }
.leftcontrol ul li a span.circle { border: #d8d8d8 1px solid;border-radius: 5px;width: 8px;height: 8px; background-color: transparent;margin-right: 15px; position: relative; top: 1px; }
.leftcontrol ul.subnav { overflow: hidden; transition:all .3s; -webkit-transition:all .3s; background: #f2f2f2; }
.leftcontrol ul.subnav li{ border-bottom:solid 1px #e5e5e5;}
.leftcontrol ul.subnav li:nth-last-child(1){ border:none;}
.leftcontrol ul.subnav li a { font-size:13px; }
.leftcontrol ul.subnav li a i { margin-right: 20px; font-size:16px; } 
.leftcontrol ul.subnav li.active a { background: #555;color: #fff; }
.leftcontrol ul li a span.more { width:12px; height:12px; position: relative; float: right; top: 20px }
.leftcontrol ul li a span.more span { background: #b7b7b7; position: absolute; }
.leftcontrol ul li a span.more span.h { width: 12px; height: 2px; transform: translate3d(0, 5px, 0); }
.leftcontrol ul li a span.more span.v { transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); transition:all .3s; -webkit-transition:all .3s; }

.leftcontrol ul li.active a.hassub { background: #b31b1b; color:#fff;  } 
.leftcontrol ul li.active a span.circle { border-color: #fff; background-color: #fff;margin-right: 15px;}
.leftcontrol ul li.active a span.more span.v { transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }
.leftcontrol .close{ float:right; width:50px; height:50px; line-height:50px; display:block; overflow:hidden; text-align:center; color:#999; font-size:18px; cursor:pointer; opacity: 0.8;}

.leftcontrol .close img{ padding-top:0px;}

.nav-bg { display: none;; background-color: rgba(0,0,0,.7); position: fixed; right: 0; left:0; top: 0; width: 100%; height: 100%;  z-index: -1; transition:all .3s; -webkit-transition:all .3s;}
.nav-bg.open{opacity: 1; z-index: 11; display: block;}

/*banner*/
.ix-banner{ text-align:center;}
.ix-banner .swiper-button-prev{background: url(../images/l2.png)no-repeat center center; width: 50px; height: 50px; left: 50px;}
.ix-banner .swiper-button-next{background: url(../images/r2.png)no-repeat center center; width: 50px; height: 50px; right: 50px;}
.ix-banner img{  width: 100%;}
.ix-banner .swiper-pagination-bullet{ background-color:rgba(0,0,0,0.5);}
.ix-banner .swiper-pagination-bullet-active{ background:#fff;}

.w_video{ height:85vh; width:100%; overflow:hidden}


/*m-banner*/
    .m-banner{ display:none;}
    .m-banner img{  width: 100%;}
   .m-banner .swiper-pagination-bullet{background-color:rgba(0,0,0,0.5);}
   .m-banner .swiper-pagination-bullet-active{ background-color:#fff;}

   /*关于我们*/
.ix-ab-head h1{font-size:24px; color:#333333; font-weight:normal;}
.ix-ab-head p{font-size:18px; color:#999; padding-top:10px;}
.ix-ab-list ul{border-left:solid 1px #e0e0e0;}
.ix-ab-list ul li{ float:left; width:25%; text-align:center; border-right:solid 1px #e0e0e0;}
.ix-ab-list ul li img{ text-align:center; width:50px; height:50px;}

.ix-ab-list ul li a{ display:block; color:#333333; transition:all 0.36s ease;}

.ix-ab-list ul li:hover a{ margin-top:-20px;}
/*最新动态*/
.ix-news .row .col-md-4:nth-child(4){ display:none;}
.ix-news-list .inl-tit{ margin-top: -46px; position: relative; z-index: 11; text-align: center;}
.ix-news-list .it-t1{ width: 100px; margin: 0px auto; background-color: #f2f2f2; text-align: center; font-family: Arial, Helvetica, sans-serif; color:#333; transition: all 0.36s ease;} 
.ix-news-list .it-t1 p { font-size: 28px; padding-top: 5px; }
.ix-news-list .it-t1 span{ font-size: 16px; line-height:100%; padding-bottom:10px; display:inline-block;}
.ix-news-list .it-t2{ font-size: 18px; color: #333333; padding-top: 10px;  width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ix-news-list .it-t3 a{ font-size:14px; color: #999; transition: all 0.36s ease;     width: 100%; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.ix-news-list .it-t3 a i{ display: inline-block; padding-left: 10px; font-size:13px;}
.ix-news-list:hover .inl-tit .it-t1{ background-color: #333333; color: #fff;}
.ix-news-list .it-t3 a:hover{ color: #333333;}
.ix-news-list .it-t3 a:hover i{ color: #333333;}

.ix-news-more a{ width: 150px; margin:0px auto; height: 40px; display: block; text-align: center; margin-top:25px; line-height: 40px; background: #535385; font-size: 14px; color:#fff; border-radius: 4px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }
.ix-news-more a span{ }
.ix-news-more a:hover{background: #42426b;}


/*优势*/
.ix-advantage ul li{ width:33.333%; color:#fff; float:left;text-align:center;}
.ix-advantage ul li h1{ font-weight:normal; font-size:30px; color:#fff;}
.ix-advantage ul li h1 span{ font-size:18px; font-family:"Microsoft Yahei", "宋体", Arial, Verdana, Geneva, sans-serif; display:inline-block; display:inline-block; padding-left:5px;}

/*工程领域*/
.ix-head{ text-align:center;}
.ix-head h1{ font-size:24px; color:#333; font-weight:normal;}
.ix-head p{ width:80%; margin:0px auto; color:#999999;}
.ix-engin .swiper-slide img{ max-width:100%;}
.ix-engin .swiper-slide p{position:absolute; bottom:0; background:rgba(51,51,51,51.9); width:100%; height:50px; text-align:center; line-height:50px; color:#fff;}
.ix-engin .swiper-button-next{ background:url(../images/r.png)no-repeat center center; right:0;}
.ix-engin .swiper-button-prev{ background:url(../images/l.png)no-repeat center center; left:0;}
.ix-engin .swiper-button-next, .swiper-button-prev{ width:50px; height:50px;}


/*人才招聘*/
.ix-re-head{ height:80px; line-height:80px; background:#b31b1b; padding:0px 20px; position:relative;}
.ix-re-head h1{ display:inline-block; font-weight:normal; font-size:24px; color:#fff;}
.ix-re-head span{ color:rgba(255,255,255,0.8); display:inline-block; padding-left:20px;}
.ix-re-head a{position:absolute; right:20px; top:0px;color:rgba(255,255,255,0.5);font-size:16px; transition:all 0.36s ease;}
.ix-re-head a i{ font-family:"宋体"; font-style:normal;}
.ix-re-head a:hover{ color:#fff;}
.ix-recruit ul{ padding-top:20px;}
.ix-recruit ul li{ padding:0px 20px; float:left; width:calc((100% - 0px)/2); }
.ix-recruit ul li a{ font-size:18px; color:#666; display:block;  position:relative; display:block; border-bottom:dashed 1px #e6e6e6; padding:10px 0px; padding-left:20px;}
.ix-recruit ul li a:before{ content:"";background:url(../images/sj.png)no-repeat center center; width:5px; height:8px; display:block; position:absolute; left:0; top:30px;}
.ix-recruit ul li h1{ font-weight:normal; display:inline-block;  width:calc(100% - 100px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;float:left; line-height:36px; transition:all 0.36s ease; }
.ix-recruit ul li span{ color:#999; font-size:16px; float:right;}
.ix-recruit ul li a:hover h1{ color:#b31b1b;}

/*底部*/
.ix-foot-a{ padding:40px 0px;}
.ix-foot-a .ix-foot-logo img{ height:80px;}
.ix-foot-ewm ul li{ padding-left:70px; text-align:center; float:left; font-size:16px; }
.ix-foot-ewm ul li img{ height:100px; width:100px;}
.ix-foot-ewm p{ font-size:16px; color:#333; line-height:30px;}
.ix-foot-xx p{font-size:16px; color:#333; line-height:30px;}
.ix-foot-b{ font-size:16px; color:#fff; background:#b31b1b; padding:10px 0px; text-align:center;}
.ix-foot-b a{ color:#fff}
@media (max-width: 1410px) {

   
}
@media (max-width: 1200px) {
	
}
@media (max-width: 1080px) {

    /*baner*/
    .ix-banner{ display:none;}
     .m-banner{ display:block;}
     .w_video{ height:45vh;}

  /*通用*/
  .pt10{ padding-top: 60px;} 
  .pb10{ padding-bottom: 60px;}
  .pb8{ padding-bottom: 40px;}
  .pb9{ padding-bottom: 40px;}
  .pt6{ padding-top: 40px;}
  .pb6{ padding-bottom: 40px;}


  /*通用*/
  .ix-header{ display: none;}
  .ix-m-head{ display: block;}

  /*文字*/
  .ix-head p{ width:100%;}
  /*底部*/
 .ix-foot-logo{ width:100%; padding-bottom:40px;}
 .ix-foot-ewm ul li:nth-child(1){padding-left:0px;}


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

  .row {margin-right: -20px;margin-left: -20px;}
  
    .ix-banner .swiper-button-prev, .ix-banner .swiper-button-next{display: none;}
	.ix-banner .swiper-pagination{ display:block;}
  
  /*火箭*/
  .db_xs{ right:20px;}


  /*资讯动态*/
  .ix-news .row .col-md-4:nth-child(4){ display:block;}
    .ix-news .ix-news-list{ padding-bottom:20px}
    .ix-news-more a{ margin-top:0px;}

  }
@media (max-width: 640px) {
  /*通用*/
  body{font: 14px/28px "Microsoft Yahei", "宋体", Arial, Verdana, Geneva, sans-serif;}
  .pt10{ padding-top: 30px;} 
  .pb10{ padding-bottom: 30px;}
  .pb8{ padding-bottom: 30px;}
  .pb9{ padding-bottom: 30px;}
  .pt6{ padding-top: 30px;}
  .pb6{ padding-bottom: 30px;}
  .pt8{ padding-top: 30px;}

  .ix-head h1{ font-size:24px;}
   .ix-head p{ padding-top:10px;}

  /*关于我们*/
  .ix-ab-head h1{ font-size:22px;}
  .ix-ab-head p{ font-size:12px; padding-top:0px;}
  .ix-ab-text.pt2{ padding-top:10px;}

  .ix-advantage ul li h1{ font-size:36px;}
  .ix-advantage ul li{ width:50%;}
   .ix-advantage ul li:nth-child(1), .ix-advantage ul li:nth-child(2){ padding-bottom:15px;}


     /*工程领域*/
     .ix-engin .swiper-container.pt3{ padding-top:20px;}
     .ix-engin .swiper-button-next, .ix-engin .swiper-button-prev{ width:30px; height:30px; background-size:30px;}
   .ix-engin .swiper-slide p{ position:inherit; height:40px; line-height:40px;}

   /*招聘*/
   .ix-re-head{ height:50px; line-height:50px; }
   .ix-re-head h1{ font-size:24px; line-height:50px;}
   .ix-re-head span{ font-size:14px; display:none;}
   .ix-recruit ul li{width:100%;}
    .ix-recruit ul li h1{ font-size:14px;line-height:28px;     width: calc(100% - 75px);}
    .ix-recruit ul li span{ font-size:12px;}
    .ix-recruit ul li a:before{top:20px;}
    .ix-recruit ul{ padding-top:10px;}
    /*新闻*/
    .ix-news .ix-head.pb4{ padding-bottom:30px;}
    .ix-news-list .it-t1 p{ font-size:24px; padding-bottom:5px;}
    .ix-news-list .it-t2{ font-size:16px; padding-top:0px;}
    .ix-news .ix-news-list{ padding-bottom:10px;}
    .ix-news-list .it-t3 a{ font-size:13px;}
   /*底部*/
.ix-foot-a .ix-foot-logo img{ height:inherit; max-width:100%;}
.ix-foot-logo{ padding-bottom:20px;}
.ix-foot-ewm ul li{ padding-bottom:20px;}
.ix-foot-b{ font-size:14px; padding:15px 15px;}
.ix-foot-xx { float:left;}


 .w_video{ height:35vh;}
 
 .pg-search.pt4{ padding-top:20px;}
 .pg-search.pt4.abc{ padding-top:10px;}
 .pg-gc-list.pt6{ padding-top:20px;}

  .ix-foot-ewm ul li:nth-child(1){padding-left:35px;}
  .ix-foot-ewm ul li{padding-left:50px;}
}