.logo {
	position: absolute;
	z-index: 99;
	left: 5%;
	top: 5%
}
.logo img {
	width: 350px;
	height: auto;
}
.nav {
	width: 100%;
	height: 70px;
	background: url(/images/n_bg.png)
}
.nav_bg {
height: 71px !important;
}
.nav .n_logo {
	width: 180px;
	float: left;
	padding-left: 5%;
	
}
.nav .n_logo img {
	width: 100%;
}
.n_logo{ padding-top:13px;}

.nav_c {
	float: right;
	width: 70%;
}
#header ul .li_a {
  width: 12%;
  float: left;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 999;
  margin: 10px 0;
}

#header ul .li_a a {
	color: #fff;
	text-decoration: none;
}
#header ul .li_a .language{ font-size:14px; font-family:"微软雅黑", "新宋体";}
#header ul .li_a .language a{ padding:0 5px; font-family:"微软雅黑", "新宋体";}
#header ul .li_a .language a.zh{ color:#3bb3c2}

figure.effect-bubbaI figcaption::before, figure.effect-bubbaI figcaption::after {
	position: absolute;
	top: 1%;
	right: 5%;
	bottom: 1%;
	left: 5%;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
		-moz-transition: opacity 0.35s, -moz-transform 0.35s;
		-ms-transition: opacity 0.35s, -ms-transform 0.35s;
		-o-transition: opacity 0.35s, -o-transform 0.35s;
}

figure.effect-bubbaI figcaption {
 border-box;
	box-sizing: border-box;
}
figure.effect-bubbaI figcaption::before {
	border-top: 1px solid #3bb3c2;
	border-bottom: 1px solid #3bb3c2;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
}
figure.effect-bubbaI figcaption::after {
	border-right: 1px solid #3bb3c2;
	border-left: 1px solid #3bb3c2;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
}

figure.effect-bubbaI h2 {
	
	font-weight: normal;
	font-family: "微软雅黑", "新宋体";
}
figure.effect-bubbaI:hover figcaption::before, figure.effect-bubbaI:hover figcaption::after, .curr figure.effect-bubbaI figcaption::after, .curr figure.effect-bubbaI figcaption::before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
}
figure.effect-bubbaI h2:hover, #header ul .li_a a:hover, #header ul .li_a.curr a{
	color: #3bb3c2
}
.fonnt {
width: 100%;
background-color: #232323;
font-size: 13px;
display: inline-block;
z-index: 100;
position: relative;
height:150px;
overflow: hidden;
}
.fonnt,fonnt a{color:#888;}
.fonnt .fl{margin-left:4.6%; width:40%; float:left; padding-top:35px; line-height:1.6}
.fonnt .fr{width:50%; float:right; text-align:right;}
.fonnt .fr a{
display: inline-block; padding:35px 20px 0 20px;border-left: 1px solid #3D3D3D;}
.fonnt .fr a{ display:inline-block; width:150px; height:150px; padding:0; 
}
.fonnt .fr a.kf{ background:url(/images/f_ic1.png) no-repeat center;}
.fonnt .fr a.wx{ background:url(/images/f_ic2.png) no-repeat center;}
.fonnt .fr a.wb{ background:url(/images/f_ic3.png) no-repeat center;}

.fonnt .fr a.kf:hover{ background:url(/images/f_ic1_h.png) no-repeat center;}
.fonnt .fr a.wx:hover{ background:url(/images/ewm.jpg) no-repeat center; background-size:cover;}
.fonnt .fr a.wb:hover{ background:url(/images/ewm2.jpg) no-repeat center; background-size:cover;}

.w1200{ width:73%; margin:0 auto;}

@media screen and (max-width: 1200px){

.w1200{ width:100%; margin:0 auto;}


}

.anli-view {
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}


@-webkit-keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(20px)
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInDown {
    0% {
        opacity:0;
        -moz-transform:translateY(20px)
    }
    100% {
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-o-keyframes fadeInDown {
    0% {
        opacity:0;
        -o-transform:translateY(20px)
    }
    100% {
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity:0;
        transform:translateY(20px)
    }
    100% {
        opacity:1;
        transform:translateY(0)
    }
}

.ani-view.fade-in-down{
    opacity:0;
    opacity:1\0/IE9;

    -ms-transform:translateY(0)\0/IE9;
}
.anli-view.fadeInDown {
    -webkit-animation-name:fadeInDown;
    -moz-animation-name:fadeInDown;
    -o-animation-name:fadeInDown;
    animation-name:fadeInDown;

}

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


@media screen and (max-width: 1000px){

.w100{ width:90%; margin:0 auto;}

embed{ width:100% !important;}
}
@media screen and (max-width: 768px){
	
embed{ width:100% !important; height:300px !important}
	
	}

@media screen and (max-width: 640px){
	
embed{ width:100% !important; height:auto !important}
	
	}