@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom:1;}
ul,li {list-style:none;}
img {border:0;}

.wrapper {width:1000px; margin:0 auto; padding-bottom:50px;}


a:link, .ff a:visited, .ff a:active{ color:#444444; text-decoration:none;}
a:hover{ color:#551a8b; text-decoration:underline;}

h1 {height:50px; line-height:50px; font-size:22px; font-weight:normal; font-family:"Microsoft YaHei",SimHei;}

.shuoming {margin-top:20px; border:1px solid #ccc; padding-bottom:10px;}
.shuoming dt {height:30px; line-height:30px; font-weight:bold; text-indent:10px;}
.shuoming dd {line-height:20px; padding:5px 20px;}

/* qqshop focus */
#focus {width:1000px; height:400px; overflow:hidden; position:relative;}
#focus ul {height:400px; position:absolute;}
#focus ul li {float:left; width:1000px; height:400px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1000px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:980px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(img/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}



body{ margin:0 auto;  font-size:14px}
img{border:0px; border:none;}
.top{ width:100%; height:135px; margin:0 auto; background-image:url(../images/bg.gif); background-repeat:repeat-x;}
.header{ width:1000px; height:74px; margin:0 auto; display:block; }
.logo{float:left;}
.prize{float:left; padding-left:148px; padding-top:21px; }
.nav{ float:left; display:block; padding-top:80px; margin-left:120px; }
.nav ul{ list-style:none;}
.nav ul li{float:left; color:#000; font-size:18px; margin-right:4px; width:120px; font-family:"微软雅黑" }
.nav ul li a:link,.nav ul li a:visited,.nav ul li a:active{ color:#303;text-decoration:none;}
.nav ul li a:hover{ background-color:#5c307d; width:140px; height:100px; text-decoration:none; color:#FFF; padding:10px;}
.tel{float:left; padding-top:14px;}
.grey3 a:link, .grey3 a:visited, .grey3 a:active{ color:#333; text-decoration:none;}
.grey3 a:hover{ color:#1383c5; text-decoration:none;}

.grey6 a:link, .grey6 a:visited, .grey6 a:active{ color:#999; text-decoration:none;}
.grey6 a:hover{ color:#1383c5; text-decoration:none;}

.blue a:link, .blue a:visited, .blue a:active{  border-bottom:2px solid #5c307d; padding-bottom:6px;}
.blue a:hover{  border-bottom:2px solid #fff; padding-bottom:6px;}

.ff a:link, .ff a:visited, .ff a:active{ color:#fff; text-decoration:none;}
.ff a:hover{ color:#fff; text-decoration:underline;}
/* 轮换 */
.lh{width:1000px; height:400px;  margin:0 auto; border:1px solid #FFF; }
.clear{ celar:both;}

/* 主体 */
.main{
	width: 1000px;
	display:block; overflow:hidden;
	
	margin: 0 auto;
	margin-top: 20px;
}

.content{ float:left; width:743px; display:block; overflow:hidden;}
.content_t{ float:left; width:743px;}
.mokuai1{ float:left; width:743px;}
.mokuai1 h5 { color:#5c307d; font-size:26px; font-weight:bold; font-family:"微软雅黑"; margin-bottom:10px;}
.mokuai2{ float:left; width:743px; padding-top:8px;}
.mokuai2 h5 { color:#5c307d; font-size:26px; font-weight:bold; font-family:"微软雅黑"; margin-bottom:10px; }
.mokuai2 ul { float:left; width:745px;}
.mokuai2 ul li { float:left; width:181px; height:132px; margin:2px;}
.mokuai3{ float:left; width:1000px; padding-top:8px;}
.mokuai3 h5 { color:#5c307d; font-size:26px; font-weight:bold; font-family:"微软雅黑"; margin-bottom:10px; }
.zs_list{ float:left; border:1px solid #d6d6d6; width:998px; display:block; overflow:hidden;}
.zs_list_l{ float:left; width:564px; margin:30px;}
.zs_list_r{ float:right; width:300px;margin-top:150px; margin-right:50px;}
.zs_list_r p{ font-size:30px; font-weight:bold; font-family:"微软雅黑"; line-height:30px; }
.list_ks{ border-collapse:collapse;}
.list_ks td{ border:1px solid #e0823d; padding:5px;font-family:"微软雅黑"}
.ks_m{ background-color:#f9e7da; color:#3c3b3a;}
.ks_j{ background-color:#e0823d; color:#FFF; font-size:14px;}
.side{ float:right; width:242px; height:750px; margin-left:15px; padding:0px; margin:0px; }
.side_1{ float:left; width:242px; height:254px; background-image:url(../images/side_pic02.gif); background-repeat:no-repeat;}
.side_1 ul { list-style:none; margin-left:105px; margin-top:70px;}
.side_1 ul li { list-style:none; width:70px; height:50px; line-height:50px; font-weight:bold; font-size:14px;}
.side_1 a:link, .side_1 a:visited, .side_1 a:active{ color:#0b3275; text-decoration:none;}
.side_1 a:hover{ color:#e60012; text-decoration:underline;}

.side_2{ float:left; text-align:center; margin-top:25px; width:242px;}
.side_3{ float:left;text-align:center;}
.side_4{ float:left;text-align:center;}

.side_bt{ font-size:16px; color:#0b3275; padding-left:80px; font-weight:bold;}
.side_bt a:link, .side_bt a:visited, .side_bt a:active{ color:#0b3275; text-decoration:none;}
.side_bt a:hover{ color:#e60012; text-decoration:underline;}


.content_xx{ float:left; width:741px; border:1px solid #e5e5e5;}
.content_mian{ float:left; width:691px; margin:25px;}
.content_mian h2{font-size:30px; text-align:center; border-bottom:1px solid #CCC; padding:10px; color:#4b385b;font-weight: bold; }
.content_mian span{ font-size:16px; font-weight: bold; line-height:40px; height:40px;}
.content_mian p { font-size:14px; line-height:30px; text-indent:2em;}
.content_mian ul  { float:left; width:690px; margin:0px; padding:0px; padding-top:10px; }
.content_mian ul li { float:left; width:690px; line-height:35px; height:35px; border-bottom:1px dashed #e4e4e4; }



.lxwm{float:right; width:400px; font-size:12px; line-height:30px;}
.lxwm ul { float:left; list-style:none;}
.lxwm ul li {float:left; width:300px; line-height:35px; height:35px; border-bottom:1px dashed #e4e4e4;}

.baoming{ float:left; width:600px; margin:40px 40px;}





.main h1{ font-size:16px; font-weight:bold; color:#333; padding:0px;margin:0px; line-height:36px; color:#333; margin-top:10px;}
.main .t{ font-size:16px; font-weight:bold; color:#333; padding:0px;margin:0px; line-height:36px; color:#333; margin-top:10px;}
.main p {padding:0px;margin:0; line-height:24px; font-size:14px; color:#666; }
.f_l{float:left;  width:314px;_width:300px; height:340px; display:block; margin-right:25px;_margin-right:0px; margin-top:2px;margin-left:2px; }
.f_c{float:left; width:314px;_width:300px; height:340px; display:block;margin-top:2px; margin-left:2px; _margin-left:0px;}
.f_r{float:right; width:314px;_width:300px; height:340px; display:block; margin-top:2px; margin-left:2px; margin-right:4px;}

.xq{ width:140px; height:30px; line-height:30px; text-align:center; background-color:#1383c5; text-decoration:none; font-size:14px; color:#fff; display:block; border-radius:3px; margin-top:20px;}
.xq a:link,.xq a:link,.xq a:link{ width:140px; height:30px; line-height:30px; text-align:center; background-color:#1383c5; font-size:14px; color:#fff; display:block;border-radius:3px; text-decoration:none;}
.xq a:hover{ width:140px; height:30px; line-height:30px; text-align:center; background-color:#0b689e; font-size:14px; color:#fff; display:block;border-radius:5px; text-decoration:none;}

.footer{width:100%;height:60px; background-color:#22142e; font-size:12px; overflow:hidden; display:block; margin-top:20px;}
.footer_cont{width:1000px; height:60px; margin:0 auto;}
.footer p{ line-height:14px; text-align:center; margin-top:5px;}
.footer p span{float:left; margin-right:8px; padding-right:8px; margin-top:20px; border-right:1px solid #fff;}





/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0e78b7;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

p,
[class^="hvr-"] {
    font-family: 'Roboto', sans-serif;
}

[class^="hvr-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  margin: .4em 0em;
  padding: 0.4em  2em;
  cursor: pointer;
  background: #2098d1;
  text-decoration: none;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}



.ih-item.square {
  position: relative;
  width: 316px;_width:310px;
  height:170px;
  border: 8px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.ih-item.square.effect4 {
  overflow: hidden;
  position: relative;
}
.ih-item.square.effect4.colored .info {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect4.colored .mask1,
.ih-item.square.effect4.colored .mask2 {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect4 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
  position: absolute;
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  height: 361px;
  width: 316px;_width:310px;
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1 {
  left: auto;
  right: 0;
  top: 0;
  -webkit-transform: rotate(56.5deg) translateX(-180px);
  -moz-transform: rotate(56.5deg) translateX(-180px);
  -ms-transform: rotate(56.5deg) translateX(-180px);
  -o-transform: rotate(56.5deg) translateX(-180px);
  transform: rotate(56.5deg) translateX(-180px);
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}
.ih-item.square.effect4 .mask2 {
  top: auto;
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(56.5deg) translateX(180px);
  -moz-transform: rotate(56.5deg) translateX(180px);
  -ms-transform: rotate(56.5deg) translateX(180px);
  -o-transform: rotate(56.5deg) translateX(180px);
  transform: rotate(56.5deg) translateX(180px);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.ih-item.square.effect4 .info {
  background: #111111;
  height: 0;
  visibility: hidden;
  width: 361px;
  -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
  -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
  -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
  -o-transform: rotate(-33.5deg) translate(-112px, 166px);
  transform: rotate(-33.5deg) translate(-112px, 166px);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: transparent;
  margin-top: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s;

}
.ih-item.square.effect4 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 a:hover .mask1 {
  -webkit-transform: rotate(63deg) translateX(1px);
  -moz-transform: rotate(63deg) translateX(1px);
  -ms-transform: rotate(63deg) translateX(1px);
  -o-transform: rotate(63deg) translateX(1px);
  transform: rotate(63deg) translateX(1px);
}
.ih-item.square.effect4 a:hover .mask2 {
  -webkit-transform: rotate(63deg) translateX(-1px);
  -moz-transform: rotate(63deg) translateX(-1px);
  -ms-transform: rotate(63deg) translateX(-1px);
  -o-transform: rotate(63deg) translateX(-1px);
  transform: rotate(63deg) translateX(-1px);
}
.ih-item.square.effect4 a:hover .info {
  width: 300px;
  height: 120px;
  visibility: visible;
  top: 40px;
  -webkit-transform: rotate(0deg) translate(0, 0);
  -moz-transform: rotate(0deg) translate(0, 0);
  -ms-transform: rotate(0deg) translate(0, 0);
  -o-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
}
.ih-item.square.effect4 a:hover .info h3,
.ih-item.square.effect4 a:hover .info p {
  opacity: 1;
}

.mask1{ display:none \9}
.mask2{ display:none \9}

.warp{width:1000px; display:block; overflow:hidden; margin:0 auto; margin-top:20px; }

.pr_1{ width:1000px; margin:0 auto; line-height:26px; font-size:14px; }
.pr_2{ width:1000px; margin:0 auto; line-height:26px; margin-top:30px; display:block; overflow:hidden; font-size:14px; }

<!-----获奖名单--------->
.pr_2_l{float:left; width:529px;}
.hjmd_list{ float:left; background-image: url(../images/xybb.jpg); background-repeat:no-repeat; width:529px; height:279px;}


.pr_2_r{float:left; width:400px; height:300px; margin-left:20px;}
.pr_2_r p{line-height:26px; display:block; padding:0px; margin:0px; font-size:14px;}
.pr_2_r p span{ margin-right:4px; margin-bottom:10px;}
.pr_2_r p.m_t10{margin-top:10px;}

.pr_3{margin-top:20px; width:800px; margin:0 auto; display:block; overflow:hidden; color:#333;font-size:14px; color:#333;}
.pr_3 p{ line-height:24px; display:block; overflow:hidden; padding:0px; margin:10px; }
.pr3_l{width:120px; text-align:right;  display:block; float:left;}
.pr3_r{width:600px; text-align:left;  display:block; float:left; margin-left:20px;}
.pr3_text1{border:1px solid #dedede; height:24px; line-height:24px; padding-left:4px; width:520px;}
.pr3_text2{border:1px solid #dedede; height:80px; line-height:24px; padding-left:4px; width:520px;}

.red{ color:#cc0000;}



.sider{float:left; width:250px; height:600px;}
.load{width:250px; height:190px;}
.load_tit{ width:250px;height:30px; line-height:30px;border-bottom:3px solid #ccc;;}
.load_tit_l{float:left; font-weight:bold; font-size:12px;}
.load_tit_r{ float:right; width:36px; font-size:12px; background-image:url(../images/sj.gif); background-repeat:no-repeat; background-position:right;}
.load_text{ width:250px; height:150px; margin-top:4px;}
.load_text ul{ list-style:none; padding:0px;margin:0px;  }
.load_text ul li{ width:240px; line-height:24px; color:#333; background-image:url(../images/ico.gif); background-repeat:no-repeat; background-position:0px 10px; padding-left:10px; font-size:12px}
.load_text ul li a:link,.load_text ul li a:visited,.load_text ul li a:active{ color:#2a6fa6; text-decoration:none;}
.load_text ul li a:hover{ color:#333; text-decoration:none;}
.cont{
	float: left;
	width: 710px;
	display:block;
	margin-left: 40px;
	margin-bottom:30px;
}


.video{width:250px; display:block; overflow:hidden;}
.video_tit{ width:250px; height:30px; line-height:30px; border-bottom:3px solid #ccc; margin-bottom:14px;}
.video_tit_l{float:left; font-weight:bold; font-size:12px;}
.video_tit_r{ float:right; width:36px; font-size:12px; background-image:url(../images/sj.gif); background-repeat:no-repeat; background-position:right;}
.video_text{ width:250px; height:200px; margin-top:4px;}
.video_text ul{ list-style:none; padding:0px;margin:0px;  }
.video_text ul li{ width:250px; color:#333; background-position:0px 10px; font-size:12px; display:block; overflow:hidden; margin-top:8px; }
.video_text ul li a:link,.video_text ul li a:visited,.video_text ul li a:active{ color:#2a6fa6; text-decoration:none;}
.video_text ul li a:hover{ color:#333; text-decoration:none;}
.vi_l{float:left; width:80px;}
.vi_r{float:left; margin-left:10px; line-height:22px; width:160px;}


.vide{ width:710px; }
.vide_li{ width:700px;display:block; overflow:hidden; padding-top:10px;  border-bottom:1px solid #dedede; padding-bottom:10px; padding-left:4px;}
.vide_li_l{float:left; width:150px ;height:96px; }
.vide_li_r{float:left; margin-left:14px; width:530px; }
.vide_li_tit{ width:530px; height:34px; line-height:34px; font-weight:bold;}
.vide_li_text{
	width: 530px;
	display: block;
	line-height: 24px;
	font-size: 12px;
	color: #666;
}

.trend{ width:710px;  margin-top:20px;}
.trend .bt{ font-size:20px; width:700px; height:44px; line-height:44px; text-align:center; padding:0px; margin:0 auto; font-weight:bold; font-family:"微软雅黑";}
.trend .gs{ line-height:24px; color:#666; text-indent:2em; font-size:12px;}
.trend .xbt{ font-size:16px;font-weight:bold; color:#2871a6; line-height:26px; margin-top:20px; margin-bottom:10px; clear:both; display:block; overflow:hidden;}
.trend_li{ width:700px;display:block; overflow:hidden;  border-bottom:1px solid #dedede; padding-bottom:10px; padding-left:4px;}
.trend_li_tit{ width:710px; height:34px; line-height:34px; }
.trend_li_text{
	width: 700px;
	display: block;
	line-height: 24px;
	font-size: 12px;
	color: #666;
}