body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Adobe 黑体 Std'; color:#333; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;} 
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
h3{ font-weight:normal;}
.box{width: 1340px; margin: 0 auto;}

.head{ background: #fff; }
.wrap{ padding: 0 218px; width: 100%; box-sizing: border-box; }
h1{ float: left; line-height:100px;  }
.head_right{ float: right; }
.nav_ul{ float: left; }
.nav_ul li{ float: left; position: relative; }
.nav_ul li a{ display: block; transition: all 0.5s ease 0s; height: 100px; line-height: 100px; padding: 0 20px; background: url(../images/head2.png) right center no-repeat; font-size: 20px; }
.lan{ float: left; height: 100px; line-height: 100px;background: url(../images/head2.png) right center no-repeat; }
.lan a{ display: block; font-size: 20px; transition: all 0.5s ease 0s;background: url(../images/head3.png) 30px center no-repeat; padding: 0 34px 0 58px; }
.lan a:hover{color: #cf322b; transition: all 0.5s ease 0s;background: url(../images/head33.png) 30px center no-repeat; }
.search{ float: left; height: 100px; cursor: pointer; line-height: 100px; width: 50px; text-align: right; position: relative; }
.duct{padding-bottom:100px;}
#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:100px;
  right: -6px;
  width: 320px;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
  z-index: 999

}
.fixed #search-form { top:60px;  }
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
 
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 50px;
  
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none; outline:none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
 
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background: #cf322b;
  border: none;
  cursor: pointer;outline:none;
}

@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}
.sea_img{ width: 50px; height: 60px;  }




















