/* CSS Document */
.sitegg{width:100%; height:auto; padding:10px 0 10px 0; background:#ffc056; margin-top:40px;}
.sitegg ul{width:1200px; height:auto; margin:0 auto; background:url(../images/gonggao.png) no-repeat top left; overflow:hidden;}
.sitegg ul li{ margin-left:100px; line-height:24px; color:#000;}
.sitegg ul li a{ color:#9f3124;}

.main{width:1200px; height:auto; margin:0 auto;}
.main .zixunBox{width:100%; height:400px; overflow:hidden; margin-top:50px;}
.main .zixunBox .zxflash{width:600px; height:100%; overflow:hidden; float:left; position: relative;  font-family:Arial; text-align: left; background:#fff; }
.zxflash .pic img { width: 600px; height: 100%; display: block; }
.zxflash .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.zxflash .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.zxflash .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.zxflash .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.zxflash .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.zxflash .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.zxflash .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.zxflash .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.zxflash .num li.on a,.focusBox .num a:hover{ background:#f60;  }

.main .zixunBox .newsBox{width:580px; float:right; height:100%; overflow:hidden;}
.main .zixunBox .newsBox small{ display:block; width:100%; height:50px; background:url(../images/h.jpg) no-repeat bottom;}
.main .zixunBox .newsBox small a{ float:right; padding:4px 8px 4px 8px; background:#f5f5f5; margin:8px 8px 0 0;}
.main .zixunBox .newsBox small a:hover{ background:#ececec;}
.main .zixunBox .newsBox ul{width:100%; height:auto; border-bottom:1px dashed #dedede; overflow:hidden; padding:20px 0 20px 0;}
.main .zixunBox .newsBox ul img{width:190px; height:110px; float:left; padding-right:20px;}
.main .zixunBox .newsBox ul h2{ font-size:16px; padding-bottom:10px;}
.main .zixunBox .newsBox ul h2 a{ color:#000;}
.main .zixunBox .newsBox ul p{ text-indent:2rem; line-height:24px;}
.main .zixunBox .newsBox li{ display:block; width:100%; height:80px; padding:10px; background:#f5f5f5; margin-top:16px;}
.main .zixunBox .newsBox li span{ display:block; float:left; font-size:16px; width:80px; height:100%; border-right:1px solid #666; text-align:center; font-weight:bold;}
.main .zixunBox .newsBox li span b{ font-size:30px;}
.main .zixunBox .newsBox li h2{ margin-bottom:6px; width:470px; overflow:hidden; float:right;}
.main .zixunBox .newsBox li h2 a{ font-size:16px; margin-left:20px; color:#000}
.main .zixunBox .newsBox li p{ padding-left:20px; width:470px; float:right;}

.newslist{width:1200px; height:auto; margin-top:60px; margin-bottom:60px; overflow:hidden;}
.newslist ul{padding: 10px; }
.newslist ul li{display: block; with:100%; height: 165px; overflow: hidden; margin-top: 30px; border-bottom: 1px dashed #e4e4e4;}
.newslist ul li img{display: block; width:220px; border-radius: 5px; height: 150px; overflow: hidden; float: left;}
.newslist ul li dl{ display: block; width:76%;float: left; margin-left: 20px; overflow: hidden;}
.newslist ul li dl h3{ width:100%; height: 40px; font-size: 18px; font-weight: 400; color: #000;}
.newslist ul li dl h3:hover{color: #2764a6;}
.newslist ul li dl span{display: block; width:100%; height: 24px; line-height: 24px; font-size: 14px; color: #666;}
.newslist ul li dl p{line-height: 26px; color: #666;margin-top: 10px;}

.main .renchai{ display: none;width:1200px; height:auto; margin-top:60px; margin-bottom:60px; background:url(../images/rctitle.jpg) no-repeat top center; overflow:hidden;}
.main .renchai .rctable{ width:100%; height:auto; margin-top:100px; overflow:hidden;}
.main .renchai .rctable .hd{width:260px; height:40px; line-height:40px;position:relative; margin:0 auto;}
.main .renchai .rctable .hd ul{ position:absolute;width:100%; height:100%; }
.main .renchai .rctable .hd ul li{ float:left; display:block; width:120px; margin-left:10px; height:38px; text-align:center; overflow:hidden;cursor:pointer; border:1px solid #cccccc; color:#333;}
.main .renchai .rctable .hd ul li.on{ height:38px;  background:#ffc056; border:1px solid #ffc056; color:#FFF; }
.main .renchai .rctable .bd{width:100%; height:320px; background:#e7e7e7; padding:20px; margin-top:20px; overflow:hidden;}
.main .renchai .rctable .bd ul{zoom:1;width:100%; height:100%; overflow:hidden;  }
.main .renchai .rctable .bd ul img{width:1160px; height:280px;}

.main .renchai .contact span{ display:block; width:100%; font-size:18px; height:30px; line-height:30px; text-align:center; margin-bottom:30px; }
.main .renchai .contact .lxinfo{width:36%; height:80%; border-right:1px solid #CCC; float:left;}
.main .renchai .contact .lxinfo p{ line-height:40px; font-size:16px;}
.main .renchai .contact .ustable{width:64%; height:80%; overflow:hidden; float:left; padding-left:30px;}
.main .renchai .contact .ustable input, .main .renchai .contact .ustable textarea{ border:1px solid #dbdbdb; background:#efefef; outline:none; color:#999; text-indent:6px;}
.main .renchai .contact .ustable input{ height:24px;}
.main .renchai .contact .ustable #submitly{ display:block; width:80px; height:40px; border-radius:5px; cursor:pointer; color:#000;}
.main .renchai .contact .ustable #submitly:hover{ display:block; width:80px; height:40px; border-radius:5px; cursor:pointer;background:#FFF;}

.main .hedong{width:100%; background: #E8E8E8; overflow:hidden; margin-top:0px;}
.main .hedong .hdBox{width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:50px;}
.main .hedong .hdBox h1{ width:100%; text-align:center; font-size:26px; font-weight:400; color:#000;}

/*时间轴代码*/
.cd-container {width: 100%;max-width: 1200px;margin: 0 auto;}
.cd-container::after {content: '';display: table;clear: both;}
#cd-timeline {position: relative;margin-top:6em;}
#cd-timeline::before { content: '';position: absolute;top: 0;left: 18px;height: 96%;width: 4px;background:#FFF;}@media only screen and (min-width: 1170px) {
#cd-timeline::before {left: 50%;margin-left: -2px;}}
.cd-timeline-block {position: relative;top:-30px;}
.cd-timeline-block:after {content: "";display: table;clear: both;}
.cd-timeline-block:first-child {margin-top: 0;}
.cd-timeline-block:last-child {margin-bottom: 0;}
@media only screen and (min-width: 1170px) {
	.cd-timeline-block {margin: 2em 0;}
  .cd-timeline-block:first-child {margin-top: 0;}
  .cd-timeline-block:last-child {margin-bottom: 0;}
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  -background: #75ce66; background:#6a6a6a;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

.cd-timeline-content {position: relative;background:#FFF;border-radius: 0.25em;box-shadow: 0 2px 0 #d7e4ed;}
.cd-timeline-content:after {content: "";display: table;clear: both;}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 12px;
}
.cd-date{ color:#303e49; font-size:16px; font-size:1.2rem; font-weight: bold;}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 0.5em 0;
  line-height: 1.6rem;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .3em .3em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;  
}
a.cd-read-more:hover{text-decoration:none; background-color: #424242;  }
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 16px;
  }
  .cd-timeline-content p {
    font-size: 14px;
    font-size: 0.8rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
.look_more{width:100%; height:80px; overflow:hidden; position:relative;}
.look_more a{ display:block; width:120px; height:50px; text-align:center; position:absolute; left:45%; border-radius:.5em; background:#fdbe54; z-index:999; line-height:50px; color:#000; font-size:16px;}
.look_more a:hover{ display:block; width:120px; height:50px; text-align:center; position:absolute; left:45%; border-radius:.5em; background:#FFF; z-index:999; line-height:50px; color:#000; font-size:16px;}