ul li ,ol li{list-style: none;}
*{margin: 0;padding: 0;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
/* object-fit */
.obj-cover {object-fit: cover;font-family:'object-fit: cover;';}
.obj-contain {object-fit: contain;font-family:'object-fit: contain;';}

/* 第一步：拷贝项目下面生成的 @font-face */
@font-face {
  font-family: 'iconfont';
  src: url('../iconfont/iconfont.eot');
  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../iconfont/iconfont.woff2') format('woff2'),
  url('../iconfont/iconfont.woff') format('woff'),
  url('../iconfont/iconfont.ttf') format('truetype'),
  url('../iconfont/iconfont.svg#iconfont') format('svg');
}
/* 第二步：定义使用 iconfont 的样式 */
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-oxs-font-smoothing: grayscale;
}

a:hover{text-decoration: none;}
.container{padding: 0 15px;}
.content table,.content img{max-width: 100%!important;height: auto!important;}

.carousel-indicators li{width: 14px;height: 14px;border-radius: 50%;}
.banner{width: 100%;}
.banner>img.img_banner{width: 100%;}
/* 顶部 */
.dingbu{width: 100%;line-height: 42px;background: #222;}
.dingbu span.dingbu_nav{font-size: 12px;color: #c0c0c0;}
.dingbu span.dingbu_nav a{display: inline-block;background: url(../images/pic.png) no-repeat center left;
  padding-left: 26px;color: #928c90;font-size: 14px;}
.dingbu span.dingbu_nav a:hover{color: #fff;}
.top li{float: left;}
.top .tel_a strong.shl{display: inline-block; font-size: 20px;font-weight: bold;color: #e87508;vertical-align: middle;padding-left: 10px;}
@media(max-width: 900px){
  .dingbu span.dingbu_nav a{font-size: 12px;}
  .top .tel_a strong.shl{font-size: 14px;}
}
/* 顶部 end */

/* logo */
.logo{width: 100%;line-height: 100px;position: relative;}
.logo .logo_a p.index_moju{display: inline-block;vertical-align: middle;margin-top: 20px;}
.logo .logo_a span.in_logo{font-size: 18px;display: inline-block; color: #221815;padding-left: 20px;}
.in_logo{display: inline-block;font-size: 20px;font-weight: 500; padding-left: 20px;}
.in_lg{color: #ff7d01;}
.img_text{display: inline-block; background: url(../images/index_tel.png) no-repeat left; vertical-align: middle;}
.logo_imgtext{line-height: 0px;padding-top: 10px;padding-left: 50px;font-size: 18px;color: #ff7d01;font-weight: bold;}

.logo .logo_a span >a{font-size: 18px;display: inline-block; padding-left: 0px;padding-top: 20px;}
.an{position: absolute;top:0;left: 40%;display: none;}
.an li{display: inline-block;}
.an li>a{padding: 0px 6px;font-size: 14px;}
.an li>a:hover{color:#01a1ed; }

@media(max-width: 1000px){
  h1.in_logo{font-size: 15px;padding-left: 0;}
  .logo_a li {width: 68%;}
  .logo_a li.logo_b{width: 30%;}
  .logo_a li a>img{width: 20%;}
}
@media(max-width: 960px){
  .logo .logo_a span.in_logo{font-size: 14px;padding-left: 6px;}
  .logo .logo_a .logo_b >em strong{font-size: 16px;}
  .logo_a li a img{height: 44px;}
}
@media(max-width: 900px){
  .logo_a li {width: 100%;}
  .an{display: block;}
  .logo{line-height: 60px;}
  .logo .logo_a li a img{height: 40px;width: auto;margin-left: 0;}
  .logo .logo_a span.in_logo,.logo .logo_a .logo_b{display: none;}
}
/* logo end */

/* 关键词索引 */
.guan{width: 100%;padding: 14px 0;background: #f4f4f4;border-bottom: 1px solid #ddd;}
.guan .guan_a ul.guan_b li{display: inline-block;font-size: 14px;line-height: 40px;color: #ff7d01;}
.guan .guan_a ul.guan_b li>a{padding: 0px 4px;color: #323232;}
.guan .guan_a ul.guan_b li>a:hover{color: #ff7d01;}
.guan_c form input{background: url(../images/input.png) no-repeat;width: 232px;height: 26px;text-indent: 1em;
  border: none;font-size: 12px;color: #999;margin-top: 10px;}

@media(max-width: 900px){
  .guan{display: none;}
}
/* 关键词索引 end */

/* 导航栏 logo */
header{width: 100%;line-height: 48px;background: #ff7d01;}
header  .container > nav > ul > li > a {display: inline-block;color: #fff;font-size: 14px;
  font-weight: bold;background: url(../images/index.png) no-repeat right;padding: 0 20px;}
header  .container > nav > ul > li.none a{background-image: none; }

@media (min-width: 768px) {
  header  .container > nav > ul > li {position: relative;}
  header  .container > nav > ul > li > ul {opacity: 0;visibility: hidden;position: absolute;
    top: 150%;left: 0;background:rgba(255,255,255,0.9);text-align: center;z-index: 9999; }
  header  .container > nav > ul > li:hover > ul {opacity: 1;visibility: visible;top: 100%;
    -webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;
    -o-transition: all .6s;transition:all .6s;}
  header .container > nav > ul > li.active a{background: #fe9b35;}
  header .container > nav > ul > li.active ul > li > a {;background: none;}
  header .container > nav > ul > li a:hover{text-decoration: none !important;;}
  header .container > nav > ul > li > ul > li > a {display: block;padding: 0 6px;background: none;
    line-height: 40px;white-space: nowrap;color: #fff;font-weight: bold;font-size: 14px;}
  header  .container > nav > ul > li:hover > ul li{padding: 0px 10px;}
  header  .container > nav > ul > li:hover > ul li a{color: #666;padding: 6px 50px;}
  header  .container > nav > ul > li > ul > li{color: #fff;}
  header  .container > nav > ul > li a:hover{background:#fe9b35;}
  header  .container > nav > ul > li > ul > li:hover{background:#ff7d01;}
  header  .container > nav > ul > li > ul > li > a:hover {color: #fff;background:none;}   
}

@media(min-width: 1369px){
  header  .container > nav > ul > li > a {padding: 0 56px;}
}

@media(max-width: 1370px){
  header  .container > nav > ul > li > a {padding: 0 50px;}
  header  .container > nav > ul > li:hover > ul li{padding: 0px;}
}

@media(max-width: 1200px){
  header  .container > nav > ul > li > a {padding: 0 40px;}
}

@media (max-width: 991px) {
  header  .container > nav {z-index: 9999;}
  header  .container > nav > ul > li > a {padding: 0 18px;}
  header  .container > nav > ul > li.active a{border-bottom: none;}
  header  .container > nav > ul > li ul li ol.yu{display: block;background: #01a1ed;}
  header  .container > nav > ul > li ul li ol.yu a{color: #fff;}
  header .container > nav > ul > li ul li ol.yu li:hover{background: #01a1ed;}
}

@media (max-width: 900px) {
  header  .container > nav > ul > li.active > a {color: #fff;}
  header  .container > nav > ul > li.active{ width: 100% ;background: #ff7d01;}
  header  .container > nav > ul > li.active:hover{background: #ff7d01;}
  header {height: 60px;line-height: 60px;margin-top: -60px;background: none;}
  header  .container > .logo-box img {height: 20px;width: auto;}
  header  .container > nav {position: absolute;left: 0;width: 100%;text-align: center; 
    background: #f5f5f5;z-index: 9999999;top: 100px;}
  header .container > nav{display: none;}
  header .container > nav > ul > li {position: relative;margin-left: 0px;}
  header  .container > nav > ul > li > i.iconfont {top: 0;right: 35px;font-size: 14px;}
  header  .container > nav > ul > li > i.icon-minus {color: #fff;}
  header  .container > nav > ul > li > a {color: #434343;font-size: 16px;background-image: none;}
  header .container > nav > ul > li > ul {display: none;background: #f9f9f9;}
  header .container > nav > ul > li > ul > li > a {display: block;font-size: 16px;color: #000;}
  header  .container > nav > ul > li > ul > li > a:hover {background: #ff7d01;color: #fff;}
  header  .container > nav > ul > li:hover {background: #ff7d01; }
  header  .container > nav > ul > li:hover > a{color: #fff;}
  header .menu-toggler {right: 15px;height: 100%;padding-top: 19px;overflow-x: hidden;top:40px;}
  header .menu-toggler > span {position: relative;display: block;width: 30px;height: 4px;
    border-radius: 5px;background: #ff7d01;}
  header .menu-toggler > span.top { top: 0;}
  header .menu-toggler > span.middle {left: 0;top: 5px;}
  header .menu-toggler > span.bottom {top: 10px;}
  header .menu-toggler.active > span.middle {left: 100px;}
  header .menu-toggler.active > span.top {top: 10px;transform: rotate(45deg);}
  header .menu-toggler.active > span.bottom {top: 2px;transform: rotate(-45deg);}
  .carousel-indicators li{width: 10px;height: 10px;border-radius: 50%;}
}
/* 导航栏 logo end */ 

/* footer 底部 */
footer{background: #282828;padding: 40px 0 30px; overflow: hidden;position: relative;}
footer .footer{width: 100%;color: #fff;}
footer .footer li{display: inline-block;vertical-align: top;}
footer .footer_a{width: 14%;border-right: 1px solid #f7f7f7;}
footer .footer_b{width: 55%;padding-left: 20px;}
footer .footer_c{width: 27%;padding-left: 20px;font-size: 12px;}
footer .footer_nav li{line-height: 30px;font-size: 15px;}
footer .footer_nav li a{color: #fff;}
footer .footer_nav li a:hover{color: #ff7d01;}
footer .footer_c li{line-height: 20px;}
footer .footer_c li span{border-bottom: 1px solid #fff;}
.copy{background: #221815;line-height: 50px;font-size: 14px;text-align: center;color: #fff;}
.copy .container>a{color: #fff;display: inline-block;padding-right: 10px;}
.copy .container>a:hover{color: #fd8200;}
@media(max-width: 990px){
  footer{padding: 20px 0 10px; }
  footer .footer_a img{width: 90%;}
  footer .footer_b{width: 50%;padding-left: 20px;}
  footer .footer_c{width: 33%;padding-left: 20px;font-size: 12px;}
  footer .footer_nav li{line-height: 20px;font-size: 12px;}
}

@media(max-width: 990px){
  footer .footer_a{width: 100%;border-right:none;text-align: center;}
  footer .footer_a img{width: 40%;}
  footer .footer .footer_b{width: 100%;padding-left: 0px;display: none;}
  footer .footer_c{width: 100%;padding:20px 10px 0px;font-size: 12px}
  .copy{line-height:20px;font-size: 12px;padding: 10px;}
}
/* footer 底部 end */

/* 二级菜单 */
 .menu{display: none;}

@media(max-width: 900px){
  .menu{width: 100%; height: 40px;float: right;clear: both;display: block;z-index: 9999;position: relative;}
  .menu p{width: 100%;position: relative;font-size: 20px;height: 40px;line-height: 40px;display: block;
    cursor: pointer;background: #e87508;color: #fff;text-align: center;}
  .menu p:hover{background: #e87508;}
  .menubar{position: absolute;width: 100%;max-height: 0px;margin: 0 auto;overflow: hidden;top: 40px;}
  .menubaropen{max-height: 700px;transform-origin:50% 0; transition: all 0.3s ease-out;}
  .menubar li{list-style-type: none; width: 100%;height: 40px;line-height: 40px; 
    text-align: center;background: #f5f5f5;display: block;cursor: pointer;}
  .menubar li.active a{background: #ff7d01;color: #fff;display: inline-block;width: 100%;}
  .menubar li:hover{ background: #ff7d01;}
  .menuvalue{background: #008fd2;color: #fff;}
  .menubar li a:hover{ color: #fff;}
  .menubar li a{color: #434343;}
  @-webkit-keyframes slide-down{
    0%{transform:scale(1,0);}
    25%{transform:scale(1,1.2);}
    50%{transform:scale(1,0.85)
    75%{transform:scale(1,1.05);}
    100%{transform:scale(1,1);}
  }
}

