/**/
*{
  margin :0;padding:0;}

div,address,b,big,blockquote,body,center,cite,code,dd,del,dl,dt,em,fieldset,font,form,b,b,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var,th,td,input {
  margin: 0;padding: 0;}

div,dl,dt,dd,form,input,button,textarea,p,ul,li,ol,table,tr,td,header,footer,aside,nav,b,b,h3,h4,h5,h6,section{
  box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
body{ font-size: 14px;
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  color: #333;
  padding: 0px;
  margin: 0px;}
button:foucs{   border: none!important; outline: none!important;}	
button::-moz-focus-inner {border-color: transparent;}
input[type=number] {  
    -moz-appearance:textfield;  
}  
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {  
    -webkit-appearance: none;  
    margin: 0;  
}  
ul,ol{list-style:none; padding: 0; margin: 0;}
i{ font-style: normal;}
a {
  color: #666;
  text-decoration: none;
  outline: none;
}

img {
  border: 0px;
  vertical-align: middle;
}

a:link {
  text-decoration: none;
  outline: none;
}

a:visited {
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: none;
  color: #333;
  outline: none;
}
img{border:none !important;vertical-align:middle}
input{outline:none;}
input[type="button"], input[type="submit"], input[type="reset"],button,select {-webkit-appearance: none;outline:none;}
textarea {-webkit-appearance: none;outline:none}
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { /*兼容 IE*/ zoom: 1;}
.fl{ float: left;}
.fr{ float: right;}
/*t图片样式*/
.center-block{display:block;margin-right:auto;margin-left:auto}
 img { border: 0px; vertical-align: middle;  }
.img-responsive{display:block;height:auto;margin-left: auto; margin-right: auto;max-width:100%}
.avatar {  display: block;overflow: hidden; width: 100%; }
/*--------------------------------------------------------------
# 头部Header
--------------------------------------------------------------*/


#header {
  position: fixed;
  width: 100%;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  height: 90px;

}

.header-bg {
  position: absolute;
  z-index: 1;
  top:0;
  width: 100%;
  height: 90px;
  background: -webkit-linear-gradient(top, rgb(4, 4, 4) 8%, rgba(244, 244, 244, 0) 100%);
  opacity: 0.35;

}

#header .container {position: relative; z-index: 2;}

.top-box{ display: flex; justify-content: space-between; align-items: center; }
.top-box .logo{ flex: 2; display: flex; align-items: center; justify-content: flex-start; height: 90px;}
.top-box .logo img {
  padding: 0;
  margin: 0;
  max-height: 90px;

}

/*导航菜单 */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-menu{ flex: 8;   height: 90px; }
.nav-menu ul{display: flex; align-items: center; justify-content: flex-end;}
.nav-menu ul li {
  position: relative;
  width: calc((100% - 10px) / 8);
  text-align: center;


}

.nav-menu a {
  display: block;

  color: #fff;
  padding: 0 5px;
  height: 90px;
  line-height:90px;
  transition: 0.3s;
  font-size:16px;
  font-weight: bold;

}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #da6f00 ;
  text-decoration: none;


}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: 90px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  background: rgba(0,0,0,.5);
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
  padding: 0 5px;

}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 90px;
  visibility: visible;
}

.nav-menu .drop-down li {
  width: 100%;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 3px 0;
  font-size: 15px;
  font-weight: 500;
  text-transform: none;
  color: #fff;
  line-height: 32px;
  height: auto;
  position: relative;

}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #da6f00 ;


}

.nav-menu .drop-down ul a:hover::before { content: "|";   color: #da6f00 ; padding-right: 4px; }
.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 90px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu  a i{  display: none;}
.nav-menu .arrow{
  position: absolute;
  width: 11px;
  height: 11px;
  top:-5.5px;
  left:45%;
  background-color: #fff;
  transform: rotate(45deg);
  cursor: pointer;
  transition: .3s;
  z-index: -1;

}
.nav-menu .spe-down ul { width:190%; left: -48%;}
/* 手机菜单样式 */
.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 999;
  overflow-y: auto;
  left: -80%;
  width: 80%;
  padding-top: 18px;
  background: #f1f1f1;
  transition: 0.4s;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #333;
  font-size: 16px;
  margin: 0 20px;
  height: 56px;
  line-height: 56px;
  font-weight: 500;
  border-bottom: 1px solid rgba(255,255,255,.1);
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #da6f00 ;
  text-decoration: none;
}
.mobile-nav .drop-down > a i{ color: #fff; float: right; display: block; line-height: 40px; width: 40px; text-align: right;  height: 40px; background: #da6f00 ; margin-top: 8px;
 font-size: 24px; font-weight: bold; text-align: center;}


.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}
.mobile-nav .drop-down .arrow{ display: none;}
.mobile-nav .drop-down li a{
  padding-left: 20px;
}

.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 10px;
  z-index: 998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #da6f00 ;

  display: block;
  width:50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}
