/*瀛椾綋 寮曞叆*/
@font-face
{
    font-family: DINM;
    src: url('fonts/DINMittelschrift.otf')
}
@font-face
{
    font-family: NotoSansCJK;
    src: url('fonts/NotoSansCJK-Light.otf')
}
@font-face
{
    font-family: FZLanTingHei;
    src: url('fonts/鏂规鍏颁涵涓粦_GBK.TTF')
}
@font-face
{
    font-family: CenturyGothic;
    src: url('fonts/CenturyGothic.TTF')
}
/*鎬濇簮*/
@font-face
{
    font-family:syr;
    src: url('fonts/syr.ttf');
}

/*瀛椾綋 寮曞叆*/
/*鎸夐挳 寮€濮�*/
.btn-back{
    font-family: "syr";
    font-size: 22px;
    color: #f4821d;
    border:1px solid #f4821d!important;
    width: 104px;
    height: 46px;
    background: #ededed;
}
/*鎸夐挳 缁撴潫*/
/*杞挱鍥� 寮€濮�*/
 .swiper-img{

    position: relative;
    background: center no-repeat;
    background-size: cover;

}

 .slide1-text{
    position: absolute;
    margin-left: 112px;
    padding-top: 15%;
    /*width: 100%;*/
    /*height: 100%;*/
    z-index: 9;

}

.slide1-e{
    font-family: "CenturyGothic";
    font-size: 61px;
    color: #fff;
    padding-bottom: 40px;
    letter-spacing:1px;
    overflow: hidden;
    transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    -webkit-transform: scale(0,0);
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;


}
.swiper-img.swiper-slide-active .slide1-e{
    transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition:all 1s ease-out;
    -webkit-transition:all 1s ease-out;
    -webkit-animation: bounceInDown 1.5s 1s ease-out;
    -moz-animation: bounceInDown  1.5s 1s ease-out;

}
 .slide1-c{
    font-family: "NotoSansCJK";
    font-size: 65px;
    color: #fff;
    overflow: hidden;
    padding-bottom: 30px;
    transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    opacity: 0;
}
.swiper-img.swiper-slide-active .slide1-c{
    transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: all 2s ease-in-out;
    -moz-transition:all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    opacity: 1;
}
 .swiper-img .slide1-text2{
    position: absolute;
/*     margin-left: 112px; */
    padding-top: 15%;
    width: 100%;
    height: 100%;
    z-index: 9;

}
 .swiper-img .slide1-e2{
font-family: "FZLanTingHei";
    font-size:80px;
    color: #fff;
/*     overflow: hidden; */
    padding-bottom: 30px;
   transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    opacity:0;
    position: absolute;


}
.slide1-c2{
	 position: relative;
}
.slide1-c2 ul{
	float:left;
}
.slide1-c2  dl{
	float:left;
	font-size:14px;
	color:#000;
	width:16px;
	 position: absolute;
	right:-20%;
	bottom:6%;

}
.slide1-c2  dl dd:nth-child(5), .slide1-c2 dl dd:nth-child(8){
	transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 鍜� Chrome */
-o-transform:rotate(90deg); 	/* Opera */
}
.swiper-img.swiper-slide-active .slide1-e2{
     transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: all 2s ease-in-out;
    -moz-transition:all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    opacity: 1;
     position:absolute;
    left: 42%;
    top:20%;

}
 .swiper-img .slide1-c2{
    font-family: "FZLanTingHei";
    font-size: 80px;
    color: #010101;
/*     overflow: hidden; */
    padding-bottom: 30px;
    transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -o-transform: translateX(50%);
    opacity: 0;
    
    
}
.swiper-img.swiper-slide-active .slide1-c2{
    transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: all 2s ease-in-out;
    -moz-transition:all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    opacity: 1;
    position:absolute;
    left: 54%;
    top:20%;
}
 .swiper-img  .btn-view{
    font-family: 'NotoSansCJK';
    font-size: 24px;
    width: 160px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background: transparent;
    border:1px solid  #f4821d;
    border-radius:6px;
    -webkit-border-radius:6px;
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    display:block;
        -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity:0;

}
 .swiper-img .btn-videw2{
	 font-family: 'NotoSansCJK';
    font-size: 24px;
    width: 160px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color:#f4821d;
	position:absolute;
	border:1px solid  #f4821d;
    border-radius:6px;
    -webkit-border-radius:6px;
    background:#fff;
	bottom:10%;
	left:50%;
	margin-left:-80px;
/* 	 -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); */
}
.btn-view:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f4821d;
    color: #fff;
    border-radius:6px;
    -webkit-border-radius:6px;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
 .btn-view:hover,  .btn-view:focus,  .btn-view:active {
    /*color: #f4821d;*/
    /*background:transparent;*/
    color: #f4821d;
}
 .btn-view:hover:before, .btn-view:focus:before, .btn-view:active:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);}
