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; border-bottom: 1px solid #ccc;}
.topnn{ width: 1200px; height: 40px; margin: auto; overflow: hidden;}
.top_lt{ width:585px; height:40px; line-height: 40px; float:left; font-size:14px;color: #000;}
.top_rt{ width:250px; height:40px; color:#000; line-height: 32px;  float:right;}
.top_rt a{ color:#000; font-size: 14px;}

#head11{width:1200px; height:160px; margin:0px auto; background: url(../images/logo.jpg) center top no-repeat; }
#head11 img{ margin-top: 10px;}



.menu{ width: 100%; height: 60px; background: #1b6894;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: 1200px;
  margin: auto;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;

  z-index: 9999;
    position: absolute;
    left: 50%;
    margin-left: -600px;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li {
  float: left;
  border-right:1px solid #568eaf;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 20px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  padding-right: 35px;
  padding-left: 35px;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #fff;

}
#cssmenu > ul > li.has-sub > a {

}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;

  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #009ae1;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  
}
#cssmenu li:hover > ul {
  left: auto;
  padding-bottom: 10px;
  background: #1b6894;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
	  float: left; 
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 35px;
float: left;
}
#cssmenu ul ul li a {
  padding: 10px 40px;
  width: 190px;
  font-size: 14px;
  background: #1b6894;

  text-decoration: none;
  color: #fff;

  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #000000;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #000000;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #000000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}



.banner{ height:718px;
overflow:hidden;
	
	position: relative; 
	min-width:1024px; 
	max-width:100%;
	}
.bwrap{
	position: relative; 
	z-index: 0;
	 }
.bquery{
	position: relative; 
	z-index: 0; 
	height: 718px; 
	}
.blist{
	display: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 0; 
	height:718px; 
	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:718px; 
	font-size: 0; 
	line-height: 0; 
	}
.bfilter a{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 5%; 
	height: 718px; 
	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; 
	}


.zsnr{ width: 1200px; height: auto; margin:30px auto;}
.zszc{ width: 380px; height:438px; background:#efefef;float: left;}
.zszc ul{ width: 330px;margin:30px auto;}
.zszc ul li{ width: 98px; height: 27px; line-height: 27px; font-size: 16px; text-align: center; background: #ececee; margin-bottom: 10px; float: left; margin-right: 5px; margin-left: 5px;}
.zszc ul li:nth-child(1) a{ color: #fe0303;}
.zszc ul li:nth-child(2) a{ color: #fe0303;}
.zszc ul li:nth-child(4) a{ color: #fe0303;}
.zszc ul li:nth-child(8) a{ color: #fe0303;}
.zszc ul li:nth-child(9) a{ color: #fe0303;}
.zszc ul li:nth-child(11) a{ color: #fe0303;}
.zszc ul li:nth-child(12) a{ color: #fe0303;}

.zsyc{ width: 785px; float: right;}
.xwbt1{ width: 780px; height: 80px; float: right; line-height: 80px; float: left;}
.xwbt1 h1{ width: 435px; font-weight: bold; color: #fff; padding-left: 30px; font-size: 24px; height: 80px; line-height: 80px; float: left;background: url(../images/tt.png) left center no-repeat; }
.xwbt1 h1 a{ color: #000; font-weight: normal;}
.xwbt1 h1 p{ float: left;font-size: 24px; color: #2473a1; }
.xwbt1 h1 p a{color: #2473a1; }

.mn{ width: 100%; height: 55px; line-height: 55px; background: #d7d7d7;}
.mnr{ width: 1200px; height: 55px; margin: auto; line-height: 55px;}
.mnr ul{ width: 1100px; height: 55px; margin: auto;}
.mnr ul li{ width: 120px; height: 55px; float: left; line-height: 55px; text-align: center;}
.mnr ul li a{ color: #000; font-size: 14px;}



.cpnnr{ width: 1200px; height: auto;margin: auto;}
.cpnnr ul{ width: 1260px; height: auto; margin: auto; overflow: hidden;}
.cpnnr ul li{ width: 165px; height: 330px; float: left; background: #2c2e85; margin-right: 10px;}
.dnr{ width: 130px; height: 130px; float: left; margin-left: 16px; margin-top: -5px;}
.cpnnr ul li img{margin-left: 18px;}
.dnr h1{ font-size: 15px; text-align: center; color: #ffff; margin-top: 20px; margin-bottom: 10px;}
.dnr h2{ width: 85px; height: 25px; line-height: 25px; text-align: center; border: 1px solid #fff; margin:20px auto;}
.dnr h2 a{ color: #fff;}
.bx{ width: 50px; height: 1px; background: #fff; margin: auto;}


.cpnnr ul li:hover .dnr{ background: #ffffff;}
.cpnnr ul li:hover .dnr h1{color: #000;}
.cpnnr ul li:hover .dnr h2{ background: #cb1e28; color: #fff;}




.profl{ width: 1200px; margin:50px auto; height: auto; overflow: hidden;}
.profl ul{ width: 1200px; height: auto;  margin: auto;}


.profl ul li:nth-child(1){
    float: left;
      width: 220px;
    height: 220px;
        	border-radius: 130px;
    background: #979797;
     margin: 0 5px 5px 0;
     border: 20px solid #10558e;
    list-style: none;
    position: relative;
    overflow: hidden;
}
.profl ul li:nth-child(1) .cover a{
    width: 30px;
    height: 30px;
    background: #10558e;
    display: block;
    border-radius: 50%;
    line-height: 30px;
    margin: 30px auto;
    color: #fff;
}
.profl ul li:nth-child(1) .cover a h1{
  width: 35px; 
  height: 35px;
  background: #1b6894;
  border-radius: 17px;
  font-size: 30px;
  text-align: center;
  margin-top: 30px;
}
/* 遮罩层 */
.profl ul li:nth-child(1) .cover{
    width: 220px;
    height: 220px;
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    color: #ffffff;
    transform-origin: right bottom;      /*旋转中心位置*/
    transform: rotate(90deg);
    transition: all 0.35s;
}
.profl ul li:nth-child(1) .cover p{
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}
.profl ul li:nth-child(1) .cover h4{ font-size: 24px;font-weight: bold; text-align: center; margin-top: 60px;}
.profl ul li:nth-child(1):hover .cover{
    transform: rotate(0deg);
}

/*2*/
.profl ul li:nth-child(2){
    float: left;
    width: 220px;
    height: 220px;
        	border-radius: 130px;
    background: #979797;
     margin: 0 5px 5px 0;
     border: 20px solid #10558e;
    list-style: none;
    position: relative;
    overflow: hidden;
}
.profl ul li:nth-child(2) .cover a{
    width: 30px;
    height: 30px;
    background: #10558e;
    display: block;
    border-radius: 50%;
    line-height: 30px;
    margin: 30px auto;

}
.profl ul li:nth-child(2) .cover a h1{
  width: 35px; 
  height: 35px;
  background: #10558e;
  border-radius: 17px;
  font-size: 30px;
  text-align: center;
  margin-top: 30px;
  color: #fff;
}
/* 遮罩层 */
.profl ul li:nth-child(2) .cover{
    width: 220px;
    height: 220px;
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    color: #ffffff;
    transform-origin: right bottom;      /*旋转中心位置*/
    transform: rotate(90deg);
    transition: all 0.35s;
}
.profl ul li:nth-child(2) .cover p{
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}
.profl ul li:nth-child(2) .cover h4{ font-size: 24px;font-weight: bold; text-align: center; margin-top: 60px;}
.profl ul li:nth-child(2):hover .cover{
    transform: rotate(0deg);
}


/*3*/

.profl ul li:nth-child(3){
    float: left;
    width: 220px;
    height: 220px;
        	border-radius: 130px;
    background: #979797;
     margin: 0 5px 5px 0;
     border: 20px solid #10558e;
    list-style: none;
    position: relative;
    overflow: hidden;
}
.profl ul li:nth-child(3) .cover a{
    width: 30px;
    height: 30px;
    background: #10558e;
    display: block;
    border-radius: 50%;
    line-height: 30px;
    margin: 30px auto;

}
.profl ul li:nth-child(3) .cover a h1{
  width: 35px; 
  height: 35px;
  background: #10558e;
  border-radius: 17px;
  font-size: 30px;
  text-align: center;
  margin-top: 10px;
  color: #fff;
}
/* 遮罩层 */
.profl ul li:nth-child(3) .cover{
    width: 220px;
    height: 220px;
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    color: #ffffff;
    transform-origin: right bottom;      /*旋转中心位置*/
    transform: rotate(90deg);
    transition: all 0.35s;
}
.profl ul li:nth-child(3) .cover p{
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}
.profl ul li:nth-child(3) .cover h4{ font-size: 24px;font-weight: bold; text-align: center; margin-top:60px;}
.profl ul li:nth-child(3):hover .cover{
    transform: rotate(0deg);
}

/*4*/

.profl ul li:nth-child(4){
    float: left;
    width: 220px;
    height: 220px;
        	border-radius: 130px;
    background: #979797;
     margin: 0 5px 5px 0;
     border: 20px solid #10558e;

    list-style: none;
    position: relative;
    overflow: hidden;
}
.profl ul li:nth-child(4) .cover a{
    width: 30px;
    height: 30px;
    background: #10558e;
    display: block;
    border-radius: 50%;
    line-height: 30px;
    margin: 30px auto;
color: #fff;
}
.profl ul li:nth-child(4) .cover a h1{
  width: 35px; 
  height: 35px;
  background: #10558e;
  border-radius: 17px;
  font-size: 30px;
  text-align: center;
  margin-top: 10px;
}
/* 遮罩层 */
.profl ul li:nth-child(4) .cover{
    width: 220px;
    height: 220px;
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    color: #ffffff;
    transform-origin: right bottom;      /*旋转中心位置*/
    transform: rotate(90deg);
    transition: all 0.35s;
}
.profl ul li:nth-child(4) .cover p{
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}
.profl ul li:nth-child(4) .cover h4{ font-size: 24px;font-weight: bold; text-align: center; margin-top:60px;}
.profl ul li:nth-child(4):hover .cover{
    transform: rotate(0deg);
}


/*5*/



/*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: 130px; background: url(../images/xlbt.jpg) center top no-repeat; margin:30px auto 0px;  }
.cpbt h1{ text-align: center; font-size:30px; color: #1b6790;}
.cpbt p{ text-align: center; font-size: 14px;}

.prbj{ width: 100%; height: 130px; background: #0f558d; }

.in_probt{ width: 1200px ; height: auto; margin:auto; overflow: hidden;}
.prozc{ width: 240px;float:left;}


.prozc ul{ width:240px; float:left;}
.prozc ul li{width:240px; height:75px;  background: #ebebeb; text-align: center; float: left;font-size: 14px; margin-bottom: 5px; }
.prozc ul li h1{ font-size: 20px; text-align: left; color: #000; margin-left: 30px; margin-top: 15px;}
.prozc ul li p{ font-size: 15px;text-align: left; margin-left: 30px;}

.prozc ul li a{ color: #fff;}
.prozc ul li:hover{background:#438bb7;color: #fff;}
.prozc ul li:hover a{ color: #fff; font-weight: bold;}
.prozc ul li:hover h1{ color: #fff;}



.prozj{ width: 610px; height: 385px; background: url(../images/xlt.jpg) center top no-repeat; float: left; margin-left: 50px;}

.proyc ul{ width:240px; float:right;}
.proyc ul li{width:240px; height:75px;  background: #ebebeb; text-align: center; float: left;font-size: 14px; margin-bottom: 5px; }
.proyc ul li h1{ font-size: 20px; text-align: left; color: #000; margin-left: 30px; margin-top: 15px;}
.proyc ul li p{ font-size: 15px;text-align: left; margin-left: 30px;}

.proyc ul li a{ color: #fff;}
.proyc ul li:hover{background:#438bb7;color: #fff;}
.proyc ul li:hover a{ color: #fff; font-weight: bold;}
.proyc ul li:hover h1{ color: #fff;}


.pro{ width:100%; height:auto; margin:auto; 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;}


.in_pro{
	width: 1200px;
	margin: auto;
	overflow: hidden;
background: #e8e8e8; 
margin-bottom: 30px;
padding-bottom: 30px;
}

.in_pro ul{
	width: 1200px;
	margin-top: 20px;
float: right;
}
.in_pro ul li{
	width: 285px;
	height: 380px;
	overflow: hidden;
	float: left;
	margin-left: 10px;
}
.in_pro ul li a{
	display: block;
	width: 285px;
	height: 380px;
	position: relative;
}
.in_pro ul li a div{
	background-color:rgba(0,0,0,0.8); 
	width: 285px;
	height: 380px;
	z-index: 2;
	position: absolute;
	top: 345px;
	padding: 10px 20px;
	transition: all 0.3s ease-in-out ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);
}
.in_pro ul li a div h3{
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.in_pro ul li a div p{
	margin-top: 15px;
	color: #fff;
	line-height: 24px ;
}
.in_pro 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_pro ul li a:hover div{
	top: 0;
	padding: 30px 20px;
}

.probj{ width: 100%; height: auto;overflow: hidden; }

.in_pro1{
	width: 1200px;
	margin: auto;
	overflow: hidden;

}

.in_pro1 ul{
	width: 1200px;
	margin-top: 20px;
float: right;
}
.in_pro1 ul li{
	width: 255px;
	height: 350px;
	margin-right: 10px;
	overflow: hidden;
	float: left;
	margin-left: 20px;
}
.in_pro1 ul li a{
	display: block;
	width:255px;
	height: 350px;
	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: 290px; background: url(../images/xbn.png) center center no-repeat #1c678f;}
.xbnn{ width: 1200px; height: 80px; margin: auto;}
.xbnn ul{ width: 400px; float: left; margin-top: 200px;}
.xbnn ul li{ width: 150px; height: 35px; border: 1px solid #fff; line-height: 35px; float: left;text-align: center; float: right;margin-right: 15px;}
.xbnn ul li a{ color: #fff; font-size: 14px; text-align: center;}

.albj{ width: 100%; height: auto; }
.albt{ width: 1200px; height: 105px; margin:30px auto; background: url(../images/albt.jpg) center center no-repeat;}
.alnr{ width: 1200px; height: auto;margin: auto; overflow: hidden;}
.alnr_top{ width: 1200px; height: 295px; margin: auto;overflow: hidden;}
.alnr_top ul{ width: 1250px; margin: auto; overflow: hidden;}
.alnr_top ul li{ width: 615px; height: auto; display: block; float: left; background: #10558e;}
.alnr_top ul li:hover{ background: #2b2929;}
.alnr_top ul li img{ width: 320px; height: 295px; float: left;}
.nr_yc{ width: 280px; height: 300px; float: right; display: block;}
.nr_yc .x{width: 60px; height: 5px; background: #fff;margin-left: 20px; margin-top: 20px;}
.nr_yc h1{ height: 40px; font-size: 16px; font-weight: bold; color: #fff;line-height:40px; margin-left: 20px; margin-top: 20px;}
.nr_yc h1 a{color: #fff;}
.nr_yc p{ width: 90%; font-size: 14px;margin-left: 20px; color: #fff;}
.nr_yc h2{ margin-left: 20px; float: left; margin-top: 15px;}

.alnr_bot{ width: 1200px; height: 295px; margin:5px auto;overflow: hidden;}
.alnr_bot ul{ width: 1250px; margin: auto; overflow: hidden;}
.alnr_bot ul li{ width: 615px; height: auto; display: block; float: left; background: #10558e;}
.alnr_bot ul li img{ width: 320px; height: 295px; float: right;}
.nr_yc{ width: 280px; height: 300px; float: right; display: block;}
.nr_yc .x{width: 60px; height: 5px; background: #fff;margin-left: 20px; margin-top: 20px;}
.nr_yc h1{ height: 40px; font-size: 16px; font-weight: bold; color: #fff;line-height:40px; margin-left: 20px;}
.nr_yc h1 a{color: #fff;}
.nr_yc p{ width: 70%; font-size: 14px;margin-left: 20px; color: #fff;}

.algd{ width: 264px; height: 45px; background: #0f62a5; line-height: 45px; text-align: center; border-radius: 30px; margin: 30px auto;}
.algd a{ color: #fff; font-size: 14px;}


.jjbt{ width: 1200px; height: 115px; background: url(../images/jjbt.jpg) center center no-repeat; margin:50px auto;}


.jjnr{ width: 1200px; height: 570px;margin: auto; overflow: hidden;background:url(../images/jjbj.jpg) left center no-repeat; }
.jjnrt{ width:550px; float:right;margin-top:140px;overflow:hidden; margin-right: 40px;}
.jjnrt h1{  font-size:32px; color: #1b6790; font-weight: normal;text-align: left; margin-bottom: 10px;}
.jjnrt p{ width: 545px;float:left;font-size: 14px; color: #000; line-height: 26px; text-align: left; margin-top: 20px;}

.ckgd{ width: 140px; height: 40px;line-height: 40px; text-align: center; font-size: 14px; float: left; border-radius: 15px; margin-top: 40px; background: #1c678f;}
.ckgd a{ font-size: 14px; color: #fff;}


.xgg{ width: 100%; height: 185px; background: url(../images/xgg.jpg) center center no-repeat #1c678f;}
.btx{ width: 68px; height: 3px; background: #fff; float: left;}

.xzly{ width: 1200px; height: auto; margin: auto; overflow: hidden;}
.xzly ul{ width: 1200px; height: auto; margin: auto;}
.xzly ul li{ width: 255px; height: 400px; float: left; background: #1c678f; margin-top: 40px; margin-right: 30px; margin-left: 10px; border-radius: 20px;}
.xzly ul li:nth-child(1) .sbj{ width: 220px; height: 110px; margin-left: 20px; text-align: center; background: url(../images/ly01.jpg) center 20% no-repeat #1c678f; font-size: 24px; padding-top:90px; color: #fff;}
.xzly ul li:nth-child(2) .sbj{width: 220px; height: 110px;margin-left: 20px;  text-align: center; background: url(../images/ly02.jpg) center 20% no-repeat #1c678f; font-size: 24px;padding-top:90px; color: #fff;}
.xzly ul li:nth-child(3) .sbj{width: 220px; height: 110px; margin-left: 20px; text-align: center; background: url(../images/ly03.jpg) center  20% no-repeat #1c678f; font-size: 24px;padding-top: 90px;color: #fff;}
.xzly ul li:nth-child(4) .sbj{ width: 220px; height: 110px;margin-left: 20px; text-align: center; background: url(../images/ly04.jpg) center  20% no-repeat #1c678f; font-size: 24px;padding-top: 90px;color: #fff;}

.xzly ul li p{ width: 210px; margin: auto; text-align: center; color: #fff; font-size: 14px; line-height: 24px;}

.qywh{ width: 680px; height: 190px;margin:auto; text-align: center; line-height:200px; margin-top: 30px;}
.qywh ul{ width: 680px; height: 190px; margin: auto; overflow: hidden;}
.qywh ul li{ width: 170px; height: 170px; float: left;border: 1px solid #fff; border-radius: 85px;margin-left: 20px;}
.dbj1{ width: 140px; height: 140px; background:url(../images/wh01.png) center 20% no-repeat #21238f; float: left; text-align: center; border-radius: 70px; margin-left: 15px; margin-top: 15px;}
.dbj1 a{ line-height: 60px; text-align: center; font-size: 18px; color: #fff; font-weight: bold; margin-top: 30px;}
.dbj1:hover{ background: url(../images/wh01.png) center 20% no-repeat #c71621;}


.dbj2{ width: 140px; height: 140px; background:url(../images/wh02.png) center 20% no-repeat #21238f; float: left; text-align: center; border-radius: 70px; margin-left: 15px; margin-top: 15px;}
.dbj2 a{ line-height: 60px; text-align: center; font-size: 18px; color: #fff; font-weight: bold; margin-top: 30px;}
.dbj2:hover{ background: url(../images/wh02.png) center 20% no-repeat #c71621;}

.dbj3{ width: 140px; height: 140px; background:url(../images/wh03.png) center 20% no-repeat #21238f; float: left; text-align: center; border-radius: 70px; margin-left: 15px; margin-top: 15px;}
.dbj3 a{ line-height: 60px; text-align: center; font-size: 18px; color: #fff; font-weight: bold; margin-top: 30px;}
.dbj3:hover{ background: url(../images/wh03.png) center 20% no-repeat #c71621;}



.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: 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;
}


.tsbt{ width: 1200px; height: 110px; background: url(../images/tsfs.jpg) center top no-repeat; margin:30px auto;}
.tsbj{ width: 100%; height: 712px; background: url(../images/tsbj.jpg) center top no-repeat; overflow: hidden;}
.tsnr{ width: 1200px; height: auto; margin: auto;}
.tsnr ul{ width: 1200px; height: auto;margin: auto; overflow: hidden;}
.tsnr ul li{ width: 272px; height: 480px; float: left; background: #fff; margin-top: 40px; margin-left: 10px; margin-right: 10px; text-align: center; padding-top: 20px; transition: all .5s ;}
.tsnr ul li h1{ width: 272px; height: 47px; background: #438cb7; line-height: 47px; color: #fff; font-size: 30px; text-align: center; margin-top: 15px;}
.tsnr ul li h2{ text-align: center; margin-top: 20px;}
.zxan{ width: 176px; height: 38px; line-height: 38px; float:left; background: #438bb7; text-align: center;margin-left: 50px; border-radius: 20px; margin-top: 20px;}
.zxan a{ font-size: 16px; color: #fff;}


.tsnr ul li:hover{ margin-top: -3px;}

.byzs{ width: 1200px; height: auto;margin: auto; overflow: hidden;}
.zsbt{ width: 1200px; height: 125px; margin:40px auto 0px; background: url(../images/tzs.jpg) center top no-repeat;}

.zznr{ width: 1200px; height: auto;margin: auto; background: url(../images/zzdb.jpg) center bottom no-repeat; padding-bottom: 50px;}

.carousel{background:#fff;margin:0px auto;padding:70px 0px 0px;width:1200px;overflow:hidden;position:relative;}
.carousel .slides{margin:0px auto 30px;overflow:hidden;position:relative;}
.carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important;}
.carousel .slides .slideItem a{overflow:hidden;display:block;}
.carousel .slides .slideItem img{width:100%;height:100%;}
.carousel .slides .slideItem .cover{background:rgb(0, 0, 0);left:0px;top:0px;width:100% !important;height:490px !important;display:block;position:absolute;}
.prevButton{background:url("../images/btn.png") no-repeat 0px 0px;top:286px;width:38px;height:38px;display:block;position:absolute;z-index:99;cursor:pointer;}
.nextButton{background:url("../images/btn.png") no-repeat 0px 0px;top:286px;width:38px;height:38px;display:block;position:absolute;z-index:99;cursor:pointer;}
.prevButton{left:12px;}
.nextButton{background-position:0px -40px;right:12px;}




.new_bj{  width: 100%; height: auto; overflow: hidden; background: #e9e9e9; margin-top: 30px; }
.new{ width:1200px; height:auto; overflow:hidden; margin: auto;  }
.new_bt{ width:1200px; height: 140px;  margin: auto; text-align: center; background: url(../images/xwbt.jpg) center center no-repeat;}

.tim{  float: left; margin-bottom: 20px; margin-right: 10px; width: 580px; height: 155px; background: url(../images/sjbj.jpg) center center no-repeat;}
.tim1{ width: 105px; height: 110px; float: left; margin-left: 50px; margin-top: 20px; text-align: center;}
.tim1 h1{ font-size: 72px; font-weight: bold; color: #fff; border-bottom: 1px solid #fff;}
.tim1 span{ font-size: 18px; text-align: center; font-weight: normal; line-height: 40px; color: #fff; }

.new_bt h1{ font-size:24px; font-weight:bolder; margin-top:40px; text-align:center; color:#4b8b3f;text-transform:uppercase;}
.new_bt h2{ font-size:22px; font-weight:normal;text-align:center; color:#000; }
.new_nr{ width:1200px; height:auto; margin:30px auto; overflow:hidden;}
.new_nr_rt{ width:450px; height:auto; float:right; }
.new_nr_rt span{ line-height:24px; }
.new_nr_rt p{ font-size: 14px; color: #aeacac; margin-bottom: 20px;}
.xwbtt{ width:430px; height: 100px;background: url(../images/wdico.jpg) left center no-repeat; float: left; padding-left: 40px;}
.xwbt11{ height: 30px; float: left; font-size:16px; font-weight: normal; color: #000;margin-top: 15px;  }
.xwbt a{color: #000;}
.more{ width: 70px; height: 18px; background: #2473a1; line-height: 18px; text-align: center; float: right; margin-top: 30px;}
.more a{ color: #fff;}

.xwnr1{ float: left;   line-height: 24px; font-size: 14px; color: #000;  margin-top: 5px;}
.xwmore{ width: 105px; height: 25px; float: left; border: 1px solid #bcbcbc; border-radius: 20px; text-align: center; line-height: 25px; margin-left: 30px; margin-top: 10px;}
.xwmore a{ color: #bcbcbc;}

.new_nr_lt{ width: 785px; float: left;}
.new_nr_lt ul{}
.new_nr_lt ul li{ width: 780px;  float: left; line-height: 30px; margin-bottom: 15px; padding-left: 20px;  font-size: 15px; background: url(../images/xwi.jpg) left center no-repeat;}
.new_nr_lt ul li h2{ float: right; width: 100px; height: 26px; background: #438bb7; line-height: 26px; border-radius: 15px; text-align: center; color: #fff; font-weight: normal;}
.new_nr_lt ul li h2 a{ color: #fff;}
.new_nr_lt ul li img{ width: 360px; float: left;}
.xw{ width: 290px; float: left; margin-left: 20px; line-height: 24px;}
.ck{ width: 115px; height: 32px; background: #2473a1; line-height: 32px; text-align: center;}
.ck a{ color: #fff; font-size: 14px;}
.new_nr_lt ul li h1{ margin-bottom: 5px; font-size: 18px; font-weight: bold;}
.time{ width: 70px; height: 70px; float: left; border: 1px solid #dedede; text-align: center; border-radius: 35px; margin-right: 35px; color: #989898;}
.time h1{ width: 80%; margin: auto; font-size: 18px; font-weight: normal; text-align: center; line-height: 24px; color: #989898; margin-top: 10px;border-bottom: 1px solid #dedede; display: block;}
.time span{ font-size: 12px;line-height: 12px; color: #989898;}

.fwlc{ width: 100%; height: 200px; margin:30px auto 0px; background: url(../images/lct.jpg) center center no-repeat #242424;}



.yqlj{ width:1200px;margin:20px auto;font-size: 14px; overflow: hidden; border-bottom: 1px solid #fff; padding-bottom: 10px; }
.yqlj h1{ font-size: 28px; float: left; font-weight: normal; color: #fff; margin-right:220px;}
.yqlj ul{ width: 1100px;margin: auto; margin-top: 20px;}
.yqlj ul li{ width: 120px; height: 40px; font-size: 15px; float: left; font-weight: bold;color: #fff; }
.yqlj ul li a{ color: #fff;}




.foot{ width: 100%; height: auto; overflow: hidden; background: #438bb7; }
.foottop{ width: 100%; height: auto; padding-bottom: 20px; background: #438bb7; overflow: hidden;}

.foottopnn{ width: 1200px; height: auto; margin: auto; margin-top: 30px; overflow: hidden;  }
.foottopnn ul{}
.lxnr{ width:300px; float: right; font-size: 14px; color: #fff; line-height: 24px;  text-align: left;}
.lxnr a{ color: #fff;}
.contact{ width: 330px; 
line-height: 24px;
float: right;
color: #fff;
font-size: 14px;
margin-top: 20px;
    margin-right: 50px;}

.contact h1{  font-size: 30px; font-weight: normal; margin-bottom: 20px;}

.dbmnbj{ width: 100%; height: 52px; background: #da251f; line-height: 52px;}
.dbmn{ width:1200px; height:52px;line-height:52px;margin:auto;overflow:hidden;font-family:"Microsoft Yahei";}

.dbmn ul li{ width:130px; height:52px; line-height:52px; color:#fff; float:left; text-align:center; font-size:14px; -webkit-transition:background-color .5s ease-in;-moz-transition:background-color .5s ease-in;-o-transition:background-color .5s ease-in;
	transition:background-color .5s ease-in;}
.dbmn ul li a{ font-weight: bold; color:#fff; }
.dbmn ul li:hover a{ color:#fff;}
.dbmn ul li:hover{ background:#c31516;color:#fff;}


.zjxj{ width:500px; float:left;}
.zjxj h1{ font-size:15px; color:#fff; line-height:40px;}
.qqzx{ width:180px; height:40px; border:1px solid #fff; line-height:40px; text-align:center; float:left;}
.qqzx a{ color:##fff}

.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}