@charset "gb2312";
/* CSS Document */
html, body{ margin:0;height:100%;  overflow-x:hidden; }
body{ font-size:16px; background-image: url(20171101bg.jpg); background-color: #012215; background-repeat: no-repeat; font-family: "΢���ź�"; }
ul,li{
list-style:none;
}
img{border:0;
}
.clear{	zoom:1;}
.clear:after{ content:"."; display:block; height:0px; clear:both; visibility:hidden; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,pre, form, fieldset, table, th, td {
margin: 0; padding: 0;word-break:break-all;}
a {color:#000;text-decoration:none;}
a:hover {color:#c00;text-decoration:underline;}


/*-----------------font--------------*/

.F14 { font-size:14px;}
.F16 { font-size:16px;}
.F28 { font-size:28px;}

/*-----------------line-height--------------*/
.LH2 { line-height:2em;}
.LH2-2 { line-height:2.2em;}
.LH2-5 { line-height:2.5em;}
.LH3 { line-height:3.7em;}

.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.ml25{ margin-left:25px;}
.mr25{ margin-right:25px;}

.w1000{width: 1000px;}

/*-----------------border--------------*/

.border_all { border:1px solid #e9e9e9;}
.border_b { border-bottom:1px solid #e9e9e9;}

.rel{ position:relative;}
.abs{ position:absolute;}


.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}

.w1200 { width:1200px;}
.auto{ margin:0 auto;}

.title {font-size:16px;color:#c00;line-height:1.7em;font-weight:bold;
}
.time {line-height:1.7em;color:#888;}
.text-d {font-size:14px;line-height:1.7em;color:#444;}

.wc{position:relative; 
	width:100%;
	height:100%;
}
.prolist { 
	position:relative; 
	width:100%; 
	height:100%;
	/*overflow:hidden; */
	z-index:1;
}
.prolist .prolist_content{
 	position:absolute; 
	top:0; 
	left:0;
	width:100%;
	height:100%;
}
.prolist ul{ 
	width:100%;
	height:100%;
}
.prolist ul li { 
    width:100%;
	float:left;
	display:inline;
	height:100%;
    position:relative;
}
.goLeft{
	 left:5%;/*display: none;*/
}
.goRight{
	right:5%; 
}

.goLeft,.goRight{top:61%;z-index:2;position:fixed; cursor: pointer; }


.border_fff{ border:1px solid #fff; float: right; }

.num{position:absolute; z-index:2; left:40%; top:0%; margin-left:-72px; display: none;
}
.num li {cursor:pointer;width:20px;height:20px; float:left; background:#D6EEEE; margin-left: 30px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.num li.first{ background:#fff; color:#28A4A4;}
.num li.act{ background:#EE8640; }
.num li.first.act{ color:#fff!important;}




.jm{color:#5D1A00; font-size:53px; font-family:'Microsoft YaHei';
}
.jm a{color:#5D1A00; font-size:53px; font-family:'Microsoft YaHei';
}
.js{ color:#5D1A00; font-size:14px; line-height:23px;
}


.idx_l{ width:50%; height:100%; text-align:right; background-size:auto 100%; background-image: url(../images/index01.jpg); background-repeat: no-repeat; background-position: right top; background-color: #28A4A4; }
.idx_r{ width:50%; height:100%;}
.idx_r p{ width:60%; font-size:14px; line-height:2em; text-align:left; color:#28A4A4; margin-top:30%; margin-left:3%;}

.bot_bg{ background-image: url(../images/bot01.jpg); background-repeat: no-repeat; background-position: right top; background-color: #28A4A4; }

@media screen and (max-width: 1000px) {
   .idx_l{background:#28A4A4 url(../images/index01.jpg) no-repeat right center; background-size:100% auto;}
}

.sec_l{ width:40%; height:100%; background:#28A4A4;}
.sec_r{ width:60%; height:100%; background:url(../images/scol.jpg) no-repeat right top; background-size:70% auto;}

.sec_box{ width:55%; max-width:480px;float:right; margin-right:5%;}

.year{ width:75%; max-width:409px; margin-top:5%;}
.sec_txt{ color:#fff; font-size:13px;}
.szdj{ margin-top:10%; width:70%; max-width:470px;;}

.box{ position:relative; width:80%;margin-top:30px;}
.box div{ width: 100%!important;}
.box ol{ background:url(../images/dot_line.gif) repeat-y left top;}
.box ol li{ float:none!important; display:list-item; background:url(../images/dot.gif) no-repeat left top;
  padding-left:40px; font-family:'Microsoft YaHei'; color:#fff; padding-bottom:15px;
}
.box ol li strong{ font-size:20px; line-height: 1.5em;}
.box ol li p{ font-size:14px; line-height:2em; margin-top: 15px;}

.up{ position:absolute; right:-55px; top:0; z-index:3;}
.down{ position:absolute; right:-55px; top:10%; z-index:3;}



.pic_y{ width:99%; max-width:995px;}

.pic_box{ width:95%; overflow: hidden; }


.bot_cont{ font-size:11px; margin-top:30%; margin-left:3%; line-height:2em;}

.bot_cont span{ color:#28A4A4; font-size:14px;}

.loading{ width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:10000;}
.loading img{ position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:-40px; z-index:10001;}

.index{}
.index_tbg{ height:600px; }
.index_01{ left:300px; top:150px;}
.pic { margin-top: 48px; margin-left: 53px; }
.index_01 {
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.index_left {
  -moz-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.index_02{
	top: 0px;
	left:0px;
}
.index_03{ left:0; top:325px; width:100%; height:527px; z-index:2;}
.index_04{ right:-100px; bottom:50px;}
.train{
    -webkit-animation-name: train 0.5s 1s;
    -moz-animation: train 0.5s 1s;
    -o-animation: train 0.5s 1s;
    -ms-animation: train 0.5s 1s;
    animation: train 0.5s 1s;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
@-webkit-keyframes train {
  from {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 688px;
  }
}
@-moz-keyframes train {
  from {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 688px;
  }
}
@-o-keyframes train {
  from {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 688px;
  }
}
@-ms-keyframes train {
  from {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 688px;
  }
}
@keyframes train {
  from {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 688px;
  }
}

.index_left{ width: 900px;left: 165px;top: 310px;}
.index_nav{}
.index_nav li{ width: 24.9999%!important; float: left; display: inline;}
.grd{ width: 470px; position:fixed; left: 50%; top: 20px; margin-left: -235px; z-index: 5; display: none;}
.grd li{ }

.index_xw,.index_zd,.index_rw,.index_cs{ cursor: pointer;}
.index_txt{ height: 120px; color: #000000; line-height: 30px; padding-right:10px; margin-top: 20px; }

.two_bg{ background: url(two_bg.jpg) repeat-x left top; height: 860px;
      /*-moz-animation: two_bg 60s linear infinite;
      -webkit-animation: two_bg 60s linear infinite;
      -o-animation: two_bg 60s linear infinite;
      -ms-animation: two_bg 60s linear infinite;
      animation: two_bg 60s linear infinite;
      -moz-backface-visibility: hidden;
          -webkit-backface-visibility: hidden;
          -o-backface-visibility: hidden;
          -ms-backface-visibility: hidden;
          backface-visibility: hidden;
          -moz-transform: translate3d(0,0,0);
          -webkit-transform: translate3d(0,0,0);
          -o-transform: translate3d(0,0,0);
          -ms-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);*/
}

/*@-moz-keyframes two_bg { 
  0% { 
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0); 
    -o-transform: translate3d(0,0,0); 
    -ms-transform: translate3d(0,0,0); 
    transform: translate3d(0,0,0); 
  } 
  100% { 
    -moz-transform: translate3d(-2250px,0,0); 
    -webkit-transform: translate3d(-2250px,0,0); 
    -o-transform: translate3d(-2250px,0,0); 
    -ms-transform: translate3d(-2250px,0,0); 
    transform: translate3d(-2250px,0,0); 
  } 
}
@-webkit-keyframes two_bg { 
  0% { 
    -moz-transform: translate3d(0,0,0); 
    -webkit-transform: translate3d(0,0,0); 
    -o-transform: translate3d(0,0,0); 
    -ms-transform: translate3d(0,0,0); 
    transform: translate3d(0,0,0); 
  } 
  100% { 
    -moz-transform: translate3d(-2250px,0,0); 
    -webkit-transform: translate3d(-2250px,0,0); 
    -o-transform: translate3d(-2250px,0,0); 
    -ms-transform: translate3d(-2250px,0,0); 
    transform: translate3d(-2250px,0,0); 
  } 
}
  @-o-keyframes two_bg { 
    0% { 
      -moz-transform: translate3d(0,0,0); 
      -webkit-transform: translate3d(0,0,0); 
      -o-transform: translate3d(0,0,0); 
      -ms-transform: translate3d(0,0,0); 
      transform: translate3d(0,0,0); 
    } 
    100% { 
      -moz-transform: translate3d(-2250px,0,0); 
      -webkit-transform: translate3d(-2250px,0,0); 
      -o-transform: translate3d(-2250px,0,0); 
      -ms-transform: translate3d(-2250px,0,0); 
      transform: translate3d(-2250px,0,0); 
    } 
  }
  @-ms-keyframes two_bg { 
    0% { 
      -moz-transform: translate3d(0,0,0); 
      -webkit-transform: translate3d(0,0,0); 
      -o-transform: translate3d(0,0,0); 
      -ms-transform: translate3d(0,0,0); 
      transform: translate3d(0,0,0); 
    } 
    100% { 
      -moz-transform: translate3d(-2250px,0,0); 
      -webkit-transform: translate3d(-2250px,0,0); 
      -o-transform: translate3d(-2250px,0,0); 
      -ms-transform: translate3d(-2250px,0,0); 
      transform: translate3d(-2250px,0,0); 
    } 
  }
  @keyframes two_bg { 
    0% { 
      -moz-transform: translate3d(0,0,0); 
      -webkit-transform: translate3d(0,0,0); 
      -o-transform: translate3d(0,0,0); 
      -ms-transform: translate3d(0,0,0); 
      transform: translate3d(0,0,0); 
    } 
    100% { 
      -moz-transform: translate3d(-2250px,0,0); 
      -webkit-transform: translate3d(-2250px,0,0); 
      -o-transform: translate3d(-2250px,0,0); 
      -ms-transform: translate3d(-2250px,0,0); 
      transform: translate3d(-2250px,0,0); 
    } 
  }*/

.two_train{ top: 639px; left: 226px;}
.two_tree{ width: 100%; height:147px; left: 0; top:608px; z-index: 2; background-image: url(two_tree.png); background-repeat: repeat-x; background-position: left top; }
.two_lcj{ left: 400px; top: 746px; z-index: 3;}
.win_pos{left: 129px; top: 104px; z-index: 4;}
.News_bg{ width: 953px; height: 603px; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -o-animation-delay: 0.3s; -ms-animation-delay: 0.3s; animation-delay: 0.3s; background-image: url(two_window.png); }



.city_l{ width:953px; max-width: 953px; height: 603px; top: 88px; z-index: 4; text-align: center; }
.city_r{width:49%;max-width: 748px;height: 537px;right: 2%; top: 88px; z-index: 4;}

.ct_a01,.ct_b01,.ct_c01,.ct_d01,.ct_e01,.ct_f01,.ct_g01,.ct_h01,.ct_i01,.ct_j01,.ct_k01,.ct_l01,.ct_m01,.ct_n01{ width: 953px; height: 603px; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -o-animation-delay: 0.3s; -ms-animation-delay: 0.3s; animation-delay: 0.3s; background-image: url(two_window.png); }

.ct_a02,.ct_b02,.ct_c02,.ct_d02,.ct_e02,.ct_f02,.ct_g02,.ct_h02,.ct_i02,.ct_j02,.ct_k02,.ct_l02,.ct_m02,.ct_n02{
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  animation-delay: 0.5s;  
}

.tj_bg{ background: url(../images/tj_bg.png) no-repeat left top;width: 953px;height: 603px;
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.cs_bg{ background: url(../images/cs_bg.png) no-repeat left top;width: 953px;height: 636px;top:70px;
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.lc_left,.last{ 
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.lc_right{ 
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.cs_pic01{left:24px; top: 144px;}
.cs_txt01{left:327px; top: 140px; width: 390px;height: 130px; line-height: 2em;}
.cs_pic02{left:573px; top: 321px;}
.cs_txt02{left:212px; top: 350px; width: 328px;height: 145px; line-height: 2em;}


.last{width: 562px;height: 282px;left: 330px; top: 167px;}

.copyright{ width: 100%; height:150px; line-height: 26px; color:#CCCCCC; background-color: #012215; }