html,body{padding: 0;margin: 0;}
ul li,ol li{list-style: none;}
/* object-fit */
.obj-cover {object-fit: cover;font-family:'object-fit: cover;';}
.obj-contain {object-fit: contain;font-family:'object-fit: contain;';}
.font-content >img{ width: 100%;}
.aa:first-of-type(not) {
  display: none;
}
.cc{display: none;}
/* 第一步：拷贝项目下面生成的 @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;
}
.indicators li{width: 16px;height: 16px;border-radius: 50%; }
/* top 顶部 */
.topbu{width: 100%;overflow: hidden;}
.topbu ul.topa li{display: inline-block;padding-top: 16px;}
.topbu ul.topa li img{float: left;padding-right:10px;}
.topbu ul.topa li span{float: left;display: inline-block;padding-left: 10px;line-height: 24px;}
.topbu ul.topa li p strong{line-height: 20px;color: #434343;}
.gong{font-size: 18px;}
.left{float: right;position: relative;top: 24px;}
.left .left1{ border-right: 1px solid #ccc;margin-top: -4px;padding-right: 10px;height: 50px;}
.left .left1 p{font-size: 14px;text-align: right;line-height: 0;position: relative;top:-6px;}
.left .left1  i{font-size: 24px;color: #0384bb;line-height: 0;position: relative;top:-6px;}
.left .left2{margin-top: -20px;}
.left .left2 p{line-height: 10px;font-size: 12px;position: relative;top:-10px;}
/* .topbu ul.topa li img{width:70px;} */
.left >ol{position: relative;top:-20px;}


@media(max-width: 900px){
  header {border: none;background-color: #fff;}
	.topbu{position: relative;/*top:-6px; z-index: 999;width: 350px;margin-left: -20px;*/}
   /* .topbu ul.topa li img{width: 50px;} */
  .topbu ul.topa li{padding: 8px 0;}
  .topbu ul.topa li img{height: 34px;padding: 0;position: relative;z-index: 9999;}
  .topbu ul.topa li span{line-height: 16px;}
  .topbu ul.topa li p strong{font-size: 14px;line-height: 2px;}
  .topbu ul.topa li.left{display: none;}
}
/* top 顶部 end */

/* 导航栏 logo */
header{width: 100%;background: #f2f2f2;height: 60px;line-height: 60px;border-top: 1px solid #ccc;}
header > .h-container > nav{float: left;}
header > .h-container > nav > ul > li:hover ul{margin-top: -6px;}
header > .h-container { height: 100%; position: relative;}
header > .h-container > nav > ul > li {position: relative;}
header > .h-container > nav > ul > li > a {display: inline-block; padding: 0 24px;color: #434343;font-size: 16px;font-weight: bold;}
header > .h-container > nav > ul > li.active{background: #fff;}

.searchbox{position: absolute;right: 0;width: 300px;}
.searchbox form{width: 100%;position: relative;height: 60px;}
.searchbox form .type{width: 40px;height: 31px;border: 1px solid #617983;padding: 4px 20px;border-right: none;color: #999;}
.searchbox form input{height: 31px;float: left;position: absolute;top:50%;transform:translateY(-50%);left:69px;border: 1px solid #617983;border-left: none;font-size: 14px;padding-left: 10px;color: #999;line-height: 0;}
.searchbox form button{height: 31px; padding: 0 18px;border: none;  background: #617983;color: #fff;position: absolute;top:50%;transform:translateY(-50%);right: 0;line-height: 0;}

.carousel{position: relative;overflow: hidden;}
.banner{left: 1px; top: 209px; position: absolute;left:280px; z-index: 111; width: 573px; }
.bnner_content{word-wrap: break-word; padding: 0px; border-color: transparent;border-width: 0px;  width: 573px; display: block;}
.banner_content  .zuan{font-size: 38px; color: rgb(255, 255, 255); font-family: 微软雅黑;}
.scontent{word-wrap: break-word; padding: 0px; border-color: transparent;border-width: 0px; height: 29px; width: 565px; display: block;}
.scontent .ye{color: #fff; font-size: 14px;}

@media (min-width: 768px) {
    header > .h-container > nav > ul > li > ul {min-width: 100%;opacity: 0;visibility: hidden;position: absolute;top: 150%;left: 0;background:#eff1f0;text-align: center;z-index: 99;box-shadow:2px 2px 2px  #999;}
    header > .h-container > nav > ul > li:hover{background: #fff;}
    header > .h-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 > .h-container > nav > ul > li{border-top: 1px solid #f5f5f5;}
    header > .h-container > nav > ul > li:hover{border-top: 1px solid #0384bb;}
    header > .h-container > nav > ul > li.active{border-top: 1px solid #0384bb;}
    header > .h-container > nav > ul > li.active a{color: #0384bb;}
    header > .h-container > nav > ul > li > ul > li > a {display: block;padding: 0 14px;line-height: 40px; white-space: nowrap;color: #434343;font-weight: bold;font-size: 14px;}
    header > .h-container > nav > ul > li > ul > li > a:hover {color: #0384bb;background: #fff;}
}

@media (max-width: 991px) {
	.searchbox{display: none;}
	/*.carousel{position: relative;top:-80px;overflow: hidden;}*/
	.searchbox{width: 360px;height: 60px;float: right;position: relative;top:0px;}
	.banner{position: absolute;top: 30px;left:60px;width: 280px;}
	.banner_content  .zuan{font-size: 14px; }
	.scontent{width: 280px;line-height: 14px;}
	.scontent .ye{color: #fff; font-size: 12px;line-height: 20px;}
	.indicators li{width: 10px;height: 10px;border-radius: 50%;z-index: 999; }

    header{position: absolute;top:0;}
    header > .h-container > nav > ul{background: #f1f1f1;margin:0;}
    header > .h-container > nav > ul > li > a {padding: 0 20px;}
    header > .h-container > nav > ul > li.active a{border-bottom: none;}
    header > .h-container > nav > ul > li ul li ol.yu{display: block;background: #dee2e6;}
    header > .h-container > nav > ul > li ul li ol.yu a{color: #fff;}
    header > .h-container > nav > ul > li ul li ol.yu li:hover{background: #81bbed;}
    header > .h-container > nav{ margin-top: 36px;background: none;border: none;}
}

@media (max-width: 767px) {
    header > .h-container > nav > ul > li.active > a {color: #fff;}
    header > .h-container > nav > ul > li.active{ width: 100% ;background: #0384bb;}
    header > .h-container > nav > ul > li.active:hover{background: #81bbed;}
    header {height: 60px;line-height: 60px;}
    header > .h-container > .logo-box img {height: 30px;width: auto;}
    header > .h-container > nav {position: absolute;top: 15px;left: 0;width: 100%;text-align: center;z-index: 9999;background: none;}
    header > .h-container > nav{display: none;}
    header > .h-container > nav > ul > li {position: relative;margin-left: 0px;}
    header > .h-container > nav > ul > li > i.iconfont {top: 0;right: 35px;font-size: 14px;}
    header > .h-container > nav > ul > li > i.icon-minus {color: #fff;}
    header > .h-container > nav > ul > li > a {color: #434343;font-size: 16px;}
    header > .h-container > nav > ul > li > ul {display: none;background-color: #f9f9f9;}
    header > .h-container > nav > ul > li > ul > li > a {display: block;line-height: 40px; font-size: 14px;color: #000;}
    header > .h-container > nav > ul > li > ul > li > a:hover {background: #add9f6;color: #fff;}
    header > .h-container > nav > ul > li:hover {background: #81bbed; }
    header > .h-container > nav > ul > li:hover > a{color: #fff;}
    header .menu-toggler {right: 15px;height: 100%;padding-top: 15px;overflow-x: hidden;}
    header .menu-toggler > span {position: relative;display: block;width: 30px;height: 4px;border-radius: 5px;background: #0384bb;}
    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);}
}

/* footer 底部 */
footer{width: 100%; background: #515151;margin-top: 30px;color: #999;padding-bottom: 100px;}
.clear{padding-top: 30px;}
footer .clear div{display: inline-block;padding-left: 20px;}
footer ul p{font-size: 18px;color: #fff;}
footer div li a{color: #fff;line-height: 30px;}
footer div li{color: #fff;font-size: 14px;line-height: 30px;}
footer .clear div.lianxi{padding-left: 70px;}
footer div li a:hover{color: #999;}
.leftaa{width: 600px;float: right; }
.leftaa p{font-size: 18px;color: #fff;}
.leftaa input{width: 270px;height: 30px;margin:8px;background: none;border-radius: 3px;border: 1px solid #999;padding-left: 10px;}
.leftaa button{width: 100px;height: 30px;margin-top: 10px;background: #f67f19;color: #fff;line-height: 0;margin-left: 10px;}
.leftaa button:hover{background: #ed3c46;}
.copy{background: #515151 ;color: #fff;border-top: 1px solid #fff;}
.copya{line-height: 50px;}

@media(max-width: 900px){
  footer .clear .dibu{display: none;}
  footer{padding: 10px;}
  .leftaa input{display: none;}
  .copya{line-height: 20px;}
  footer .clear div.lianxi{padding: 0;}
}
/* footer 底部 end */

.tu{width: 100%;height: auto;overflow: hidden ;}
.tu img{width: 100%;}


@media (max-width: 1366px) {
  .leftaa {
    width: 500px;
  }
}