* { margin: 0; padding: 0;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
ul { list-style: none;}
a{text-decoration: none;color: #000;cursor:pointer;}
/*导航样式 4.26 头部修改 透明度*/
.navbar {
    width: 100%;
    height: 104px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}
.navbar li{float: left;}
.main{width: 70%;min-width: 1000px;margin:0 auto;}
.nav-list{float: right;margin-top: 45px;transition: all 1s;opacity: 0;margin-right:-400px;}
.logo{margin-top: 6px;transition: all 1s;opacity: 0;margin-left:-400px;float: left;}
.nav-list a{display: block;color: #fff;font-size: 16px;display: block;width:90px;text-align:center;}
.nav-list li a{transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;}
.nav-list li a:hover{margin-top: -21px;text-transform: uppercase;}
.nav-list li{height: 21px;overflow: hidden;}
.logo img{border:none;}
/*动画*/
.active .logo {
    margin-left: 0px;
    opacity: 1;
    transition-delay: 0.7s;
}
.active .nav-list {
    margin-right: 0px;
    opacity: 1;
    transition-delay: 0.7s;
}

/*底部样式*/
.bot{
	width: 100%;
    padding: 20px 0;
    background:#2d2d2d;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;

}
.botcon{width: 1000px;margin: 0 auto}

.section { position: relative; overflow: hidden;}
.section1{background: url('../images/banner-1.jpg') no-repeat center top;background-size: 100%}
.section2{background: url('../images/banner-2.jpg') no-repeat center top;background-size: 100%}
.section3{background: url('../images/03_1.jpg') no-repeat center top;background-size: 100%}
.section4{background: url('../images/banner4.jpg') no-repeat center top;background-size: 100%}
.section5{background: url('../images/banner5.jpg') no-repeat center top;background-size: 100%}

/*.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}*/

/*第一屏*/
.section1-con{width: 860px;margin: 0 auto;padding-top: 12%;z-index:10000;}
.section1-con .p{text-align: center;}
.section1-con .p2{margin-top: 10px}
.section1-list{margin-top: 40px}
.section1-list li{float: left;margin-right: 20px;}

/*动画*/
.p1{transition: all 1.5s;opacity: 0;margin-top: -400px; }
.active .p1{
    margin-top: 0;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s;}




/*第二屏*/
.section2-con{width: 1200px;background: url('../images/22_1.png') no-repeat;background-size: 100%;height: 512px;margin: 0 auto;position: relative;}
.title{text-align: center;padding-top: 8%}
.section2-content{width: 938px;margin: 0 auto;background:#014da1;height: 280px;position: relative; }
.section2-left{width: 481px;height: 280px;float: left;}
.section2-left img{width: 481px;height: 280px;}
.section2-right{width:420px;padding: 20px 17px ;float: right;color: #fff;font-size: 14px;text-indent: 2em;line-height: 35px;}
.more{width: 130px;height: 26px;background: #ff6c00;color: #fff;font-size: 14px;text-align: center;line-height: 26px;display: block;position: absolute; }
.diao{position: absolute;left: 55px;top:50px;}

.chinese{color: #000;font-size: 26px;margin-bottom: 7px;
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 1s;
   margin-top: -400px;
}
.english{font-size: 15px;color: #000;margin-top: 12px}
.active .chinese{
    margin-top: 0;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
.section2-left img{  transition: all 2s;  
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
    margin-left: -1000px;
}
.active .section2-left img{    margin-left: 0px;
    opacity: 1;
    margin-left: 0; 
    transition-delay: 0.7s; -webkit-transform: scale(1, 1);
    transform: scale(1, 1);}

.section2-right{
    width:420px;padding: 20px 17px ;float: right;color: #fff;font-size: 14px;text-indent: 2em;line-height: 35px;
    transition: all 2s;  
       opacity: 0;
       -webkit-transform: scale3d(.3, .3, .3);
       transform: scale3d(.3, .3, .3);
       margin-right: -1000px;
        
}
.active .section2-right{
 
      opacity: 1;

      transition-delay: 0.7s; -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
      margin-right: 0px;
  }

.section2-con{opacity: 0;
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    transition: all 1s;
}
.active  .section2-con{
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
    transition-delay: 1s;
}
.more{
  bottom: -10px;
   left:1500px;

    opacity: 0;
    transition: all 1s;
}


.active .more{ 

    left:940px; 
    opacity: 1;
    bottom: -10px;
    transition-delay:1.2s;
}

/*第三屏*/
.section3-list{width: 1450px;margin: 0 auto;margin-top: 40px!important}
.section3-list li{width: 281px;height:490px;float: left;margin-right: 10px;}
.page3-t{text-align: center;color: #fff;font-size: 18px;}
.key{text-align: center;color: #fff;font-size: 22px;}
.jia{width:20px;height: 20px;margin:0 auto;}
.jia img{ margin-top: 25px}
.section3-list .lan{background: #014da1;}
.section3-list .lan a{display: block;}
.section3-list .lan .key{margin-top: 50px}
.section3-list{opacity: 0; -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 1s;}
.active .section3-list{
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
    transition-delay: 0.5s;
}
.page3-pic{width: 281px;height: 281px}
.page3-pic img{width: 281px;height: 281px}


/*第四屏*/
.news-pic{width: 371px;height: 368px;margin:0 auto;margin-top: 50px!important;position: relative;}
.ri{padding-top: 25px;line-height:1.5;}
.news-list li{width: 488px;}
.news-t{color: #fff;font-size: 15px;line-height: 30px;padding-top: 5px}
.news-jian{color: #89afd8;font-size: 14px;}

.news-pic img{
    opacity: 0; 
    transition: all 2s;
}
.active .news-pic img{
    transition-delay: 1s;
    opacity: 1; 
    transform:rotate(720deg);
    -ms-transform:rotate(720deg);     /* IE 9 */
    -moz-transform:rotate(720deg);    /* Firefox */
    -webkit-transform:rotate(720deg); /* Safari 和 Chrome */
    -o-transform:rotate(720deg);
}
.news-list li{opacity: 0; -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 1s;}
.active .news-list li{opacity: 1;}
.active .news-list .li1{
    transition-delay:0.7s;
}
.active .news-list .li2{
    transition-delay:0.9s;
}
.active .news-list .li3{
    transition-delay:1.1s;
}
.active .news-list .li4{
    transition-delay:1.3s;
}
.active .news-list .li5{
    transition-delay:1.5s;
}
.active .news-list .li5{
    transition-delay:1.7s;
}

.news-list li .date,.news-list li .date2{ transition: all 0.5s;}
.news-list li:hover .date,.news-list li:hover .date2{

    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
}
.news-con{display: block;background: url('../images/news1_1.png') no-repeat;width: 367px;height: 89px}
.date{background: url('../images/date1_1.png') no-repeat;width: 109px;height: 109px;color: #fff;text-align: center;margin-top: -5px}
.date-con{width: 99px;padding-right: 10px;margin: 0 auto}
.news-content{width: 300px;margin-left:15px;}

.news-con2{display: block;background: url('../images/news_1.png') no-repeat;width: 367px;height: 89px}
.date2{background: url('../images/date_1.png') no-repeat;width: 109px;height: 109px;color: #fff;text-align: center;margin-top: -5px}
.date-con2{width: 99px;padding-left: 10px;margin: 0 auto}
.news-content2{width: 300px;margin-left: 60px;}

.li1{position: absolute;top:-5px;left:-473px;}
.li2{position: absolute;top:128px;left:-508px;}
.li3{position: absolute;top:255px;left:-473px;}
.li4{position: absolute;top:-5px;left:360px;}
.li5{position: absolute;top:128px;left:385px;}
.li6{position: absolute;top:255px;left:360px;}

/*第五屏*/
.section5-con{width: 1104px;margin: 0 auto;background: rgba(248,250,251,0.7);height: 403px;margin-top: 60px!important;position: relative;}
.contact-pic{position: absolute;left: 42px;top:-20px;}
.contact-left{width: 485px;float: left;margin-left: 160px;margin-top: 38px;}
.com-t{font-size: 24px;color: #014da1;margin: 35px 0 30px 0;text-align: right;}
.tel{color: #090909;font-size: 16px;}
.tel1{width: 180px;margin-left: 95px;float: left;background: url('../images/tel1_1.png') no-repeat center left;padding-left: 22px}
.tel2{margin-left: 14px;float: left;background: url('../images/tel2_1.png') no-repeat center left;padding-left: 22px}
.map{width: 486px;height: 231px;margin-top: 20px}
.contact-right{width: 340px;float: left;margin-left: 27px;margin-top: 38px}

.mli2 textarea{width: 326px;line-height: 2;padding-left: 14px!important;color: #fff;padding: 15px 0;height: 76px;background: #195eaa;border:none;font-size: 14px;}
.mli input{background: #1a5eaa;height: 43px;border:none;padding-left: 14px;width: 326px;line-height: 43px;color: #fff;font-size: 14px;}
.mli{margin-bottom: 10px}
.sub input{background: #ff7800;width: 340px;text-align: center;height: 43px;line-height: 43px;border:none;margin-top: 18px;font-size: 15px;color: #fff}

.section5-con{opacity: 0;margin-left: 100px; transition: all 1s; -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);}
.active .section5-con{opacity: 1;margin: 0 auto;  -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
    transition-delay: 0.5s;}


/*按钮效果*/
.btn-4 {
    cursor:pointer;
  /*border: 1px solid;*/
  overflow: hidden;
  position: relative;
}
.btn-4 span {
  z-index: 20;
}
.btn-4:after {
  background: #fff;
  content: "";
  height: 155px;
  left: -75px;
  opacity: .2;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 100;
}

.btn-4:hover:after {
  left: 120%;
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-5 {
  cursor:pointer;
  border: 0 solid;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
  outline: 1px solid;
  outline-color: rgba(255, 255, 255, 0.5);
  outline-offset: 0px;
  text-shadow: none;
  -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-5:hover {
  border: 1px solid;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 15px;
  text-shadow: 1px 1px 2px #427388;
}


/*新闻列表左侧特效*/
  .effect-2{width: 100%;height: 410px; overflow: hidden;}
  .effect-2 .member-image{ height: 283px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
  .effect-2 .member-info2{transition: 0.4s;}
  .effect-2 .member-image img{vertical-align: bottom;}
  .effect-2:hover .member-image{height: 220px; transition: 0.4s;}
  .effect-2 .member-info2{display: none;}
  .effect-2:hover .member-info2{display:block;}
  .effect-2:hover .member-info1{display:none;}
  .section3-list li:hover{background: #ff7800}
  .member-info2 .key{margin-top: 35px}
.member-info2  .page3-jian{height: 66px;width: 225px;margin: 0 auto;margin-top: 30px!important;color: #fff;font-size: 14px;line-height: 2;}

.section4{position: relative;}
.bus{width: 293px;height: 151px;position:absolute;}
.che{
   bottom:65px;right:-400px;pacity: 0;

    transition-delay: 4s;
    -webkit-transition-delay:4s;
    animation: che 2.2s forwards 0.8s 1;
    -webkit-animation: che 2.2s forwards 0.8s 1;

}


@-webkit-keyframes che {
  0% {bottom:65px;right:-400px;pacity: 0;}
  100% {bottom:65px;right:40%;opacity: 1;}
}
@keyframes che {
  0% {bottom:65px;right:-400px;pacity: 0;}
  100% {bottom:65px;right:40%;;opacity: 1;}
}

/*适应不同分辨率*/
@media (max-width:1600px) and (min-width:1440px)
{ 
  .section3-list li{
  width: 200px;height: 400px;
}
.section3-list .lan .key {
    margin-top: 15px;
}
.section3-list{width: 1150px;margin:0 auto;}
.section3-list li .page3-pic img{width: 200px;height: 200px;}
.effect-2{width: 100%;height: 410px; overflow: hidden;}
.effect-2 .member-image{ height: 200px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
.effect-2 .member-info2{transition: 0.4s;}
.effect-2 .member-image img{vertical-align: bottom;}
.effect-2:hover .member-image{height: 180px; transition: 0.4s;}
.effect-2 .member-info2{display: none;}
.effect-2:hover .member-info2{display:block;}
.effect-2:hover .member-info1{display:none;}
.section3-list li:hover{background: #ff7800}
.member-info2 .key{margin-top: 10px}
.member-info2  .page3-jian{height: 66px;width: 180px;margin: 0 auto;margin-top: 10px!important;color: #fff;font-size: 14px;line-height: 2;}
}
@media (max-width:1440px) and (min-width:1360px)
{ 
    .section3-list li{
    width: 200px;height: 370px;
  }
  .section3-list .lan .key {
      margin-top: 15px;
  }


.section3-list{width: 1150px;margin:0 auto;margin-top: 20px!important}
.section3-list li .page3-pic img{width: 200px;height: 200px;}
.effect-2{width: 100%;height: 380px; overflow: hidden;}
.effect-2 .member-image{ height: 200px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
.effect-2 .member-info2{transition: 0.4s;}
.effect-2 .member-image img{vertical-align: bottom;}
.effect-2:hover .member-image{height: 160px; transition: 0.4s;}
.effect-2 .member-info2{display: none;}
.effect-2:hover .member-info2{display:block;}
.effect-2:hover .member-info1{display:none;}
.section3-list li:hover{background: #ff7800}
.member-info2 .key{margin-top: 10px}
.member-info2  .page3-jian{height: 66px;width: 180px;margin: 0 auto;margin-top: 10px!important;color: #fff;font-size: 14px;line-height: 2;}

/*导航*/
.navbar{height: 70px}
.logo{margin-top: 8px}
.logo img{width: 60%}
.nav-list{margin-top: 19px}

.title{padding-top: 5%}
.chinese{margin-bottom: 0px}
.english{margin-top: 2px}
.section2-con{margin-top: -60px}
.active  .section2-con{
  transform:scale(0.8, 0.8)
}
.news-pic{
   transform:scale(0.8, 0.8);
   top:-40px;
}
.active .section5-con{top:-60px; transform:scale(0.8, 0.8);}


}

/*适应不同分辨率*/
@media (max-width:1600px) and (min-width:1440px)
{ 
  .section3-list li{
  width: 200px;height: 400px;
}
.section3-list .lan .key {
    margin-top: 15px;
}
.section3-list{width: 1150px;margin:0 auto;}
.section3-list li .page3-pic img{width: 200px;height: 200px;}
.effect-2{width: 100%;height: 410px; overflow: hidden;}
.effect-2 .member-image{ height: 200px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
.effect-2 .member-info2{transition: 0.4s;}
.effect-2 .member-image img{vertical-align: bottom;}
.effect-2:hover .member-image{height: 180px; transition: 0.4s;}
.effect-2 .member-info2{display: none;}
.effect-2:hover .member-info2{display:block;}
.effect-2:hover .member-info1{display:none;}
.section3-list li:hover{background: #ff7800}
.member-info2 .key{margin-top: 10px}
.member-info2  .page3-jian{height: 66px;width: 180px;margin: 0 auto;margin-top: 10px!important;color: #fff;font-size: 14px;line-height: 2;}
}
@media (max-width:1440px) 
{ 
    .section3-list li{
    width: 190px;height: 350px;
  }
  .section3-list .lan .key {
      margin-top: 15px;
  }


.dowebok{font-size: 13px;}
.section3-list{width: 1000px;margin:0 230px;margin-top: 20px!important}
.section3-list li .page3-pic img{width: 190px;height: 190px;}
.effect-2{width: 100%;height: 380px; overflow: hidden;}
.effect-2 .member-image{ height: 200px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
.effect-2 .member-info2{transition: 0.4s;}
.effect-2 .member-image img{vertical-align: bottom;}
.effect-2:hover .member-image{height: 160px; transition: 0.4s;}
.effect-2 .member-info2{display: none;}
.effect-2:hover .member-info2{display:block;}
.effect-2:hover .member-info1{display:none;}
.section3-list li:hover{background: #ff7800}
.member-info2 .key{margin-top: 10px}
.member-info2  .page3-jian{height: 66px;width: 180px;margin: 0 auto;margin-top: 10px!important;color: #fff;font-size: 14px;line-height: 2;}

/*导航*/
.navbar{height: 70px}
.logo{margin-top: 3px}
.logo img{width: 60%}
.nav-list{margin-top: 19px}

.title{padding-top: 5%}
.chinese{margin-bottom: 0px}
.english{margin-top: 2px}
.section2-con{margin-top: -60px}
.active  .section2-con{
  transform:scale(0.8, 0.8)
}
.news-pic{
   transform:scale(0.8, 0.8);
   top:-40px;
   width: 13%;
}
.active .section5-con{top:-60px; transform:scale(0.8, 0.8);}


}