﻿
/*工博会样式表*/


/*网页字体设置*/
body 
{
	 max-width:1920px;
     font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体" !important;
	 
	 margin: 0 auto ;
	 padding:0 ;
}

/*默认内外边距清除*/
h1,h2,h3,h4,h5,h6,ul,li,p{
margin: 0 ;
padding: 0 ;

}


/*公用样式*/

.center{

margin: 0 auto ;

}

.fl{
float: left ;

}

.fr{

float: right ;
}


a{
text-decoration: none ;

}

hr{
border: solid 1px #d7d7d7;

}

/*基本布局样式*/
#header{

width: 100% ;
height:133px ;
background : #183e59 ;
z-index: 999 ;

}

/* #test{
height: 600px ;
width: 100% ;

} */

#addr{
height: 800px ;
width: 100% ;


}


#recharge{
width: 100% ;
text-align: center ;
background: #06357b ;
height: 600px ;
}

#recharge img{
margin: 0 ;
padding: 0 ;


}

.rebox{
width:1000px;
height:600px;
margin:0 auto ;
}


.left{
width:500px;
float:left ;

}

.right{
width:500px;
float:right ;

}




#intro{
height: 975px ;
width: 100% ;
background: #65cac6 ;

}


#role{
height: 601px ;
width: 100% ;
background: #193e59 ;

}

#com{
height: 910px ;
width: 1000px ;
margin: 0 auto ;


}



#pro{
height: 888px ;
width: 100% ;
background: url('../image/index_77.jpg') no-repeat ;

}


#plan{
height: 680px ;
width: 100% ;
background: #f97a7a ;


}


#exhi{
height: 995px ;
width: 100% ;
background: #fcffe2 ;

}

#unit{
height: 912px ;
width: 100% ;
background: #dddddd ;

}

#contact{
height: 540px ;
width: 100% ;
background: #333a51 ;

}



#footer{
width: 100% ;
height: 315px ;
background : #494948 ;


}

/*以下是页面详细样式*/

/*页面头部样式*/
.head_box{
width: 1120px ;
height: 88px ;


}

.nav{
width: 808px ;
height: 50px ;
padding: 20px 75px ;


}

.nav ul{

list-style: none ;

}

.nav ul li{

float: left ;
font-size: 14px ;
width: 101px ;
text-align: center ;


}


.nav ul li h2{
font-size: 14px ;
color: #246faf ;

}

.nav ul li p{
width: 100px ;
height: 35px ;

}

/*红条条*/
#redbar{
width: 100% ;
height: 45px ;
background: #e81e2c ;


}

.join_box{
width:1120px ;
height: 100% ;
margin: 0 auto ;

}

.join{
height: 100% ;
width: 270px ;


}


.join_tel{
font-size: 12px ;
color: #FFFFFF  ;
clear: both ;
height: 50px ;
padding-top: 15px ;

position: relative ;

}


.join_h2{
font-size: 20px ;
height: 35px ;
background: #e81e2c ;
text-align: center ;
border-radius: 10px ;
position:relative ;
left: 23px ;
top:-26px ;
width: 175px ;

}

#join_hidden{
width: 177px ;
height: 240px ;
background: #ffffff ;
position: absolute ;
left: 31px ;
z-index: 999 ;
border-radius:0 0 10px 10px ;
text-align: center ;
border: solid 1px  #a5a5a5 ;
top: 44px ;


}


#join_hidden h1{
font-size: 18px ;
color: #515151 ;
height: 45px ;
line-height: 45px ;
}

#join_hidden h2{
font-size: 14px ;
color: #848484 ;
height:55px ;
width:127px ;
margin: 0 auto ;
text-align: left ;

}

#join_hidden h3{
font-size: 16px ;
color: #a5a5a5 ;
margin-top: 15px ;

}

.join_now{

height: 35px ;
line-height: 35px ;
background: #7a7a7a ;
border-radius:0 0 10px 10px ;

}

.join_now a{
font-size: 20px ;
color: #fff ;

}


/*展会时间和地点*/
#addr_info{
width:1000px ;
height: 100% ;
margin: 0 auto ;


}


