@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; color:#000000;text-align:center;}
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/200% "微软雅黑";}
li,p{text-align:left;font:normal 12px/200% "微软雅黑";}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "微软雅黑";}
.fl{ float:left;}
.fr{ float:right;}
.w1000{ width:1000px;}
.mt30{ margin-top:30px;}
/*fengmian*/
.fm_box{ background:url(images/fm02.jpg) top center no-repeat; height:820px; overflow:hidden; position:relative;}
.fm_box .fm_content{ height:820px;position:relative; z-index:1; width:1000px;}
.fm_box .logo{ position:absolute; top:40px; right:40px; z-index:10;}
.fm_box .fm_content .b_txt{ width:482px; height:310px; position:absolute; z-index:2; bottom:57px; right:0px;}
.fm_box .fm_content .b_txt p{ line-height:33px; font-size:16px; color:#8c1309; display:block;opacity: 0;}
.fm_box .fm_content .b_txt p.t01{ text-indent:0.5em;}
.fm_box .fm_content .b_txt p.t02{ text-indent:1em;}
.fm_box .fm_content .b_txt p.t03{ text-indent:1.5em;}
.fm_box .fm_content .b_txt p.t04{ text-indent:2.0em;}
.fm_box .fm_content .b_txt p.t05{ text-indent:2.5em; padding-right:15px;}

/*box_content*/
#p_content_box{margin:0 auto; height:858px; position:relative; background:url(images/bg01.jpg);}
#p_nav_boxw{position:relative;float:left;width:300px;margin-right:-300px;}
#p_content{float:right;width:100%;}
#p_content_c{margin-left:310px;}


/*nav*/
.nav_box{ width:210px; margin-top:30%;display: none;}
.nav_box li{ width:135px; height:60px; line-height:60px; font-size:18px; text-align:center;cursor: pointer;color:#fff; background:#a7040f; margin-bottom:2px;}
.nav_box li.on{ background:#f22331; width:155px;}

/*p1*/
.right_box{ position:relative;}
.right_box h1,.right_box h2,.right_box h3,.right_box h4,.right_box p{ position:relative; z-index:10;}
.right_box h1{ width:80%; padding-top:5%; padding-left:6%; font-size:60px; line-height:150%; color:#cc2a1e;}
.right_box h1 a:link,.right_box h1 a:visited{color:#cc2a1e;}
.right_box h2{ font-size:36px; margin-left:6%; padding-bottom:2%; line-height:180%; background:url(images/line.png) bottom repeat-x; width:65%;}
.right_box p{ font-size:16px; margin-left:6%; width:65%; color:#666666; text-indent:2em; line-height:280%;}

/*copyright*/
.copyright dt{ background:#f2f2f2; color:#666666; text-align:center; line-height:60px; height:60px; font-size:18px;}
.copyright dd{ background:#e5e5e5; color:#666666; text-align:center; padding:20px 0 30px;}

/* MEDIA QUERIES PAD
---------------------------------------------------------------------- */
@media (min-device-width:1200px) and (max-width:1680px),
       screen and (max-device-width:1680px){
.right_box h2{ font-size:42px; }
.right_box h3{ font-size:30px; }
.right_box h4{ font-size:20px; }
.right_box p{ font-size:16px; }
.right_box span{ width:63%; top:5%;}
}

/* MEDIA QUERIES PAD
---------------------------------------------------------------------- */
@media (min-device-width:1000px) and (max-width:1199px),
       screen and (max-device-width:1199px){

.nav_box li{ width:135px; height:60px; line-height:60px;}

.right_box h2{ font-size:36px; width:90%;}
.right_box h3{ font-size:26px; width:90%; }
.right_box h4{ font-size:18px; width:90%; }
.right_box p{ font-size:16px; width:90%; }
.right_box span{ width:63%; top:10%;}

}
/*20161227*/
html {
  height: 100%;overflow: hidden;
}
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.5;
  position: relative;
  height: 100%;
}
.swiper-container1 {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;padding-top:37px;

}
.swiper-slide{overflow: hidden;width: 100%;
  height: 100%;position: relative;}
.fm_box{background-size:cover;}
.fm_box .fm_content{position:absolute;margin:0 auto;background: none;left:50%;margin-left:-500px;top:0px;height:820px;transform-origin:center 0;-webkit-transform-origin: center 0;}
.fm_content p{background: url('images/b_txtbg.jpg');line-height: 36px;height:36px;margin-bottom: 1px;float: left;padding-right:20px;padding-left:130px;display: block;clear:both;width:auto;!width:540px; width:490px;}
.fm_content p.lang{padding-right: 0px;}
.x1{position: absolute;top:42px;left:-110px;width:571px;height:777px;z-index: 2;width:62%}
.fm_box .fm_content .b_txt{ width:640px; height:280px; position:absolute; z-index:1; bottom:57px; right:0px;}
.fm_box .fm_content .b_txt p{ line-height:36px; font-size:16px; color:#fff; display:block;!width:580px; }
.banner1{position: absolute;top:100px;right:35px;}
.banner2{position: absolute;top:320px;right:10px;}
.top{height:37px;line-height: 37px;background: url('images/topbg.gif');width:100%;position: absolute;top:0;left:0;z-index: 10;}
.copyright{height:110px;background:#e5e5e5;width:100%;position: absolute;bottom:0;left:0;z-index: 10;}
.copyright span{height:50px;line-height: 50px;background: #f2f2f2;color: #666;font-size: 18px;width:100%;display: block;text-align: center}
.copyrighta{text-align: center;padding:10px;}

#p_nav_boxw{position: absolute;top:0;left:0;z-index: 10}

@keyframes aniBlink120{from{margin-left:-60px}to{margin-left:120px}}
@-webkit-keyframes aniBlink120{from{margin-left:-60px}to{margin-left:120px}}


.right_box span:hover{}


figure.effect-apollo {
	
}

figure.effect-apollo img {
	opacity: 1;

}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}


/* MEDIA QUERIES PAD
---------------------------------------------------------------------- */
@media (min-device-width:1200px) and (max-width:1680px),
       screen and (max-device-width:1680px){
.right_box h2{ font-size:30px; }
.right_box h3{ font-size:22px; }
.right_box h4{ font-size:20px; }
.right_box p{ font-size:18px; }
.right_box span{ width:63%; top:5%;}
}

/* MEDIA QUERIES PAD
---------------------------------------------------------------------- */
@media (min-device-width:1000px) and (max-width:1199px),
       screen and (max-device-width:1199px){
.nav_box li{ width:135px; height:60px; line-height:60px}

.right_box h2{ font-size:30px; width:90%;}
.right_box h3{ font-size:22px; width:90%; }
.right_box h4{ font-size:20px; width:90%; }
.right_box p{ font-size:18px; width:90%; }
.right_box span{ width:63%; top:10%;}
}

.fm_box{}
.fm_box div.mouse{ width:71px; height:85px; background:url(images/mouse.png) top center no-repeat; position:absolute; right:20px; bottom:20px;}

.move{
  -webkit-animation:moves 2s ease infinite;
  animation:moves 2s ease infinite;
}
@-webkit-keyframes moves{
  0%{-webkit-transform:translateY(0);opacity:1;}
  100%{-webkit-transform:translateY(-15px);opacity:0;}
}
@keyframes moves{
  0%{transform:translateY(0);opacity:1;}
  100%{transform:translateY(-15px);opacity:0;}
}