.mobile-nav-toggle i.fa-reorder {display: block;
  width:40px;
  height: 40px;
  background: url(../images/caidan.png) no-repeat center;
}
.mobile-nav-toggle i.fa-remove {display: block;
  width:40px;
  height: 40px;
  background: url(../images/guanbi.png) no-repeat center;
}
.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(51,51,51, 0.9);
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #da6f00 ;
}
/*首页banner图*/
#banner .swiper {
  width: 100%;
  height: 100%;
  position: relative;
}

#banner .swiper-slide {
  background-position: center;
  background-size: cover;
}

#banner .swiper-slide img {
  display: block;
  width: 100%;
}
#banner .swiper-slide .pcimg { display:block !important;}
#banner .swiper-slide .mobimg {display:none !important;}
#banner .swiper-button {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  text-align:center;
  color:#fff;
  background:rgba(0, 0, 0, 0.3);
  border-radius:50%;
  cursor:pointer;
  overflow:hidden;
  z-index:999;
  width: 70px;
  font-size: 30px;
  line-height: 70px;
  height: 70px;
  transition:all .5s ease;
  outline: none;

}
#banner .swiper-button:hover {
  background:#da6f00 ;
}

.btn-prev {
  left:5%;
}

.btn-next {
  right:5%;
}

#banner .swiper-pagination-bullet {
  width: 13px;
  height: 10px;
  display: inline-block;
  background: #fff;
  opacity: .9;
  margin: 0 5px;
  border-radius: 20px;
  transition: opacity .5s, background-color .5s, width .5s;
  transition-delay: .5s, .5s, 0s;
}
#banner .swiper-pagination-bullet-active {
  opacity: 1;
  background: #da6f00 ;
  width:40px;
  transition-delay: 0s;
}

#banner .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 20px;
  left: 0;
  width: 100%;
}

/* 手机banner */

#mob-banner {display: none;}
#mob-banner .swiper {
  width: 100%;
  height: 100%;
  position: relative;
}

#mob-banner .swiper-slide {
  background-position: center;
  background-size: cover;
}

#mob-banner .swiper-slide img {
  display: block;
  width: 100%;
}



#mob-banner .swiper-pagination-bullet {
  width: 13px;
  height: 10px;
  display: inline-block;
  background: #fff;
  opacity: .9;
  margin: 0 5px;
  border-radius: 20px;
  transition: opacity .5s, background-color .5s, width .5s;
  transition-delay: .5s, .5s, 0s;
}
#mob-banner .swiper-pagination-bullet-active {
  opacity: 1;
  background: #da6f00 ;
  width:40px;
  transition-delay: 0s;
}

#mob-banner.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 20px;
  left: 0;
  width: 100%;
}
/*  */
.pro_fl .pro_box_l:hover .pro-nav {opacity: 1; bottom:8%;}
.pro_fr .pro_box:hover .pro-nav {opacity: 1; bottom: 8%;}

