@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;color:#000;text-align:center;background:url(images/bg.gif);}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;}
a:link,a:visited{color:#000;text-decoration:none;}
a:hover{color:#212027;text-decoration:underline;}
img{border:none;}
ol,ul,li{list-style:none;} 
em{font-style:normal;}
/*clear*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
.w1000{width:1000px;}
.fl{float:left;}
.fr{float:right;}
.white,.white a:link,.white a:visited,.white a:hover{color:#fff;}
/*header*/
.header{height:35px;background:#fff;}
.header span{float:left;}
.header span img{margin-top:3px;}
.header em{float:right;line-height:35px;}
.header em a{margin:0 6px;}
.header em,.header em a:link,.header em a:visited,.header em a:hover{color:#666;}
/*top*/
.topbg{background:url(images/topbg.jpg) no-repeat top center;position: relative;}
.top{height:722px;position: relative;}
.top .logo{position: absolute;top:46px;}
.top .bdsharebuttonbox{width: 240px;position: absolute;right:0;top:57px;}
.bdshare-button-style2-24 a{background-image:url(images/icons_2_24.png) !important;font-size: 18px !important;color:#1a47ab !important;}
.bdshare-button-style2-24 .bds_more{background:none !important;}
.top .tit{position: absolute;top:89px;left:0px;animation-duration:2s;}
.top .tit1{position: absolute;top:313px;left:98px;}
.top .tit2{position: absolute;top:315px;right:71px;}
.top .daoyu{width: 892px;background:url(images/kuai1.png);height: 154px;border-top: 1px solid #6a86de;position: absolute;top:466px;left:77px;}
.top .daoyu img{float:left;margin-top: 26px;margin-left: 26px;}
.top .daoyu p{float:left;margin-left: 25px;width: 770px;font-size:18px;color:#1a47ab;line-height: 160%;margin-top:20px;font-family: \9ED1\4F53}
/*p1Con*/
.con1{float:left;margin-left:146px;width:427px;height:429px;position: relative;margin-bottom: 100px;display: none;}
.con1 .bg{
	position:absolute;
	top:0px;
	left:45px;
	display:block;
	width:353px;
	height: 429px;
	overflow: hidden;

}
.con1 .bg span{width: 353px;height: 412px;display: block;position: absolute;left: 0;}
.p0 .bg span,.p4 .bg span,.p8 .bg span,.p12 .bg span,.p16 .bg span,.p20 .bg span{background:#d6e0fe;top:17px;position: absolute;}
.p1 .bg span,.p5 .bg span,.p9 .bg span,.p13 .bg span,.p17 .bg span{background:#d6edfe;top:17px;position: absolute;}
.p2 .bg span,.p6 .bg span,.p10 .bg span,.p14 .bg span,.p18 .bg span{background:#dad6fe;top:17px;position: absolute;}
.p3 .bg span,.p7 .bg span,.p11 .bg span,.p15 .bg span,.p19 .bg span{background:#edebe7;top:17px;position: absolute;}
.con1 h2{height: 36px;background:#000;float:left;padding:0 8px;position: absolute;top:0;font:normal 24px/36px \5FAE\8F6F\96C5\9ED1;}
.con1 h3{position: absolute;top:48px;font:normal 24px/26px Arial;left:0;z-index: 999}
.con1 .pic1{width: 280px;height: 347px;position: absolute;top:56px;left:80px;font-size:16px;}
.con1 .pic1 img{display: block;margin-bottom: 16px;}



.is_hover h2{
	-webkit-animation:hoverLink 0.5s ease-in-out;
	animation:hoverLink 0.5s ease-in-out
}
.is_hover .pic_btn{
	-webkit-animation:hoverLink 0.5s ease-in-out;
	animation:hoverLink 0.5s ease-in-out
}

.is_hover .bg span{opacity:1;}
.con1{overflow: hidden;}
.con1:hover .pic1 img{
	-webkit-transform:scale(1.03) translate3d(0,0,0);
	transform:scale(1.03) translate3d(0,0,0);
}
.con1 .pic_btn{
	display:block;
	position:absolute;
	overflow:hidden;
	right:0px;
	bottom:20px;
	width:187px;
	height:29px;
	
}
.con1 .pic_btn:before{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	height:6px;
	background:#000;
	-webkit-transition:-webkit-transform 0.3s 0.7s cubic-bezier(0.66,0.45,0.14,0.79);
	transition:-webkit-transform 0.3s 0.7s cubic-bezier(0.66,0.45,0.14,0.79);
	-o-transition:transform 0.3s 0.7s cubic-bezier(0.66,0.45,0.14,0.79);
	transition:transform 0.3s 0.7s cubic-bezier(0.66,0.45,0.14,0.79);
	transition:transform 0.3s 0.7s cubic-bezier(0.66,0.45,0.14,0.79),-webkit-transform 0.3s 0.7s cubic-bezier(0.66,0.45,0.14,0.79);
	
}
.con1 .arrow_r{
	content:"";
	display:block;
	width:21px;
	height:13px;
	position: absolute;
	bottom:7px;
	right:0;
	background:url(images/arrow_r.png) no-repeat;
}
.con1:hover .pic_btn:before{
	-webkit-animation:hoverLink 0.5s ease-in-out;
	animation:hoverLink 0.5s ease-in-out
}
.con1:hover .arrow_r{
	-webkit-animation:hoverLink 0.5s ease-in-out;
	animation:hoverLink 0.5s ease-in-out
}
.con1 .bg span{
	-webkit-animation:hoverLink 0.5s ease-in-out;
	animation:hoverLink 0.5s ease-in-out
}
.edit{color:#7887fb;font-size: 14px;text-align: center;}
/*fd_right*/
#fd_right{bottom:10px;right:30px;z-index:1000;width:88px;position:fixed;}
#fd_right span{cursor: pointer;width: 88px;height: 88px;background:url(images/navbg.png) no-repeat;display: block;line-height: 88px;text-align: center;margin-top: 28px;color:#fff;font-size: 21px;}
#fd_right span.active{color:#f7aa10;font-weight:bold}
*html #fd_right{position:absolute;right:expression(eval(document.documentElement.scrollLeft+ (document.documentElement.clientWidth -1000)/2-200));top:expression(eval(document.documentElement.scrollTop+350))
}
/*---------MEDIA QUERIES Mobile phone--------------*/	   
@media (min-device-width:320px) and (max-width:689px),(max-device-width:480px){
	.w1000,.topbg{width:1000px !important;}
	.p1Con div.con1{display: block;margin-left:65px;}
	.top .daoyu p{font-size:1.04rem;}
}