body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote{margin:0px;padding:0px;font-size:12px;text-align:left; font-family:"Microsoft Yahei"!important;}
ul,ol ,li {list-style:none;}
body{margin:0px; padding:0px; color:#666; font-family:"Microsoft Yahei"!important;}
a{color: #666; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: none;}
a img { border:0;}
td,th{ font-size:12px;}
/* end reset */

.fl{ float:left}
.fr{ float:right!important}
.fn{ float:none}

.clear{ clear:both}
.clearleft{clear:left}
.clearright{clear:right}
.over{overflow:hidden}

.displayinline{ display:inline}

.ie6haslayout{zoom:1}

.pos_abs{ position:absolute}
.pos_rel{ position:relative}
.pos_sta{ position:static}
.box_none{ display:none}
.box_block{ display:block}
.box_inline{ display:inline}

.pt5{ padding-top:5px}
.pt10{ padding-top:10px}
.pt15{ padding-top:15px}
.pt20{ padding-top:20px}
.pt30{ padding-top:30px}
.pt40{ padding-top:40px}
.pt50{ padding-top:50px}
.pt60{ padding-top:60px}

.pl5{ padding-left:5px}
.pl10{ padding-left:10px}
.pl15{ padding-left:15px}
.pl20{ padding-left:20px}
.pl25{ padding-left:25px}
.pl35{ padding-left:35px}
.pl80{ padding-left:100px}
.pl130{ padding-left:250px}

.pr5{ padding-right:5px}
.pr10{ padding-right:10px}
.pr15{ padding-right:15px}
.pr20{ padding-right:20px}
.pr25{ padding-right:25px}
.pr32{ padding-right:32px}

.pb0{ padding-bottom:0px}
.pb7{ padding-bottom:7px}
.pb5{ padding-bottom:5px}
.pb10{ padding-bottom:10px}
.pb13{ padding-bottom:13px}
.pb15{ padding-bottom:15px}
.pb20{ padding-bottom:20px}

.mt3{ margin-top:3px}
.mt5{ margin-top:5px}
.mt6{ margin-top:6px}
.mt-5{ margin-top:-5px}
.mt10{ margin-top:10px}
.mt12{ margin-top:12px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.mt22{ margin-top:22px}
.mt30{ margin-top:30px}

.ml5{ margin-left:5px}
.ml10{ margin-left:10px}
.ml8{ margin-left:8px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}
.ml30{ margin-left:30px}
.ml70{ margin-left:70px}

.mr5{ margin-right:5px}
.mr6{ margin-right:6px}
.mr10{ margin-right:10px}
.mr15{ margin-right:15px}
.mr20{ margin-right:20px}
.mr91{ margin-right:91px}
.mr25{ margin-right:25px}
.mr30{ margin-right:30px}
.mr35{ margin-right:35px}

.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}

/* end gm */
.font_12px{ font-size:12px}
.font_13px{ font-size:18px}
.font_14px{ font-size:14px}
.font_line_12{ line-height:1.2em}
.font_line_15{ line-height:1.5em}
.font_line_18{ line-height:1.8em}
.font_line_18{ line-height:18px; color:#999999}
.font_line_22{ line-height:22px;}
.font_line_30{ line-height:30px;}
.txt_algin{ text-align:center}
.txt_right{ text-align:right}

.font_line_24{ line-height:24px;}
/* end font */

/* end message */
.top{ width: 100%; height: 40px; background: #2d2d2d;}
.topnn{ width: 1200px; height: 40px; margin: auto; overflow: hidden;}
.top_lt{ width:585px; height:40px; line-height: 40px; float:left;font-weight: bold; color: #fff;}
.top_rt{ width:200px; height:40px; color:#fff; line-height: 32px;  float:right;font-weight: bold;}
.top_rt a{ color:#fff; font-weight: bold;}
.headbj{ width: 100%; height: 100px; background: #fff;}
#head11{width:1200px; height:00px; margin:0px auto;z-index: 999; position: relative;}


/*end Notice*/
.header11{ width:150px; height: 100px; float:left; }
.header11 ul{}
.header11 .logo{ overflow:hidden}
.header11 .logo img{ margin-left: 10px;}




.menu{ width: 100%; height: 55px; background: #f0f0f0; text-align: center;}
.nav{width:1200px; height:55px;line-height:55px; margin: auto;}
.nav a{text-decoration:none;}.
.nav_main{ width:960px; margin:auto;height:55px;background:#FFF ;position:relative;}
#nav_all{height:55px;float:left;line-height:55px;position:relative;z-index:222;}
#nav_all li{text-align:center;float:left; width: 145px;}
#nav_all li a{color:#000;display:inline-block;font-size:14px;cursor:pointer;_padding:0 10px;height:50px;line-height:50px;white-space:nowrap;border-left: none; }
#nav_all li a:hover{line-height:55px; height:55px; width:145px; display: block; text-align:center;overflow:hidden; color: #fff; background: #0083c7;  border-left: none;}

#nav_all li ul{display:none;position:absolute;z-index:999;width:195px;top:55px; background: #fff; padding-bottom: 10px;}
#nav_all ul li{background-image:none; width:195px;line-height:32px;height:32px;padding-top:0px;padding:0; border-bottom: 1px dotted #ccc;}
#nav_all ul li a{background-image:none;width:195px;text-align:center;height:32px;line-height:32px;color:#000;font-weight:normal;border:none;}
#nav_all ul li a:hover{background-image:none;width:145px;height:32px;margin:0px auto;display:block;line-height:32px;color:#fff; text-align:center;background:#0083c7;border-top:none; border-radius: none;}



.banner{ height:650px;
overflow:hidden;
	
	position: relative; 
	min-width:1024px; 
	max-width:100%;
	}
.bwrap{
	position: relative; 
	z-index: 0;
	 }
.bquery{
	position: relative; 
	z-index: 0; 
	height: 650px; 
	}
.blist{
	display: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 0; 
	height:650px; 
	font-size: 0; 
	line-height: 0; 
	}
.blist a{
	display: block; 
	position: absolute; 
	left: 0; 
	top: 0; 
	}
.blist img{ 
}

.bfilter{
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 9; 
	width: 100%; 
	height:650px; 
	font-size: 0; 
	line-height: 0; 
	}
.bfilter a{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 5%; 
	height: 650px; 
	overflow: hidden;
	}
.bfilter a img{
	position: absolute; 
	left: 0; 
	top: 0; 
	}

.bctrl{
	position: absolute; 
	bottom: 15px; 
	left: 0; 
	z-index: 9; 
	width: 100%; 
	height: 24px; 
	}
.bctrli{
	text-align: center; 
	font-size: 0; 
	line-height: 0; 
	}
.bctrli a{
	display: inline-block; 
	width: 24px; 
	height: 24px; 
	margin: 0 5px; 
	background: url(../images/banner_control.png) no-repeat left center; 
	}
.bctrli a:hover,
.bctrli a.curr{
	background-position: right center;
	 }
.bctrli a{
	*display: inline; 
	*zoom: 1; 
	}
	
	
.home_pro {
  background: url(../images/bg.jpg);
  padding: 2% 0px;
  height: auto;
  overflow: hidden;
}
.home_pro .pro_nei {
  max-width: 1200px;
  width: 98%;
  margin: auto;
}
.pro_com {
  padding-top: 1%;
}
.pro_com .p_left {
  width: 589px;
  height:473px;
  overflow: hidden;
  float: left;
  position: relative;
}
.pro_com .p_left i {
  display: block;
  padding-bottom: 79.3103448275862%;
}
.pro_com .p_left .zhe_a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/zhe_bg.png);
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  padding: 30% 0px;
  display: none;
}
.pro_com .p_left .zhe_a img {
  max-width: 100%;
  max-height: 100%;
}
.pro_com .p_left .zhe_a span {
  display: block;
  color: #fff;
  width: 98%;
  margin: auto;
}
.pro_com .p_left .zhe_a .zw {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  margin-top: 1%;
}
.pro_com .p_left .zhe_a .yw {
  font-family: AvantGardeBook;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.pro_com .p_left:hover .zhe_a {
  display: block;
}
.pro_com .p_right {
  width: 49.8%;
  float: right;
}
.pro_com .p_right ul li {
  width: 49.5%;
  height: 230px;
  overflow: hidden;
  float: left;
  margin-right: 1%;
  margin-bottom: 0.1%;
  position: relative;
}
.pro_com .p_right ul li:nth-child(2n+2) {
  margin-right: 0px;
}
.pro_com .p_right ul li .pic {
  position: relative;
}
.pro_com .p_right ul li .pic i {
  display: block;
  padding-bottom: 79.3103448275862%;
}
.pro_com .p_right ul li .zhe_a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/zhe_bg.png);
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  padding: 20% 0px;
  display: none;
}
.pro_com .p_right ul li .zhe_a img {
  max-width: 100%;
  max-height: 100%;
}
.pro_com .p_right ul li .zhe_a span {
  display: block;
  color: #fff;
  width: 98%;
  margin: auto;
}
.pro_com .p_right ul li .zhe_a .zw {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  margin-top: 1%;
}
.pro_com .p_right ul li .zhe_a .yw {
  font-family: AvantGardeBook;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.pro_com .p_right ul li:hover .zhe_a {
  display: block;
}
@media (max-width: 768px) {
  .pro_com .p_left {
    width: 100%;
    margin-bottom: 0px;
  }
  .pro_com .p_right {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .pro_com .p_right {
    width: 100%;
  }
  .pro_com .p_right ul li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
.top_all {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.top_all h3 {
  border-bottom: 3px solid #0083c7;
  font-size: 28px;
  color: #333333;
  width: 120px;
  line-height: 50px;
  text-align: center;
  height: 50px;
  overflow: hidden;
  margin: auto;
}
.top_all span {
  font-family: AvantGardeBook;
  color: #afafaf;
  font-size: 14px;
  display: inline-block;
  margin-top: 10px;
}
.top_all:after {
  content: url(../images/you.png);
  position: absolute;
  right: 0px;
  bottom: 5px;
}
.top_all:before {
  content: url(../images/zuo.png);
  position: absolute;
  left: 0px;
  bottom: 5px;
}
@media (max-width: 768px) {
  .top_all:after {
    display: none;
  }
  .top_all:before {
    display: none;
  }
}	
	

	
	
.ldzc{ width: 100%; height: 525px; background: url(../images/about_bg.jpg) left center repeat-x;}

.jjnr{ width: 1200px; height: auto;margin: auto; overflow: hidden;padding-bottom:50px;}
.jjnrt{ width: 580px; float: right; padding-top: 20px;}
.jjnrt h1{ font-size: 18px; font-weight: bold; float: left; text-align: left; margin-bottom: 30px;}
.jjnrt p{ width: 560px; float: right;margin-right: 20px; font-size: 14px; color: #fff; line-height: 24px;}
.jjmore{ width: 130px; height: 35px; background: #fe9d00; float: left; text-align: center; line-height: 35px;  margin-top: 20px;}
.jjmore a{ color: #fff;}

.span_y {
  font-family: FuturaCondensedNormal;
  font-size: 34px;
  width: 98%;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  color: #fff;
  margin-top: 80px;
}
.span_z {
  font-size: 24px;
  line-height: 24px;
  height: 24px;
  width: 98%;
  overflow: hidden;
  color: #fff;
  margin-bottom: 15px;
}




.jjt{ width: 564px; height: 414px; float: left; margin-top:30px; background: url(../images/about_a_bg.jpg) left center no-repeat;}
.jjt img{ margin-top: 60px; margin-left: 70px;}


.qyys{ width: 100%; height: 320px; background: #094faf; margin-top: 40px;}
.qyysnr{ width: 1200px; height: auto;margin: auto; }
.qyys ul{}
.qyys ul li{ width: 250px; float: left; border-right: 1px solid #326bbc; margin: 20px; text-align: center;}
.qyys ul li img{ text-align: center; margin-top: 15px; }
.qyys ul li h1{ text-align: center;color: #fff; font-size: 30px; margin-bottom: 10px;}
.qyys ul li span{ text-align: center; color: #fff; display: block; width: 86%; font-size: 12px; font-weight: bold;line-height: 24px;}


.home_news {
  background: #ffffff;
  padding: 2% 0px 1%;
  overflow: hidden;
}
.home_news .top_all {
  margin-bottom: 2%;
}
.home_news .news_com {
  max-width: 1200px;
  margin: auto;
  width: 98%;
}
.home_news .news_com .n_left {
  width: 44.5%;
  float: left;
  position: relative;
}
.home_news .news_com .n_left .imgd {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
  height: 144px;
}
.home_news .news_com .n_left .imgd i {
  display: block;
  padding-bottom: 25.89118198874296%;
}
.home_news .news_com .n_left .imgd img {
  transition: 0.3s;
}
.home_news .news_com .n_left .imgd img:hover {
  transform: scale(1.1);
}
.home_news .news_com .n_left .imgd .ri {
  position: absolute;
  background: #0083c7;
  z-index: 9999;
  top: 0px;
  left: 0px;
  color: #fff;
  font-family: AvantGardeITCbyBT-Book;
  padding: 5px 10px;
  max-width: 99px;
}
.home_news .news_com .n_left .imgd .ri i {
  font-style: normal;
  font-size: 40px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  width: 98%;
  margin: auto;
  display: block;
  text-align: center;
  overflow: hidden;
}
.home_news .news_com .n_left .imgd .ri time {
  font-size: 13px;
  width: 98%;
  margin: auto;
  display: block;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
@media (max-width: 480px) {
  .home_news .news_com .n_left .imgd .ri i {
    font-size: 20px;
    height: 25px;
    line-height: 25px;
  }
  .home_news .news_com .n_left .imgd .ri time {
    font-size: 10px;
  }
}
.home_news .news_com .n_left h4 {
  color: #333333;
  font-size: 18px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  width: 100%;
}
.home_news .news_com .n_left h4 a:hover {
  color: #0083c7;
}
.home_news .news_com .n_left p {
  font-size: 14px;
  max-height: 80px;
  color: #666;
  line-height: 20px;
  margin: 10px 0px;
  overflow: hidden;
}
.home_news .news_com .n_left .more {
  width: 160px;
  height: 36px;
  background: #0083c7;
  display: block;
  text-align: center;
  line-height: 36px;
  color: #fff;
  font-size: 12px;
  margin-top: 20px;
  transition: 0.3s;
}
.home_news .news_com .n_left .more:hover {
  background: #fe9d00;
}
.home_news .news_com .n_right {
  width: 52.5%;
  float: right;
}
.home_news .news_com .n_right ul li {
  border-bottom: 1px solid #ededed;
  padding: 10px 0px;
  height: 80px;
}
.home_news .news_com .n_right ul li .ri {
  width: 15%;
  float: left;
  font-family: AvantGardeITCbyBT-Book;
  max-width: 90px;
  color: #a4a4a4;
  font-weight: 500;
  text-align: center;
}
.home_news .news_com .n_right ul li .ri i {
  font-style: normal;
  font-size: 50px;
  font-weight: 700;
  height: 48px;
  line-height: 48px;
  width: 98%;
  margin: auto;
  display: block;
  overflow: hidden;
  margin-bottom: 3px;
}
.home_news .news_com .n_right ul li .ri time {
  font-size: 17px;
  width: 98%;
  margin: auto;
  display: block;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
.home_news .news_com .n_right ul li .wen_nei {
  width: 84%;
  float: right;
}
.home_news .news_com .n_right ul li .wen_nei h4 {
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  color: #333333;
  margin-bottom: 6px;
  overflow: hidden;
  width: 100%;
}
.home_news .news_com .n_right ul li .wen_nei p {
  color: #666;
  font-size: 12px;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
}
.home_news .news_com .n_right ul li:last-child {
  border-bottom: none;
}
.home_news .news_com .n_right ul li:hover .wen_nei h4 {
  color: #0083c7;
}
@media (max-width: 768px) {
  .home_news .news_com .n_left {
    width: 100%;
    margin-bottom: 10px;
  }
  .home_news .news_com .n_right {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .home_news .news_com .n_right ul li .ri {
    width: 20%;
  }
  .home_news .news_com .n_right ul li .ri i {
    font-size: 36px;
    height: 40px;
    line-height: 40px;
  }
  .home_news .news_com .n_right ul li .ri time {
    font-size: 12px;
  }
  .home_news .news_com .n_right ul li .wen_nei {
    width: 79%;
  }
}




.links {
  border-top: 1px solid #e8e8e8;
  padding-top: 10px;
  margin-top: 5%;
  width: 1200px;
  height: 50px;
  margin: auto;
  overflow: hidden;
}
.links span {
  width: 5%;
  max-width: 60px;
  float: left;
  background: url(../images/link_bg.jpg) no-repeat left top;
  display: block;
  line-height: 32px;
  color: #333333;
  font-size: 14px;
}
.links .link_a {
  width: 94%;
  float: right;
  line-height: 32px;
}
.links .link_a a {
  display: inline-block;
  padding: 0px 5px;
  line-height: 32px;
  font-size: 14px;
  color: #666;
}
.links .link_a a:hover {
  color: #0083c7;
}
@media (max-width: 768px) {
  .links span {
    width: 10%;
    float: left;
  }
  .links .link_a {
    width: 84%;
    float: right;
  }
}
@media (max-width: 640px) {
  .links span {
    width: 100%;
  }
  .links .link_a {
    width: 100%;
  }
}
.footer {
  background: #353535;
  width: 100%;
 
}
@media (max-width: 768px) {
  .footer {
    padding-bottom: 90px;
  }
}



.footer_com {
  max-width: 1200px;
  width: 98%;
  margin: auto;
  padding: 2% 0px;
  overflow: hidden;
}
.footer_com .di_nav {
  width: 660px;
  height: auto;
  float: left;
  overflow: hidden;
}
.footer_com .di_nav li {
  width: 135px;
  float: left;
  border-left: 1px solid #4a4a4a;
  padding-left: 15px;
}
.footer_com .di_nav li a {
  display: block;
  color: #959595;
  font-size: 12px;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  width: 100%;
}
.footer_com .di_nav li a:hover {
  color: #0083c7;
}
.footer_com .di_nav li .tit {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  width: 100%;
  color: #fff;
  margin-bottom: 10px;
}
.footer_com .er_right {
  width: 40%;
  float: right;
}
.footer_com .er_right .er {
  width: 22%;
  float: left;
}
.footer_com .er_right .er .pic {
  position: relative;
}
.footer_com .er_right .er .pic i {
  display: block;
  padding-bottom: 100%;
}
.footer_com .er_right .er .pic img {
  padding: 10px;
  border: 1px solid #606060;
  box-sizing: content-box;
}
.footer_com .er_right .er .text {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  padding-left: 10px;
}
.footer_com .er_right .er .text span {
  display: block;
  line-height: 25px;
  height: 25px;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
}
.footer_com .er_right .er .text span:last-child {
  color: #aeaeae;
  font-size: 12px;
}
.footer_com .er_right .dian {
  width: 55%;
  background: url(../images/di_dian.png) no-repeat left;
  float: right;
  padding-left: 52px;
}
.footer_com .er_right .dian span {
  display: block;
  color: #fff;
  font-size: 16px;
}
.footer_com .er_right .dian a {
  display: block;
  color: #ff9a00;
  font-size: 31px;
  font-family: Pabloco;
}
@media (max-width: 768px) {
  .footer_com .di_nav {
    display: none;
  }
  .footer_com .er_right {
    width: 100%;
    padding: 2% 0px;
  }
  .footer_com .er_right .er {
    width: 30%;
  }
  .footer_com .er_right .er .pic i {
    padding-bottom: 31.25%;
  }
  .footer_com .er_right .dian {
    width: 60%;
  }
}
@media (max-width: 480px) {
  .footer_com .er_right .er {
    width: 100%;
  }
  .footer_com .er_right .er .text {
    padding-left: 0px;
  }
  .footer_com .er_right .dian {
    width: 100%;
    display: none;
  }
  .footer_com .er_right .dian span {
    font-size: 14px;
  }
  .footer_com .er_right .dian a {
    font-size: 18px;
  }
}
.copy {
  max-width: 1200px;
  overflow: hidden;
  width: 98%;
  margin: auto;
  border-top: 1px solid #484848;
  padding: 5px 0px;
  color: #7a7a7a;
  font-size: 12px;
}
.copy .amap {
  float: left;
}
.copy .amap:hover {
  color: #0083c7;
}
.copy span {
  width: 60%;
  display: inline-block;
}
.copy .y_a {
  float: right;
}
.copy .y_a .map {
  margin-right: 10px;
  display: none;
}
.copy .y_a .map:hover {
  color: #0083c7;
}
@media (max-width: 640px) {
  .copy {
    text-align: center;
  }
  .copy .amap {
    display: none;
  }
  .copy span {
    width: 100%;
  }
  .copy .y_a {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  .copy .y_a .map {
    display: inline-block;
  }
}






.lx{ width: 100%; height: 95px; background: #072fa8; }
.lxnr{ width: 1200px; margin: auto;}
.lx ul { width: 1300px;}
.lx ul li{ width: 380px; height: 95px; float: left; background: url(../images/x.jpg) right center no-repeat; color: #fff; padding: 0px 15px 0px;}
.dzlt{ float: left; margin-top: 20px; font-size: 14px; line-height: 24px;}
.dzlt h1{font-size: 18px;}
.dzico{ float: right;margin-top: 15px; margin-right: 40px;}


.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.png") no-repeat center center #fff;
  left: 0;
}
.i-wrap-thi .cent-scroll .prev:hover{
  background: url("ico_point_01_h.png") no-repeat center center #267643;
}
.i-wrap-thi .cent-scroll .next {
  background: url("ico_point_02.png") no-repeat center center #fff;
  right: 0;
}
.i-wrap-thi .cent-scroll .next:hover{
  background: url("ico_point_02_h.png") 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.jpg") 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.png) 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: 210px;
	height: 70px;
	float: left;
	background: #d0d0d0;
	margin: 0px 10px;
	text-align: center;
	margin-bottom: 10px;
}

.example ul li a{
	display: block;
    width: 210px;
    height: 70px;
    display: block;
    transition: all 0.3s ease;
}
.example ul .ico1 a{
	background: url(../images/pbj1.jpg) no-repeat  0 -152px;
}
.example ul .ico2 a{
	background: url(../images/pbj2.jpg) no-repeat  0 -152px;
}
.example ul .ico3 a{
	background: url(../images/pbj3.jpg) no-repeat  0 -152px;
}
.example ul .ico4 a{
	background: url(../images/pbj4.jpg) no-repeat  0 -152px;
}
.example ul .ico5 a{
	background: url(../images/pbj5.jpg) no-repeat  0 -152px;
}
.example ul .ico6 a{
	background: url(../images/pbj6.jpg) no-repeat  0 -152px;
}
.example ul .ico7 a{
	background: url(../images/pbj7.jpg) no-repeat  0 -152px;
}
.example ul .ico8 a{
	background: url(../images/pbj8.jpg) no-repeat  0 -152px;
}
.example ul .ico9 a{
	background: url(../images/pbj9.jpg) no-repeat  0 -152px;
}
.example ul .ico10 a{
	background: url(../images/pbj10.jpg) no-repeat  0 -152px;
}




.example ul li a:hover{
	background-position: 0 0;
}

.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: url(../images/pico1.png) no-repeat 0 0;
}
.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: 115px;
	height: 45px;
	float: left;
	margin:22px 0 0 0px;
    color: #737474;
    transition: all 0.5s ease;
}
.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;
}


.pro_bt{ width: 1200px; height: 185px; margin: auto; background: url(../images/cpbt.jpg) center center no-repeat;}

.pro_nn{ width:1200px; height:auto;margin:auto; overflow:hidden;}
.pro_nn ul{ width:1250px; height:auto; margin:auto;}
.pro_nn ul li{ height:300px; float:left; margin-right:20px; }
.pro_nn ul li img{display: block;width: 100%; height:220px;position: relative;overflow: hidden; }

.pro_nn ul li .img{ display:block; overflow:hidden; width:270px; height:220px; }
.pro_nn_bt{ width:270px; height: 50px; line-height:50px;float:left; text-align: center;  font-size: 16px; background: #094faf;}


.pro_nn_bt a{color: #fff;}

.tpmore{ width: 32px; height: 32px; line-height: 32px; background: #db4e18; z-index: 999; position: relative;margin-top: 100px; border-radius: 16px; text-align: center; font-size: 16px; margin: auto; margin-bottom: -20px;}
.tpmore a{ font-size: 28px; color: #fff;}



.xbn1{ width: 100%; height:293px; background: url(../images/xbn1.jpg) center top no-repeat;}
.xbnn{ width: 1200px; margin: auto;}
.ljzx{ width: 183px; height: 45px; border: 1px solid #fff; line-height: 45px; text-align: center; float: right; margin-top: 200px;}
.ljzx a{ font-size: 18px; font-weight: bold; color: #fff;}

.btys{ width: 1200px; height: 590px; margin:50px auto; }
.ysbt{ width: 1200px; height: 115px; background: url(../images/ysbt.jpg) center top no-repeat;}
.ysnr{ width: 1200px; height: 342px; background: url(../images/ysbj.jpg) center top no-repeat; margin:50px auto;}
.ysnr ul{ width: 1200px; overflow: hidden;}
.ysnr ul li{ width: 500px; float: left; margin-left: 30px; color: #fff; text-align: right; }
.lnr{ width: 275px; float: left; text-align: right;}
.ysnr ul li h1{ font-size: 18px; margin-top: 30px; text-align: right; margin-bottom: 10px;}
.ysnr ul li span{  line-height: 22px; text-align: right;}
.ysnr ul li:nth-child(2){ float: right;}
.ysnr ul li:nth-child(4){ float: right;}

.zxan{ width: 100px; height: 35px; margin: auto;}



.new_bj{ width: 100%; height: auto;}
.new{ width:1200px; height:auto; overflow:hidden; margin:30px auto 0; }
.new_bt{ width:1200px; height:160px; margin:auto; text-align:center; background: url(../images/xwbt.jpg) center top no-repeat;}
.tim{ width: 80px; height: 80px; line-height: 50px; background:url(../images/wdico.jpg) left center no-repeat; display: block; text-align: center; float: left; font-size: 32px; font-weight: bold; font-family: arial; color: #fff;}
.tim p{ width: 90px; height: 30px; line-height:30px; color:#fff!important;display: block; background: #ffa200; font-size: 12px; text-align: center; margin-top: 10px; margin: auto; font-weight: normal;}
.new_nr{ width:590px; height:auto; float:left;overflow:hidden; border-right: 1px solid #ccc; padding-right: 30px;}

.new_nr_fl{ width:560px; height:115px; float:left; color:#747474;margin-bottom:15px;margin-left: 10px; border-bottom: 1px solid #e7e7e7; padding-right: 20px;}
.new_nr_fl span{ width: 460px; float: left; display: block; line-height:24px; margin-top: 10px; font-size: 12px; margin-left: 20px;}
.new_nr_fl p{ font-size: 14px; color: #747474; margin-bottom: 20px;}
.xwbt1{ font-size:14px; font-weight: bold; color: #000; }

.newbt{ width:530px; height: 70px; margin-bottom: 20px; float: left;border-bottom: 1px solid #e7e7e7;}
.newbt h1{ font-size: 30px; text-align: left; float: left;}
.newbt span{ float: right; margin-top: 10px;}


.new_nr1{ width:540px; height:auto; float:right;overflow:hidden;}

.new_nr_fl1{ width:540px; height:115px; float:left; color:#747474;margin-bottom:15px;margin-left: 10px; border-bottom: 1px solid #e7e7e7;}
.new_nr_fl1 span{ width: 425px; float: left; display: block; line-height:24px; margin-top: 10px; font-size: 12px; margin-left: 20px;}
.new_nr_fl1 p{ font-size: 14px; color: #747474; margin-bottom: 20px;}

.tim1{ width: 92px; height: 92px; line-height: 50px; background:#dfdfdf; display: block; text-align: center; float: left; font-size: 32px; font-weight: bold; font-family: arial; color: #767273;}
.tim1 p{ width: 90px; height: 30px; line-height:30px; color:#767273!important;display: block; font-size: 14px; text-align: center; margin-top: 10px; margin: auto; font-weight: normal;}
.xwmore{ width: 95px; height: 25px; background: #dd4d18;  color:#fff;float: right; text-align: center; margin-top: 40px;}
.xwmore a{ color: #fff;}

.new_rt{ width: 560px; float: right;}


.foot_bj{ width:100%; height:auto; background: #383838; overflow: hidden;}


.bqsy{ width: 1200px; height: 235px; margin: auto; color:#000; overflow: hidden; line-height:24px; margin-top:25px; text-align: center;background: url(../images/dblogo.jpg) left 25% no-repeat;  }

.dblx{ width: 570px; height: 200px; float: left;color:#fff; padding-top: 30px; font-size: 14px;}
.bq_lt{ width: 200px; height: auto; float:left;font-size: 14px;}

.fgx{ width: 1px; height: 139px;  border-left: 1px solid #6a6a6a; float:left ;margin-left: 270px; margin-top: 30px; margin-right: 40px;}
.fgx1{ width: 1px; height: 139px;  border-left: 1px solid #6a6a6a; float:left ;margin-top: 30px; margin-right: 40px;}

.bq_rt{ width: 400px; height: auto; float: right;}
.dbmn{  width:250px; float:right; font-size: 14px;  overflow: hidden;  margin-top: 60px;}
.dbmn a{ margin:10px; margin-top:0px; margin-bottom:0px;float: left; font-size: 14px; color: #fff; font-weight: bold;}

.bq{ width: 100%; height: 38px; background: #191919; text-align: center;}
.bqnr{ width: 1200px; margin: auto; text-align: center; line-height: 38px; color: #fff; font-size: 14px;}
.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}