body {
    background-color: #f1eff9;
}
.header{
    width: 100%;
    z-index: 1;
    height: 92px;
    line-height: 92px;
    background-color: #fff;
}

.nav-box{width: 1200px;min-width:1200px;margin: 0 auto}
.logo{display: inline-block;}
.banner img{max-width: 100%;height: auto}

.search{
	float: right;width: 17px;height: 92px;
	background: url('../images/search-logo.png') no-repeat center;
}
.nav-item{float: right;}
.nav-item-list{float: left;margin-right: 47px}

.nav-item-list a{
	font-size: 14px;color: #666;position: relative;
	transition: all linear .2s;
	-moz-transition: all linear .2s; /* Firefox 4 */
	-webkit-transition: all linear .2s; /* Safari 和 Chrome */
	-o-transition: all linear .2s; /* Opera */
}

.nav-item-list> a:before{
    content: "";
    display: inline-block;width: 101px;
}
.nav-item-list> a::before{
    position: absolute;top:0px;left:0;
    overflow: hidden;
    padding: 13px 0;
    max-width: 0;
    border-bottom: 2px solid #ff7f01;
    color: #e40082;
    content: attr(data-hover);
    -webkit-transition: max-width 0.5s;
    -moz-transition: max-width 0.5s;
    transition: max-width 0.5s;
}
.nav-item-list a:hover{color:#ff7f01 }
.nav-item-list a:hover::before{max-width: 100%}


*{box-sizing: border-box;}
.cur a{color:#ff7f01 }
.cur a::before{max-width: 100%}


.footer{
    width: 1980px;max-width: 100%;
    height: 400px;
    background: #f1eff9;
    padding:43px 300px 95px 332px;
    position: relative;min-width: 1200px;
    border-top: 1px solid #d9d5d2;
    margin-top: 69px;
}

.footer-nav{float: left;width: 100%;}
.item-common{
    float: left;width: 14.28%;text-align: left;/*margin-right: 65px;*/
                transition: all linear .3s;
    -moz-transition: all linear .3s; /* Firefox 4 */
    -webkit-transition: all linear .3s; /* Safari 和 Chrome */
    -o-transition: all linear .3s; /* Opera */
}
.item-common span{
    display: block;
    width: 60%;
    font-size: 16px;
    margin-bottom: 24px;
    color:#e54e12;
    padding-bottom: 15px;
    border-bottom: 1px #fb9671 solid;

}

.item-common a{display:block;margin-bottom:15px;color:#7f7f7f;word-break: break-all;transition: .2s all linear}
.item-common a:hover{color: #e54e12 ;}

.left-item6 span{margin-bottom: 18px;}
.contact img{cursor: pointer;float: right}
.ma{margin-top: 10px;}
.left-item8{float: right;width: 200px;position: relative;right: 60px;}
.OT{
    color: #e54e12;font-size: 14px;position: absolute;bottom: 65px;line-height: 25px;
}
.copyright{
    line-height: 60px;
    background: #e9e6f5;
    width: 100%;height: 60px;
    padding: 0 300px 0 380px;
    min-width: 1200px;
}

.no1 .cont-list{width: 25%}
.bg-box{position: relative;}
.bg1,.bg2{position: absolute;top: 0;left: 0}
.on {background: #e54e12;}
.on .it-font .cn{color: white}
.on .out{bottom: -9px;
    opacity: 1;}
.nav-bar {
  width: 30px;
  margin-top: 12px;
  cursor: pointer;
}
.nav-bar i {
  width: 100%;
  float: left;
  margin-bottom: 3px;
  height: 5px;
  border-radius: 5px;
  background: #ffffff;
}
.txt-f{opacity:0;}
.half-left h1{font-size: 72px;color: white;font-family: 'Impact'}

@media (max-width: 1884px) {
    .footer { 
    padding: 43px 10% 95px 15%;
    }
    .copyright{
        padding: 0 10% 0 15%;
    }
}
@media (max-width: 1530px){
    .no1ul{width: 1000px!important;margin:0 auto!important;}
    .no2ul{width: 1300px!important;margin:0 auto!important;}
}
@media (max-width: 1620px) {
    .footer { 
    padding: 43px 5% 95px 10%;
    }
    .copyright{
        padding: 0 5% 0 10%;
    }
    .container{padding: 12% 0% 0 0%}
}
@media (max-width: 1480px){
    .list-right h2{    font-size: 22px;}
    .list-right .line{margin: 0 auto 2.5%;}
    .list-right p{font-size: 12px}
    .more{width: 120px;height: 35px;  margin: 3% auto;line-height: 31px;}
    
}
@media (max-width: 1401px) {
    .footer { 
    padding: 43px 2% 2% 3%;
    }
    .copyright{
        padding: 0 5% 0 5%;
    }
    
}
@media (max-width: 1270px) {
    .nav-box{padding: 0 2%}
    /*.item-common{margin-right: 43px;}*/
    .left-item6{margin-right: 0px;}
    .copyright{line-height: 30px;height: auto}
    .fl,.fr{float: none;display: block;text-align: center;}
}