.flbj{ width: 100%; height: auto; border-top:1px solid #ccc;border-bottom:1px solid #ccc; margin-top: 50px;}
.profl{ width: 1450px; margin:auto; height: auto; overflow: hidden;}
.profl ul{ width: 1450px; height: auto;  margin: auto;}
.profl ul li{ width: 130px; height: 530px; border-right:1px solid #ccc; float: left; transition: all 0.3s ease; padding-top: 15px;}
.profl ul li img{ margin-left:20px;}
.profl ul li h2{ font-size: 48px; font-weight: normal; text-align: center; font-family: arial;}
.profl ul li h4{ font-size: 18px; font-weight: normal; text-align: center;}
.profl ul li h1{ width: 56px; height: 56px; border:1px solid #ccc; border-radius: 28px; line-height: 50px; font-size: 38px; text-align: center; font-weight: normal; margin: auto; margin-top: 20px;}
.profl ul li a{ color: #000;}
.profl ul li:hover{ background: #3498DB;}
.profl ul li:hover h2{ color: #fff;}
.profl ul li:hover h4{ color: #fff;}
.profl ul li:hover a{ color: #fff;}









/*6*/
.sz{ width: 34px; height: 34px; margin:20px auto 0px;display: block; background: #d91517; border-radius: 17px; font-size: 14px;  text-align: center; line-height: 34px; color: #fff;}
.dbxx{ width: 65px; height: 2px; background: #065197; margin: auto; display: block; margin-top: 20px;}
.cpbt{ width: 1200px; height: 100px; background: url(../images/cpbt.html) center top no-repeat; margin: auto; padding-top: 55px; }
.cpbt h1{ text-align: center; font-size:30px; font-weight: normal; color: #0e558d;}
.cpbt p{ text-align: center; font-size: 18px;}

.prbj{ width: 100%; height: 130px; background: #0f558d; }

.in_probt{ width: 1200px ; height: 60px; margin:auto; }
.prbtzc{ width: 1000px; float: left; padding-left: 30px; background: url(../images/ico1.png) left center no-repeat; margin-left: 20px; margin-top: 10px;}

.prbtzc h1{ font-size:22px; font-weight: bold; float: left;line-height: 40px;color: #636363; }
.prbtzc ul{ width:800px; float: right;margin-top: 5px;}
.prbtzc ul li{  height:30px; line-height: 30px;  margin-left: 10px; text-align: center; float: left;font-size: 14px; margin-top: 5px;}
.prbtzc ul li:hover{color: #b81f00;}
.prbtzc ul li:hover a{ color: #b81f00; font-weight: bold;}

.prbtyc{ width: 60px; height: 120px; float: right; line-height: 30px; background: #ad0606;text-align: center;z-index: 999; position: relative; margin-bottom: -40px;}
.prbtyc h2{ width: 30px; font-size: 15px; color: #fff; line-height: 24px; text-align: center;  margin:30px auto;}
.prbtyc h2 a{ color: #fff;}

.pro{ width:100%; height:auto; margin:40px auto 0; overflow:hidden;}
.pro_tb{ width: 1200px; height: 410px;  margin: auto;  }

.cptj{ width: 1200px; height: 410px;  float: left;z-index: 9; position: relative;}
.cptj ul{}
.cptj ul li a{ color: #fff; font-size: 14px;}
.tjcp{ width: 228px; height: 332px; float: left; margin-left: 10px;margin-top: 160px;}
.tjcp p{ width: 150px; height: 27px; display: block; line-height: 27px; color: #fff; background: #da1617; z-index: 999; position: relative; margin-top: -50px;}



.probj{ width: 100%; height: auto; overflow: hidden; padding-bottom: 30px;}

.in_pro1{
	width: 1500px;
	margin: auto;
	overflow: hidden;

}

.in_pro1 ul{
	width: 1500px;
	margin-top: 20px;
float: right;
}
.in_pro1 ul li{
	width: 290px;
	height: 365px;
	margin-right: 5px;
	overflow: hidden;
	float: left;
	margin-left: 5px;
}
.in_pro1 ul li a{
	display: block;
	width:290px;
	height: 365px;
	position: relative;
}
.in_pro1 ul li a div{
	


	padding: 10px 20px;
	
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);
}
.in_pro1  h3{
	color: #000;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
}
.in_pro1 ul li a div p{
	margin-top: 15px;
	color: #fff;
	line-height: 24px ;
}
.in_pro1 ul li a div span{
	display: block;
	color: #fff;
	border: 2px solid #fff;
	line-height: 30px;
	width: 80px;
	text-align: center;
	margin-top: 20px;
}
.in_pro1 ul li a:hover div{
	top: 0;
	padding: 30px 20px;
}

.xbn{ width: 100%; height: 215px; background: #3498DB;}
.xbnn{ width: 1200px; height: 215px; margin: auto;}
.xbnzc{ width: 535px; height: 215px; float: left; background: url(../images/xbndh.png) center center no-repeat #a80805;}
.xbnyc{ width:615px; height: 215px; float: right; background: url(../images/yct.png) right bottom no-repeat;}
.xbnyc ul{ width: 330px; height: 155px; background: url(../images/dhico.png) left center no-repeat; float: left; margin-top: 30px; padding-left: 30px; margin-left: 20px;}
.xbnyc ul li{ font-size: 14px; color: #fff; line-height: 30px;}


.albj{ width: 100%; height: auto; background: url(../images/albj.jpg) center top fixed no-repeat ; padding-top: 60px; padding-bottom: 80px; }
.albt{ width: 1200px; height: 105px; margin:auto; background: url(../images/albt.png) center center no-repeat; margin-bottom: 30px;}
.alnr{ width: 1200px; height: auto;margin: auto; overflow: hidden;}
.alnr_top{ width: 1200px; height: 540px; margin: auto;overflow: hidden;}
.alnr_top ul{ width: 1250px; margin: auto; overflow: hidden;}
.alnr_top ul li{ width: 275px; height: 540px; float: left; background: #3498DB; margin-right: 10px; margin-right: 20px;}
.alnr_top ul li:hover{ background: #2b2929;}
.alnr_top ul li img{ width: 275px; height: 240px; float: left;}
.nr_yc{ width: 275px; height: 300px; float: left; display: block;}
.nr_yc .x{width: 60px; height: 5px; background: #fff;margin-left: 20px; margin-top: 20px;}
.nr_yc h1{ height: 53px; font-size: 24px; width: 90%;  text-align: center; border-bottom: 1px solid #fff; border-top:1px solid #fff; color: #fff;line-height:53px; font-weight: normal;  margin: auto;}
.nr_yc h1 a{color: #fff;}
.nr_yc p{  font-size: 18px;margin-left: 20px; color: #fff; text-align: center; margin-top: 35px; font-family: arial; line-height: 40px;}
.nr_yc h2{width: 90%;  margin-left: 20px; font-size: 15px; text-align: center; margin: auto; line-height: 20px; border:1px solid #fff; width: 120px; height: 26px; border-radius: 10px;margin-top: 35px; }
.nr_yc h2 a{ font-size: 15px; color: #fff; font-weight: normal;}






.i-wrap-thi {
height: 560px;
}
.i-wrap-thi .cent-scroll {
  position: relative;
 -moz-user-select: none;
}
.i-wrap-thi .cent-scroll .butn {
  border-radius: 50%;
  box-shadow: 0 0 5px 4px #f6f6f6;
  cursor: pointer;
  display: block;
  height: 72px;
  margin-top: -36px;
  position: absolute;
  top: 50%;
  width: 72px;
  transition: background 0.3s ease 0s;
}
.i-wrap-thi .cent-scroll .prev {
  background: url("ico_point_01.html") no-repeat center center #fff;
  left: 0;
}
.i-wrap-thi .cent-scroll .prev:hover{
  background: url("ico_point_01_h.html") no-repeat center center #267643;
}
.i-wrap-thi .cent-scroll .next {
  background: url("ico_point_02.html") no-repeat center center #fff;
  right: 0;
}
.i-wrap-thi .cent-scroll .next:hover{
  background: url("ico_point_02_h.html") no-repeat center center #267643;
}
.i-wrap-thi .cent-cont {
  margin: 0 auto;
  width: 1100px;
}
.i-wrap-thi .cent-cont .left-rowbox {
   position: absolute;
}
.i-wrap-thi .cent-cont .time {
  margin-top: 0;
  text-align: center;
  width: 312px;
}
.i-wrap-thi .cent-scroll .cent-cont .time, .i-wrap-thi .cent-scroll .cent-cont .line, .i-wrap-thi .cent-scroll .cent-cont .word {
  opacity: 0;
  filter:Alpha(opacity=0);
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
  -webkit-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
}
.i-wrap-thi .cent-cont .year {
  color: #000;
  font-family: "Arial";
  font-size: 104px;
  line-height: 93px;
}
.i-wrap-thi .cent-cont .en-tt {
  color: #393939;
  font-family: "Arial";
  font-size: 19px;
  line-height: 28px;
  margin-top: 5px;
  opacity: 0.5;
  filter:Alpha(opacity=50);
  text-transform: uppercase;
}
.i-wrap-thi .cent-cont .line {
  background-color: #000;
  display: block;
  height: 108px;
  margin-left: 40px;
  margin-top: 12px;
  width: 1px;
}
.i-wrap-thi .cent-cont .word {
  font-size: 14px;
  line-height: 32px;
  width: 670px;
}
.i-wrap-thi .cent-cont .word.pad {
  padding-top: 70px;
}
.i-wrap-thi .cent-cont .boxs {
  display: none;
  position: relative;
  height: 111px;
}
.i-wrap-thi .cent-cont .boxs.active .time, .i-wrap-thi .cent-cont .boxs.active .line, .i-wrap-thi .cent-cont .boxs.active .word {
  opacity: 1;
  filter:Alpha(opacity=100);
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}
.i-wrap-thi .cent-cont .boxs.active .word p{
	margin-top: 12px;
}
.i-wrap-thi .cent-cont .boxs.active .time {
  -webkit-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
}
.i-wrap-thi .cent-cont .boxs.active .line {
  -webkit-transition: all 0.3s ease 0.2s;
          transition: all 0.3s ease 0.2s;
}
.i-wrap-thi .cent-cont .boxs.active .word {
  -webkit-transition: all 0.3s ease 0.4s;
          transition: all 0.3s ease 0.4s;
}
.i-wrap-thi .time-list {
  height: 82px;
  margin-top: 107px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.i-wrap-thi .time-list ul {
  padding-left: 504px;
  position: absolute;
  top: 0;
  background: url("bg_03.html") repeat-x;
}
.i-wrap-thi .time-list li {
 
  cursor: pointer;
  position: relative;
  text-align: center;
  width: 252px;
  float: left;
}
.i-wrap-thi .time-list li i {
  background-color: #dd6c47;
  border-radius: 50%;
  display: none;
  height: 5px;
  left: 70px;
  position: absolute;
  top: 25px;
  width: 5px;
}
.i-wrap-thi .time-list li .year {
  color: #000;
  display: block;
  font-family: "Arial";
  font-size: 27px;
  line-height: 46px;
  text-align: center;
  opacity: 0.3;
  filter:Alpha(opacity=30);
}
.i-wrap-thi .time-list li .year-box {
  height: 46px;
  margin-left: 15px;
  padding-top: 36px;
  width: 120px;
}
.i-wrap-thi .time-list li.active i {
  display: block;
}
.i-wrap-thi .time-list li.active .year {
  opacity: 1;
  filter:Alpha(opacity=100);
}



.w-a {
    width: 1200px;
    margin: 50px auto;
    overflow: hidden;
}
.a-partfi .box {
    padding: 0 50px 0 18px;
    margin: 56px auto 0;
    overflow: hidden;
        position: relative;
        zoom: 1;
}
.scr_con {position:relative;height:330px;width:700px;float: right;}
#dv_scroll{position:absolute;height:310px;overflow:hidden;width:650px; float: right; margin-left: 50px;}
#dv_scroll .Scroller-Container{width:100%;}
#dv_scroll_bar {position:absolute;left:0;top:10px;width:14px;height:310px;border-left:1px solid #B5B5B5;}
#dv_scroll_bar .Scrollbar-Track{position:absolute;left:0;top:20px;width:14px;height:270px;}
#dv_scroll_bar .Scrollbar-Handle{position:absolute;left:-7px;top:0;width:13px;height:29px;overflow:hidden;background:url(../images/srcoll.gif) no-repeat;cursor:pointer;}
#dv_scroll_text {position:absolute;color: #000; line-height: 30px; font-size: 14px;}
.scroll-down {
    position: absolute;
    left: 50%;
    bottom: 23px;
    width: 33px;
    height: 72px;
    margin-left: -17px;
    text-align: center;
    cursor: pointer;
}
.scroll-down span.fi {
    width: 5px;
    height: 5px;
    background: url(../images/bg_sign11.html) no-repeat;
    margin: 0 0 6px 14px;
    animation: scrollDown 1.5s infinite 1.6s;
}





.example{
	width: 1200px;
margin: 30px auto;
	position: relative;
	overflow: hidden;
}
.example ul li{
	width: 150px;
	height: 150px;
	float: left;
	border-radius: 75px;
	background: #0066b1;
	margin: 0px 10px;
	text-align: center;
	margin-bottom: 10px;
	    transition: all 0.5s ease;
}

.example ul li a{
	display: block;
    width: 150px;
    height: 150px;
    display: block;
    transition: all 0.3s ease;
}

.example ul li .xqq{ width: 118px;
height: 118px;
border: 1px solid #f2f7fb;
border-radius:59px ;
margin: 15px auto 0px;
}


.example ul li a:hover{
	background-position: 0 0;
}
.example ul li:hover{	background: #c81624;}
.example ul li .tb{
	display: block;
	width: 65px;
	height: 65px;
	float: left;
	transition: all 0.3s ease;
	margin: 0px 0 0 5px;
}
.example ul .ico1 .tb{
	background: #c81624;
}
.example ul .ico2 .tb{
	background: url(../images/pico1.png) no-repeat 0 0;
}
.example ul .ico3 .tb{
	background: url(../images/pico1.png) no-repeat 0 0;
}
.example ul .ico4 .tb{
	background: url(../images/pico1.png) no-repeat 0 0;
}
.example ul .ico5 .tb{
	background: url(../images/pico1.png) no-repeat 0 0;
}
.example ul .ico6 .tb{
	background: url(../images/pico1.png) no-repeat 0 0;
}
.example ul .ico7 .tb{
	background: url(../images/pico1.png) no-repeat 0 0;
}
.example ul .ico8 .tb{
	background: url(../images/pico1.png) no-repeat 0 0;
}
.example ul .ico9 .tb{
	background: url(../images/pico1.png) no-repeat 0 0;
}

.example ul .ico10 .tb{
	background: url(../images/pico1.png) no-repeat 0 0;
}





.example ul li  .wz{
	width: 95px;
	height: 45px;
	float: left;
	margin:40px 30px 0 10px;
    color: #fff;
    transition: all 0.5s ease;
    text-align: center;
}
.example ul li  .wz b{
	font-size:14px;
}
.example ul li a:hover .tb{
	background-position: 0px -65px;
}
.example ul li a:hover .wz{
	color: #fff;
}


.example .microfiche-bullets{
	display: none;
}
.example .microfiche-button{
	font-size: 0px;
	width: 41px;
	height: 41px;
	border: none;
	padding: 0px;
	background:none;
}
.example .microfiche-prev-button{
	background: url(../images/le.png) no-repeat center;
	position: absolute;
	z-index: 2;	
}
.example .microfiche-next-button{
	background: url(../images/re.png) no-repeat center;
	position: absolute;
	z-index: 2;	
}
.example .microfiche-prev-button{
	top: 50px;
	left: -35px;
}
.example .microfiche-next-button{
	top: 50px;
	right: -35px;
}


.xwbt{ width: 1200px; height: 95px; margin:50px auto 0px; background: url(../images/xwbt.png) center center no-repeat;}

.xwnnr{width: 1200px; height: auto;margin:auto;}
.lbbt{ width: 230px; height: 420px; float:left; background: #eaeaea;}


.new_bj{ background: url(../images/xwbj.jpg) center center no-repeat; width: 100%; height: auto; overflow: hidden;}
.new{ width:1200px; height:auto; overflow:hidden; margin: auto;  }
.new_bt{ width:1200px; height:78px;  margin: auto; text-align: center;}
.new_bt h1{ color: #636363; font-size: 25px;  font-weight: normal; text-align: center; line-height: 30px;}
.new_bt  span{ text-align: center; font-size: 14px; line-height: 30px;}
.tim{  float: left; margin-bottom: 20px;}

.new_nr{ width:1250px; height:auto; margin:30px auto; overflow:hidden;}
.new_nr_fl{ width:545px; height:235px; background: #fff; border:1px solid #ccc; float:left; margin-right: 50px; margin-bottom: 30px; }

.xwbt{ font-size:14px; font-weight: bold; color: #000; line-height: 40px;}
.xwmore{ width: 500px; float:left;overflow:hidden; line-height: 30px; color: #000; font-family: arial;margin-left:20px;}

.xwtop{width: 500px; height: 75px;  float: left;  border-bottom: 1px solid #ccc; margin-top: 30px; margin-bottom: 10px;  }
.xwtop h1{ width:83px; height: 83px; float: left; font-size: 48px; font-weight: normal; margin-left: 15px; text-align: center;}
.xwtop h2{ float: left; width:395px; font-size:24px; font-weight: normal; line-height:45px;}
.xwtop h1 p{ font-size: 14px; text-align: center; line-height: 40px;}

.xwmore  .db{ width: 95%; font-size: 14px; line-height: 24px; margin-top: 20px; text-align: left;}
.xwtop a:hover{ color: #000;}

.ljzx{ width: 1200px; height: 118px; margin: 50px auto 0px;}


.yqbj{ width: 100%; height: 65px; background: #143385;}
.yqlj{ width: 1200px; height: 65px;line-height: 65px; margin:30px auto; font-size: 14px; border-bottom: 1px solid #508cbd;}
.yqlj h1{ font-size: 28px; float: left; font-weight: normal; color: #fff; margin-right:220px;}
.yqlj a{ font-size: 15px; font-weight: bold;color: #fff; margin-right: 30px;}


.foot{ width: 100%; height: auto; overflow: hidden; background: #3498DB; padding-top: 20px; }


.foottopnn{ width: 1200px; height: auto; margin: auto; margin-top: 30px; overflow: hidden;  }



.dbmn{ width:535px; height:325px;line-height:52px;float:left;}
.dbmn ul{ width: 180px; height: 300px; float: left; border-right: 1px solid #df8584; padding-left: 30px;}
.dbmn ul h1{ font-size: 20px; font-weight: normal; color: #fff; margin-left: 20px; background: url(../images/mnx.jpg) left bottom no-repeat; margin-bottom: 10px;}
.dbmn ul li{ width:100px; height:30px; line-height:30px; color:#fff; float:left;font-size:14px; margin-left: 20px; }
.dbmn ul li a{  color:#fff; }
.dbmn ul li:hover a{ color:#fff;}
.dbmn ul li:hover{ background:#c31516;color:#fff;}

.dbmn ul:nth-child(1){ width: 300px; float: left;}



.lxnr{ width: 280px; font-size: 14px; color: #fff; line-height: 30px; }
.ewm{ width: 340px; float: left;}

.fotbot{ width: 100%; height: 50px; background: #a80805; line-height: 50px;text-align: center;}
.fotnr{ width: 1200px; height: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 14px; margin: auto;}


.animated10s { 
-webkit-animation-duration: 1s; 
animation-duration: 1s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated15s { 
-webkit-animation-duration: 1.5s; 
animation-duration: 1.5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated20s { 
-webkit-animation-duration: 2s; 
animation-duration: 2s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated25s { 
-webkit-animation-duration: 2.5s; 
animation-duration: 2.5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated28s { 
-webkit-animation-duration: 2.8s; 
animation-duration: 2.8s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated30s { 
-webkit-animation-duration: 3s; 
animation-duration: 3s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}


.delay1 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.delay2 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.delay3{ -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }
.delay4{ -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.delay5{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }
.delay6{ -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }
.delay7{ -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }
.delay8{ -webkit-animation-delay: 2.0s; animation-delay: 2.0s; }
.delay9{ -webkit-animation-delay: 2.2s; animation-delay: 2.2s; }
.span2,.span3{animation-duration:1.5s;-webkit-animation-duration:1.5s; }
.an-hide{ visibility:hidden;}
.an-show{ visibility:visible}