/*杞挱鍥� 缁撴潫*/
/*鍒嗛〉鍣ㄦ牱寮�*/

/*.slide1  .swiper-pagination-bullet-active{background:#f4821d;opacity: 1;}*/
.swiper-pagination-bullet{width:40px; height:3px; position:relative; line-height:3px; border-radius:0; background:#fff; opacity:1;}
.swiper-pagination-bullet:before{position:absolute; width:40px; height:30px; content:''; left:0; top:-10px;}
.swiper-pagination-bullet-active{background:#f4821d;}
/*鍒嗛〉鍣ㄦ牱寮�*/
body {
    font-family:"Microsoft YaHei";
    font-size: 14px;
}
.mt116{
    margin-top: 116px;
}
.disnone{
    display: none!important;
}
.disblock{
    display:block!important;
}
.w1240{
    width: 1240px;
    margin:0 auto;
}
input[type=button]{
    border:none;
}
.kuobao-nav{
    width: 100%;
    height:116px;
    background:#fff;
    z-index: 999;
    position: fixed;
    top:0;

}
.nav-header .w1240{
    height: 116px;
    align-items:center;
    display:flex;
}
/*logo 寮€濮�*/
.nav-header .logo{
    float: left;
    padding-right: 114px;
}
.nav-header .logo a img{
    width: 154px;
    height: 40px;
    /*height: 70px;*/
}
.nav-header .logo a p{
    font-family: "FZLanTingHei";
    font-size: 14px;
    color: #b9b5b5;
}
/*logo 缁撴潫*/
/*鑿滃崟 寮€濮�*/
.nav-header .nav-menu{
    float: right;
    width: calc(100% - 268px);

}
.nav-header .nav-menu ul{
    width:100%;

}

.nav-header .nav-menu ul li{
    float: left;
    width:20%;
    text-align: center;
}

.nav-header .nav-menu ul li a{
display: inline-block;
 }
.nav-menu .menu-img{
float: left;
    padding-right: 10px;
}
.nav-menu .menu-img img{

}
.nav-menu .menu-text{
    float: left;
}
.nav-menu .menu-text p{
    font-family:"DINM";
    font-size: 22px;
    color:#a2a0a0;
}
.nav-menu .menu-text span{
    font-family:"NotoSansCJK";
    font-size: 16px;
    color:#a2a0a0;

}
.nav-menu ul li a.active .menu-text p,.nav-menu ul li a.active .menu-text span{
color:#f4821d;
}
.nav-menu ul li a:hover .menu-text p,.nav-menu ul li a:hover .menu-text span{
    color:#f4821d;
}
/*鑿滃崟 缁撴潫*/
/* 瀵艰埅 寮€濮� */
.nvd-location{
	font-size:18px;
	height:36px;
	display:flex;
	align-items:center;
}
.nvd-location span{
	    display: inline-block;
    padding: 0 10px;
}
.nvd-location a{
	color:#333;
}
.nvd-location a:hover{
color:#f4821d;	
}
.nvd-location .current{
	color:#f4821d;
}
.nvd-title {
    padding-top: 56px;
    position: relative;
}
/* 瀵艰埅 缁撴潫*/
/*椤佃剼 寮€濮�*/
footer{
    background:#f0f0f0;
    width: 100%;
    height:276px;
    border-top: 1px solid #c6c6c6;
        position:relative;


}
.footer-item{
    margin:0 auto;
    padding-top:8px;
/* 
    height:100%; */

}
.footer-item .fl-up {
	height:168px;
}
.footer-item dl{
	float:left;

}
.footer-item dl:first-child{
		width:20%;
}
.footer-item dl:nth-child(2){
	width:15%;
}
.footer-item dl:nth-child(3){
	width:12%;
}
.footer-item dl:nth-child(4){
	width:12%;
}
.footer-item dl:nth-child(5){
	width:16%;
}
.footer-item dl:nth-child(6){
	width:25%;
}
.footer-item dl .fl-logo{
	display:flex;
	align-items: center;
    justify-content: center;
    height:100%;
}
.footer-item dl .fl-logo img{
	 max-width: 100%;
    max-height: 120px;
   /*  height:auto; */
   vertical-align: middle;
   text-align:center;
}
.footer-item dl dt{
	height: 40px;
    line-height: 40px;
    font-size: 16px;
    color:#f4821d;
/*     font-weight: bold; */
}
.footer-item dl dd,.footer-item dl dd a{
	color:#504e4e;
	font-size:14px;
	height:28px;
	line-height:28px;
	display: flex;
    align-items: center;
}
.footer-item dl dd a:hover{
	 color:#f4821d;
}
.footer-item .footer-l{
    float: left;
    font-family: "鍗庢枃缁嗛粦";
}
.footer-l .fl-up h3{
    font-size: 15px;
    color: #4c4c4c;
    padding-bottom: 10px;
}
.footer-item .fl-up .fl-icon{
	width:20px;
	height:20px;
}
.footer-item .fl-up span{
	padding-left:10px;
}
/* .footer-l .fl-up  p{
    font-size: 12px;
    color: #5a5a5a;
    padding-top: 5px;
}
 */
 footer .fl-center{
	 border-top: 1px solid #c6c6c6;
	 height: 50px;
    line-height: 50px;
    display: flex;
    align-items: center;
 }
  footer .fl-center a{
  color:#595757;
  	  font-size:14px;
  	  padding: 0 3px;
  }
  footer .fl-center a:hover{
  color:#f4821d;
  }
 .fl-center dd, .fl-center dt{
	float:left;
 }
footer .fl-down{
	height:50px;
	line-height:50px;
	 position:absolute;
	 bottom:0;
	 width:100%;
	 border-top: 1px solid #c6c6c6;
	 background:#2e3a4b;
}
footer .fl-down p{
    text-align:center;
    font-size:14px;
     color: #f5f5f5;
}
/*css3 鍔ㄧ敾鏁堟灉 寮€濮�*/
@keyframes fade-in {
    0% {opacity: 0;}/*鍒濆鐘舵€� 閫忔槑搴︿负0*/
    40% {opacity: 0;}/*杩囨浮鐘舵€� 閫忔槑搴︿负0*/
    100% {opacity: 1;}/*缁撴潫鐘舵€� 閫忔槑搴︿负1*/
}
@-webkit-keyframes fade-in {/*閽堝webkit鍐呮牳*/
    0% {opacity: 0;}
    40% {opacity:0;}
    100% {opacity: 1;}
}

@keyframes cch1 {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes cccont {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes ch-mainli{
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }

}
/*css3 鍔ㄧ敾鏁堟灉 缁撴潫*/
/*濯掍綋鏌ヨ*/
/*鑿滃崟鑷€傚簲 寮€濮�*/
@media screen and (max-width:1280px) {
    .nav-header .w1240{
        width:90%;
    }
}
/*鑿滃崟鑷€傚簲 缁撴潫*/

/*1280*600*/
@media all and (min-height:600px) and (max-height:967px){
    /* .slide02-main ul li a{
        height: 200px!important;
        line-height: 200px!important;
    }
    .slide02-main ul li{
    margin-top: 1%!important;
    padding-right: 3%!important;
    } */
    .slide7-box .item-l{
  height: 448px!important;
    }
}
@media screen and (max-width:1280px) {
    /* .slide2-main{
        width:1200px!important;
    } */
}
/*1280*600*/
/*1366*768*/
@media all and (min-height:600px) and (max-height:710px){
    /*.slide02-main ul li a{*/
        /*height: 154px!important;*/
        /*line-height: 154px!important;*/
    /*}*/
    /*.slide02-main ul li{*/
        /*margin-top: 1%!important;*/
        /*padding-right: 10%!important;*/
    /*}*/
}

/*1366*768*/
/*濯掍綋鏌ヨ*/