
body{ background:url(/img/bg.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;
	min-height:100%;font-family:"microsoft yahei";}
	
	
	
.nav{text-align: center;top: 0; left: 0;
position: fixed; z-index: 999;width: 100%; min-height: 55px; max-height:100px;background:url(/img/bg_header.png);box-shadow:0 5px 6px rgba(0,0,0,.6)}/*background:#FB7299;*/
.nav ul{margin:0;padding:0;width: 100%;}
.nav li{margin:0 10px 13px 0;padding:0;list-style:none;display:inline-block}
.nav a{padding:6px 12px;text-decoration:none;color:#F3668C;line-height:100%}
.nav a:hover{color:#d0d0d0}
.nav .current a{background:#F3668C;color:#fff;border-radius:7px;box-shadow: 0 5px 15px rgba(252, 28, 143, .5);}



.flash{min-width:310px;max-width:626px;text-align: center;margin:0 auto;border-left: 7px solid #fff;border: 7px solid #fff;background:#fff;}
.flash img{ width: 100%;border-radius: 10px;}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ dissplay:none; }
.img-thumbnail:hover,.opacity_img:hover{opacity: 0.8; }





/*导航*/
.UStop{text-align: center;background: url(../images/maneBG.gif) #fff top center;height:90px;}
.UStop span{font-size: 13px;text-align: center; color: #333;font-weight:bold;}
.UStop h5{padding-top: 10px;font-size: 28px;font-family:'Microsoft YaHei'; text-align: center; color: #000;text-shadow:#fff 1px 1px 1px}
.UStop p{text-align: center;padding-top: 3px; font-size: 32px;color: #f60; }
.UStop h3{font-size: 32px;text-align: center; color: #fff; margin: 0px;}




/*导航图标*/
.php-asp{background:#fff;min-width:310px;max-width:626px;text-align: center;margin:0 auto;border-left: 7px solid #fff;border-right: 7px solid #fff;}
.com{background:#FFE4E1;border-radius:7px;border: 3px dotted #F3668C}
.com ul {overflow:hidden;}
.com ul li {position:relative;/* height:250px;*/      width:25%;float:left;/* border-bottom:none;*/      margin-bottom:5px;}
.com ul li:nth-of-type(odd) {float:left;}
.com ul li:nth-of-type(even) {float:right;}
.com ul li dl {width:100%;/* height:250px;*/font-size:12px;font-weight:500;}
.com ul li dl dt img {width:100%;/* height:200px;*/      min-height:50px;}
.com ul li dl dd div:nth-of-type(1) {margin-top:-20px;}
.com ul li dl dd div:nth-of-type(2) {margin-top:5px;margin-bottom:5px;}
.com ul li dl dd span em {font-style:normal;font-weight:bold;display:inline-block;color: #000;width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px;}
/*分页样式*/
.page{clear:both;  text-align: center;height:50px;padding-top: 30px; }
.page a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}
.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}
.page .current {font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}
	
	
/*瀑布流开始php-asp.net爱源码*/
.wall {
  display: block;
  position: relative;
}
.wall-column {background-color: #fff;
  display: block;
  position: relative;
  width: 50%;
  float: left;
  padding: 0 1%;
  box-sizing: border-box;
}
.article {text-align: left;background: #f5f5f5;display: block;
  margin: 0 0 5% 0;/*上下图距php-asp.net爱源码*/
  border-radius: 10px;transition: all 100;overflow: hidden;position: relative;
}
.article:hover{ transform: scale(1.01);}
.article img {border-radius: 5px;display: block;width: 100%;margin: 0 0 0% 0;}
.article a{ color: #fff;}
.article p{position:absolute;left:0;bottom:0;padding:1px 5px; margin:35px 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; font-size: 1.2em; line-height: 1.5;}
.article.am-circle { width: 40px; height: 40px;border: 2px solid #fff; }

#radius {position:absolute;right:0;bottom:0;border: 2px solid #fff;width: 40px;height: 40px;margin:5px 5px;border-radius:70%;  overflow:hidden;}
.article small{}
.article input{ width: 20%; padding: 0.6em; border-radius: 0.4em; font-size: 1.1em; z-index: 100; background-color: #f60; border: none; position: absolute; bottom: 3%; right: 5%; color: #fff; box-shadow: 0 0 7px #d7d7d7;}

.article span.statusIco {position:absolute;left:0;bottom:0;padding:1px 5px;margin:7px 5px;}
.article span.zbz2 {border: 1px solid #fff;background-color: rgba(255,255,255,0.6);border-radius: 0px 10px ;color:#333;box-shadow: 0px 3px 6px rgba(255,255,255, .5);}
/*background-color:#F3668C  紫色背景*/
/*background-color:#F3668C  紫色背景*/
/*background-color:#F3668C  紫色背景*/

.articll {text-align: left;background: #f5f5f5;display: block;
  margin: 0 0 5% 0;/*上下图距php-asp.net爱源码*/
  border-radius: 10px;transition: all 100;overflow: hidden;position: relative;
}
.articll:hover{ transform: scale(1.01);}
.articll img {border-radius: 5px;display: block;width: 100%;margin: 0 0 0% 0;}
.articll a{ color: #fff;}
.articll p{position:absolute;left:0;bottom:0;padding:1px 5px; margin:35px 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; font-size: 1.2em; line-height: 1.5;}
.articll.am-circle { width: 40px; height: 40px;border: 2px solid #fff; }
.articll small{}
.articll input{ width: 20%; padding: 0.6em; border-radius: 0.4em; font-size: 1.1em; z-index: 100; background-color: #f60; border: none; position: absolute; bottom: 3%; right: 5%; color: #fff; box-shadow: 0 0 7px #d7d7d7;}

.articll span.statusIco {position:absolute;left:0;bottom:0;padding:1px 5px;margin:7px 5px;}
.articll span.zbz2 {border: 1px solid #fff;background-color: rgba(255,255,255,0.6);border-radius: 0px 10px ;color:#333;box-shadow: 0px 3px 6px rgba(255,255,255, .5);}
/*background-color:#F3668C  紫色背景*

/*瀑布流结束*/
.wrapper h3{ text-align: center; margin:0 20%; white-space: nowrap; text-overflow: ellipsis; font-weight:normal; color: #333; overflow: hidden;  font-size: 1.5em; padding: 0.7em 0;}
.wrapper h4{ width: 90%; margin:0 5%; text-align: justify; font-weight:normal; color: #999;  font-size: 1.2em; margin-bottom: 3%; line-height:1.5; }



.wrapper {min-width:310px;max-width:640px;text-align: center;margin:0 auto;}  









/*大屏幕*/
@media screen and (min-width: 769px) {
/*php-asp.net定时广告弹窗*/
.navasp{background-color: #fff;}
.navphp{padding-top:55px}
.nav ul{padding-top:16px;}
.flash{padding-top:4px}
	.relative { position: relative; }
	.absolute { position: absolute; }
	.swtCenter { width: 28%; min-height: 300px; background-size:100% 100%; position: fixed; left: 50%; top: 45%; margin-left: -14%; margin-top: -180px;  z-index: 99999; display: none; }
	.swt_lists {left: 0; width: 96%; padding-left: 3%; height: 45px; line-height: 45px;}

	.swt_lists img{width: 100%;}
	.submit-btn{ background:#E74C3C!important; color: #fff; padding:0!important }
	.closeBtn_swt {right: -28px; top: -8px; width: 66px; height: 66px; z-index: 99999; cursor: pointer;}
.closeBtn_swt  img{max-width:100%}
video {
    mix-blend-mode: screen;
}
}

/*小屏幕*/
@media screen and (max-width: 768px) {
.navphp {}
.navasp{height:60px;background-color: rgba(255,255,255,0.9);}
.nav ul{padding-top:10px;}
      .advantage_list{margin-top: 13px;}
      .advantage_head h2{font-size: 26px;}
  .flash{padding-top:13px}
  /*php-asp.net定时广告弹窗*/
	.relative { position: relative; }
	.absolute { position: absolute; }
	.swtCenter { width: 88%; min-height: 400px; background-size:100% 100%; position: fixed; left: 50%; top: 50%; margin-left: -44%; margin-top: -180px; z-index: 99999; display: none; }
	.swt_lists { top: 15px; left: 0; width: 96%; padding-left: 3%; height: 45px; line-height: 45px;}

	.swt_lists img{width: 100%;}
	.submit-btn{ background:#E74C3C!important; color: #fff; padding:0!important }
	.closeBtn_swt {right: -28px; top: -8px; width: 66px; height: 66px; z-index: 99999; cursor: pointer;}
.closeBtn_swt  img{max-width:100%}
  
  }  







