@charset "utf-8";
/*全局样式*/
body {
	margin:0;
	padding:0;
}
div, dl, dt, td, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote {
	list-style:none;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size:14px
}
i{ font-style:normal;}
Form, Select {
	margin: 0;
	padding: 0;
}
input, textarea {
	padding:2px;
	font-size:12px;
	resize:none;
	outline:none;
	border: 0;
}
div, h1, h2, p, Table, Tr, Td {
	word-wrap:break-word;
	word-break:break-all;
}
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {
	font-style:normal;
}
ul li {
	vertical-align:top;
}
/*链接样式*/
a {
	color:#333;
	text-decoration:none;
}
a:focus {
	outline:0;
}
a:link, a:visited {
	text-decoration:none;
	vertical-align:baseline;
	word-break:break-all;
	outline:none;
}
a:hover, a:active {
	text-decoration:none;
	vertical-align:baseline;
	word-break:break-all;
}
a:hover span {
	cursor:pointer;
	text-decoration:none;
}
/* 清浮动 */
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
/* 浮动 */
.f-fl {
	float: left;
}
.f-fr {
	float: right;
}
.rxt_l {
	text-align:left
}
.rxt_r {
	text-align:right
}
.rxt_c {
	text-align:center
}
/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea {
	font: 14px/1.5 "Microsoft YaHei", 微软雅黑, \9ed1\4f53, \5b8b\4f53, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;
	color:#666
}
/* 去除 IE6 input/button 多余的空白 */
button, input {
 *width:auto;
 *overflow:visible;
	/* 让 input 和 button 一样高 */
  line-height:normal;
}
/* 去掉各Table cell 的边距并让其边重合 */
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* 去除默认边框 */
fieldset, img {
	border:0;
}
/* 解决 IE6-7 图片缩放锯齿问题 */
img {
	-ms-interpolation-mode:bicubic;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
	display:block;
}
/* 一致化 horizontal rule */
hr {
	border:none;
	border-bottom:1px solid #cfcfcf;
	margin-bottom:10px;
 *color:pink;
 *filter:chroma(color=pink);
	height:10px;
 *margin:-7px 0 2px;
}
.color1 {
	color:#999;
}
.color2 {
	color:#F30;
}
.color3 {
	color:#ff7632;
}

.movie22 { float:left; margin-left:230px;
}

