@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0;}
body { font: 16px/1.8 "Microsoft Yahei",verdana;}
/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 150px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #ff6743; text-decoration: none; text-align: right; background: url(../images/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active { background-position: 0 bottom;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #ff6743; line-height: 21px;}

/*首页导航*/
.first_nav{position: absolute;top: 0;left: 0;height: 100px;line-height: 100px; width: 100%;z-index: 999;}
.first_nav img{float: left;}
.logo{margin:30px;}
.first_nav_right{float: right;margin-right: 30px;}
.first_nav_right a{text-decoration: none;}
.first_nav_word{ float:left;text-align:center; padding:10px; height:20px; line-height:20px; width:100px;  font-family: "Microsoft YaHei";font-weight: lighter !important;margin-right: 20px; margin-top:30px; border:#FFFFFF 1px solid; border-radius:5px;}
.first_nav_word_long{ float:left;text-align:center; padding:10px; height:20px; line-height:20px; width:200px;  font-family: "Microsoft YaHei";font-weight: lighter !important;margin-right: 20px; margin-top:30px; border:#FFFFFF 1px solid; border-radius:5px;}
.first_nav_word a{color: #ffffff;font-size:16px;text-decoration: none;}
.first_nav_word_long a{color: #ffffff;font-size:16px;text-decoration: none;}

ul {
  list-style: none;
}
.main {
  display: flex;
  justify-content: center;
}
/*
.main > li > a img{
	height: 36px;
	width: 36px;
	margin-right: -10px;
	margin-left: 10px;
	margin-top:35px;
}
*/
.main > li a {
  line-height: 100px;
  height: 80px;
  width: 70px;
  text-decoration: none;
  color: #ffffff;
  text-transform: capitalize;
  font-family: monospace;
  display: block;
  font-size: 16px;
  transition: background-color 0.5s ease-in-out;
}

.main > li a:hover {

  color: #ffffff;
}

.drop li {
  line-height: 40px;
  height: 40px;
  width: 70px;
  opacity: 0;
  transform-origin: top center;
}
.drop li a {
  line-height: 40px;
  height: 40px;
  width: 70px;
  color: #ffffff;
  background-color: #ff6543;
}
.drop li a:hover {
  line-height: 40px;
  height: 40px;
  width: 70px;
  color: #ffffff;
}
.drop li > a img{
	padding: 0;
    height: 36px;
	width:36px;
	margin-left: 10px!important;
	margin-top:10px!important;}


/*------------- menu2 animation -------------------*/

.main li:hover .menu2 li:first-of-type {
  animation: menu2 0.1s ease-in-out forwards;
  animation-delay: 0.1s;
}

.main li:hover .menu2 li:nth-of-type(2) {
  animation: menu2 0.1s ease-in-out forwards;
  animation-delay: 0.1s;
}

.main li:hover .menu2 li:nth-of-type(3) {
  animation: menu2 0.1s ease-in-out forwards;
  animation-delay: 0.1s;
}

.main li:hover .menu2 li:last-of-type {
  animation: menu2 0.1s ease-in-out forwards;
  animation-delay: 0.1s;
}

@keyframes menu2 {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


.xiaosanjiao{position: absolute;right: 35px; top: 50px; border: 4px solid ;border-color: #ff6743 transparent transparent transparent;}
.xiaosanjiao1{position: absolute;right: 35px; top: 50px; border: 4px solid ;border-color: #ffffff transparent transparent transparent;}

/*后面页面导航*/
.all_nav{position: fixed;top: 0;left: 0;height: 100px;line-height: 100px; width: 100%;z-index: 998;}
.all_nav img{float: left;}
.logo{margin:30px;}
.all_nav_right{float: right;margin-right: 30px;}
.all_nav_right a{text-decoration: none;}
.all_nav_word{ float:left;text-align:center; padding:10px; height:20px; line-height:20px; width:100px;  font-family: "Microsoft YaHei";font-weight: lighter !important;margin-right: 20px; margin-top:30px; border:#ff6543 1px solid; border-radius:5px;}
.all_nav_word_long{float:left;text-align:center; padding:10px; height:20px; line-height:20px; width:200px;  font-family: "Microsoft YaHei";font-weight: lighter !important;margin-right: 20px; margin-top:30px; border:#ff6543 1px solid; border-radius:5px;}
.all_nav_word a{color: #ff6543;font-size:16px;text-decoration: none;}
.all_nav_word_long a{color: #ff6543;font-size:16px;text-decoration: none;}
nav {
	width: 70px;
	height: 80px;
	float: right;
  background-color:transparent;
  text-align: center;
  border-radius: 4px;
}
.main1 {
  display: flex;
  justify-content: center;
}
/*
.main1 > li > a img{
	height: 36px;
	width: 36px;
	margin-right: -10px;
	margin-left: 10px;
	margin-top:35px;
}
*/
.main1 > li a {
  line-height: 100px;
  height: 80px;
  width: 70px;
  text-decoration: none;
  color: #ff6543;
  text-transform: capitalize;
  font-family: monospace;
  display: block;
  font-size: 16px;
  transition: background-color 0.5s ease-in-out;
}

.main1 > li a:hover {

  color: #ff6543;
}

.drop1 li {
  line-height: 40px;
  height: 40px;
  width: 70px;
  opacity: 0;
  transform-origin: top center;
}
.drop1 li a {
  line-height: 40px;
  height: 40px;
  width: 70px;
  color: #ff6543;
}
.drop1 li a:hover {
  line-height: 40px;
  height: 40px;
  width: 70px;
  background-color: #FFFFFF;
  color: #ff6543;
}
/*
.drop1 li > a img{
	padding: 0;
    height: 36px;
	width:36px;
	margin-left: 10px!important;
	margin-top:10px!important;}
*/

/*------------- menu2 animation -------------------*/

.main1 li:hover .menu2 li:first-of-type {
  animation: menu2 0.1s ease-in-out forwards;
  animation-delay: 0.1s;
}

.main1 li:hover .menu2 li:nth-of-type(2) {
  animation: menu2 0.1s ease-in-out forwards;
  animation-delay: 0.1s;
}

.main1 li:hover .menu2 li:nth-of-type(3) {
  animation: menu2 0.1s ease-in-out forwards;
  animation-delay: 0.1s;
}

.main1 li:hover .menu2 li:last-of-type {
  animation: menu2 0.1s ease-in-out forwards;
  animation-delay: 0.1s;
}

@keyframes menu2 {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}



/*板块开始*/

.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0;width: 100%; height: 100%;background-color: #FFFFFF;}
.section .bg img { display: block; width: 100%; height: 100%;}
.content_all{ position:relative;width:1200px!important; height: 100%; margin: 0 auto !important; z-index: 30}
.content_all_890{ position:relative;width:890px!important; height: 100%; margin: 0 auto !important;}
.section strong { position: absolute; left: 30%; top: 20%; z-index: 10; width: 512px; height: 45px; margin-left: -256px; font-size: 24px; font-weight: 500; color: #748A9E; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section h3 { position: absolute; left: 40px; top: 150px; z-index: 10; width: 400px; height: 85px;text-indent: -9999px; background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section2 h3 { background-image: url(../images/t2.png);height: 80px;}
.section3 h3 { background-image: url(../images/t3.png);}
.section4 h3 { background-image: url(../images/t4.png);}
.section5 h3 { background-image: url(../images/t5.png);height:50px;}
.p1 { position: absolute; left: 40px; top: 250px; width: 380px; font-size: 18px; font-family: "Microsoft YaHei"; color: #252525;transition: all 1s;text-align:justify;text-justify:newspaper; opacity: 0; }


.section1{background-image:url(../images/first/banner_beijing.png) }



.bg12 { position: absolute; left: -100px;top:250px; width: 790px; height: 488px; background: url( ../images/first/banner_fangxing.png) 50% 0 no-repeat; opacity: 0; transition: all 0.5s; }
.bg13 { position: absolute; left: 10px; top:200px;width:432px; height: 578px; background: url( ../images/first/banner_diannao.png) 50% 0 no-repeat; opacity: 0;transition: all 2s;}

.bg14 { position: absolute; left: 600px; top:100px;width: 648px; height: 684px; background: url( ../images/first/banner_xian.png) 50% 0 no-repeat; transition: all 2s;}
.p11 { position: absolute; left: 750px; top: 350px; width: 450px;font-size: 80px; color: #FFFFFF; opacity: 0; transition: all 0.5s;line-height:80px;font-family: "Microsoft YaHei";}
/*@media (max-width:1377px) {
	.bg14{display: none;}
	.p11 { font-size:10vmin;left: 90%;}
}
*/


.content_all_890 > a{position:absolute;left:20px;top:450px;}
.content_all_890 > a > img{width: 220px;height: 80px;}
.section2_a{ opacity: 0; transition: all 1s;}
.p2_1 { position: absolute; left: 40px; top: 200px; width: 540px; font-size: 18px; font-family:"sans-serif"; color: #252525;transition: all 1s;opacity: 0;}
.p2_2 { position: absolute; left: 40px; top: 250px; width: 380px; font-size: 18px; font-family:"sans-serif"; color: #252525;transition: all 1s;text-align:justify;text-justify:newspaper;opacity: 0;}

.bg22 { position: absolute; left:700px;top:350px;transition: all 1s; opacity: 0;z-index: 2}
.bg22 img{height:90px; width:160px;}
.bg23 { position: absolute; left: 350px;top: 400px;transition: all 1s;  bottom: -40%; z-index: 3}
.bg23 img{height:240px; width:780px;}
.bg24  { position: absolute; left: 350px;top:200px; transition: all 1s;z-index: 1}
/*@media (max-width:1377px) {
.bg22 { position: absolute; left: 90%; top: 35%; width: 819px; height: 299px; margin-left: -280px; margin-bottom: 70px;  transition: all 1s; opacity: 0; margin-left: 320px; z-index: 2}
.bg22 img{height:80px; width:140px;}
.bg23 { position: absolute; left: 70%; top: 40%; width: 1180px; height: 447px; margin-left: -409px;transition: all 1s;  bottom: -40%; z-index: 3}
.bg23 img{height:280px; width:800px;}
.section2 a{position:absolute;left: 10%;top: 70%;}
.section2 a img{width: 160px;height: 60px;}
.p1 { font-size:3vmin;}
}*/
/*@media (max-width:1377px) {
.section2 h3 { background-image: url(../images/t2.png);background-size: 30%;}
.section3 h3 { background-image: url(../images/t3.png);background-size: 30%;}
.section4 h3 { background-image: url(../images/t4.png);background-size: 30%;}
.section5 h3 { background-image: url(../images/t5.png);background-size: 30%;}
}*/


.bg31 { position: absolute; left: 230px;top: 400px;opacity: 0; transition: all 1s;}
.bg31 img{height:240px; width:700px;}
.bg33 { position: absolute; left: 650px;top: 260px; opacity: 0; transition: all 1s;}
.bg33 img{height:240px; width:190px;}

/*@media (max-width:1377px) {
.bg31 { position: absolute; left: 65%;top: 50%; width: 892px; height: 472px; margin-left: -396px; margin-bottom: 80px; opacity: 0; transition: all 1s;}
.bg31 img{height:250px; width:800px;}
.bg33 { position: absolute; left: 75%;top: 35%; width: 441px; height: 380px; margin-left: 50%;opacity: 0; transition: all 1s;}
.bg33 img{height:180px; width:134px;}
}*/


.bg31_1 { position: absolute; left: 280px;top: 420px;opacity: 0; transition: all 2s;}
.bg31_1 img{height:210px; width:480px;}
.bg33_1 { position: absolute; left: 550px;top: 280px; opacity: 0; transition: all 1s;}
.bg33_1 img{height:350px; width:450px;}

/*@media (max-width:1377px) {
.bg31_1 { position: absolute; left: 75%;top: 50%; width: 892px; height: 472px; margin-left: -396px; margin-bottom: 80px; opacity: 0; transition: all 1s;}
.bg31_1 img{height:250px; width:600px;}
.bg33_1 { position: absolute; left: 70%;top: 35%; width: 441px; height: 380px; margin-left: 50%;opacity: 0; transition: all 1s;}
.bg33_1 img{height:300px; width:400px;}
.p3_1 {font-size: 3vmin; }
}*/


.bg41 { position: absolute;left: 300px;top:500px;opacity: 0;transition: all 1s;}
.bg41 img{width:135px;height:150px;}
.bg42 { position: absolute;left:400px;top:350px;opacity: 0;transition: all 1.5s;}
.bg42 img{width:110px;height:125px;}
.bg43 { position: absolute;left: 550px;top:450px;opacity: 0;transition: all 2s;}
.bg43 img{width:115px;height:130px;}
.bg44 { position: absolute;left: 550px;top:230px;opacity: 0;transition: all 2.5s;}
.bg44 img{width:120px;height:120px;}
.bg45 { position: absolute;left: 700px;top:350px;opacity: 0;transition: all 3s;}
.bg45 img{width:90px;height:100px;}
.bg46 { position: absolute;left: 700px;top:140px;opacity: 0;transition: all 3.5s;}
.bg46 img{width:85px;height:95px;}
/*@media (max-width:1377px) {
.bg41 { position: absolute;left: 35%;top:55%;transition: all 1s;}
.bg41 img{width:125px;height:150px;}
.bg42 { position: absolute;left: 45%;top:35%;transition: all 1s;}
.bg42 img{width:85px;height:100px;}
.bg43 { position: absolute;left: 55%;top:50%;transition: all 1s;}
.bg43 img{width:125px;height:130px;}
.bg44 { position: absolute;left: 65%;top:20%;transition: all 1s;}
.bg44 img{width:90px;height:110px;}
.bg45 { position: absolute;left: 75%;top:42%;transition: all 1s;}
.bg45 img{width:110px;height:135px;}
.bg46 { position: absolute;left: 80%;top:15%;transition: all 1s;}
.bg46 img{width:90px;height:110px;}
}*/



.section6 h4 { margin-bottom: 12px; font-size: 23px; font-weight: 500;}
.bg51 { position: absolute; left:100px; bottom: 250px;opacity: 0; transition: all 1s;}
.bg51 img{width: 1000px;height: 405px;}
.bg52{position: absolute; left: 350px;bottom: 100px; opacity: 0; transition: all 1s;}
.bg52 img{width: 500px;height: 150px;}
.bg53 { position: absolute; left: 700px;bottom: 300px; opacity: 0; transition: all 1s;}
.bg53 img{width: 250px;height: 260px;}
.copyright{min-height: 30px;position: absolute; bottom:20px;text-align:center;z-index: 999;color: #FFFFFF;font-family: "Microsoft YaHei";font-size: 12px;left: 0;right: 0;margin:0 auto; width:100%;}
.copyright a,.copyright a:hover{color: #FFFFFF;font-family: "Microsoft YaHei";font-size: 12px;text-decoration: none;}

/*@media (max-width:1377px) {
.bg51 { position: absolute; left: 60%;top:10%;opacity: 0; transition: all 1s;}
.bg51 img{width: 860px;height: 400px;}
.bg53 { position: absolute; left: 50%;top:15%;opacity: 0; transition: all 1s;}
.bg53 img{width: 250px;height: 260px;}
	
}*/


/* CSS3过度及动画 */
.active strong, .active h3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .p1 { opacity: 1; transition-delay: 1.7s;}
.active .p2_1 { opacity: 1; transition-delay: 1.5s;}
.active .p2_2 { opacity: 1; transition-delay: 1.9s;}

.active .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.active .bg13 { bottom: 0; opacity: 1; transition-delay: 0.7s;}
.active .hgroup { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .mail { top: 25px; transition-delay: 0.7s;}
.active .p11 { opacity: 1; transition-duration: 1s; transition-delay: 1s;}
.active .p12 { opacity: 1; transition-duration: 1s; transition-delay: 1s;}

.active .bg23 { opacity: 1;bottom: 15%; transition-delay: 0.7s;}
.active .bg24 { opacity: 1; transition-delay: 0.7s;}
.active .bg22 { opacity: 1; transition-delay: 0.7s;}
.section2_a{ opacity: 1; transition-delay: 0.7s;}


.active .p3 { margin-left: -480px; opacity: 1; transition-delay: 0.7s;}
.active .bg31, .active .bg32 { opacity: 1; transition-delay: 1s;}
.active .bg33 { margin-left: -120px; opacity: 1; transition-delay: 0.7s;}

.active .p3_1 { margin-left: -480px; opacity: 1; transition-delay: 0.7s;}
.active .bg31_1, .active .bg32_1 { opacity: 1; transition-delay: 1s;}
.active .bg33_1 { margin-left: -120px; opacity: 1; transition-delay: 0.7s;}

.active .bg41 { opacity: 1;transition-delay: 0.7s;}
.active .bg42 { opacity: 1;transition-delay: 1.1s;}
.active .bg43 { opacity: 1;transition-delay: 0.7s;}
.active .bg44 { opacity: 1;transition-delay: 1.1s;}
.active .bg45 { opacity: 1;transition-delay: 0.7s;}
.active .bg46 { opacity: 1;transition-delay: 1.1s;}

.active .bg51 { opacity: 1; transition-delay: 0.7s;}
.active .bg52 { opacity: 1; transition-delay: 0.7s;}
.active .bg53 { opacity: 1; transition-delay: 0.7s;}
.active .bg54 { opacity: 1; transition-delay: 0.7s;}

/* for lt ie 10 */
.ltie10 strong, .ltie10 h3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .p1 { opacity: 1; transition-delay: 1.7s;}
.ltie10 .p2_1 { opacity: 1; transition-delay: 1.5s;}
.ltie10 .p2_2 { opacity: 1; transition-delay: 1.8s;}

.ltie10 .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.ltie10 .bg13 { bottom: 0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .hgroup { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .mail { top: 25px; transition-delay: 0.7s;}
.ltie10 .p11 { opacity: 1; transition-duration: 1s; transition-delay: 1s;}
.ltie10 .p12 { opacity: 1; transition-duration: 1s; transition-delay: 1s;}

.ltie10 .bg21 { opacity: 1; margin-left: -608px; transition-delay: 0.7s;}
.ltie10 .bg23 {  transition-delay: 0.7s;}
.ltie10 .bg24 {  transition-delay: 0.7s;}
.ltie10 .bg22 { opacity: 1; transition-delay: 0.7s;}

.ltie10 .p3 {  opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg31, .ltie10 .bg32 { opacity: 1; transition-delay: 1s;}
.ltie10 .bg33 { opacity: 1; transition-delay: 0.7s;}

.ltie10 .p3_1 {  opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg31_1, .ltie10 .bg32_1 { opacity: 1; transition-delay: 1s;}
.ltie10 .bg33_1 {  opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg41 { opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg42 { opacity: 1; transition-delay: 1.1s;}
.ltie10 .bg43 { opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg44 { opacity: 1; transition-delay: 1.1s;}
.ltie10 .bg45 { opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg46 { opacity: 1; transition-delay: 1.1s;}


.ltie10 .bg51 {  opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg52 {  opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg53 {  opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg54 {  opacity: 1; transition-delay: 0.7s;}



/*水波特效*/
    @-webkit-keyframes opac{  
        from {  
            opacity: 1;  
            width:40%;  
            height:40%;  
            top:30%;  
            left:30%;  
        }  
        to {  
            opacity : 0;  
            width:100%;  
            height:100%;  
            top:0;  
            left:0;  
        }  
    }  
    .animate .w1{  
        -webkit-animation-delay:1s;  
    }  
    .animate .w2{  
        -webkit-animation-delay:2s;  
    }  
    .animate .w3{  
        -webkit-animation-delay:3s;  
    }  
    .animate .w4{  
        -webkit-animation-delay:5s;  
    }  
    .animate .w5{  
        -webkit-animation-delay:7s;  
    }  
    .wave{  
        width: 40rem;  
        height: 40rem;  
        position: absolute;  
        margin: 0 auto;
		transition: all 1s;
    }  
/*@media (max-width:1377px) {
    .wave{  
        width: 40rem;  
        height: 40rem;  
        position: absolute;  
        top: 0;  
        left: -10%;  
        right: 0;  
        margin: 0 auto;
		transition: all 1s;
    }  
}*/

    .wave *{  
        border:2px solid #D7D7D7;  
        position:absolute;  
        border-radius:50%;  
        -webkit-animation:opac 8s infinite;  
    }