* {
    margin: 0;
    border: 0;
    padding: 0;

	}

a, img{border:0;}

.div{
    word-break:break-all;
    word-wrap:break-word
}

.main{ 
    width:1300px; 
    margin: 0px auto;
    border: 0;
    clear:both;
	}
.yonghuxuzhi{ 
    width:800px; 
    padding:15px;
    text-align:left;
	}

.date{
	font-size:13px;
	color:#000;	
	text-align:center;
	}

.day{
    font-size:100px;
    color:#0665c6;
    text-align:center;
	}

.contentdenglu { 
    font-family:"MicroSoft YaHei","SimHei"; 
    font-size:13px; 
    line-height:30px;
    color:#000000;
    text-decoration:none; 
    text-align:left;
    verticle-align:middle;
    border-bottom:0px #999 solid;
	}
.contentdenglu  a {
	font-size:13px; 
        color:#FF6A00;
	}
.contentdenglu  a:link,
.contentdenglu  a:visited {
	font-size:13px; 
	color:#FF6A00;
	text-decoration: none;
	}
.contentdenglu  a:hover{
	font-size:13px; 
	color:#FF6A00; 
	text-decoration:none;
	}

.contentdenglu p{
    padding-top:3px;
	}



.input_out{background-color:#e6fcb4;color:green;border:solid 1px green;border-radius:50px;outline:none;}
.input_move{background-color:green;color:#ffffff;border-radius:50px;outline:none;}




/*最上边浮动导航*/
#float_banner{
	position:absolute;
	top:0;
        width:100%;
	text-align:center;
	color:#fff;
	font-weight:;
        z-index:2;
	}

.navbg{
	height:60px;
	line-height:40px;

        background-color: #434343;   //#e70606
        font-family:"微软雅黑","SimHei"; 
	font-size:18px;
} 
#nav {
    width:100%;
    height: 60px;
    border-top: #9b0707 0px solid;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    border-bottom: #9b0707 0px solid;
    //background-color: #e70606;
    background-image: url("http://chinahaibao.com.cn/images/logo/haibaologofavicon85.png") ;
    background-repeat:no-repeat;
    background-size:40px 40px;
    background-position:0px 10px;
}
 
#nav ul {
    list-style: none;
    line-height: 60px;
    margin-left: 1px;
    width:1200px;
}
 
#nav ul li {
    display: block;
    float: left;
    border-left: #e70606 0px solid;
    line-height: 60px;
}
 
#nav a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
    font-size:18px;

}
 
#nav a:hover {
    background-color: #767676;//#c10404
    color: #ffffff;
    font-size:18px;
}


/*二级导航*/

#navtwo {
    width:1300px;
    height: 60px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #434343; 
    text-align:center;
}
 
#navtwo  ul {
    list-style: none;
    line-height: 60px;
    margin-left: 1px;
    width:1300px;
}
 
#navtwo  ul li {
    display: block;
    float: left;
    border-left: #e70606 0px solid;
    line-height: 60px;
}
 
#navtwo  a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
    font-size:18px;

}
 
#navtwo  a:hover {
    background-color: #767676;//#c10404
    color: #ffffff;
    font-size:18px;
}


/*二级导航，单纯视频*/

#navthree {
    width:1300px;
    height: 60px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #767676; 
    text-align:center;
}
 
#navthree ul {
    list-style: none;
    line-height: 60px;
    margin-left: 1px;
    width:1300px;
}
 
#navthree ul li {
    display: block;
    float: left;
    border-left: #e70606 0px solid;
    line-height: 60px;
}
 
#navthree a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
    font-size:18px;

}
 
#navthree a:hover {
    background-color: #36a904;
    color: #ffffff;
    font-size:18px;
}