#addr_info h1{
font-size: 36px ;
color: #010101 ;
margin-top: 45px ;
margin-bottom: 20px ;

}

#addr_info h1 img{
  float: right;
  position: relative;
  top: 25px;

}


#addr_info h2{
font-size: 24px ;
color: #010101 ;
font-weight: normal ;
margin-bottom: 50px ;


}

#addr_info h3{
font-size: 18px ;
color: #010101 ;
font-weight: normal ;
margin-bottom: 20px ;


}

#addr_info h4{
font-size: 14px ;
color: #010101 ;
font-weight: normal ;
margin-bottom: 40px ;


}

#addr_info ul{
list-style:none ;
clear: both ;

}

#addr_info ul li{
float: left ;
width: 310px ;
margin-right: 20px ;
margin-bottom: 15px ;
}

#addr_info ul li img{
width: 310px ;

}

#addr_info p{
text-align: center ;
font-size: 18px ;
color: #e81e2c ;
letter-spacing: 2px ;
}


/*展会介绍*/
#intro_con{
width: 1000px ;
margin: 0  auto ;
padding:60px 0 40px ;

}

#intro_con>h1{
font-size: 24px ;
color: #0d5cb5 ;

}

.intro_line{
margin:5px 0 15px ;

}

.intro_left{
width: 610px ;

}

.intro_right{
width: 339px ;
background: #026387 ;
padding: 15px ;

}

.left_title{
width:100% ;
height: 140px ;
background: #89e0eb ;
text-align:center ;
padding: 30px 0 20px ;

}

.left_title  h3{
font-size: 14px ;
color: #ffffff ;
font-weight: normal ;

}


.left_title  h1{
font-size: 36px ;
color: #ffffff ;
font-weight: normal ;
margin-top: 10px ;
margin-bottom: 10px ;

}

.left_title  h2{
font-size: 20px ;
color: #ffffff ;
font-weight: normal ;

}

.left_con{
background: #ffffff ;
padding: 20px 20px 40px ;


}

.left_con h3{
font-size: 20px ;
font-weight: normal ;
margin-bottom: 20px ;

}

.left_con .p1{
font-size: 14px ;
line-height:24px ;

}

.left_con .p2{
font-size: 12px ;


}


.intro_right h1{
font-size: 20px ;
color: #ffffff ;
font-weight: normal ;
letter-spacing: 2px ;
margin-bottom: 40px ;


}

.intro_right h1 img{
position: relative ;
top: -5px ;

}


.intro_right .p3{
font-size: 15px ;
color: #6cd7ff ;
line-height: 24px ;

}

.intro_right .p4{
font-size: 13px ;
color: #ffffff ;
line-height:18px ;

}


#role_con{
width: 1000px ;
margin: 0 auto ;

}

#role_con h1{
font-size: 24px ;
color: #0d5cb5 ;
font-weight: normal ;
margin: 20px 0  10px ;

}


/*展品介绍*/
#pro_con{
width:1000px ;
height:100% ;
margin: 0 auto ;
background: #117997 ;
opacity: 0.8 ;
color: #ffffff ;

}

#pro_con h1{
font-size: 24px ;
padding-top: 40px ;
padding-bottom: 10px ;


}

.pro_left{
width: 110px ;
text-align: center ;
position: relative ;
top: 20px ;

}

.pro_right{
position: relative ;
top: 40px ;
font-size: 18px ;
line-height: 24px ;
width: 830px ;
margin-bottom: 50px ;


}


/*历届知名厂商*/
#com h1{
font-size: 24px ;
color: #989898 ;
margin: 45px 0 15px ;


}

#com img{
margin-bottom: 25px ;


}


/*推广计划*/
#plan_con{
width: 1000px ;
margin: 0 auto ;

}

#plan_con p{
font-size: 24px ;
color: #fefefe ;
padding:30px 0 ;

}

#plan_con ul{
list-style: none ;
margin-left: 20px ;


}

#plan_con ul li{
background: url('../image/plan_1.png') no-repeat ;
padding-left: 24px ;
font-size: 16px ;
color: #fefefe ;
height: 40px ;
line-height: 7px ;


}

/*展台选项*/
#exhi_con{
width: 1000px ;
margin: 0 auto ;

}

