body {
    background: linear-gradient(90deg, #0e0c16, #210601);
}
.header,
.footer-all {
    opacity: 0;
    display:none;
}
/* 定义浮动居中 */ 
.fl {
	float: left;
	display: inline
}

.fr {
	float: right;
	display: inline
}

.header{
	width: 100%;
/*	position: absolute;
	margin-top: 36px;
	z-index: 1*/
	padding-top: 26px;
	padding-bottom: 20px;
}

.nav-box{width: 1200px;
	min-width:1200px;
	/*line-height: 32px;*/
	margin: 0 auto;
	text-align: left;
}
.logo{display: inline-block;}
.banner img{max-width: 100%;height: auto}

.search{
	float: right;width: 17px;height: 33px;
	background: url('../images/search-logo.png') no-repeat center;
        margin-top: -4px;
}
.nav-item{float: right;}
.nav-item-list{float: left;margin-right: 37px}

.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,.nav-item-list a:focus{color:#ff7f01 }
.nav-item-list a:hover::before,.nav-item-list a:focus::before{max-width: 100%}
.cur a {
    color: #ff7f01;
}
.cur a::before {
    max-width: 100%;
}

/*footer*/

.footer{
	/*width: 1980px;*/
	/*max-width: 100%;*/
	/*height: 460px;*/
	background: #f1eff9;
	/*padding:43px 300px 95px 390px;*/
	position: relative;
	/*min-width: 1200px;*/
	display: table;
	/*width: 100%;*/
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.footer-nav{
	/*float: left;*/
	width: 100%;
	display: table;
	/*margin-left: auto;*/
	/*margin-right: auto;*/
}
.footer-nav:after,
.footer-nav:before {
    content: " ";
    display: table;
}
.item-common{
	float: left;
    /*width: 128px;*/
    width: 9.7%;
    text-align: left;
    /*margin-right: 65px;*/
    margin-right: 4.5%;
	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;
    font-size: 16px;
    margin-bottom: 24px;
    color:#e54e12;
    padding-bottom: 15px;
    border-bottom: 1px #fb9671 solid;

}
/*.item-common:nth-child(7) span{border:none;}*/
.item-common a{display:block;margin-bottom:15px;font-size:14px;color:#7f7f7f;word-break: break-all;transition: .2s all linear}
.item-common a:hover{color: #e54e12	;}
.left-item6{
    /*margin-right: 0;*/
    /*width: 290px;*/
}
.left-item6 span{margin-bottom: 18px;}
.left-item8 {
    margin-top: 100px;
}
.contact img{
    cursor: pointer;
    float: right;
}
.ma{margin-top: 30px;}

.OT {
    color: #e54e12;
    position: absolute;
    bottom: 65px;
    line-height: 25px;
    text-align: left;
}
.OT p {
    font-size: 14px;
}

.copyright{
	background: #e9e6f5;
	width: 100%;
	height: 60px;
	line-height: 60px;
	position: absolute;
	bottom: 0;
}
.copyright .fl {
	margin-left: 19%;
    font-size: 14px;
}
.copyright .fr {
	margin-right: 19%;
    font-size: 14px;
}
@media (min-width: 1880px) {
    .header {
        padding-bottom: 14px;
    }
}
@media (max-width: 1880px) {
    .copyright .fl {
        margin-left: 5%;
        font-size: 14px;
    }
    .copyright .fr {
        margin-right: 5%;
        font-size: 14px;
    }
}
@media (max-width: 1380px) {
    .copyright {
        font-size: 12px;
    }
}
@media (max-width: 1250px) {
    .nav-box {
        /* width: auto; */
        min-width: auto;
        line-height: 32px;
        /* margin: 0 auto; */
        text-align: left;
        width: 90%;
    }
    .nav-item-list a {
        font-size: 12px;
    }
    .footer-nav {
        width: 90%;
    }
    .item-common {
        margin-right: 15px;
    }
    .item-common span {
        font-size: 14px;
    }
    .item-common a {
        font-size: 12px;
    }
}