.main_title { color: #fff;  padding: 0 10px; position: relative;}
.main_title b{
font-size: 38px;
display: block;

}

.main_title p {
font-size: 17px;
line-height: 32px;
margin-top: 20px;
color: #da6f00 ;

}
.title-more { display: block; width: 150px;height: 45px; line-height: 45px; font-size: 14px; text-align: center; color: #fff;
border: 1px solid #fff; border-radius: 45px; text-shadow: none;margin-top:30px; }
.title-more:hover { background: #da6f00 ;  border: 1px solid #da6f00 ; }
.title-more::after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-top:2px solid #fff;
border-right:2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: relative;
top: -1px;
margin-left: 7px;
-webkit-transition: .6s ease;
transition: .6s ease;}
.title-more:hover::after{  border-top:2px solid #fff;
  border-right:2px solid #fff;  margin-left: 13px;}
 /*产品*/
 .product { margin-top: 30px;  display: flex; align-items: stretch; justify-content: space-between; overflow: hidden;}
 .product2 { margin-top: 30px;  display: flex; align-items: stretch; justify-content: space-between;overflow: hidden;}
 .pro_fl { flex: 1; margin-right: 15px;}
 .pro_fl .pro_box_l { margin-bottom: 30px; position: relative; overflow: hidden; }
 .pro_fl .pro_box_l img{ transition: all 0.5s; border-radius: 10px;}
 .pro_fl .pro_box_l:hover img {
    transform: scale(1.05); 
}
 .pro_fl .pro_box_l .main_title { position: absolute; top:5%; left: 50px;}
 .pro_fl .pro_box_l .pro-nav { position: absolute;  opacity: 0; bottom: 8%; left: 50px;  right: 20px; transition:all .3s ease-in;}
 .pro_fl .pro_box_l .pro-nav ul {display: flex; justify-content: flex-start; flex-wrap: wrap; }
 .pro_fl .pro_box_l .pro-nav ul li a { color: #fff; font-size: 16px; line-height: 40px; margin-right: 15px;  }
 .pro_fl .pro_box_l .pro-nav ul li:hover { font-weight: bold;}
 .pro_fl .pro_box_l .pro-nav ul li:hover a { color: #da6f00 ;} 
 .pro_fl .pro_box_l:last-child { margin-bottom: 0;}
 .pro_fl .pro_box_l:hover .pro-nav {opacity: 1; bottom:15%;}
 .pro_fl .pro_box_l:hover .title-more { color: #fff;}
 .pro_fl .pro_box_l:hover .mark-bg { position:absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); border-radius: 10px;}
 .pro_fr { flex: 1; margin-left: 15px;  }
 .pro_fr .pro_box { margin-bottom: 30px; position: relative;  overflow: hidden;}
 .pro_fr .pro_box .pro-nav { position: absolute;  opacity: 0; bottom: 8%; left: 50px;  right: 20px; transition:all .3s ease-in; }
 .pro_fr .pro_box .pro-nav ul {display: flex; justify-content: flex-start; flex-wrap: wrap; }
 .pro_fr .pro_box .pro-nav ul li a { color: #fff; font-size: 16px; line-height: 40px;  margin-right: 15px;}
 .pro_fr .pro_box .pro-nav ul li a:hover { font-weight: bold;color: #da6f00 ;}
 .pro_fr .pro_box:hover .pro-nav {opacity: 1; bottom: 15%;}
 .pro_fr .pro_box:hover .title-more { color: #fff;}
 .pro_fr .pro_box .pro-nav-spe ul { display: flex; flex-wrap: wrap;}
 .pro_fr .pro_box .pro-nav-spe ul li { width: 33.3%;}
 .pro_fr .pro_box .pro-nav-spe ul li a { display: block;}
 .pro_fr .pro_box:hover .mark-bg { position:absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);  border-radius: 10px;}
 .pro_fr .pro_box img{ transition: all 0.5s; border-radius: 10px;}
 .pro_fr .pro_box:hover img {
    transform: scale(1.05);
}
 .pro_fr .pro_box  .main_title { position: absolute; top:10%; left: 50px;}

 .pro_fr .pro_box:last-child { margin-bottom: 0;}

 .pro_fr .pro_box iframe{
 
   width: 100%;
   height:384px;
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px;
  border-radius: 10px; 
  overflow: hIDden; }
 /* 简介 新闻*/
.ab-news{ margin-top:30px; display: flex;}
 .about { width: calc(60% - 15px); margin-right: 15px; position: relative; }
 .about .main_title p { color: #fff;}
 .news {width: calc(40% - 15px);  margin-left: 15px; position: relative;}
 .news a { display: block;}
 .news .news-list { margin-top: 20px;}
 .news .news-list li {  margin: 10px 0px ;  }
 .news .news-list li a { display: block; color: #fff; font-size: 16px; line-height: 30px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
 .news .news-list li a i { margin-right: 5px;}
 .news .news-list li a:hover { color: #da6f00 ;}
 .about .main_title{ position: absolute; top:10%; left: 50px; right: 50px;}
 .news .main_title { position: absolute; top:10%; left: 50px; right: 50px;}
 .news img,.about img{ transition: all 0.5s;  border-radius: 10px;}
 .news:hover img,.about a:hover img {
    transform: scale(1.03);
}
.news a:hover{ color: #fff;}
/**/
.fot_bg { background:url(../images/ftbg.jpg) no-repeat; background-size: cover ;  padding: 50px 0; margin-top: 30px;}
.ft-contact { display: flex;  align-items: stretch;justify-content: space-between;}
.fot_bg b{ display: block;     font-weight: bold;
  font-size: 34px;
  line-height: 50px;
color: #da6f00 ;}
.fot_bg .fot-div { display: flex; }
.fot_bg .fot_dec { color: #fff; font-size: 16px; line-height: 28px; margin:5px 0;}
.fot_bg .fot_dec2 { color: #fff; font-size: 18px; line-height: 36px; margin:5px 0;}
/*底部footer*/
.footer {
  background: #F6F7FB;

}
.foot {
  padding-top: 30px;
  padding-bottom: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.foot b {
  font-size: 22px;
  color: #333;
  display: block;
  text-transform: uppercase;
  margin-bottom:32px;
}
.foot span{ color: #333; font-size: 20px; font-weight: bold; padding-right: 9px; }

.foot .ft-nav {
width: 100%;

}
.foot .ft-nav .ft-nav-list{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
  color: #333;
}
.foot .ft-nav .ft-nav-list dl{ margin-right: 30px;}
.foot .ft-nav .ft-nav-list dl:last-child { margin-right: 0;}
.foot .ft-nav .ft-nav-list dt{ font-size: 17px; color: #000; margin-bottom: 20px; font-weight: normal;}
.foot .ft-nav .ft-nav-list dd{ display: flex;align-items: flex-start; justify-content: space-between; flex-direction: column;  }
.foot .ft-nav .ft-nav-list dd a{ color: #666; display: block;  margin-bottom: 10px;
  font-size: 14px;}
.foot .ft-nav .ft-nav-list dd a:hover{ color: #da6f00 }
.copyright{ padding: 10px; text-align: center; color: #666; background: #FFF; }
.copyright a{ color: #666;}
/*返回顶部*/
.back-to-top {
  position: fixed;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 3px;
  right: 65px;
  bottom: 65px;
  background: #da6f00 ;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 999;
}

.back-to-top i {
  font-size: 26px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.back-to-top:hover {
  color: #fff;
  background:#154B9D;
  transition: background 0.2s ease-in-out;
}