#exhi_con h2{
font-size: 24px ;
color: #036ca3 ;
font-weight: normal ;
padding: 70px 0 75px ;

}

#exhi_con h2 img{
position: relative ;
top: -5px ;

}


.exhi_left{
width: 430px ;

}

.exhi_right{
width: 430px ;

}

.exhi_left>img{
padding-bottom: 40px ;

}

.exhi_right>img{
padding-bottom: 10px ;

}

#exhi_con .p1{
font-size: 20px ;
color: #036ca3 ;
margin-bottom: 20px ;


}

#exhi_con  .p2{
font-size: 16px ;
color: #036ca3 ;
margin-bottom: 40px ;
line-height: 25px ;

}

.con_detail{
font-size: 16px ;
color: #036ca3 ;
height: 150px ;
line-height: 30px ;

}

.con_detail2{
font-size: 16px ;
color: #036ca3 ;
height: 100px ;
line-height: 40px ;

}

.con_detail img,.con_detail2 img{
margin-right: 10px ;

}

#exhi_con  h3{
clear: both;
color: #e42929;
font-size: 18px;
text-align: center;

}

/*举办单位*/
#unit_con{
width: 1000px ;
margin: 0 auto ;

}

#unit_con>h1{
font-size: 24px ;
color: #4f4f4f ;
padding: 74px 0 0;

}

#unit_con h2{
font-size: 20px ;
color: #eb2424 ;
margin-bottom: 30px ;
margin-top: 40px ;
}

.unit_p1{
font-size: 18px ;
color: #939393 ;
line-height: 35px ;

}

.unit_p2{
font-size: 14px ;
color: #9f9e9e ;
line-height: 24px ;

}


.unit_left{
width: 610px ;

}

.unit_right{
margin-top: 98px ;
width: 390px ;

}



#unit_con .h2{
font-size: 20px ;
color: #eb2424 ;
margin-bottom: 37px ;
margin-top: 70px ;
}

.unit_p3{
margin-bottom: 94px ;

}

/*联系方式*/
#contact_con{
width: 1000px ;
margin: 0 auto ;
padding-top: 70px ;

}


.contact_left{
width: 610px ;

}

.contact_right{
width: 390px ;

}


#contact_con h3{
font-size: 18px ;
color: #ffffff ;
padding : 30px  0  20px ;

}


#contact_con ul{
list-style: none ;

}

#contact_con ul li{
background: url('../image/plan_1.png') no-repeat ;
font-size: 16px ;
color: #fff ;
padding-left: 24px ;
height: 30px ;
line-height: 7px ;

}


/*页面底部*/
.foot_box{

width: 1120px ;
height: 100% ;

}

.foot_left{
width: 480px ;
height: 200px ;
margin-top: 50px ;

border-right: solid 1px #8e8b8b ;


}

.foot_center{
width: 300px ;
height: 200px ;
margin-top: 50px ;
margin-left:20px ;

border-right: solid 1px #8e8b8b ;


}
.p_1{
font-size: 12px ;
color: #ffffff ;
height: 30px ;
line-height: 30px ;
background: url('../image/bbs_55.jpg') no-repeat;
padding-left: 30px ;
}

.p_2{
font-size: 12px ;
color: #ffffff ;
height: 30px ;
line-height: 30px ;
background: url('../image/bbs_68.jpg') no-repeat;
padding-left: 30px ;
}


.foot_right{
width: 300px ;
height: 200px ;
margin-top: 50px ;
margin-left: 15px ;

}

.about{
width: 250px ;
text-align: left ;

font-size: 12px ;
color: #ffffff ;

line-height: 19px ;

margin-left: 30px ;

}

.foot_h2{
font-size: 18px ;
color: #00bdf3 ;


}

/*线条啊线条*/
.line{
height:1px;
background-color:#bdbdbd;
line-height:1px;
clear:both;
display:block;
overflow:hidden ;

}

.line2{
height:1px;
background-color:#f0f0f0;
line-height:1px;
clear:both;
display:block;
overflow:hidden ;

}


/*超级链接样式设置*/
.nav ul li a{
color: #ffffff ;

}

.join_h2 a{
color: #ffffff ;

}


