

/*dk_about*/
li{list-style: none}
.dk_about{ height: 690px; width: 100%;}

.header_video{    position: relative;
    width: 100%;
    overflow: hidden;}

.s_width{ width:1280px; margin:0 auto; position:relative; }
.liuyan{ padding:0 0 30px 0}

.header{overflow:hidden ; position:relative;width:100%;}
.navbg{ width:100%;	height:80px;z-index:100;position:absolute;top:0; margin-top: 15px}
.navbg_n{ width: 80%; margin: 0 auto;}

.logo_nav{ width:100%;height:80px;}
.logo_nav .logo{ height: 135px; width: 200px;float: left;}
.nav{ height:80px; width:72%; float: left; margin-left: 4% }
.nav ul{ height:80px;}
.nav li{line-height:80px; width:calc(100%/8); float: left;}
.nav li a{ line-height:80px;font-size:16px; color:#fff; text-shadow:#000 1px 1px 1px;
	text-align:center; display: block; text-decoration:none; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.nav li a:hover{ font-weight:bold; }

.nav li div {display:none;width:130px;text-align:center;color:#FFFFFF; background:#dc0009;  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);  box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.nav li div a {display:block;COLOR: #FFFFFF; LINE-HEIGHT:51px; HEIGHT:51px;FONT-SIZE: 16px;font-weight:normal;border-bottom:1px solid #da444a; margin-top:0;}
.nav li div a:hover {color:#FFFFFF; FONT-SIZE: 16px;}



.fx{ width: 100px;float: right; padding-top: 20px; } 
.fx a{ display:block; width:40px; height:40px; float:left; margin-right:10px; border-radius:50%; transition:all 0.3s; } 
.fx .weixin{ }
.fx .weixin span{ background: url("../img/2wm_xcx.png") no-repeat; display:block; margin-left:-30px; margin-top:15px; opacity:0; transition:all 1.5s; transform: rotate(0deg); width:0px; height:0px; }
.fx .weixin:hover span{ transform: rotate(360deg); opacity:1; width:150px; height:150px; }
.fx .sj span{ background: url("../img/2wm_tb.png") no-repeat; display:block; margin-left:-30px; margin-top:15px; opacity:0; transition:all 1.5s; transform: rotate(0deg); width:0px; height:0px; }
.fx .sj:hover span{ transform: rotate(360deg); opacity:1; width:150px; height:150px; }


/*弹出*/
.navbarpage {
  position: absolute;
  right: -350px;
  top: 0;
  width: 350px;
  box-sizing: border-box;
  transition: all 1s ease;
  background-color: rgba(0, 0, 0, 0.8); z-index:99}
.navbar {
  position: absolute;
  top: 50%;
  width: 76px; left:50%; margin-left:-38px; margin-top:-13px;
  height: 26px;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 9;
}

.navbar div { position:absolute;
  width: 27px;
  height: 2px;
  transition: all 0.5s ease; font-size:15px; color:#fff
}

.navbar .nav1{
  background:#fff; left:5px; top:0;
}
.navbar .nav2 {
  background:#fff; left:0px; top:12px;
}
.navbar .nav3 {
  background:#fff; left:5px; bottom:0;
}
.navbar .nav4 {
 right:0; bottom:0; width: 32px;
  height: 20px;
}
.navbarOn1 {
  transform-origin: center;
  transform: rotate(45deg) translate(9px, 8px);
}

.navbarOn2 {
  transform-origin: center;
  transform: rotate(-45deg) translate(9px, -8px);
}

.navbarOn3 {
  transform: rotateY(90deg);
}
.hudong{
  width: 1260px; margin:0 auto;
  height: 200px;
}
.hudong h2{ width:25px; font-size:24px; color:#fff; padding:15px; border:1px solid rgba(255,255,255,0.5); margin:0 140px 0 0}
.hudong p{ line-height:36px; padding:20px 130px 0 0; font-size:16px; color:#fff}
.navbarpage .navbarpage_da {
  height: 600px;
}




.navbarpage ul {
  width: 80%; height:160px; margin:140px auto
}
.navbarpage li:hover {
	animation: categoryanimaten 1s;
	-moz-animation: categoryanimaten 1s;
	-webkit-animation: categoryanimaten 1s;
	-o-animation: categoryanimaten 1s;
}
@keyframes categoryanimaten{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);color:white;}
}
@-moz-keyframes categoryanimaten{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-webkit-keyframes categoryanimaten{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-o-keyframes categoryanimaten{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
.navbarpage ul li { cursor:pointer;
  box-sizing: border-box; text-align:center; color:#fff; font-size:18px; line-height:75px; margin-bottom: 15px;
}

.navbarpage ul li span{ display:block; width:100%; height:1px; background:rgba(255,255,255,0.1);}
.navbarpage ul li img{ display:block; width:56px; height:65px; margin:0 auto; }
.navbarpage li p {
  text-align: center;
}

.navbarpage li a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
}

.active_navbar {
  right: 0 !important;
  transition: all 0.2s ease;
}

.navbarpage .navbarLi {
  position: relative;
  overflow: hidden;
  transition: background-color 0.6s linear;
}

.navbarLi a div {
  position: absolute;
}

.navbarpage .zuo1 {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  transition: all 0.3s linear;
}

.navbarpage .zuo2 {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  transform: translateX(-300px);
  transition: all 0.6s linear;
}

.navbarpage .you1 {
  top: 100px;
  width: 100%;
  transition: all 0.6s linear;
}

.navbarpage .you2 {
  /* display: none; */
  /* opacity: 0; */
  top: 100px;
  width: 100%;
  transform: translateX(300px);
  transition: all 0.6s linear;
}

.navbarpage .you2 p {
  color: #fff;
}

/*弹出*/



.about_navv{ padding:20px 0; background:#fff; width: 800px; float: left;}
.about_navv li{ width:190px; float:left; border-right:1px solid #f2f2f2; padding:0 0 0 50px;}
.about_navv li:nth-child(1){padding:0 0 0 0;}
.about_navv li a{ font-size:15px; color:#777; line-height:60px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.about_navv li a:hover{ color:#2984cf}
.about_navv li a span{ display: block;background-image: url(../imgg/jia-iconbg.jpg); background-repeat:no-repeat; float:left; margin-right:10px;}
.about_navv li a span i{ background-image: url(../imgg/jia-icon2.png);display: block; width: 50px; height: 60px; background-repeat: no-repeat;}
.about_navv li a:hover span{ background-position: left bottom;}
.about_navv li.honor_li a span{ background-position: left bottom;}
.about_navv li a:hover p{color: #014099;}



  .scroll_line:after {
    content: '';
    width: 1px;
    height: 100%;
    background: #f6e4ae;
    float: right;
    margin-right: 50px !important;
    animation: myfirst 3s steps(1000) infinite;
    display: block;
}
.scroll_line {
   position: absolute;
   left: 0;
    width: 100px;
    height: 66px;
     top:90%;
    z-index: 188;
    display: block;
    overflow: hidden;
}

.scroll_line {
    position: relative;
   
    height: 66px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    }

@keyframes myfirst
{
0% { -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    }

100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    }
}




