.padding-tb100 {
    padding: 100px 0;
}
.fl{ float: left;}
.fr{float: right;}
* {
    padding: 0;
    margin: 0;
    outline: 0;
    text-decoration: none;
    list-style: none;
}

div {
    display: block;
}

.slideInUp, .swiper-slide-active .bannerImg {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.clear:after {
    content: '';
    display: table;
    clear: both;
}
.aboutPate{ margin-bottom:20px}
/*公司简介*/
.daohan{height: 68px; background:#fff !important;}
.daohanCon{height: 67px;background:#fff !important;border-bottom: 1px solid #eaeaea;line-height: 67px;}
.home{position: relative;padding-left: 30px;}
.home:before{content: '';position: absolute;width: 11px;height: 11px;background: url("../images/home.jpg");top:50%;margin-top: -5px;left: 0;}
.dhLeft span{margin: 0 8px;}
.dhLeft a{color: #6d7074;font-weight: bold;}
.dhList li{float: left;margin-left: 30px;}
.dhList li:first-child{margin-left: 0;}
.dhList li a{color: #6d7074;position: relative;display: block;}
.dhList li.active a{font-weight: bold;}
.dhList li a:before{content: '';position:absolute;left: 50%;bottom:0;height: 3px;background: #f27200;width: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.dhList li.active a:before{width: 100%;}
.machineryCon{width:46%; position:relative}
.machineryTop h2{font-size: 58px;color: #f1eff1;font-family: "FuturaBT Book";}
.machineryTop h3{font-size:30px;color: #000;}
.machineryTop p{font-size: 12px;color:rgba(115,105,104,.75);display: block;text-transform: uppercase;margin-top: 5px;}
.machineryMid li{width: 32%;margin-right: 1.33%;float: left;}
.machineryMid strong{font-size: 36px;color: #f7791e;font-family: alternategothic2bt;}
.machineryMid span{display: block;line-height: 1em;}
.machineryMid div{margin-left: 5px;margin-top: 5px;}
.machineryImg{width: 49%;}
.aboutImg{width: 49%;}
.aboutCon{position: absolute;top:0;height: 100%;width: 40%;}
.aboutCon h3{font-size: 24px; color: #1f1910;}
.aboutCon p{color: #736968;margin: 30px 0;}
.aboutCon i{display: block;width: 44px;height: 7px;background: #272727;}
.aboutPate1 .aboutCon{right: 0;}
.aboutPate2 .aboutCon{left: 0;}
.changeTravel{height: 500px;color: #fff;overflow: hidden;}
.changeTravel h3{font-size: 26px;font-weight: bold;margin-top: 30px;}
.changeTravel p{font-size: 18px;margin: 20px auto;}
.changeTravel img{display: block;margin: 0 auto;}
.changeTravel i{display:block;width: 100px;height: 3px;background: #fff;margin: 30px auto;}


/***************************************************下往上***************************************************/
.slideInUp,.swiper-slide-active .bannerImg{
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
    0%{opacity: 0;  filter: alpha(opacity=0); -webkit-transform: translateY(100px);  transform: translateY(100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes slideInUp {
    0%{opacity: 0;  filter: alpha(opacity=0); -webkit-transform: translateY(100px);  transform: translateY(100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);transform: translateY(0);}
}

/***************************************************上往下***************************************************/
.slideInDown,.swiper-slide-active .ban-title{
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInDown {
    0%{opacity: 0;  filter: alpha(opacity=0); -webkit-transform: translateY(-100px);  transform: translateY(-100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes slideInDown {
    0%{opacity: 0;  filter: alpha(opacity=0); -webkit-transform: translateY(-100px);  transform: translateY(-100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);transform: translateY(0);}
}
/***************************************************左边***************************************************/
.slideInLeft{
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInLeft {
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-100px);}
    100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}
@keyframes slideInLeft {
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-100px);}
    100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}
/***************************************************右边***************************************************/
.slideInRight,.swiper-slide-active .baseic-con h3,.swiper-slide-active .baseic-con p{
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInRight {
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(100px);}
    100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}
@keyframes slideInRight {
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(100px);}
    100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}

@font-face {
    font-family: "FuturaBT Book";
    src: url("../fonts/FuturaBT Book.woff2") format("woff2"),
    url("../fonts/FuturaBT Book.woff") format("woff"),
    url("../fonts/FuturaBT Book.ttf") format("truetype"),
    url("../fonts/FuturaBT Book.eot") format("embedded-opentype"),
    url("../fonts/FuturaBT Book.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "alternategothic2bt";
    src: url("../fonts/alternategothic2bt.woff2") format("woff2"),
    url("../fonts/alternategothic2bt.woff") format("woff"),
    url("../fonts/alternategothic2bt.ttf") format("truetype"),
    url("../fonts/alternategothic2bt.eot") format("embedded-opentype"),
    url("../fonts/alternategothic2bt.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "mnyi";
    src: url("../fonts/mnyi.woff2") format("woff2"),
    url("../fonts/mnyi.woff") format("woff"),
    url("../fonts/mnyi.ttf") format("truetype"),
    url("../fonts/mnyi.eot") format("embedded-opentype"),
    url("../fonts/mnyi.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}


/*19.03.02*/
.xtc li .w1200{ width:100%;}
.xtc li .img100{ width:50%;}
.xtc-con{ width:50%; text-align:center;}
.xtc li:nth-child(odd) .xtc-des{ float:none;}
.xtc li .xtc-des{ display:inline-block; text-align:left;}

.mio-nav-top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.bannerdots{ position: absolute;
    bottom:10px;
    width: 100%;
    left: 0;
    z-index: 3;
	}
	.bannerdots span{ margin:0 3px
	}
	
.page_banner {
width: 100%;
    height:600px;
    background-attachment: fixed;
    background-repeat: no-repeat;
	background-position: center 0;
	margin-bottom:-100px;
	position:relative;


}

.page_banner_Title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.page_banner h1 {
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size:60px;
    letter-spacing: 3px;
}

.page_banner span {
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
    text-align: center;
}