@charset "utf-8";
/* CSS Document */
h1,h2,h3,h4,ul,dl,dd{ margin:0; padding:0;}
ul{ list-style-type:none}
a{ color:#555; text-decoration:none}
a:hover{ color:#0099FF}
body{ margin:0; padding:0; background:#FFFFFF}
.top{ width:1000px; height:100px; margin:auto}
.top .logo{ width:600px; height:100px; float:left}
.top .search{ width:260px; height:68px; float:right; padding-top:32px;}
.top .search input.in{ width:120px; height:30px; border:1px #CCCCCC solid;}

.menu{ width:100%; height:50px; background:url(menubg.jpg) repeat-x}
.menuc{ width:1000px; height:38px; margin:auto}
.menuc li{ width:140px; height:38px; text-align:center; line-height:38px; float:left; font-size:12px; border-right:1px  #FFFFFF solid; font-weight:bold; position:relative}
.menuc li:last-child{ border:none}
.menuc li a{ color:#FFFFFF; text-decoration:none; display:block}
.menuc li a:hover{  display:block; background:#24A9E7}
.menuc li .menupro{ width:800px; height:550px; display:none; position:absolute; top:50; background:#FFFFFF; left:-125px; z-index:99999999; border-radius:3px; padding:10px;}
.menuc li .menupro .mpros{ width:160px; height:550px; float:left}
.menuc li .menupro .mpros .ptit{ width:160px; height:30px; font-size:14px; font-weight:bold; line-height:30px;}
.menuc li .menupro .mpros .ptit a{ color:#666666; text-decoration:none}
.menuc li .menupro .mpros .ptit a:hover{ color:#0099CC; background:none}
.menuc li .menupro .mpros .pbox{ width:160px; height:270px;}
.menuc li .menupro .mpros .pbox li{ font-size:12px; line-height:28px; font-weight:normal; height:28px;}
.menuc li .menupro .mpros .pbox li a{ color:#666666; text-decoration:none}
.menuc li .menupro .mpros .pbox li a:hover{ color:#0099FF; background:none}
.menuc li .mnews{ display:none;}
.menuc li:hover .mnews{ display:block; height:144px; z-index:99999999999999}
.menuc li:hover .mnews li{ font-size:12px; background:#007BBE; border-bottom:1px #FFFFFF solid; border-right:none; z-index:99999999999999}

.menuc li:hover .menupro{ display:block; border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; border-right:1px #CCCCCC solid;}

.bigpic{ width:1000px; height:300px; margin:auto; background:#CCCCCC; overflow:hidden}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }



.rslides {
 
  }

#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }

.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }

/* Callback example */
.events {
  list-style: none;
  }

.callbacks_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  font-size:12px
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  } 
  
  


.probox{ width:1000px; height:182px;overflow:hidden; position:relative; margin:auto; border:1px #ddd solid; margin-top:15px;}
.sclbox{ width:1424px; height:174px; position:absolute;left:0; top:0;}
.sclbox dl{ width:176px; height:154px; margin:0px; padding:0px; margin-left:20px;  float:left; margin-top:20px;}
.sclbox dl dd{width:176px; height:130px; float:left;}
.sclbox dl dt{font-size:12px; line-height:22px;  width:176px; text-align:center}
.sclbox dl a{ color:#333333; text-decoration:none;}
.sclbox dl a:hover{ color:#FF3300}
.sclbox dl dd:hover{}
.isli_next{ width:15px; height:50px; background:url(sprite.png) no-repeat  -19px  0px; position:absolute; top:52px; right:1px; cursor:pointer; z-index:99}
.isli_prev{ width:15px; height:50px; background:url(sprite.png) no-repeat; position:absolute; top:52px; left:1px; cursor:pointer; z-index:99}



.ivbox{ width:1000px; height:70px; margin:auto;margin-top:15px;}
#mrq{width:996px; padding:2px; }
#Marquee_x { overflow:hidden; width: 996px } 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;line-height:25px;height:58px; width:84px; overflow:hidden}
#Marquee_x ul li div img{  width:84px; height:56px; display:block}
#Marquee_x ul li div span{ display:block;}


.icenter{ width:1000px; height:350px; margin:auto; margin-top:15px;}
.icenter .com{ width:250px; height:350px; float:left; border:1px #ddd solid}
.icenter .com .ctit{ width:250px; height:35px; background:url(titbg.jpg) repeat-x;}
.icenter .com .ctit h4{ font-size:14px; line-height:35px; margin-left:15px; color:#0099FF}
.icenter .com .cbox{ width:230px; height:345px; padding:10px; font-size:12px; line-height:24px; color:#666666}
.icenter .com .cbox a{ color:#0066CC}

.icenter .inews{ width:430px; height:350px; float:left; border:1px #ddd solid; margin-left:25px;}
.icenter .iconn{ width:262px; height:350px; float:left; border:1px #ddd solid; margin-left:25px;}
.icenter .iconn .ntit{ width:262px; height:35px; background:url(titbg.jpg) repeat-x;}
.icenter .iconn .ntit h4{ font-size:14px; line-height:35px; margin-left:15px; color:#0099FF}
.icenter .iconn .nbox{ width:230px; height:345px; padding:10px; font-size:12px; line-height:24px; color:#666666}


.ifriend{ width:1000px; height:50px; margin:auto; margin-top:15px;border:1px #ddd solid;}
.ifriend li{ float:left; line-height:50px; margin-left:10px; font-size:12px; color:#555}
.ifriend li a{ color:#555; text-decoration:none}
.ifriend li a:hover{ color:#0066FF}
.footmenu{ width:1000px; height:35px; background:#007BBE; margin:auto; margin-top:15px;}
.footmenu .fmenu{ width:410px; height:24px; margin:auto}
.footmenu .fmenu li{ float:left; width:80px; height:14px; font-size:12px; line-height:14px; border-right:1px #FFFFFF solid; text-align:center; margin-top:10px;}
.footmenu .fmenu li:last-child{ border:none}
.footmenu .fmenu li a{ color:#FFFFFF; text-decoration:none}
.footmenu .fmenu li a:hover{ color:#FFFF99}

.footer{ width:1000px; height:120px; margin:auto; margin-top:15px; font-size:14px; line-height:28px; text-align:center; padding-top:10px; color:#555}

	.container {
		/*width: 100%;*/
		
	}
	.swiper1 {
		width: 100%;
		background:url(titbg.jpg) repeat-x;
		border-bottom:1px #ddd solid;
		height:35px;
	}
	.swiper1 .selected {
		color:#0099FF; font-size:14px; line-height:35px; border-right:1px #ddd solid;
		width:120px;
		background:#FFFFFF
		
	}
	.swiper1 .swiper-slide {
		text-align: center;
		font-size: 14px;
		width:120px;
		height: 35px;
		line-height:35px;
		border-right:1px #ddd solid;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		cursor: pointer;
		
	}
	.swiper2 {
		width: 100%;
	}
	.swiper2 .swiper-slide {
		height: calc(100vh - 50px);
		background-color: #ccc;
		color: #fff;
		text-align: center;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}
	
.tabs{ width:410px; background:#FFFFFF; padding:10px;}
.tabs li{ font-size:12px; line-height:28px; text-align:left; border-bottom:1px #ddd dotted; background:url(ico.jpg) no-repeat left center; padding-left:12px;}
.tabs li a{ color:#444; text-decoration:none}
.tabs li span{ float:right; line-height:28px; color:#999999}
.tabs li a:hover{ color:#0099FF}

.clearfix:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;}
.artical{ width:1000px; height:auto; margin:auto; margin-top:20px;}
.artical .art_left{ width:250px; float:left; background:url(left_bg.jpg) repeat-y; padding-top:0px;}
.artical .art_left .lefttit{ width:243px; height:50px; background:url(lefttit.jpg) no-repeat; margin-top:0px;}
.artical .art_left .lefttit h5{ font-size:14px; line-height:50px; margin-left:10px; color:#FFFFFF; margin:0; padding:0; margin-left:10px;}
.artical .art_left .leftpro{ width:243px; height:auto;}
.artical .art_left .leftpro li{ width:243px; height:35px; font-size:12px; line-height:35px;  background:url(lprobg.jpg) no-repeat;}
.artical .art_left .leftpro li a{ color:#666666; text-decoration:none; display:block; background:url(link_bg2.gif) no-repeat 10px center; padding-left:30px;}
.artical .art_left .leftpro li a:hover{ color:#fff; background:#007BBE;}
.artical .art_left .leftnews{ width:223px; height:200px; padding:10px;}
.artical .art_left .leftnews li{ font-size:12px; line-height:28px; border-bottom:1px #ddd dotted; background:url(ico.jpg) no-repeat left center; padding-left:13px;}
.artical .art_left .leftnews li a{ color:#666666; text-decoration:none}
.artical .art_left .leftnews li a:hover{ color:#0066CC}
.artical .art_left .leftconn{ width:223px; height:200px; padding:10px; font-size:12px; line-height:26px; color:#666666}

.artical .art_right{ width:728px; height:auto; float:left; margin-left:20px; border:1px #ddd solid;}
.artical .art_right .rttit{ width:708px; height:35px; font-size:14px; padding:0 10px; line-height:35px; border-bottom:1px #ddd solid; color:#666666}
.artical .art_right .rbox{ width:708px; height:auto;  padding:10px; font-size:14px; line-height:28px; color:#666666}
.artical .art_right .rbox h1{ margin:0; padding:0; text-align:center; font-size:18px; line-height:50px; color:#444}
.artical .art_right .rbox img{ max-width:708px;}
.artical .art_right .ptits{ width:728px; height:50px; line-height:50px;}
.artical .art_right .ptits h1{ font-size:20px; line-height:50px; text-align:center; color:#333}
.artical .art_right .rbox .rlistbox{ width:708px; height:auto}
.artical .art_right .rbox .rlistbox li{ font-size:12px; line-height:28px; border-bottom:1px #ddd dotted}
.artical .art_right .rbox .rlistbox li a{ color:#666666; text-decoration:none}
.artical .art_right .rbox .rlistbox li a:hover{ color:#0099FF}
.artical .art_right .rbox .rlistbox li span{ float:right; line-height:28px; color:#999999}

.artical .art_right .pandv{ width:708px; height:35px; font-size:14px; padding:0 10px; line-height:35px; color:#666666; border-top:1px #CCCCCC solid}
.artical .art_right .rprolist{ width:728px; height:auto;  border-bottom:1px #ddd solid;}
.artical .art_right .rprolist dl{ margin:0; padding:0; float:left; width:202px; height:175px; margin-left:20px; margin-top:20px;}
.artical .art_right .rprolist dl dd{ width:202px; height:149px;}
.artical .art_right .rprolist dl dt{ width:202px; height:24px; font-size:12px; line-height:24px; text-align:center}
.artical .art_right .rprolist dl a{ color:#666666; text-decoration:none}
.artical .art_right .rprolist dl a:hover{ color:#0066FF}

.artical .art_right .page{ width:708px; height:36px; font-size:14px; padding:0 10px; line-height:35px; color:#666666;border-top:1px #CCCCCC solid; padding:10px 0;}

.artical .art_right .page span{ border:1px #ccc solid; font-size:14px; line-height:32px; padding:0px 10px;  color:#666666; text-align:center; float:left; margin-left:5px;}
.artical .art_right .page a{ border:1px #666666 solid; font-size:14px; line-height:32px; padding:0px 10px;  display:block; text-align:center; text-decoration:none; float:left; margin-left:5px;}
.artical .art_right .page a:hover{ border:1px #ccc solid; font-size:14px; line-height:32px; padding:0px 10px;  color:#666666; text-align:center; float:left; margin-left:5px; background:#0099FF; color:#FFFFFF}

.kefuqq{ width:50px; height:150px; background:#aaa; position:fixed; right:18px; top:200px; border-radius:5px; padding:8px; z-index:88888;}
.kefuqq ul{ margin:0; padding:0; list-style-type:none; width:64px; }
.kefuqq ul li{ width:50px; height:70px; font-size:12px; line-height:16px; color:#FFFFFF; margin-bottom:10px; text-align:center; cursor:pointer; position:relative}
.kefuqq ul li .kfewm{ width:200px; position:absolute; top:-8px; right:60px; display:none; border:1px #CCCCCC solid; background:#CCCCCC; padding:8px;}
.kefuqq ul li .kfewm img{ width:100%;}
.kefuqq ul li:hover .kfewm{ display:block}