.nav_ul li:after{ position: absolute;transition: all 0.5s ease 0s;  left: 50%; bottom: 0;background: url(../images/nav.png) left top no-repeat; width: 35px; height: 0px; margin-left: -17.5px; content: '' }
.nav_ul li:hover:after{ height: 10px; transition: all 0.5s ease 0s; }
.nav_ul li:hover a{ color: #cf322b; transition: all 0.5s ease 0s; }
.foot{background: url(../images/footbj.jpg) left top no-repeat; padding: 93px 0 0 0; background-size: cover;}
.foot_l{ float: left; }
.footimg{ margin-bottom:40px;  }
.footdz{ height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; }
.foot_r{ float: right; width: 60% }
.foot_dl{ float: right; margin-bottom: 46px; }
.foot_dl dt{ float: left; margin-right:20px;  width: 60px; height: 60px; overflow: hidden; }
.foot_dl dt img{ width: 60px; height: 60px; overflow: hidden; }
.foot_dl dd{ float: left; width:237px;  }
.footfw{ font-size: 14px; height:24px; line-height: 24px; overflow: hidden; color: #939595  }
.footcall{ height: 36px; line-height: 36px; font-size: 34px; overflow: hidden; color: #cf322b }
.footul{ clear: both; }
.footul li{ width: 25%; float: left; }
.foottit{ font-size: 20px; height:40px; line-height: 40px; overflow: hidden; margin-bottom:14px;  }
.footul li a{ display: block; height:30px; line-height: 30px;transition: all 0.5s ease 0s; font-size:16px; overflow: hidden;  color: #666666   }
.footul li a:hover,.add_r a:hover,.add_l a:hover{ color: #cf322b; transition: all 0.5s ease 0s; }
.foot_t{ margin-bottom: 94px; }
.foot_b{ height: 59px;background: url(../images/footbj1.png) left top repeat;  }
.add_l{ float: left; height: 59px; line-height: 59px; font-size: 14px; color: #a1a3a6}
.add_r{ float: right; height: 59px; line-height: 59px; font-size: 14px; }
.add_r a,.add_l a{color: #a1a3a6;transition: all 0.5s ease 0s;}
.footinner{border-top: 1px solid #c8d5e3;}

.banner_inner{ height: 480px; position: relative; }
.bannerhe{ position: absolute; left: 0; bottom: 30px; width: 100%; height: 34px; overflow: hidden; }
.cata_title{ float: left; height: 34px; line-height: 34px; color: #fff; font-size: 16px; padding-left:16px;background: url(../images/home1.png) left center no-repeat;  }
.home{ float: right; }
.home a{ display: block; float: left; transition:all 0.5s ease 0s; height: 34px; line-height: 34px; background: url(../images/home3.png) right center no-repeat;  color: #fff; font-size: 14px; padding: 0 12px;}
.home a:nth-last-child(1){ background:none; }
.honeinner{background: url(../images/home2.png) left center no-repeat; padding-left: 20px; }
.home a:hover{  color: #cf322b;   transition:all 0.5s ease 0s; }

.catalog_ul{ text-align: center; padding: 60px 0; }
.catalog_ul li{ display: inline-block; margin: 0 15px; }
.catalog_ul li a{ display: block; transition: all 0.5s ease 0s; font-size: 20px; height:54px; line-height: 54px; width: 160px; background: #ebeff5; text-align: center; overflow: hidden;  }
.aboutinner{ padding-bottom: 100px; }
.catalog_ul li a:hover,.catalog_ul li a.on{ color: #fff; background: #cf322b; transition: all 0.5s ease 0s; }
.honor_ul{ margin: 0 0 0 -41px; }
.honor_ul li{ float: left; margin: 0 0 35px 40px; width: 420px; }
.honor_img{ border: 4px solid #e0e3e6; }
.honor_img img{ width: 412px; height: 274px; overflow: hidden; }
.honor_tit{ font-size: 20px; height:74px; line-height: 74px; text-align: center; overflow: hidden;  }
.honor{ padding-bottom: 80px; }
.wrap_back{ background: #f5f7fb }

.news_dl{ margin-bottom: 60px; }
.news_dl dt{ float: left; width:655px; height: 340px; overflow: hidden;  }
.news_dl dt img{width:655px; height: 340px; overflow: hidden;  }
.news_dl dd{ float: left; width: 685px; height: 340px; background: #fff; padding: 0 30px; box-sizing: border-box; }
.news_day{ font-size: 32px; padding-top: 30px; height: 34px; line-height: 34px; overflow: hidden; color: #666666 }
.news_year{font-size: 14px; height: 24px; line-height: 24px; overflow: hidden; color: #a1a1a1}
.news_zi{ height:60px; line-height: 30px; overflow: hidden; font-size:16px; color:#666666; margin-bottom:20px;   }
.news_tit{ display: block; height:94px; transition:all 0.5s ease 0s; line-height: 94px; overflow: hidden; font-size:30px;   }
.news_tit:hover{color: #cf322b;   transition:all 0.5s ease 0s;}
.news_see{ display: block; font-size: 14px; height:34px;background: url(../images/see1.png) right center no-repeat; line-height: 34px; overflow: hidden; color: #999999;  }
.news_ul{ margin:0 0 0 -40px;  }
.news_see:hover{color: #cf322b; background: url(../images/see2.png) right center no-repeat;  transition:all 0.5s ease 0s;}
.news_ul li{ float: left; margin: 0 0 52px 40px; width: 420px; }
.newsimg{ width: 420px; height: 280px; overflow: hidden; margin-bottom: 16px; }
.newsimg img{width: 420px; height: 280px; overflow: hidden; }
.newshe{ padding:0 22px;  }
.newstime{ height:40px; line-height: 40px; font-size:16px; overflow: hidden; padding-left:28px; background: url(../images/time1.png) left center no-repeat;    }
.news_title{ height:72px;transition:all 0.5s ease 0s; line-height: 36px; font-size:24px; overflow: hidden; margin-bottom: 14px;  }
.newsmore{ font-size: 14px;transition:all 0.5s ease 0s; height:34px; line-height: 34px; overflow: hidden; background: url(../images/see1.png) right center no-repeat; }
.news{ padding-bottom: 50px; }
.news_title:hover{color: #cf322b;   transition:all 0.5s ease 0s;}
.newsmore:hover{color: #cf322b; background: url(../images/see2.png) right center no-repeat;  transition:all 0.5s ease 0s;}
.wrapinner{ padding:90px 0;  }
.news_info{ background: #fff; padding: 20px 60px 90px; }
.rel_tit{ height:90px; line-height: 90px; font-size: 34px; text-align: center; overflow: hidden;   }
.rel{border-bottom: 1px solid #e7e7e7; margin-bottom: 40px;}
.rel_inner{ font-size: 16px; height:64px; line-height: 64px; text-align: center; color: #999999;   }
.piece{ padding:60px 0; border-top: 1px solid #e7e7e7;  }
.piece_inner{ background: #f6f6f6; height:100px; border-radius: 5px;  overflow: hidden; padding: 0 26px; }
.piece_l{ width: 30%; float: left; height: 100px; line-height: 100px; overflow: hidden; font-size:20px;background:url(../images/news_l.png) left center no-repeat;  padding-left: 30px; box-sizing: border-box; }
.piece_r{width: 30%; float: right; height: 100px; line-height: 100px; overflow: hidden;text-align: right; font-size:20px;background:url(../images/news_r.png) right center no-repeat;  padding-right: 30px; box-sizing: border-box; }
.piece_end{width: 40%; float: left; text-align: center; height: 100px; line-height: 100px; overflow: hidden; font-size:20px;background:url(../images/end.png) 142px center no-repeat; }

.achieve{background: url(../images/joinbj.jpg) center top no-repeat; height:461px; position: relative;   }
.ach_line{ display: block; background: url(../images/join.png) center top no-repeat; width: 63px; height: 41px; position: absolute; left: 50%; margin-left: -31.5px; bottom: 36px;  }
.ach_div{ text-align: center;  line-height: 47px; height:176px; overflow: hidden; font-size:18px;   }

.joinbox{background:#f3f7f9 url(../images/join.jpg) center top no-repeat; padding: 204px 0 50px 0;}
.accomplish{ background: url(../images/join2.jpg) center top no-repeat; height: 470px; padding: 0 70px; box-sizing: border-box; }
.acc_left{ float: left; width: 494px; height:330px; overflow: hidden;  margin-top: 60px; }
.acc_right{ float: right; line-height: 470px; height: 470px; overflow: hidden; width:668px;  }
.acc_right img{ width: 668px; height: 385px; overflow: hidden; }
.post_tit{ text-align: center;font-size: 38px; height:180px; line-height: 180px; overflow: hidden;  }


.recu ul{ cursor:pointer; background:#ffffff; height:200px; padding:0 60px; border-left: 6px solid #d90000; position: relative; margin-bottom: 20px; }
.Requirement em{ font-size:22px;padding: 22px 0 10px 0; display: block; }
.Requirement{ display:none; background: #fff;  padding:20px 60px 40px; line-height: 40px; font-size: 18px; box-shadow: 0 0 10px #e9ecee;  }
/* .recu ul.act{ background: #b71d21 } */
/* .recu ul.act li{ color: #fff; background: url(../images/join2.png) right center no-repeat; } */
.join_left{ float: left; width: 980px;  }
.join_tit{ display: block; height:44px; transition: all 0.5s ease 0s; line-height: 44px; overflow: hidden; font-size: 28px; padding-top: 32px; }
.join_wrap{ height:40px; line-height: 40px; overflow: hidden;  }
.branch_i{ display: inline-block; font-size:18px;  margin-right: 55px;  }
.join_post{ display: block; height:84px; line-height: 84px; overflow: hidden; font-size:18px; padding-left:24px;  background: url(../images/join2.png) left center no-repeat;   }
.join_right{ float:right; padding-top:72px;  }
.join_see{ display: block; transition: all 0.5s ease 0s; width: 188px; height: 52px; line-height: 52px; text-indent: 43px; border: 1px solid #04192b;background: url(../images/join4.png) 136px center no-repeat;  color: #04192b; font-size:14px;  }
.recu dd{margin-bottom: 60px;}
.pos_one{ position: absolute; left:130px; transition: all 0.5s ease 0s; background: url(../images/join1.png) center top no-repeat; width: 10px; height: 39px; display: none; bottom:-28px; }
.pos_two{ position: absolute; right:130px; transition: all 0.5s ease 0s; background: url(../images/join1.png) center top no-repeat; width: 10px; height: 39px; display: none; bottom:-28px; }
.recu ul.act .pos_one,.recu ul.act .pos_two{ display: block; transition: all 0.5s ease 0s; }
.recu ul.act .join_tit{ color: #d90000; transition: all 0.5s ease 0s; }
.recu ul.act .join_see{background:#d90000 url(../images/join3.png) 136px center no-repeat; border: 1px solid #d90000; color: #fff; transition: all 0.5s ease 0s; }
.join_mall{ text-align: center; color: #fff; height: 70px; line-height: 70px; width: 100%; background: #d90000; margin-top: 40px; }
.jointitle{ font-size: 30px; text-align: center; height:114px; line-height: 114px;  }
.join{ padding-bottom: 50px; }
.ach{ padding-top: 80px; }













.flexslider .flex-viewport{width: 100%;height: auto;}
.flexslider {position: relative;width: 100%;height: auto; overflow: hidden; text-align: center; clear: both;}
.flexslider .slides li .banner_img{ width: 100%; height: auto;     transform: translate3d(0px, 0px, 0px);  transition: all 1000ms ease 0s}
.flexslider .slides li { position:relative; width:100%; height: auto; float: left; }
.flexslider .slides li.flex-active-slide img{ -webkit-animation:scale-bg 6s linear forwards;
  animation:scale-bg 6s linear forwards; }
.flexslider .slides {width:100%; height:100%;}
.flexslider .flex-control-nav {display: block;  text-align: center; width: 100%; box-sizing: border-box;  z-index: 99;  position: absolute; left: 0px;  bottom: 60px; }
.flexslider .flex-control-nav li{  display: inline-block; margin: 0 20px 0 0;}
.flexslider .flex-control-nav li a{ display: block;     background:rgba(255,255,255,0.4); width: 60px; height: 6px;  font-size: 0;transition: all 0.5s ease 0s; }
.flexslider .flex-control-nav li a.flex-active{background:#cf322b; width: 100px; transition: all 0.5s ease 0s; }
.flexslider .flex-direction-nav{display: none; }


@-webkit-keyframes scale-bg{
  from{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
  }
  to{
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}
@keyframes scale-bg{
  from{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
  }
  to{
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}


.map{ position: relative;  }
.map_div img{width: auto; height: auto;max-width: 100%}
.method{ position: absolute; z-index: 999; right: 40px; top:60px; box-sizing: border-box;  background: #fff; box-shadow: 0 0 15px #e2e5f3; height: 500px; width:530px; padding:0 40px;   }
.mettit{ height: 105px; line-height: 105px; overflow: hidden; font-size: 32px; }
.met_dl{ margin-bottom: 20px; }
.met_dl dt{ float: left; width:135px; height: 30px; line-height: 30px; overflow: hidden; font-size: 20px; }
.met_dl dt img{ margin-right:11px; }
.met_dl dd{ float: left; line-height: 30px; font-size: 18px; width: 304px; }
.metcall dd{ font-size: 28px; color: #e99c16 }
.methe{ margin-bottom: 12px; }
.whatimg{ float: left; width:110px; height: 110px; overflow: hidden;  }
.whatimg img{width:110px; height: 110px; overflow: hidden;}
.whattit{ float: left; width: 34px; text-align: center; padding-top: 40px; }
.whattit .what_i{ display: block; font-size:14px; line-height: 16px;  }

.mess_cn{ font-size: 34px; text-align: center; height:70px;  line-height: 70px; overflow: hidden; position: relative; }
.mess_cn:after{ position: absolute; left: 50%; bottom: 14px; content: ''; z-index: 9; background: #f2e1cd; height:10px; width: 152px; margin-left: -76px;  }
.mess{ padding: 72px 0; }
.mess_en{ font-size:18px ; height: 56px; line-height: 56px; text-align: center; color: #666666; margin-bottom: 30px; }
.letter{ float: left; width:305px; margin-left:40px;  }
.mess_div{ margin-left: -40px; }
.letter_title{ font-size: 20px; height:70px; line-height: 70px;  }
.let{ color: #e6010e }
.let_txt{ border: 1px solid #cfd8dc; height: 58px; line-height: 58px; width: 100%; border-radius: 5px; padding: 0 20px; color: #b9c5ca; font-size:18px;  box-sizing: border-box; border-radius: 5px; }
.mess_area{ border: 1px solid #cfd8dc; width: 100%; box-sizing:border-box; border-radius: 5px; padding: 0 20px; color: #b9c5ca; height: 118px; line-height: 30px; resize: none; }

.code{ float: left;border: 1px solid #cfd8dc; box-sizing: border-box; height: 58px; line-height: 58px; width: 418px; border-radius: 5px; }
.code .let_txt{ border: none; width: 266px; height: 56px; line-height: 56px; border-right: 1px solid #cfd8dc; float: left; }
.codeimg{ float: right;height: 56px; overflow: hidden; width: 130px; text-align: center; }
.codeimg img{ width: auto; height: auto; max-width: 100% }
.mess_sub{ float: right; display: block; width:220px; height: 60px;  transition: all 0.5s ease 0s; line-height: 60px; text-align: center; color: #fff; background: #cf322b; border: 1px solid #cf322b; border-radius: 5px; font-size: 20px;  }
.mess_sub:hover{ background: none; color: #cf322b; transition: all 0.5s ease 0s; }
.codediv{ width: 100%; padding-bottom: 50px; }
.messline{ position: relative;z-index: 999 }
.pre{ padding:26px 0 40px 0;  }
.pretit{ float: left; height:44px; line-height: 44px; overflow: hidden;background:url(../images/pre.jpg) left center no-repeat; padding-left: 20px; font-size:38px;   }
.pre_ul{  float: left; margin-left: 32px; }
.pre_ul li{ float: left; margin: 0 0 20px 32px; }
.pre_ul li a{ display: block; width:158px; transition: all 0.5s ease 0s; height: 42px; line-height: 42px; background: #fff; text-align: center; font-size: 16px; overflow: hidden;  border: 1px solid #ebeff5; }
.pre_ul li a.on{ border: 1px solid #cf322b; color: #cf322b; transition: all 0.5s ease 0s; }

.proul{ margin:0 0 0 -55px;  }
.proul li{ float: left; margin: 0 0 60px 55px; width: 410px; box-sizing: border-box; padding:20px 20px;  background: #fff; }
.kgimg{ width: 370px; height: 280px; overflow: hidden; margin-bottom: 24px; }
.kgimg img{ width: 370px; height: 280px; overflow: hidden; }
.kg_tit{ height: 40px; line-height: 40px;transition: all 0.5s ease 0s;  text-align: center; overflow: hidden; font-size: 22px; }
.kg_cn{ height: 36px; line-height: 36px; text-align: center; overflow: hidden; font-size: 18px; margin-bottom: 30px;}
.kgsee{ width: 140px; height: 40px;transition: all 0.5s ease 0s;  line-height: 40px; margin: 0 auto; background: #ebebeb; font-size: 14px; text-align: center;}
.proul li:hover .kg_tit{ color: #cf322b; transition: all 0.5s ease 0s; }
.proul li:hover  .kgsee{ color: #fff; transition: all 0.5s ease 0s; background: #cf322b; }

.mag_left{ float: left; width:672px; overflow: hidden; background: #f8f8f8; padding-bottom: 10px; }


.mag_left .small_list ul{height:112px;overflow:hidden}
.mag_left .small_list ul li{position:relative;float:left; text-align: center; line-height: 112px; cursor: pointer; background: #fff; margin-right:22px;width:138px; height: 112px; overflow: hidden;  border: 1px solid #eeeeee; box-sizing:border-box;}
.mag_left .small_list ul li img{ max-width: 100%; width:auto; height: auto;}

.mag_left .small_list ul li.on { border: 1px solid #cf322b }
.mag_left .btn{width:40px;height:112px;cursor:pointer; border: 1px solid #eeeeee; background: #bdbdbd url(../images/pro_l.png) center center no-repeat; position: absolute;}
.mag_left .right_btn{width:40px;height:112px;cursor:pointer; position: absolute; right: 40px; bottom: 7px; border: 1px solid #bdbdbd; background: #bdbdbd url(../images/pro_r.png) center center no-repeat; position: absolute;}

.mag_left .large_box{  width:100%; height:520px; line-height: 520px;  text-align: center; margin-bottom: 10px;  }
.mag_left .large_box li{ display: none; text-align: center; }
.mag_left .large_box li img{width:auto; height: auto; max-width: 100% }
.mag_left .small_box{  width: 594px;height: 120px; margin: 0 auto  }
.mag_left .small_list{ height: 120px; width:459px; overflow: hidden; margin: 0 auto}
.mag_left .mag_banner{ position: relative; }

.mag_right{ float: right; width:610px;   }
.mag_title{ font-size: 38px; height:126px; line-height: 126px; overflow: hidden; }
.mag_ul li{ font-size: 20px; height:79px; line-height: 79px; border-bottom: 1px solid #dde8ed;  }
.mag_ul { margin-bottom:92px;  }
.des_tit{ font-size: 36px;height:190px; line-height: 190px; text-align: center;  }
.chem_inner{ padding:50px 0 20px 0;  }
.chem_inner{ display: none; }
.ject_tit{ height:126px; line-height: 126px; overflow: hidden; font-size: 46px;  }
.ject_dl { border-top: 1px solid #999999; margin-bottom: 20px; }
.ject_dl dt{ height:76px; line-height: 76px; position: relative; padding-left: 18px; overflow: hidden; font-size:22px; background: url(../images/pro1.png) right center no-repeat;  }
.ject_dl dt:after{ position: absolute; left: 0; top: 50%; width:2px; height: 20px; background: #cf322b; margin-top: -10px; content: ''  }
.infor_word{ height: 54px; line-height: 27px; overflow: hidden; font-size:18px; color: #666666;  }
.good_i{ display: block; height:120px; line-height: 30px; overflow: hidden; font-size:18px; color: #666666; padding-left: 18px;background: url(../images/pro_info4.png) left 14px no-repeat;  }
.use_ul li{ width: 50%; float: left; height:36px; line-height: 36px; overflow: hidden; box-sizing: border-box; font-size: 18px; color: #666;padding-left: 18px;background: url(../images/pro_info3.png) left center no-repeat;   }
.use_ul { margin-bottom: 20px; }
.jectsee{ font-size: 18px; text-align: center; height:58px; line-height: 58px; display: block; border: 1px solid #cf322b; background: #cf322b; color: #fff;  }

.prodt{ font-size: 32px; font-weight: bold; height: 144px; line-height: 144px; padding-left: 22px;text-transform: uppercase; position: relative; }
.prodt:after{ position: absolute; left: 0; top: 50%; margin-top: -10px;  width:2px; height: 20px; background: #cf322b; content: ''  }
.det{ border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;  margin-bottom: 50px; }
.det_ul{ height: 80px; text-align: center; overflow: hidden;}
.det_ul li{ display: inline-block; margin: 0 38px; }
.det_ul li a{ display: block; height: 80px; position: relative; text-transform: uppercase; text-align: center; line-height: 80px; font-size: 20px; overflow: hidden; }
.det_inner{ padding-bottom: 85px; }
.det_ul li.on a{ color: #cf322b; transition: all 0.5s ease 0s; }
.det_ul li.on a:after{ width:92px; height: 2px; background: #cf322b; position: absolute; left: 50%; bottom: 0; margin-left: -46px; content: ''  }


.det_box{ display: none; }


.upd{background: url(../images/indexbj3.jpg) center top no-repeat; height: 940px;}
.indexbox{ padding: 0 220px; }
.index_see{ width:198px; height: 58px; margin-top: 144px; line-height: 58px; display: block; float: right; background: #cf322b url(../images/indexsee1.png) 129px center no-repeat; border: 1px solid #cf322b; text-indent:54px; color: #fff;  font-size: 14px;  }
.index_see:hover{ color: #cf322b;transition: all 0.5s ease 0s; background:  url(../images/see2.png) 129px center no-repeat; border: 1px solid #cf322b;  }
.index_l{ float: left; padding-top: 120px; }
.index_en{ height: 46px; line-height: 46px; font-weight: bold; font-size: 44px; overflow: hidden; }
.index_cn{ height: 46px; line-height: 46px;  font-size: 40px; overflow: hidden; }
.index_cn .index_red{ color: #cf322b }
.index_tit{ padding-bottom: 62px; }
.steel{ padding: 40px;  background:rgba(255,255,255,0.6);  }
.stee_dl{ border-bottom: 1px solid #edf0f5; margin-bottom: 40px; }
.stee_dl dt{ float: left; width: 50%; overflow: hidden; }
.stee_dl dt img{ width: 100%; height:330px;transition: all 0.5s ease 0s; overflow: hidden; }
.stee_dl dd{ width: 50%; padding: 0 0 0 38px; float: left; box-sizing: border-box; border-left: 1px solid #edf0f5 }
.stee__day{ display: block; height:34px; line-height: 34px; font-size: 32px; overflow: hidden; color: #666666  }
.stee_time{ padding: 14px 0 0 0; }
.stee_yare{ display: block; height:24px; line-height: 24px; font-size: 14px; overflow: hidden; color: #999999 }
.stee_zi{ height: 60px; line-height: 30px; overflow: hidden; font-size: 14px; color: #666666; margin-bottom: 20px; }
.steetit{ height: 94px; line-height: 94px;transition: all 0.5s ease 0s; font-size:30px; overflow: hidden; display: block;  }
.stee_see{ display: block; height:34px;transition: all 0.5s ease 0s; line-height: 34px; overflow: hidden; color: #999999; font-size: 14px;background: url(../images/see1.png) right center no-repeat;  }
.use_dl{ float: left; width: 50%; border-right: 1px solid #fff; box-sizing: border-box; }
.use_dl:nth-last-child(1){ border: none; }
.use_dl dt{ width:140px; height: 90px; overflow: hidden; float: left;  }
.use_dl dt img{width:140px; height: 90px; overflow: hidden;transition: all 0.5s ease 0s;  }
.use_dl dt:hover img,.stee_dl dt:hover img{ transition: all 0.5s ease 0s; transform: scale(1.1); }
.use_dl dd{ float: left; padding:0 38px 0 20px; width: 74%; box-sizing: border-box; }
.use_tit{ font-size: 20px; height:44px; line-height: 44px;transition: all 0.5s ease 0s; overflow: hidden; display: block;  }
.use_tit:hover,.steetit:hover{ color: #cf322b; transition: all 0.5s ease 0s; }
.use_see{ display: block; height: 46px; line-height: 46px; color: #666666; font-size: 16px; background: url(../images/see1.png) right center no-repeat; }
.use_see img{ margin-right:10px;  }
.use_dl:nth-last-child(1) dd{ padding-right: 0; }
.use_see:hover,.stee_see:hover{ color: #cf322b; transition: all 0.5s ease 0s;background: url(../images/see2.png) right center no-repeat; }
.qua{background: url(../images/indexbj2.jpg) center top no-repeat; height: 780px;}
.quainner{  padding-top: 48px; }

#certify {
  position: relative;
  width: 1200px;
  margin: 0 auto
}

#certify .swiper-container {
  padding-bottom: 60px;
}

#certify  .swiper-slide {
  width: 412px;
  height: 274px;
  text-align: center;
}

#certify  .swiper-slide p {
  line-height: 98px;
  padding-top: 0;
  text-align: center;
  color: #636363;
  font-size: 1.1em;
  margin: 0;
}
.quaimg img{ border: 3px solid #e0e3e6 }
#certify .swiper-pagination {
  width: 100%;
  bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {display: none;
}

#certify .swiper-button-prev {
  left: -30px;
  width: 70px;
  height: 70px;
  background:#f3f4f5  url(../images/qua_l1.png) center center no-repeat;
  top: 34%!important;
}

#certify .swiper-button-prev:hover {
  background:#cf322b  url(../images/qua_l11.png) center center no-repeat;
}

#certify .swiper-button-next {
  right: -30px;
  width: 70px;
  height: 70px;
  background:#f3f4f5 url(../images/qua_r1.png) center center  no-repeat;
  top: 34%!important;
}

#certify .swiper-button-next:hover {
 background:#cf322b url(../images/qua_r11.png) center center  no-repeat;
}

.qua_tit{ height: 80px; line-height: 80px; font-size: 26px; overflow: hidden; text-align: center; display: none; }
.swiper-slide-active .qua_tit{ display: block; }

.duct_ul{ margin-left: -2%; }
.duct_ul li{ float: left; width: 33.3%; padding-left: 2%; box-sizing: border-box;}
.duct_img img{ width: 100%; height: auto; max-width: 100% }
.duct_hover{  position: absolute;transition: all 0.5s ease 0s;  left: 0%; overflow: hidden; height: 100px; bottom: 0; padding: 0 30px; box-sizing: border-box;  background:rgba(29,45,68,0.6); }
.duct_ul li .duct_a{ position: relative; display: block; width: 100% }
.duct_tit{ height: 100px; transition: all 0.5s ease 0s; line-height: 100px; overflow: hidden; font-size: 34px; text-align: center; color: #fff; }
.duct_zi{ height: 102px; line-height: 34px; text-align: center; color: #fff; font-size:16px; margin-bottom: 50px;  }
.duct_see{ width:198px;transition: all 0.5s ease 0s;height: 58px; line-height: 58px; color: #fff; border: 1px solid rgba(255,255,255,0.6); margin: 0 auto 60px; font-size: 14px; text-indent: 53px;background: url(../images/qua_r11.png) 128px center  no-repeat; }
.duct_pic{background: url(../images/pic1.png) center center  no-repeat; width: 105px; height: 100px; margin: 0 auto 68px;}
.duct_back{background: url(../images/pic2.png) center center  no-repeat; width: 241px; height: 72px; margin: 0 auto;}
.duct_hover{ height: 100px; }
.duct_ul li:hover .duct_tit{padding-top: 88px; transition: all 0.5s ease 0s; }
.duct_ul li:hover .duct_hover{ height: 100%; transition: all 0.5s ease 0s; }
.duct_see:hover{ border: 1px solid #d13f39;background:#d13f39 url(../images/qua_r11.png) 128px center  no-repeat;transition: all 0.5s ease 0s; }
.us{background: url(../images/us2.jpg) left top  no-repeat;}
.us_l{ float: left; width: 50%; }
.us_l .index_tit{ float: none; }
.ua_zi{ height: 218px; overflow: hidden; padding-right: 70px; margin-bottom: 80px; }
.us_see{width:198px; display: block; height: 58px;transition: all 0.5s ease 0s; margin-bottom: 234px; line-height: 58px; color: #fff; border: 1px solid #cf322b;font-size: 14px; text-indent: 53px;background:#cf322b url(../images/qua_r11.png) 128px center  no-repeat;  }
.us_see:hover{color: #cf322b; transition: all 0.5s ease 0s;background: url(../images/see2.png) 128px center no-repeat; }

.usdian{background: url(../images/us1.png) left top  no-repeat; width: 110px; height: 75px;}
.us_r{ float: right; width: 50%; height: 870px; position: relative; padding-top: 100px; }
.us_ul{ float: right; width: 460px; }
.us_ul li{ float: left; width: 50%; margin-bottom: 48px; }
.us_time{ font-size: 48px; color: #3f2b66; font-weight: bold; height: 56px; line-height: 56px; }
.us_time sup{ font-size: 16px; color: #333333; margin-left: 20px; }
.ustit{ height:34px; line-height: 34px; overflow: hidden; font-size: 16px;  }
.video{ position: absolute; bottom: 0; right: 0; }
.video_img img{ width: auto; height: auto; max-width: 100% }
.videosee{ background:url(../images/us2.png) left top  no-repeat; width: 90px; height: 90px; position: absolute; left: 0; top: 0; display: block;  }
.us .indexbox{ position: relative; }

.piecepro{    margin: 60px 0;  background: #f6f6f6; padding: 20px 60px;   }
.piece_left{ display: block; float: left; width:40%; height: 60px; line-height: 60px; overflow: hidden; background:  url(../images/news_l.png) left center no-repeat; font-size: 16px;text-indent: 90px; box-sizing: border-box;   }
.piece_right{display: block; float: left; width:40%; height: 60px; line-height: 60px; overflow: hidden; background: url(../images/news_r.png) right center no-repeat; font-size: 16px; text-align: right; padding-right: 90px;   box-sizing: border-box; }
.proend{ display: block;  float: left; width:20%; height: 60px; line-height: 60px;  background:  url(../images/page1.png) 88px center no-repeat; text-indent:133px; font-size: 16px;   }
.piece_left:hover{background:  url(../images/news_l1.png) left center no-repeat; color: #cf322b;}
.piece_right:hover{background:  url(../images/news_r1.png) right center no-repeat; color: #cf322b;}
.proend:hover{background:  url(../images/page11.png) 88px center no-repeat; color: #cf322b;}


.begin .wrap,.begin .indexbox{ padding: 0 30px; }
.begin .video_img img{ width: 750px; }


.navBg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: #222;
    background: rgba(34, 34, 34, .9);
    
    transition: all .5s ease 0s;
    transform: translate(-100%, 0);
    
}

.navBg.activenav {
    opacity: 1;
    transform: translate(0, 0);
    z-index: 9999;

}

.navTop {
    position: relative;
    z-index: 1;
    padding: 15px 10px;
    overflow: hidden;
    
}

.navClose {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
     margin-right: -9px;
}

.navClose span {
    display: block;
    width: 100%;
    height: 1px;
    background: #FFF;
    transform-origin: left center
}

.navClose span:first-child {
    transform: rotate(45deg)
}

.navClose span:last-child {
    margin-top: 20px;
    transform: rotate(-45deg)
}

.navBot {
    position: absolute;
    top: 90px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
   
    height: 100%
}

.navList {
    overflow: hidden;
    height: 100%
}

.navList li {
    width: 100%;
    height: auto;
    
    transition: all .5s ease 0s;
    transform: translate(0, 50px)
}

.navList li a {
    display: block;
    padding: 10px ;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 16px;
}



.navList li a:hover {
    padding-left: 10%;
    color: #cf322b
}

.activenav .navList li {
    opacity: 1;
    transform: translate(0, 0)
}

.activenav .navList li {
    transition-delay: .3s
}

.menuBg {
    position: absolute;
    top: 22px;
    right: 10px;
    z-index: 2;
    display: none;
    
}


.menuBtn img {
    margin: 6px auto 10px
}

.mBtnLine {
    font-size: 0;
    width: 20px;
}

.mBtnLine span {
    display: inline-block;
   
    vertical-align: top
}

.mBtnLine span:nth-child(2) {
    margin: -4px 3px 0
}
.mBtnLine span {
        width: 100%;
        height: 2px;
        background: #cf322b
    }

    .mBtnLine span:nth-child(2) {
        margin: 5px 0;
        width: 80%
    }