/*三级导航*/
.input_outRed{font-weight:bold;background-color:#ffffff;color:Red;border:solid 1px Red;border-radius:50px;outline:none;}
.input_moveRed{font-weight:bold;background-color:Red;color:#ffffff;border-radius:50px;outline:none;}
.input_outOrange{font-weight:bold;background-color:#ffffff;color:Orange;border:solid 1px Orange;border-radius:50px;outline:none;}
.input_moveOrange{font-weight:bold;background-color:Orange;color:#ffffff;border-radius:50px;outline:none;}
.input_outYellow{font-weight:bold;background-color:#9EDFFA;color:#0787BC;border:solid 1px #0787BC;border-radius:50px;outline:none;}
.input_moveYellow{font-weight:bold;background-color:#0787BC;color:#ffffff;border-radius:50px;outline:none;}
.input_outGreen{font-weight:bold;background-color:#e6fcb4;color:green;border:solid 1px green;border-radius:50px;outline:none;}
.input_moveGreen{font-weight:bold;background-color:green;color:#ffffff;border-radius:50px;outline:none;}
.input_outBlue{font-weight:bold;background-color:#ffffff;color:Blue;border:solid 1px Blue;border-radius:50px;outline:none;}
.input_moveBlue{font-weight:bold;background-color:Blue;color:#ffffff;border-radius:50px;outline:none;}
.input_outPink{font-weight:bold;background-color:#FCE4F9;color:#F874E7;border:solid 1px #F874E7;border-radius:50px;outline:none;}
.input_movePink{font-weight:bold;background-color:#F874E7;color:#ffffff;border-radius:50px;outline:none;}
.input_outPurple{font-weight:bold;background-color:#ffffff;color:Purple;border:solid 1px Purple;border-radius:50px;outline:none;}
.input_movePurple{font-weight:bold;background-color:Purple;color:#ffffff;border-radius:50px;outline:none;}



.headlogobg{
	background-image: url("../images/headlogosmall.png");
        position:relative;
        width:150px;
        padding-top:0px;
        margin-top: 0px;
}
.headlogobg  a:hover{	
        background-image: url("../images/headlogosmall.png");
        position:relative;
        width:120px;
        padding-top:0px;
        margin-top: 0px;
}




.headbghui{
     margin:0px auto;
     background:#eeebeb;
     height:42px;
     margin-right:0px;
     margin-left:0px;
     }



.gundong { 
    font-family:"MicroSoft YaHei","SimHei"; 
    font-size:16px; 
    text-decoration:none; 
    padding-top:12px;
    background:#eeebeb;
    height:30px;
    width:450px;
    display:inline;
    float:left; 
	}
.gundong a {
	color:#616161;
	text-decoration: none;
	font-size:16px; 
	}
.gundong a:link,
.gundong a:visited {
	color:#616161;
	text-decoration: none;
	font-size:16px; 
	}
.gundong  a:hover{
	font-size:16px; 
	color:#FF6A00; 
	text-decoration:none;
	}

/*页头搜索框*/
.indexsousuo{
    width:750px; 
    display:inline;
    float:left; 
    text-align:left;
    padding-left:20px;
    padding-right:10px;
    padding-top:0px;
    margin: -4px auto;
    z-index:9999;
}

.container {
				
    width: 500px;
				
    height: 50px;
				
    margin: 0px auto;

    display:inline;
    float:left; 			
}
			
			
.parent {
				
    width: 100%;
				
    height: 42px;
				
    top: 4px;
				
    position: relative;
	
    padding-left: 0px;		
}
			
			
.parent>input:first-of-type {
				/*输入框高度设置为40px,     border占据2px，总高度为42px*/
				
    width: 250px;
				
    height: 40px; 
				
    border: 1px solid #ccc;
				
    font-size: 16px;

    padding-left: 10px;				
    outline: none;
			
}
			
			
.parent>input:first-of-type:focus {
				
    border: 1px solid #c00d0d;
				
    padding-left: 10px;
			
}
			
			
.parent>input:last-of-type {
				/*button按钮border并不占据外围大小，设置高度42px*/
				
    width: 100px;
				
    height: 42px; 
				
    position: absolute;
				
    background: #c00d0d;
		//#317ef3蓝色		
    border: 1px solid #c00d0d;
				
    color: #fff;
				
    font-size: 16px;
				
    outline: none;
			
}

/*下拉选项*/
.parent>select{
    outline: none;
    padding:5px; 
    width: 100px;
    height: 42px;
    border: 1px solid #ccc;

    font-size: 16px;	
    margin:0;
}
.parent>select:first-of-type:focus {
				
    border: 1px solid #c00d0d;
				
		
}



.container .input{
    position: relative;
    width: 450px;
    height: 44px;
    border-top: #ccc solid 0px;
    border-right: none;
    border-bottom: #ccc solid 0px;
    border-left: #ccc solid 0px;
    border-radius: 4px 0 0 4px;

}

/*搜索框输入文字*/
.container .input>input{
    outline: none;
    border: none;
    padding: 0 80px 0 10px;
    margin-top:0px;
    height: 47px;
    width: 290px;
    color: #333;
    font-size: 16px;
    border-radius: 4px 0 0 4px;
}
.container .input>input::-webkit-input-placeholder{
    color:#999;
}
/*插入下拉菜单部分*/
.container .hot-list{
    padding: 10px 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50px;
    margin: 0;
    line-height: 32px;
    font-size: 13px;
    border-radius: 2px;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    background-color: #fff;
    display: none;
   
}
.container .input .hot-list>a{
    display: block;
    color: #333;
    text-decoration: none;
    padding: 0 10px;
    overflow: hidden;
}
.container .input .hot-list>a:hover{
    background-color: #f3f3f3;
}
.container .input .hot-list>a>div{
    float: left;
}
.container .input .hot-list>a>div.number{
    text-align: center;
    width: 40px;
}
/*海报搜索按钮部分*/
.container .search{
    width: 89px;
    height: 46px;
    margin: 0;
    background-color: #08f;
    background-image: url("../img/search.png");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0 4px 4px 0;
    cursor: pointer;

}




/*后面热搜部分*/
.indexsousuofont {
    color:#4a4a4a;
    text-decoration:none;
    font-size: 13px;
    padding-top:10px;
}

.indexsousuofont a{
    color:#4a4a4a;
    text-decoration:none;
    font-size: 13px;
}
.indexsousuofont  a:link,
.indexsousuofont  a:visited {
    color:#000000;
    text-decoration: none;
    font-size: 13px;
	}
.indexsousuofont a:hover{
    color:#c00d0d;
    text-decoration:none;
}


/*菜单目录部分*/
.headmemu { 
    margin: 0 auto;
    width: 1300px;
    font-family:"MicroSoft YaHei","SimHei"; 
    font-size:13px; 
    line-height:20px;
    color:#000000;
    text-decoration:none; 
    text-align:left;
    background:#fbfbf6;
    border-top:0px #ff0000 solid;
    border-bottom:4px #000000 solid;
    padding-top:10px;
    padding-bottom:10px;
}
.headmemu  a {
    color:#000000;
    font-size:13px;
}
.headmemu  a:link,
.headmemu  a:visited {
    color:#000000;
    text-decoration: none;
}
.headmemu  a:hover{
    color:#ff0000;
    text-decoration:none;
}






.yema{
    font-family:"MicroSoft YaHei","SimHei"; 
    font-size:16px; 
    text-decoration:none; 
    padding-top:12px;
    background:#eeebeb;
    height:30px;
    clear:both;
	}
.yema a{
      color:black;
      text-decoration: none;
      font-size:16px;

      }
.yema a:link,
.yema a:visited{
      color:#616161;
      text-decoration: none;
      font-size:16px;
      }
.yema a:hover{
	font-size:16px; 
	color:#FF6A00; 
	text-decoration:none;
	}







.bgyellow{
   	background:#fcfeef;
    }




/*我的海报导航*登录后页面头部显示*/
.myhaibao_headbgjuhuang{
     margin:0px auto;
     background:#ff4401;
     height:60px;

     }
.myhaibao_headleft{
	width:300px;
	height:60px;
	margin: 0 auto;
	border: 0 auto;
	float:left;
	padding-left:10px;
}
.myhaibao_headright{
	width:980px;
	height:60px;
	margin: 0 auto;
	border: 0 auto;		
	float:left;
	vertical-align:middle;
	padding-top:20px;	
}
.myhaibao_headright a{
    font-size:15px; 
    color:#ffffff;
    text-decoration: none;	
}
.myhaibao_headright a:link,
.myhaibao_headright a:visited {
    font-size:15px; 
    color:#ffffff;
    text-decoration: none;	
}
.myhaibao_headright a:hover{
    color:#fcdfd4; 
    text-decoration:none;
}
	
/*下拉菜单*/	
.dropdown {
    position: relative;
    display: inline-block;
    color:#ffffff;  
  
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 19px 16px;
}
.dropdown-content p{

    padding-bottom:10px;
}

.dropdown-content a{
    font-size:15px; 
    color:#000000;
    text-decoration: none;	
}
.dropdown-content a:link,
.dropdown-content a:visited {
    font-size:15px; 
    color:#000000;
    text-decoration: none;	
}
.dropdown-content a:hover{
    color:#ff4401; 
    text-decoration:none;
}

.dropdown:hover .dropdown-content {
  display: block;
}



/*我的海报导航*/


    *{padding: 0;margin: 0;}  /* 先重置一下html，消除HTML标签默认的内外边距 */
    .hbwrap{width: 800px;margin: 0 auto;}    /* 对导航的内容设置一个主体为800px的宽并使其居中 */
    .clear{clear: both;}  /* 清除浮动 */
    a{text-decoration-line: none;}   /* 去掉默认a标签的下划线 */
    ul,li{list-style: none;}
    nav .level>li{float: left;width: 16.66%;text-align: center;background: bisque;padding: 10px 0;font-size: 16px;transition: .4s;}
    nav .level>li a{color: black;}
    nav .level>li:hover{background: red;}   /* 设置鼠标滑过后的样式 */
 
    nav .two{display: none;margin-top: 10px;}  /* 先使二级菜单的内容隐藏 */
    nav .level>li:hover .two{display: block;}   /* 鼠标滑过一级菜单后的显示二级菜单 */
    nav .two li{padding: 5px 0;transition: .4s;cursor: pointer;}
    nav .two li:hover{background: pink;}





/* 瀑布流最外层 */

li{list-style:none;}

.waterwalllist li{float:left;min-height:10px;margin:0 25px 0 0;}
.waterwalllist .waterwallitem{margin:0 0 13px;}
.waterwalllistImg{display:block;width:100%;}


.waterwallitem {
    flex-grow: 1;
    /* 防止多列布局，分页媒体和多区域上下文中的意外中断 */
    break-inside: avoid;
    background: #fff;
    display:inline;
    float:left; 
    width:310px;  //增加数量改宽度4列310
    margin-top:25px;  
    margin-bottom:13px; 
    margin-right:13px;//右侧间隔4列13px
    overflow: hidden;//这个一定要加上  不然就不是外框不变里面变大了 
    font-size:13px; 
    border:solid 1px #D5D3D3; 
}

.waterwallitem:hover {
       border:solid 1px #000000; 


}

.waterwallitem  a:link,
.waterwallitem  a:visited {
    font-size:13px; 
    color:#616161;
    text-decoration: none;

    }
.waterwallitem  a:hover{
    color:#FF6A00; 
    text-decoration:none;

    }
/* 图片 */
.waterwallitemImg {
     width: 100%;
     cursor: pointer;
     transition: all 1s;
     vertical-align: middle;
}

.waterwallitemImg:hover {
    transform: scale(1.05);//放大 倍数随意
}

/* 图片下的信息包含层 */

.waterwalluserInfo {
     padding: 5px 10px;
	font-size:13px; 
}

.waterwallavatar {
     vertical-align: middle;
     width:150px;/* 右侧间隔4列200 */
     height:150px;
     border-radius: 10%;
}

.waterwallusername {
     font-size:14px; 
     margin-left: 0px;
     text-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
}

.indexgongzhonghaob img{
    cursor: pointer;
    transition: all 1s;
    width: 80%;
}

.indexgongzhonghaob img:hover{

    transform: scale(1.05);//放大 倍数随意
    position: relative;
	
    padding-top: 0px;
}


.haibaohao{	
    background-image: url("http://chinahaibao.com.cn/images/logo/haibaohao.png");
    width:100px;


}




ul,li{
	list-style:none;
	}
	
ul li.ite{
	width:400px;
	text-align:center;
	margin:20px 100px;
	background:#00f;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	height:100px;
	line-height:100px;
	}




/*展示页开始*/

.zhanshileft{
       width:830px;
       font-family:"MicroSoft YaHei","SimHei"; 
       color:#333;
       text-decoration:none; 
       display:inline;
       float:left; 
       overflow: hidden;//这个一定要加上  不然就不是外框不变里面变大了 
       font-size:15px; 
       border:solid 1px #D5D3D3; 
       margin-top:20px;
       margin-bottom:20px;
}
.zhanshileft:hover {
       border:solid 1px #000000; 
}

.zhanshileft  a {
     color:#616161;
     font-size:15px;
	}
.zhanshileft  a:link,
.zhanshileft  a:visited {
     color:#616161;
     text-decoration: none;
     font-size:15px; 
	}
.zhanshileft  a:hover{
     color:#FF0000; 
     text-decoration:none;
	}
.zhanshilefttitle{
       width:830px;
       display:inline;
       float:left; 
       padding-top:15px;
       padding-bottom:15px;
       border-bottom:solid 1px #D5D3D3; 
}
.zhanshilefttitlename{
     font-size:35px; 
}
.zhanshileftyema{
       width:830px;
       display:inline;
       float:left; 
}


.zhanshileftleft{
       width:150px;
       display:inline;
       float:left; 
       margin-left:10px;
       border:solid 1px #D5D3D3;
}
.zhanshileftleft h1{
       padding-left:10px;
}
@font-face {
    font-family:"Gineso Cond Light";
    src: url("Gineso Cond Light.otf");
  }

.zhanshiyear{
    font-family:"Gineso Cond Light","MicroSoft YaHei","SimHei"; 
    font-size:20px;
    color:#616161;

	}
.zhanshiday{
    font-family:"Gineso Cond Light","MicroSoft YaHei","SimHei"; 
    font-size:40px;
    color:#616161;

	}
.zhanshihour{
    font-family:"Gineso Cond Light","MicroSoft YaHei","SimHei"; 
    font-size:18px;
    color:#616161;

	}
.zhanshileftright{
       width:630px;
       display:inline;
       float:left; 
       margin-left:0px;
       padding-left:15px;
       padding-right:10px;
       font-size:18px;
}
.zhanshileftright  img {
     width: 100%;
     cursor: pointer;
     transition: all 1s;
     vertical-align: middle;
}

.zhanshileftright  img:hover {
    transform: scale(1.05);//放大 倍数随意
}
.zhanshileftright  a{
    color:#616161;
    font-size:18px;
}
	
.zhanshileftright  a:link,
.zhanshileftright  a:visited {
     color:#616161;
     text-decoration: none;
     font-size:18px; 
}
.zhanshileftright  a:hover{
     color:#FF0000; 
     text-decoration:none;
}

.zhanshiuserimage { 
  border-radius: 30px;
  width:60px;
  height:60px; 
  background: url("../img/photo/img.jpg") no-repeat center;
  background-size:60px;
}



.zhanshiright{
       width:320px;
       display:inline;
       float:left; 
       margin-left:15px;
}
/*展示页结束*/


.content { 
    font-family:"MicroSoft YaHei","SimHei"; 
    font-size:13px; 
    line-height:20px;
    color:#333;
    text-decoration:none; 
    text-align:left;
    border-bottom:0px #999 solid;
	}
.content  a {
    color:#616161;
    font-size:13px;
	}
.content  a:link,
.content  a:visited {
	color:#616161;
	text-decoration: none;
	}
.content  a:hover{
	font-size:13px; 
	color:#FF6A00; 
	text-decoration:none;
	}

.content p{
    padding-top:3px;
	}

.heguocolor {color:#FF6A00;}
.heguoback {background:#fee902;}


.content15 { 
    font-family:"MicroSoft YaHei","SimHei"; 
	font-size:15px; 
	line-height:20px;
	color:#ffffff;
	text-decoration:none; 
	text-align:left;
	background:#e70606;
	border-bottom:0px #999 solid;
	}
.content15  a {
	color:#ffffff;
	font-size:15px;
	}
.content15  a:link,
.content15  a:visited {
	color:#ffffff;
	text-decoration: none;
	}
.content15  a:hover{
	font-size:15px; 
	color:yellow; 
	text-decoration:none;
	}

.content18 { 
        font-family:"MicroSoft YaHei","SimHei"; 
	font-size:15px; 
	line-height:20px;
	color:#000000;
	text-decoration:none; 
	text-align:left;
	border-bottom:0px #999 solid;
	}
.content18  a {
	color:#000000;
	font-size:15px;
	}
.content18  a:link,
.content18  a:visited {
	color:#000000;
	text-decoration: none;
	}
.content18  a:hover{
	font-size:15px; 
	color:#FF6A00; 
	text-decoration:none;
	}

#content30 { font-family:"MicroSoft YaHei","SimHei"; font-size:30px; line-height:60px;color:#000000;text-decoration:none; text-align:left;border-bottom:0px #999 solid;}
#content30  a {color:#ff0000;font-size:30px;}
#content30  a:link,
#content30  a:visited {color:#ff0000;text-decoration: none;}
#content30  a:hover{font-size:30px; color:#FF0000; text-decoration:none;}

.fen {color:#FE648B;font-size:16px;font-weight: bold;}
.jycm13 {color:#EE1059;font-size:13px;font-weight: bold;}

.red13 { color:#FF6A00; font-size:13px; font-weight:bold;}
.red15 { color:#FF6A00; font-size:15px; font-weight:bold;}
.blue15 { color:#03853B; font-size:15px; font-weight:bold;}
.white15 {
	color:#ffffff; 
	font-size:15px; 
	font-weight:bold;
	}
.cu {
	font-weight:bold;
	}
.orange13 { 
    color:#FF6A00; 
	font-size:13px; 
	font-weight:bold;
	}
.orange14 {
	color:#FF6A00; 
	font-size:14px; 
	font-weight:bold;
	}
.orange15 { color:#FF6A00; font-size:15px; font-weight:bold;}
.orange { color:#FF6A00; font-size:25px; font-weight:bold;}


.title15 {color:#FF6A00; font-size:15px;}

.black13 {color:#000000;font-size:13px;}
.black15 {color:#000000;font-size:15px;}
.black18 {color:#000000;font-size:18px;}
.black20 {color:#000000;font-size:20px; font-weight:bold;}
.white20 {color:#ffffff;font-size:20px; font-weight:bold;} 
.green20 {color:#adee10;font-size:20px; font-weight:bold;} 
.hui13 {color:#9F9F9E;font-size:13px;}
.hui15 {color:#9F9F9E;font-size:15px;}

.w1200{ width: 1200px; margin: 0 auto;}
.left{ float:left; }
.right{ float:right; }
.clear { clear: both; height: 0px; overflow: hidden; line-height:0;}
.clearfix {display: block;} 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.txt-c{ text-align: center; padding:0 0 0 0;}
.txt-l{ text-align: left;}



.red {color:red;font-weight: bold;}
.green {color:green;font-weight: bold;}







.headbg{background-color:#E53104; height:50px;}
/*memu*/
#memubg {background:#000000;border-bottom:0px solid #FF6A00; }
#memu2 {width:1200px;margin:0px auto; font-size:15px;color:#ffffff;padding-top:18px;padding-bottom:15px;font-weight:bold;background:#FF6A00;}
#memu2 a {color:#ffffff;padding-left:10px;padding-right:10px;}
#memu2 a:link,a:visited{text-decoration:none; color:#ffffff;}
#memu2 a:hover{text-decoration:none; color:#ffffff;background:#FB893F;padding-top:20px;padding-bottom:17px;}


/* header styles */
#header {
    border:0px solid;
    border-color:rgba(0,0,0,0.1);
    border-bottom-color:rgba(0,0,0,0.2);
    border-top:none;
    background:#ffffff;
    margin: 0px auto;
    position: relative;
    width: 1200px;
}
#header a {
    color: #000000;
}
#header a:hover {
    color: #FF7D4C;
}
#logo {
    float: left;
    margin: 15px 10px;
}
#logo img {
    border: 0;
}


/* navigation menu styles */
#navmenu {
    background: -webkit-linear-gradient(#f6f6f6, #e9eaea) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#f6f6f6, #e9eaea) repeat scroll 0 0 transparent;
    background: linear-gradient(#f6f6f6, #e9eaea) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e9eaea',GradientType=0 );

    border-radius: 0 0 4px 4px;
    border-top: 1px solid #D1D1D1;
    box-shadow: -1px 1px 0 rgba(255, 255, 255, 0.8) inset;
    clear: both;
    height: 60px;
    padding-top: 1px;
}
#menu {
    float: left;
}
#menu a {
    text-decoration: none;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu > ul > li {
    float: left;
    padding-bottom: 12px;
}
#menu ul li a {
    border-color: #D1D1D1;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 0 0;
    box-shadow: -1px 0 0 rgba(255, 255, 255, 0.8) inset, 1px 0 0 rgba(255, 255, 255, 0.8) inset;
    color: #333333;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 11px 15px 10px;
    text-shadow: 0 1px 0 #FFFFFF;
}
#menu ul li a:hover {
    background: -webkit-linear-gradient(#efefef, #e9eaea) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#efefef, #e9eaea) repeat scroll 0 0 transparent;
    background: linear-gradient(#efefef, #e9eaea) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e9eaea',GradientType=0 );
}
#menu > ul > li.active > a {
    background: -webkit-linear-gradient(#f60, #ff0000) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#f60, #ff0000) repeat scroll 0 0 transparent;
    background: linear-gradient(#f60, #ff0000) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f60', endColorstr='#ff0000',GradientType=0 );
    border-bottom: 1px solid #ff0000;
    border-top: 1px solid #f60;
    box-shadow: -1px 0 0 #ff0000 inset, 1px 0 0 #ff0000 inset;
    color: #FFFFFF;
    margin: -1px 0 -1px -1px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
#menu > ul > li.active > a:hover {
    background: -webkit-linear-gradient(#f60, #ff0000) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#f60, #ff0000) repeat scroll 0 0 transparent;
    background: linear-gradient(#f60, #ff0000) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f60', endColorstr='#ff0000',GradientType=0 );
}
#menu > ul > li.jycm > a {
    background: -webkit-linear-gradient(#F04F84, #F60D5A) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#F04F84, #F60D5A) repeat scroll 0 0 transparent;
    background: linear-gradient(#F04F84, #F60D5A) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F04F84', endColorstr='#F60D5A',GradientType=0 );
    border-bottom: 1px solid #DE034B;
    border-top: 1px solid #DE034B;
    box-shadow: -1px 0 0 #F04F84 inset, 1px 0 0 #F04F84 inset;
    color: #FFFFFF;
    margin: -1px 0 -1px -1px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
#menu > ul > li.jycm > a:hover {
    background: -webkit-linear-gradient(#DE034B, #F60D5A) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#DE034B, #F60D5A) repeat scroll 0 0 transparent;
    background: linear-gradient(#DE034B, #F60D5A) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DE034B', endColorstr='#F60D5A',GradientType=0 );
}
#menu > ul > li.xietiaohui > a {
    background: -webkit-linear-gradient(#FBBD46, #FF6A00) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#FBBD46, #FF6A00) repeat scroll 0 0 transparent;
    background: linear-gradient(#FBBD46, #FF6A00) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBBD46', endColorstr='#FF6A00',GradientType=0 );
    border-bottom: 1px solid #FA6603;
    border-top: 1px solid #FA6603;
    box-shadow: -1px 0 0 #FBBD46 inset, 1px 0 0 #FBBD46 inset;
    color: #FFFFFF;
    margin: -1px 0 -1px -1px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
#menu > ul > li.xietiaohui > a:hover {
    background: -webkit-linear-gradient(#FA6603, #FF6A00) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#FA6603, #FF6A00) repeat scroll 0 0 transparent;
    background: linear-gradient(#FA6603, #FF6A00) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FA6603', endColorstr='#FF6A00',GradientType=0 );
}

#menu > ul > li:first-child > a {
    border-radius: 0 0 0 5px;
}

/* dropdown menu */
#menu ul ul {
    background: -webkit-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    background: -moz-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    background: linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#F4F4F4',GradientType=0 );

    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 #FFFFFF inset;
    height: 0;
    margin-top: 10px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: hidden;
    width: 250px;
    z-index: 100;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
#menu ul  li:hover ul  {
    height: 195px;
    margin-top: 0\9;
    opacity: 1;
    visibility: visible;
}
#menu ul ul a {
    border-right-width: 0;
    border-top: 1px solid #D1D1D1;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #444444;
    height: 24px;
    line-height: 24px;
    padding: 7px 12px;
    text-shadow: 0 1px 0 #FFFFFF;
}
#menu ul ul li:first-child a {
    border-top-width: 0;
}
#menu ul ul a .icon {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin-right: 10px;
    width: 24px;
}
#menu ul ul a .icon.elem0 {
    background-image: url("../heguoimages/elem.png");
}
#menu ul ul a .icon.elem1 {
    background-image: url("../heguoimages/elemweixin.png");
}
#menu ul ul a .icon.elem2 {
    background-image: url("../heguoimages/elemqq.png");
}
#menu ul ul a .icon.elem3 {
    background-image: url("../heguoimages/elemweibo.png");
}
#menu ul ul a .icon.elem4 {
    background-image: url("../heguoimages/elememail.png");
}
#menu ul ul a .icon.elem5 {
    background-image: url("../heguoimages/elemphone.png");
}
#menu ul ul a .icon.elemwyyl {
    background-image: url("../heguoimages/elemwyyl.png");
}
#menu ul ul a .icon.elembamo {
    background-image: url("../heguoimages/elembamo.png");
}
#menu ul ul a .icon.elembaby {
    background-image: url("../heguoimages/elembaby.png");
}
#menu ul ul a .icon.elemsister {
    background-image: url("../heguoimages/elemsister.png");
}
#menu ul ul a .icon.elembrother {
    background-image: url("../heguoimages/elembrother.png");
}
#menu ul ul a .icon.elemfood {
    background-image: url("../heguoimages/elemfood.png");
}
#menu ul ul a .icon.elembeauty {
    background-image: url("../heguoimages/elembeauty.png");
}







#menu ul ul a .icon.elemdongshi {
    background-image: url("../heguoimages/elemdongshi.png");
}
#menu ul ul a .icon.elemjianshi {
    background-image: url("../heguoimages/elemjianshi.png");
}
#menu ul ul a .icon.elemtuandui {
    background-image: url("../heguoimages/elemtuandui.png");
}
#menu ul ul a .icon.elemhuoban {
    background-image: url("../heguoimages/elemhuoban.png");
}








/* 幻灯开始*/
#imgshow_mask{width:960px; position:absolute; z-index:90; background:url(../heguoimages/0imgshow_mask.png) repeat-x 0 0; height:27px;}
.bannerbg {height:313px; overflow:hidden;}
#imageShow{ clear:both;border-bottom:0px solid #fff;margin-top:-10px; }
#imageShow .imagebg{height:313px; overflow:hidden; position:relative;}
#imageShow .imagebg li { height: 313px; overflow: hidden; position:absolute; top:0; left:0; width:100%; display:block; filter:alpha(opacity=0); opacity: 0;}

.bannerbg_1{width:50%; position:absolute; top:0; left:0; height:313px;}
.bannerbg_2{width:50%; position:absolute; top:0; right:0; height:313px;}
.bannerbg_main{background-position:center; background-repeat:no-repeat; width:100%; position:absolute; top:0; right:0; height:313px;}
.banner {margin:0 auto;width:1200px;height:313px;position:relative;overflow:hidden;}
.btn_home_down {width:195px;height:62px;position:absolute;top:296px;left:36px;cursor:pointer;background:url(../heguoimages/home/btn_home_down.png);}
.btn_home_android {width:195px;height:62px;position:absolute;top:296px;left:240px;cursor:pointer;background:url(../heguoimages/home/btn_home_android.png);} 


.scrollbg {height:80px;background:#f4f4f4 url(../heguoimages/home/scroll_bg.png) 0 100% repeat-x;}
.scroll {margin:0 auto;width:960px;height:76px;position:relative;}
.s_pre, .s_next {display:block;width:48px;height:76px;position:absolute;}
a.s_pre {background:url(../heguoimages/home/arrow_l.png);top:4px;left:0;}
a.s_pre:hover {background:url(../heguoimages/home/arrow_l_on.png);}
a.s_next {background:url(../heguoimages/home/arrow_r.png);top:4px;right:0;}
a.s_next:hover {background:url(../heguoimages/home/arrow_r_on.png);}
.outScroll_pic{  height: 76px;margin-left: 70px;overflow: hidden;position:relative;width:822px; top:2px;}
.outScroll_pic .scroll_pic{position:absolute}
.scroll_pic {margin:0 auto;width:4000px; height:76px; }
.scroll_pic li {float:left;height: 65px;width: 145px; margin: 5px 9px; _margin:5px 14px 5px 4px;cursor:pointer;  background:#000;}
.scroll_pic li img {filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.scroll_pic li:hover img,.scroll_pic li:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.current {width:144px;height:65px;border:2px #ff780d solid;background:url(../heguoimages/home/arrow_on.png) 50% -4px no-repeat;z-index:10;position:absolute;top:5px;left:0;}
.currently img {filter:alpha(opacity=100)!important;-moz-opacity:1!important;opacity:1!important;}
/* 幻灯结束*/


.indexhouse{
    width:100%;  
    height:55px;
    border:solid 0px #000000;  
    font-size:13px;
    color:#4a4a4a;	
    text-align:center; 
    background-color:#fefac2;
    margin-top:0%;  
    margin-bottom:2%;  
}

.indexhouselogo{
    width:18%; 
    display:inline;
    float:left; 
    margin-left:1%;

}



.indexhousegongzhonghaoa{
    width:45%; 
    height:55px;
    display:inline;
    float:left; 
    padding-top: 3px;
}

.indexhousegongzhonghaoa a{
    color:#4a4a4a;
    text-decoration:none;
}

.indexhousegongzhonghaoa a:hover{
    color:#c00d0d;
    text-decoration:none;
}


.indexhousegongzhonghaob{
    width:5%; 
    height:55px;
    display:inline;
    float:left; 

}
.indexhousegongzhonghaob img{
    cursor: pointer;
    transition: all 1s;
    width: 80%;
}

.indexhousegongzhonghaob img:hover{

    transform: scale(4);//放大 倍数随意
    position: relative;
	
    padding-top: 54px;
}




.indexdiv{
    width:100%;  
    border:solid 0px #000000;  
    font-size:18px;
    color:#4a4a4a;	
    text-align:center; 
    margin:1%  auto;
    margin-bottom:1%;  
}
.indexdivtitle{
    width:100%;
    font-size:40px;
    color:#5d5d5d;
    text-align:center; 
    background-color: #eeebeb;
    margin-top:1%;
    clear:both;
}
/*1div开始*/
.indexdivone{
    display:inline;
    float:left; 
    width:98%;  
    margin-top:-10px;  
    margin-bottom:1%; 
    margin-left:1%;
    border:solid 1px #b9b9b9;   
    overflow: hidden;//这个一定要加上  不然就不是外框不变里面变大了   
    color:#4a4a4a; 
}

.indexdivone:hover{
    border:solid 1px #ff0000;   
}

.indexdivone a{
    color:#4a4a4a;
    text-decoration:none;
}

.indexdivone a:hover{
    color:#c00d0d;
    text-decoration:none;
}
.indexdivone img{
    cursor: pointer;
    transition: all 1s;
    width: 100%;
    vertical-align:middle;
}

.indexdivone img:hover{
    transform: scale(1.1);//放大 倍数随意
}
/*1div结束*/
/*2div开始*/
.indexdivtwo{
    display:inline;
    float:left; 
    width:48.5%;  
    margin-top:1%;  
    margin-bottom:1%; 
    margin-left:1%;
    border:solid 1px #b9b9b9;   
    overflow: hidden;/*这个一定要加上  不然就不是外框不变里面变大了   */
    color:#4a4a4a; 
}

.indexdivtwo:hover{
    border:solid 1px #ff0000;   
}

.indexdivtwo a{
    color:#4a4a4a;
    text-decoration:none;
}

.indexdivtwo a:hover{
    color:#c00d0d;
    text-decoration:none;
}
.indexdivtwo img{
    cursor: pointer;
    transition: all 1s;
    width: 100%;
    vertical-align:middle;
}

.indexdivtwo img:hover{
    transform: scale(1.1);//放大 倍数随意
}
/*2div结束*/
/*3div开始*/
.indexdivthree{
    display:inline;
    float:left; 
    width:32%;  
    margin-top:1%;  
    margin-bottom:1%; 
    margin-left:1%;
    border:solid 1px #b9b9b9;   
    overflow: hidden;//这个一定要加上  不然就不是外框不变里面变大了   
    color:#4a4a4a; 

}

.indexdivthree:hover{
    border:solid 1px #ff0000;   
}

.indexdivthree a{
    color:#4a4a4a;
    text-decoration:none;
}

.indexdivthree a:hover{
    color:#c00d0d;
    text-decoration:none;
}
.indexdivthree img{
    cursor: pointer;
    transition: all 1s;
    width: 100%;
    vertical-align:middle;
}

.indexdivthree img:hover{
    transform: scale(1.1);/*放大 倍数随意*/
}
/*3div结束*/
/*6div开始*/
.indexdivsix{
    display: inline-block;
    float:left; 
    width:15.4%;  
    margin-top:1%;  
    margin-bottom:1%; 
    margin-left:1%;
    border:solid 1px #b9b9b9;   
    overflow: hidden;/*这个一定要加上  不然就不是外框不变里面变大了 */  
    color:#4a4a4a;  
    height:420px;
    vertical-align:middle;
}

.indexdivsix:hover{
    border:solid 1px #ff0000;   
}

.indexdivsix a{
    color:#4a4a4a;
    text-decoration:none;
}

.indexdivsix a:hover{
    color:#c00d0d;
    text-decoration:none;
}
.indexdivsixImg img{
    cursor: pointer;
    transition: all 1s;
    width: 90%;
    height:300px;

}

.indexdivsixImg img:hover{
    transform: scale(1.1);/*放大 倍数随意*/
}

.indexdivsixImg2 {
    cursor: pointer;
    transition: all 1s;
    width: 100%;
    height:50px;
    text-align:center;

}






                 /* 图片下的信息包含层 */

.indexdivsixuserInfo {
     padding: 5px 10px;
	font-size:14px; 
}

.indexdivsixusername {
     font-size:14px; 
     margin-left: 0px;
     text-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
}


/*6div结束*/

/*66div开始*/
.indexdivsixsix{
    display:inline;
    float:left; 
    width:15.4%;  /*增加数量改宽度*/

    margin-top:1%;  
    margin-bottom:1%; 
    margin-left:1%;
    border:solid 1px #b9b9b9;   
    overflow: hidden;/*这个一定要加上  不然就不是外框不变里面变大了   */
    color:#4a4a4a; 
    vertical-align:middle;

}

.indexdivsixsix:hover{
    border:solid 1px #ff0000;   
}

.indexdivsixsix a{
    color:#4a4a4a;
    text-decoration:none;
}

.indexdivsixsix a:hover{
    color:#c00d0d;
    text-decoration:none;
}
.indexdivsixsix img{
    cursor: pointer;
    transition: all 1s;
    width: 100%;

}

.indexdivsixsix img:hover{
    transform: scale(1.1);/*放大 倍数随意*/
}
/*66div结束*/

/*4440518housediv=wap用开始*/
.indexdivfourfourfour{
    display: inline-block;
    float:left; 
    width:23.7%;  
    margin-top:1%;  
    margin-bottom:1%; 
    margin-left:1%;
    border:solid 1px #b9b9b9;   
    overflow: hidden;/*这个一定要加上  不然就不是外框不变里面变大了  */ 
    color:#4a4a4a;  
    height:200px;
}

.indexdivfourfourfour:hover{
    border:solid 1px #ff0000;   
}

.indexdivfourfourfour a{
    color:#4a4a4a;
    text-decoration:none;
}

.indexdivfourfourfour a:hover{
    color:#c00d0d;
    text-decoration:none;
}
.indexdivfourfourfour img{
    cursor: pointer;
    transition: all 1s;
    width: 100%;
    max-height:300px;
}

.indexdivfourfourfour img:hover{
    transform: scale(1.1);/*放大 倍数随意*/
}
/*444div结束*/
/*6660518housediv开始*/
.indexdivsixsixsix{
    display: inline-block;
    float:left; 
    width:15.4%;  
    margin-top:1%;  
    margin-bottom:1%; 
    margin-left:1%;
    border:solid 1px #b9b9b9;   
    overflow: hidden;/*这个一定要加上  不然就不是外框不变里面变大了  */ 
    color:#4a4a4a;  
    height:129px;
}

.indexdivsixsixsix:hover{
    border:solid 1px #ff0000;   
}

.indexdivsixsixsix a{
    color:#4a4a4a;
    text-decoration:none;
}

.indexdivsixsixsix a:hover{
    color:#c00d0d;
    text-decoration:none;
}
.indexdivsixsixsix img{
    cursor: pointer;
    transition: all 1s;
    width: 100%;
    max-height:300px;
}

.indexdivsixsixsix img:hover{
    transform: scale(1.1);/*放大 倍数随意*/
}
/*666div结束*/


/*66div_secondary开始*/
.indexdivsix_secondary{
    display: inline-block;
    float:left; 
    width:15.4%;  
    margin-top:1%;  
    margin-bottom:1%; 
    margin-left:1%;
    border:solid 1px #b9b9b9;   
    overflow: hidden;/*这个一定要加上  不然就不是外框不变里面变大了 */  
    color:#4a4a4a; 
    font-size:13px;	
    height:250px;
}

.indexdivsix_secondary:hover{
    border:solid 1px #ff0000;   
}

.indexdivsix_secondary a{
    color:#4a4a4a;
    text-decoration:none;
}

.indexdivsix_secondary a:hover{
    color:#c00d0d;
    text-decoration:none;
}
.indexdivsix_secondaryImg img{
    cursor: pointer;
    transition: all 1s;
    max-height:200px;
}

.indexdivsix_secondaryImg img:hover{
    transform: scale(1.1);/*放大 倍数随意*/
}


.indexdivsix_secondaryImage { 
  border-radius: 30px;
  width:30px;
  height:30px; 
  background: url("../img/photo/img.jpg") no-repeat center;
  background-size:30px;
}
/*66div_secondary结束*/




/*-- --------aboutus---------------- --*/


.aboutus {
    width:1300px; 
    margin: 0px auto;
    border:solid 1px #D5D3D3; 
}
.aboutus_left260{
    width:260px;
    font-family:"MicroSoft YaHei","SimHei"; 
    color:#333;
    background-color:#f7f7f7; 
    text-decoration:none; 
    display:inline;
    float:left; 
    overflow: hidden;//这个一定要加上  不然就不是外框不变里面变大了 
    font-size:15px; 
    margin-top:20px;
    margin-bottom:20px;
    clear:both;
}
.aboutus_right1000{
    width:1000px;
    display:inline;
    float:left; 
    margin-left:15px;
    background-color:#ffffff;
    height1:1500px;
}
.about_tit{ text-align:center; padding:.4em 0; line-height:2em; font-size:20px;}
.about_menu li{width:250px; margin:0em 0 0em 0;line-height:60px; height:60px;list-style: none; }
.about_menu li a{
    font-family:"MicroSoft YaHei","SimHei"; 
    margin-left:0em;
    color: #555;
    font-size: 18px;
    display:block; 
    padding-left:1em; 
    border-left:3px solid #f7f7f7;
    text-decoration: none;
}
.about_menu li a:hover{
    color: orange; 
    text-decoration: underline;
    background-color:#efefef;
}
.about_menu .light a{ 
    background-color:#efefef; 
    border-color:orange; 
    color: orange; 
}
.about_r{ margin:0em 0 2em 0;font-size:15px; line-height:2em; color:#555; }
.about_r  a{font-family:"MicroSoft YaHei","SimHei"; margin-left:0em;color: #555;font-size: 15px;display:block; padding-left:1em; border-left:3px solid #f7f7f7;text-decoration: none;}
.about_r  a:hover{color: #EE1059; text-decoration: underline;}

/*-- --------footer---------------- --*/
.footerbg {background-color:#434343;margin-top:0px;clear:both; } 
.footer {width:1300px; margin: 0px auto;color: #ffffff;font-family:"MicroSoft YaHei","SimHei";background-color:#434343; }
.footer p {line-height: 15px;color: #ffffff;font-size: 13px;padding-top:3px;padding-bottom:5px;}
.footer p a{color: #ffffff;font-size: 13px;}
.footer p a:link,
.footer p a:visited{ color:#ffffff; text-decoration:none;}
.footer p a:hover{ color:#FF6A00; text-decoration:none;font-size:13px;}