html { height: 100%; }
* {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  transition: .6s;
}

body, html {
  height: 100%;
/*  overflow: hidden;*/
}
::-webkit-scrollbar {

  -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {

  width: 5px;
}


::-webkit-scrollbar-thumb {
  border-radius: 10%;
  
  background-color: #ea5407;
}
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;margin:0; }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { color:#333; font-size: 14px; font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";  }
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 
.img-fluid{
  max-width: 100%;
}
.container{
  max-width: 1260px;
  margin: auto;
  padding:0 15px;
}
nav {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0;
/*  position: fixed;*/
  z-index: 999;
}

nav li, nav a {
  text-decoration: none;
  list-style: none;
}
nav .container{
	display: flex;
	justify-content: space-between;
  align-items: center;
}
nav .nav-logo {
  width: auto;
  height: 100%;

}

nav .nav-logo img {
  max-width: 100%;
  max-height: 100%;
}
nav ::-webkit-scrollbar {
  display: none;
}
nav .nav-list {
  /*nav-list*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  z-index: 999;

}
@media (max-width: 1200px) {
  nav .nav-list {
    position: fixed;
    height: 100%;
    top: 0;
    padding-top: 10px;
    width: 60%;
    background: #fff;
    left: -60%;
    -webkit-transition: 1s;
    transition: 1s;
  }
}
nav .nav-list > li {
  position: relative;
  list-style: none;
  text-align: center;
}
@media (max-width: 1200px) {
  nav .nav-list > li {
    width: 100%;
    margin: 0;
    overflow: hidden;
  }
  nav .nav-list > li {
    margin-bottom: 15px;
  }
}
/*nav .nav-list > li .active {
  color: #fff;
  background: #094fb7;
}*/
nav .nav-list > li a {
  color: #fff;
  display: inline-block;
  line-height: 32px;
  padding: 1px 20px;
  margin: 0 10px;
  font-size: 16px;
  border-radius: 5px;
  text-decoration: none;
}
nav .nav-list > .navright{
	display: flex;
	align-items: center;
	margin-left: 7vw;
}
nav .nav-list > .navright .sc{
	margin-right: 2vw;
}
nav .nav-list > li:hover a{
    color: #ea5407;
}
nav .nav-list > li.active a{
    color: #ea5407;
}
@media (max-width: 1200px) {
  nav .nav-list > li a {
    width: 100%;
    border-radius: 0;
    margin: 0;
  }
}
/*nav .nav-list > li a:hover {
  color: #fff;
  background-color: #094fb7;
}*/
nav .nav-list > li .menu {
  min-width: 100px;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px #ccc;
  box-shadow: 0 2px 10px #ccc;
  position: absolute;
  border-radius: 5px;
  white-space: nowrap;
  left: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: 1s;
  transition: 1s;
}
@media (max-width: 1200px) {
  nav .nav-list > li .menu {
    position: relative;
    width: 100%;
    text-align: center;
    border-radius: 0;
    -webkit-box-shadow: 0 -1px 7px #ccc inset;
    box-shadow: 0 -1px 7px #ccc inset;
  }
}
nav .nav-list > li .menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
nav .nav-list > li:hover .menu {
  height: auto;
}
nav .nav-menu {
  display: none;
  z-index: 999;
  background: #fff;
  cursor: pointer;
}
@media (max-width: 1200px) {
  nav .nav-menu {
    display: block;
    float: right;
    padding: 8px 5px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 15px;
  }
  nav .nav-menu span {
    height: 2px;
    width: 25px;
    display: block;
    background: #CCC;
    border-radius: 10px;
  }
  nav .nav-menu span + span {
    margin-top: 6px;
  }
}
nav.fix{
  background: #fff;
}
.fix  .nav-list > li a{
  color: #333;
}
/*.fix .nav-logo img{*/
/*  filter: brightness(0);*/
/*}*/
/*.fix .nav-list > .navright img{*/
/*  filter: brightness(0);*/
/*}*/
nav .open {
  left: 0%;
  overflow: auto;
  box-shadow: 2px 0px 8px #ccc;
}

.idbanner .swiper-pagination{
  width: auto;
  left: 70vw;
  bottom:30px;
}
.idbanner .swiper-pagination .swiper-pagination-bullet{
  width: 50px;
  height: 3px;
  border-radius: 0;
  background: #a2a2a2;
  opacity: 1;
  position: relative;
}
.idbanner .swiper-pagination .swiper-pagination-bullet-active{
  height: 6px;
  background: #de5007;
  color: #de5007;
}
.idbanner .swiper-pagination .swiper-pagination-bullet:before{
  position: absolute;
  left: 0;
  top: -25px;
  width: 100%;
  text-align: center;
}
.idbanner .swiper-pagination .swiper-pagination-bullet:nth-child(1):before{
  content: '01';
}
.idbanner .swiper-pagination .swiper-pagination-bullet:nth-child(2):before{
  content: '02';
}
.idbanner .swiper-pagination .swiper-pagination-bullet:nth-child(3):before{
  content: '03';
}
.idbanner .swiper-pagination .swiper-pagination-bullet:nth-child(4):before{
  content: '04';
}
.idbanner .swiper-pagination .swiper-pagination-bullet:nth-child(5):before{
  content: '05';
}

.title{
  text-align: center;
}
.title h2{
  font-size: 36px;
  color: #2a2a2a;
  text-transform: uppercase;
  font-weight: 600;
}
.title p{
  color: #5b5b5b;
  font-size: 14px;
  margin:15px 0;
}
.id1{
  position: relative;
}
.id1:after{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 45vh;
  background: #ea5407;
  content: '';
}
.id1 .id1nscon{
  position: relative;
  top: -25px;
  z-index: 99;
  padding:90px 0;
  background: linear-gradient(#f4f4f4 45vh,#fff 50vh);
/*  box-shadow: 0px 0px 13px 3px #ececec;*/

}
.id1 .id1list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-top: 100px;
/*  box-shadow: 0px -101px 30px 3px #ececec;*/
/*  background: #fff;*/

}
.id1 .id1list .item{
  width: 15%;
  text-align: center;
  background: #fff;
  padding:40px;
}
.id1 .id1list .item .img{
  display: grid;
  height: 90px;
  justify-content: center;
    align-content: center;
}
.id1 .id1list .item h2{
  font-size: 21px;
  color: #ea5407;
}
.id1 .id1list .item .ccon{
  font-size: 13px;
  color: #969696;
} 
.id1 .id1list .item .dn{
  margin-top: 20px;
}
.id1 .id1list .item:hover{
  background: #f66a22;
}
.id1 .id1list .item:hover h2{
  color: #fff;
}
.id1 .id1list .item:hover .ccon{
  color: #fff;
}

.id2 .id2con{
  background:linear-gradient(90deg,#f4f4f4 50%,#fff 50%);
  margin-top: 140px;
  
}
.id2 .id2ncon{
  display: flex;
}
.id2 .id2ncon .id2nconl{
  text-align: right;
  width: 50%;
}
.id2 .id2ncon .id2nconl .id2abimg{
  background: url(../images/abl.jpg) no-repeat;
  padding:40px 40px 15px 20px;

  margin-top: -60px;
}
.id2 .id2ncon .id2nconr{
  width: 50%;
  text-align: center;
}
.id2 .id2ncon .id2nconr .id2c{
  padding:30px 50px 40px 100px;
  font-size: 18px;
  color: #505050;
  font-weight: 600;
  text-align: left;
}
.id2 .id2ncon .id2nconr .id2b{
  display: flex;
  align-items: center;
  justify-content: center;
}
.id2 .id2ncon .id2nconr .id2b .id2bm{
  border:2px solid #fe5001;
  border-radius: 25px;
  padding:12px 20px;
  color: #fe5001;
  font-size: 13px;
  font-weight: 600;
  margin-right: 10px;
}

.id3{
  margin-top: 150px;
}
.id3 .id3con{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.id3 .id3con .id3conl{
  width: 55%;
}
.id3 .id3con .id3conr{
  width: 45%;
  text-align: center;
}
.id3 .id3con .id3conr h3{
  font-size: 32px;
  color: #2a2a2a;
  font-weight: 600;
}
.id3 .id3con .id3conr .id3c{
  padding:20px 30px 40px 70px;
  font-size: 18px;
  color: #505050;
  font-weight: 600;
}

.id4{
  margin-top: 100px;
  background: #f4f4f4;
}
.id4 .id4con{
  display: flex;
  flex-wrap: wrap;
  align-items: center;

}
.id4 .id4con .id4conl{
  width: 45%;
  text-align: center;
}
.id4 .id4con .id4conl h3{
  font-size: 32px;
  color: #2a2a2a;
  font-weight: 600;
}
.id4 .id4con .id4conl .id4c{
  padding:20px 30px 40px 70px;
  font-size: 18px;
  color: #505050;
  font-weight: 600;
}
.id4 .id4con .id4conr{
  width: 55%;
  position: relative;
}
.id4 .id4con .id4conr img{
  margin-bottom: -25px;
}
.id4 .id4con .id4conr:after{
  position: absolute;
  right: 0;
  top: -40px;
  height: 40px;
  background: #f66a22;
  width: 75%;
  content: '';
}

.id5{
  margin-top: 150px;
}
.id5 .id5con{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.id5 .id5con .id5conl{
  width: 55%;
}
.id5 .id5con .id5conr{
  width: 45%;
  text-align: center;
}
.id5 .id5con .id5conr h3{
  font-size: 32px;
  color: #2a2a2a;
  font-weight: 600;
}
.id5 .id5con .id5conr .id5c{
  padding:20px 30px 40px 70px;
  font-size: 18px;
  color: #505050;
  font-weight: 600;
}

.id6{
  margin-top:100px;
}
.id6 .id6list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.id6 .id6list .item{
  width: 15.6%;
  margin-right: 1.25%;
  text-align: center;
  margin-top: 20px;
}
.id6 .id6list .item:nth-child(6n){
  margin-right: 0;
}
.id6 .id6list .item img{
  filter: grayscale(1);
}
.id6 .id6list .item:hover img{
  filter: grayscale(0);
}

.id7{
  margin-top: 10px;
  position: relative;
  bottom: -40px;
}
.id7 .id7con{
  background: #f4f4f4;
  
  box-shadow: 0px 4px 0px 0px #da4e07;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding:35px 70px;
  align-items: center;
}
.id7 .id7con .id7conl{
  width: 26%;
}
.id7 .id7con .id7conl h3{
  font-size: 36px;
  color: #2a2a2a;
  font-weight: 600;
}
.id7 .id7con .id7conl .id7conlc{
  font-size: 14px;
  color: #707070;
}
.id7 .id7con .id7conr{
  width: 50%;
}
.id7 .id7con .id7conr ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.id7 .id7con .id7conr ul li{

}

.mymore{
  display: flex;
  width: 160px;
  background: #a2a2a2;
  border-radius: 25px;
  padding:14px 15px;
  align-items: center;
  margin: auto;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}
.mymore:hover{
  background: #f66a22;
}

footer .foot{
  background: #e85307;
  padding: 80px 0 40px;
}
footer .foot .ful{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .foot .ful .item h3{
  font-size: 19px;
  color: #ffffff;
  font-weight: bold;
}
footer .foot .ful .item ul{
  margin-top: 15px;
}
footer .foot .ful .item ul li{
  margin-top: 10px;
}
footer .foot .ful .item ul li a{
  font-size: 13px;
  color: #fff;
}
footer .copyright{
  padding:10px 0;
  background: #494949;
  text-align: center;
  color: #939393;
  font-weight: 600;
}


@media(max-width:780px){
  nav .nav-list {
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
  }
  .title h2{
    font-size: 24px;
  }
  .title p{
    font-size: 13px;
    margin:8px 0;
  }
  .idbanner .swiper-pagination{
    left: 50vw;
  }
  .id1 .id1nscon{
    padding:40px 0;
  }
  .id1 .id1list{
    margin-top: 30px;
  }
  .id1 .id1list .item{
    padding:1.5%;
    width: 45%;
    margin-top: 15px;
  }
  .id1 .id1list .item h2{
    font-size: 17px;
  }
  .id1 .id1list .item .ccon{
    margin-top: 10px;
    font-size: 12px;
  }

  .id2 .id2con{
    margin-top: 100px;
    background: none
  }
  .id2 .id2ncon{
    flex-wrap: wrap;
  }
  .id2 .id2ncon .id2nconl{
    width: 100%;
  }
  .id2 .id2ncon .id2nconr{
    width: 100%;
  }
  .id2 .id2ncon .id2nconr .id2c{
    padding:25px;
    font-size: 15px;
  }
  .id3{
    margin-top: 80px;
  }
  .id3 .id3con .id3conl{
    width: 100%;
  }
  .id3 .id3con .id3conr{
    width: 100%;
    margin-top: 15px;
  }
  .id3 .id3con .id3conr h3{
    font-size: 20px;
  }
  .id3 .id3con .id3conr .id3c{
    padding:25px;
    font-size: 15px;
  }
  .id4{
    margin-top: 40px;
  }
  .id4 .id4con{
    padding:15px 0;
  }
  .id4 .id4con .id4conl{
    width: 100%;
  }
  .id4 .id4con .id4conl h3{
    font-size: 20px;
  }
  .id4 .id4con .id4conl .id4c{
    padding:25px;
    font-size: 15px;
  }
  .id4 .id4con .id4conr{
    width: 100%;
    margin-top: 80px;
  }
  .id5{
    margin-top: 80px;
  }
  .id5 .id5con .id5conl{
    width: 100%;
  }
  .id5 .id5con .id5conr{
    width: 100%;
  }
  .id5 .id5con .id5conr h3{
    font-size: 20px;
  }
  .id5 .id5con .id5conr .id5c{
    padding:25px;
    font-size: 15px;
  }
  .id6{
    margin-top: 40px;
  }
  .id6 .id6list{
    margin-top: 10px;
  }
  .id6 .id6list .item{
    width: 49%;
    margin-right: 2%!important;
  }
  .id6 .id6list .item:nth-child(2n){
    width: 49%;
    margin-right: 0!important;
  }
  .id7 .id7con{
    padding:15px;
  }
  .id7 .id7con .id7conl{
    width: 100%;
  }
  .id7 .id7con .id7conl h3{
    font-size: 24px;
  }
  .id7 .id7con .id7conr{
    width: 100%;
    margin-top: 15px;
  }
  .id7 .id7con .id7conr ul li{
    width: 25%;
  }
  footer .foot .ful .item{
    margin-top: 15px;
    width: 49%;
  }
  footer .foot .ful .item h3{
    font-size: 16px;
  }
  footer .foot .ful .item ul li a{
    font-size: 12px;
  }
  .mymore{
    padding:10px;
    font-size: 14px;
  }
}