.color_red{ color:#ff0000}
.color_green{ color:#009900;}

.width1200{ width:1200px; margin:0 auto; clear:both;  }
.top{  width:100%; background: rgba(169,0,6,0.8); color:#fff;     position: fixed;
    right: 0;
    left: 0;
	top:0;
    z-index: 1030; }
.top a{ color:#fff;  }
.top a:hover{ color:#f6bc88;   }

.topnav{ height:56px; line-height:56px; text-align:center;} 
.topnav a{ padding:0 40px; height:56px; display:inline-block; font-size:16px; letter-spacing:2px;}

.banner{ width:100%;     background: url(../images/banner.jpg) no-repeat center #000;  height:720px;  clear:both; position:relative;}
.mainPage{ position:absolute; top:0; left:0; width:100%; overflow:hidden;}
.banner_box{ width:1174px; margin:0 auto; padding-top:100px; }
.banner p{ display:block; position:relative; text-align:center; letter-spacing:0px; color:#fff;
	animation: bannerdh 1s both;
	-moz-animation: bannerdh 1s both;	/* Firefox */
	-webkit-animation: bannerdh 1s both;	/* Safari 和 Chrome */
	-o-animation: bannerdh 1s both;	/* Opera */
  }
  
.banner p.title1{ height:88px; background:url(../images/hb1.png) no-repeat center;  }
.banner p.title2{ height:62px; background:url(../images/hb2.png) no-repeat center; padding:10px 0 0px 0;  }
.banner p.title3{ height:94px; background:url(../images/hb3.png) no-repeat center; padding:10px 0 0px 0;}
.banner p.title4{ font-size:24px; color:#fff; padding:30px 0 0px 0; }
.banner p.title5{ font-size:36px;   padding:10px 0 60px 0; color:#cd151c;  }
.banner p.title6{ height:58px; background:url(../images/top_logo.png) no-repeat center;}

@keyframes bannerdh {
0% {
 transform: translateY(-20px);
opacity:0;
}
100% {
 transform: translateY(0px);
opacity:1;
}
}

 @-moz-keyframes myfirst /* Firefox */ {
0% {
 transform: translateY(-20px);
opacity:0;
}
100% {
 transform: translateY(0px);
opacity:1;
}
}

 @-webkit-keyframes myfirst /* Safari and Chrome */ {
0% {
 transform: translateY(-20px);
opacity:0;
}
100% {
 transform: translateY(0px);
opacity:1;
}
}

 @-o-keyframes myfirst /* Opera */ {
0% {
 transform: translateY(-20px);
opacity:0;
}
100% {
 transform: translateY(0px);
opacity:1;
}
}
 












.about{ padding:0 50px;}
.about p{ line-height:28px; font-size:16px; letter-spacing:1px; text-indent:30px; border-top:1px solid #ececec;   padding:30px 0 0px 0;}
.about span{ display: inline-block;    width:130px; float:right;}

 
 

.gs1{position:absolute; left:50px; top:120px;}
.gs2{position:absolute; right:50px; top:120px; }

.yc p{ padding-left:440px; padding-bottom:50px; line-height:50px; font-size:16px; }
.yc p span.time{ padding-right:50px; }
.yc p span.title{ display:block; padding:20px 0; font-size:20px; color:#ca0807; }
.yc h2{font-size:50px; padding:30px 0; font-weight:normal; text-align:center; color:#ca0807;}

.jbbox{ padding:50px 0; width:100%; }
.jbbox3{ padding:70px 0; width:100%; }
.jbbox h2{ font-size:50px; font-weight:normal; text-align:center; color:#ca0807; }
.jbbox h3{ font-size:18px; padding:30px 0;   border-bottom:1px solid #ccc;}
.jbbox h1{ font-size:18px; padding:10px 0; color:#7d3e13;  background-color:#f2f2f2; margin-top:100px;border-bottom:1px solid #ccc;}
.jbbox ul { display:block; padding:0 0px;}
.jbbox ul li{ padding:20px 0; border-bottom:1px solid #ececec; font-size:14px; line-height:30px; }
.jbbox ul li strong{   width:150px; text-align:right; float:left; font-size:17px;  color:#666666;   }
.jbbox ul li strong2{   width:150px; text-align:right; float:left; font-size:17px;  color:#666666;   }
.jbbox ul li strong3{   width:170px; text-align:right; float:left; font-size:16px;  color:#666666;   }
.jbbox ul li span {  float:right;  width:880px;   display:inline-block; border-left:1px solid #ececec; padding-left:30px; }
.jbbox ul li span1 {  float:right;  width:800px;   display:inline-block; border-left:1px solid #ececec; padding-left:30px; }

.ifram{   width:1200px; margin:0 auto; margin-top:50px; padding-bottom:30px;}
.ifram h2{  font-size:50px; padding-bottom:20px; margin-bottom:30px; font-weight:normal; text-align:center; color:#0062b6; border-bottom:1px solid #ececec;}
.width1100{ width:1100px; margin:0 auto}

.bigbg1{ width:100%; background:#FFF; clear:both; overflow:hidden; padding:50px 0;}
.bigbg2{ width:100%; background:#f7f7f7; clear:both; overflow:hidden; padding:50px 0;}
.bigbg3{ width:100%; background: #FDF6F0 ; clear:both; overflow:hidden; padding:50px 0;}
 

.company{ clear:both; padding:0px 0 50px 0;  }
.company ul li{ float:left; width:1100px; margin:0 20px; border-right:0px solid #fff; margin-top:30px; }
.company ul li p{ line-height:30px; color:#515151;}
.company ul li h3{ text-align:center; font-size:20px; font-weight:normal; letter-spacing:2px; }
.company ul li span.dm{ display:block; text-align:center; padding:15px 0;}
.company ul li span.dm i{ font-style:normal; color:#ccc; padding:0 15px;}
.company ul li span.thelogo{ display:block; text-align:center; padding:15px 0;}
.company ol { padding-top:20px;}
.company ol li{ float:left; width:160px; height:160px; background:#000; padding:0; border:0; margin:0 10px 10px 0;  overflow:hidden; border-radius:3px;}
.company ol li img{ height:150px; width:auto;}

.jiemu{ clear:both; float:left; width:1100px; margin:0 20px; margin-top:30px;}
 
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../images/index.jpg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

#scene {
    width: 102%;
    height: 656px;
    left: -1%; 
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.wrapper {
    position: absolute;
    top: 30%;
    left: 50%;
    z-index: 101;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    text-align: center;
}

.layer2 {
    background-image: url(../images/7.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height:676px;
}

.layer1 {
    background-image: url(../images/6.jpg);
    background-position: center;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 656px;
}

@media (max-width:700px) {
    .layer2 {
        background-size: cover;
        background-position: center;
        position: absolute;
        width: 100%;
        height:656px;
    }
    
    .layer1 {
        background-position: center;
        background-size: cover;
        position: absolute;
        width: 100%;
        height:656px;
    }    
    
}