@charset "utf-8";
/* CSS Document */

/* reset */
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font:12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;}
img{border:none;}
em,strong{font-style:normal;font-weight:normal;}
li{list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4, h5, h6{font-size:100%;}

q:before,q:after{content:'';}/* 消除q前后的内容 */
button,input,select,textarea{font-size:100%;}/* 使得表单元素在 ie 下能继承字体大小 */
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */
input[type=button], input[type=submit], input[type=file], input[type=reset], button { cursor: pointer; -webkit-appearance: none; } 
/* link */
a{text-decoration:none;}
a:hover{text-decoration:none}
.clear{ clear:both;}
/*.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%;
	/*padding-top:20px;*/
}
.nav .n_logo img {
	width: 100%;
}
.n_logo{ padding-top:13px;}

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

#header ul .li_a a {
	color: #000;
	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 {
	/*	line-height:20px;*/
	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: #fff !important;
	
}
#header ul .li_a:hover,#header ul .li_a.curr{background-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.yfw{ background:url(../images/f_ic4.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;}
.fonnt .fr a.yfw:hover{ background:url(../images/f_ic4_h.jpg) no-repeat center; background-size:cover;}

.w1200{ width:1200px; 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}
	
	}