html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: "Microsoft YaHei", "宋体", "黑体", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
em,
img,
strong,
sub,
sup,
tt,
dd,
dl,
dt,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
ul,
li,
p,
a,
section {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

input,
select,
textarea {
    vertical-align: middle;
    -ms-behavior: url(css/PIE.htc);
    behavior: url(css/PIE.htc);
    outline: none;
}

img {
    /*width: 100%;*/
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}

ul li {
    list-style-type: none;
}

a {
    blr: expression(this.onFocus=this.blur());
    text-decoration: none;
}

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

div,
a {
    tap-highlight-color: rgba(0, 0, 0, 0);
    focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-focus-ring-color: rgba(0, 0, 0, 0);
}

.show-pc {
    display:block;
}
.show-phone {
    display:none;
}
img {
    width:100%;
}


/*头部*/
.header {
    width:100%;
    height:80px;
}
.top {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    z-index:100;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.top-c {
    width: 1200px;
    height: 80px;
    overflow: hidden;
    margin: 0 auto;
}

.logo {
    width: 100px;
    float: left;
    margin-top: 19px;
}

.logo img {
    width: 100%;
}
.nav {
    width:440px;
    float:right;
    margin-top:32px;
    overflow:hidden;
}
.nav li{
    margin-left:38px;
    float:left;
    cursor: pointer;
    color: #333;
    font-size: 16px;
}
.nav li:hover{
    color:#e60012;
    border-bottom:5px solid #e60012;
}
/*.nav li a:hover{
    color:#e60012;
}*/
.nav li.active{
	color:#e60012;
    border-bottom:5px solid #e60012;
} 
.nav li.active a{
	color:#e60012;
}
.nav li a {
	padding-bottom:22px;
	display: block;
    font-size:16px;
    color:#333333;
}
.nav li:first-child{
    margin-left:0;
}
.w-1200{
	width: 1200px; 
	margin: 0 auto;
}
/*banner*/
.E_banner{
	width: 100%;
	background: url(../images/banner.png) no-repeat;
	background-size: cover;
	background-position: center;
	height: 500px;
}
.b_tit{
	width: 741px;
	padding-top: 130px;
	position: relative;
	left: -8px;
}
.zhjy{
	font-size: 22px;
	color: #FFFFFF;
	font-weight: 550;
	margin: 10px 0 30px;
}
.e_time,.e_city{
	color: #fff;
	font-size: 18px;
}
.e_time{
	margin-right: 40px;
}
.e_time img{
	display: inline-block;
	width: 15px; 
	margin-right: 8px;
}
.e_city img{
	display: inline-block;
	width: 14px; 
	margin-right: 10px;
	position: relative;
	top: 2px;
}
.pc-sc2-title {
    line-height: 1.1em;
    font-size: 32px;
    color: #333333;
    padding-left: 18px;
    border-left: 5px solid #e60012;
}
/*con_1*/
.E_generalize{
	width: 100%;
	padding: 40px 0;
}
.g_title{
	color: #333;
	font-size: 18px;
}
.g_title:nth-of-type(1){
	margin-top: 40px;
	line-height: 1.7em;
}
.g_title:nth-of-type(2){
	margin-top: 25px;
	line-height: 1.7em;
}
/*con_2*/
.E_watch{
	width: 100%;
	padding: 40px 0;
	background: #f7f7f7;
}
.p2{
	width: 100%;
}
.p2-con{
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}
.p2-left{
	width: 580px;
	float: left;
}
.p2-right{
	width: 580px;
	float: right;
}
.p2-bk{
	width: 100%;
	position: relative;
}
.p2-left img, .p2-right img{
	width: 100%;
}
.e_mask{
	position: absolute;
	top: 22px;
	left: 30px;
}
.e_mask h4{
	font-weight: 550;
	font-size: 20px;
	color: #333;
	margin-bottom: 15px;
}
.e_mask p{
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
}
.e_mask_2{
	position: absolute;
	top: 22px;
	left: 30px;
}
.e_mask_2 h4{
	font-weight: 550;
	font-size: 20px;
	color: #333;
	margin-bottom: 15px;
}
.e_mask_2 p{
	font-size: 16px;
	color: #333;
	margin-bottom: 7px;
}
.e_bk{
	width: 100%;
	overflow: hidden;
}
.img-act{
	transition: .3s;
    overflow: hidden;
    cursor: pointer;
}
.p2-left:hover .img-act{
    transform:scale(1.2);
}
.p2-right:hover .img-act{
    transform:scale(1.2);
}
/*con_3*/
.E_agenda{
	padding: 40px 0;
	width: 100%;
	position: relative;
}
.con_3_bg{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.con_3_bg img{
	width: 100%;
}
.t_day_1{
	width: 100%;
	overflow: hidden;
	height: 77px;
}
.t_day_1{
	margin-top: 25px;
}
.t_day_2{
	margin-top: 10px;
}
.t_day_1 p:nth-of-type(1){
	margin-bottom: 5px;
}
.t_day_left{
	width: 12%;
	float: left;
	height: 62px;
	padding-top: 15px;
	background: #e60012;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.t_day_right{
	width: 88%;
	float: right;
	background: #f2f2f2;
	height: 77px;
	line-height: 77px;
}
.g_time,.g_city{
	width: 14px;
	display: inline-block;
	margin-right: 7px;
	position: relative;
	top: 1px;
}
.t_day_right span:nth-of-type(1){
	padding-left: 44px;
	margin-right: 60px;
	color: #e60012;
	font-size: 16px;
}
.t_day_right span:nth-of-type(2){
	padding-left: 44px;
	width: 566px;
	display: inline-block;
	font-size: 16px;
	color: #000;
}
.t_day_right span:nth-of-type(3){
	display: inline-block;
	font-size: 16px;
	color: #000;
}
.t_day_right span i{
	font-style: normal;
	font-size: 18px;
	color: #000;
}
.pc-yc{
	width: 1155px;
	padding-left: 45px;
	margin-top: 35px;
}
.pc-yc img{
	width: 1026px;
}
/*con_4*/
.E_exhibition{
	width: 100%;
	padding: 40px 0 0 0; 
	background: #f7f7f7;
}
.exh_tit{
	width: 1180px;
	margin: 0 auto;
	color: #333;
	font-size: 16px;
	margin-top: 40px;
	line-height: 1.7em;
}
.exh_img{
	width: 100%;
	text-align: center;
}
.exh_img img{
	width: 1140px;
	display: inline-block;
}
/*con_5*/
.E_forum{
	padding: 40px 0 25px;
	width: 100%;
	background: url(../images/person.png) no-repeat;
	background-size: cover;
	background-position: 100% 100%;
	height: 490px;
	position: relative;
}
.for_tit{
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 32px;
}
.for_con{
	width: 100%;
	overflow: hidden;
	margin-top: 45px;
}
.for_con li{
	width: 216px;
	float: left;
	height: 262px;
	background: url(../images/bg_2.png) no-repeat;
	background-size: 100% 100%;
	margin-right: 5px;
}
.for_con li img{
	display: inline-block;
}
.for_con li:nth-of-type(1){
	width: 311px;
	background: url(../images/bg_1.png) no-repeat;
	background-size: 100% 100%;
}
.for_img img{
	padding-top: 30px;
}
.for_img_0 img{
	width: 43px;
	padding-top: 25px;
}
.for_img_1 img{
	width: 38px;
	margin-top: 3px;
}
.for_img_2 img{
	width: 37px;
	margin-top: 1px;
}
.for_img_3 img{
	width: 41px;
}
.for_img_4 img{
	width: 36px;
	margin-top: 4px;
}
.for_img{
	width: 100%;
	text-align: center;
	margin-left: -8px;
}
.for_tc{
	font-size: 18px;
	color: #e60012;
	width: 100%;
	text-align: center;
	margin-top: 15px;
	margin-left: -8px;
}
.for_title{
	font-size: 16px;
	color: #333;
	margin-top: 15px;
	line-height: 1.5em;
	padding: 0 30px 0 17px;
	text-align: center;
}
.e_btn{
	width: 100%;
	text-align: center;
	margin-top: 28px;
}
.e_btn a{
	display: inline-block;
	width: 180px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ec3c47;
	font-size: 14px;
	color: #e60012;
}
.e_btn a img{
	display: inline-block;
	width: 15px;
	position: relative;
	top: 3px;
	margin-left: 8px;
}


/*底部*/
.bottom {
    width: 100%;
    height: 60px;
    background-color: #4d4d4d;
    text-align: center;
    font-size: 12px;
    line-height: 60px;
    color: #e5e5e5;
    position: absolute;
    bottom: 0;
}

.bottom .main {
    margin-top: 0;
}

.bottom img {
    /*width: 1.3%;*/
    vertical-align: middle;
    display: inline-block;
    padding-left: 1%;
    padding-right: 0.5%;
}
.div-br img {
    width:14px;
}
/******移动端端样式*****/
@media(max-width:768px) {
	.nav li a{
		padding: 0;
		font-size: 3.8vw;
	}
    img{
        width: 100%;
    }
   .show-pc{
        display: none;
   }
   .show-phone{
        display: block;
        width: 100%;
   }
    .top-c {
        width:100%; 
    }
    .logo {
        margin-left:3.6%;
    }
    .menu {
        width:5.6%;
        float:right; 
        margin-right:3.9%;
        margin-top:3.5%;
    }
    .m-map-title{
        width: 100%;
        margin:0 auto;
        text-align: center;
        font-size: 4.8vw;
        color: #333;
   	}
   	.m-map-title p{
        width: 8%;
        height: 3px;
        margin:1% auto;
        background: #e60012;
   	}
    /*banner*/
	.E_banner{
		width: 100%;
		background: none;
		height: auto;
	}
	.E_banner .mp_banner{
		width: 1005;
	}    
	.mp_banner img{
		width: 100%;
	}
	/*con_1*/
	.E_generalize{
		padding: 5% 0;
	}
	.g_title{
		width: 93.2%;
		margin: 0 auto;
		font-size: 3.2vw;
		line-height: 1.7em;
	}
	.g_title:nth-of-type(1){
		margin-top: 5%;
	}
	.g_title:nth-of-type(2){
		margin-top: 2%;
	}
	/*con_2*/
	.E_watch{
		padding: 5% 0;
	}
	.p2-con{
		overflow: inherit;
		margin-top: 5%;
	}
	.p2-left,.p2-right{
		display: block;
		float: inherit;
		width: 93.2%;
		margin: 0 auto;
	}
	.p2-left{
		margin-bottom: 5%;
	}
	.e_mask{
		top: 6%;
		left: 5%;
	}
	.e_mask h4{
		font-size: 3.8vw;
		margin-bottom: 3%;
		font-weight: 550;
	}
	.e_mask p{
		font-size: 3.2vw;
		margin-bottom: 1.5%;
		font-weight: 550;
	}
	.e_mask_2{
		top: 6%;
		left: 5%;
	}
	.e_mask_2 h4{
		font-size: 3.8vw;
		margin-bottom: 3%;
		font-weight: 550;
	}
	.e_mask_2 p{
		font-size: 3.2vw;
		margin-bottom: 1.5%;
		font-weight: 550;
	}
	/*con_3*/
	.E_agenda{
		padding: 5% 0 3%;
	}
	.t_day_1{
		height: 21vw;
		width: 93.2%;
		margin: 0 auto;
		margin-top: 5%;
	}
	.t_day_left{
		width: 20%;
		height: 16vw;
		font-size: 3.4vw;
		padding-top: 5vw;
	}
	.t_day_right{
		width: 80%;
		height: 19vw;
		padding-top: 2vw;
		line-height: inherit;
	}
	.t_day_right span:nth-of-type(1){
		padding-left: 8%;
		margin-right: 1%;
		font-size: 3.2vw;
	}
	.t_day_right span:nth-of-type(2){
		padding-left: 8%;
		width: 45%;
		font-size: 3.2vw;
	}
	.t_day_right span:nth-of-type(3){
		display: block;
		font-size: 3.6vw;
		width: 87%;
		margin: 1% 5% 0 8%;
	}
	.t_day_right span i{
		font-size: 3.6vw;
	}
	.g_time, .g_city{
		width: 3vw;
	}
	.t_day_2{
		margin-top: 3%;
	}
	.pc-yc{
		width: 100%;
		margin-top: 4%;
		text-align: center;
		padding-left: 0;
	}
	.pc-yc img{
		width: 93.2%;
		display: inline-block;
		padding: 0;
	}
	/*con_4*/
	.E_exhibition{
		padding: 5% 0;
	}
	.exh_tit{
		width: 93.2%;
		margin: 0 auto;
		font-size: 3.2vw;
		margin-top: 3%;
	}
	.exh_img{
		margin-top: 5%;
	}
	.exh_img img{
		width: 93.2%;
		display: inline-block;
	}
	/*con_5*/
	.E_forum{
		background: url(../images/mp_bg.png) no-repeat;
		padding: 0;
		height: 93vw;
		background-size: 100%;
		position: inherit;
		padding-top: 5vw;
	}
	.for_tit{
		font-size: 4.8vw;
		font-weight: 550;
		margin-bottom: 7%;
	}
	.content-c{
		width: 100%;
		/*overflow: hidden;*/
	}
	.p3-w-box{
		overflow: hidden;
	}
	.swiper-container-p2w{
		width: 76%;
	}
	.p3-pro-ul{
		width: 100%;
		overflow: hidden;
	}
	.lis_1{
		float: left;
		display: inline-block;
		/*margin-left: 3.4%;*/
		width: 50%;
		background: url(../images/mp_bg_2.png) no-repeat;
		background-size: 100% 100%;
		height: 52vw;
		overflow: hidden;
	}
	.swiper-pagination-bullet{
		margin-right: 3% !important;
		background: #fff;
		opacity: 1;
	}
	.swiper-pagination-bullet-active{
		background: #e60012 !important;
	}
	.pagination-p3{
		width: 100% !important;
		text-align: center;
		margin-top: 2%;
	}
	.lis{
		margin-left: 5%;
		width: 94%;
		background: url(../images/mp_bg_1.png) no-repeat;
		background-size: 100% 100%;
		height: 52vw;
		overflow: hidden;
	}
	.for_img{
		margin: 0;
		height: 35%;
	}
	.lis .for_img{
		height: 32%;
	}
	.for_img_0 img{
		width: 9vw;
		padding-top: 18%;
		display: inline-block;
		margin-left: -8%;
	}
	.lis .for_img_0 img{
		padding-top: 8.5%;
	}
	.for_title{
		width: 85%;
		font-size: 3.2vw;
		margin-top: 4%;
		padding: 0 5% 0 5%;
	}
	.lis .for_title{
		width: 84%;
		font-size: 3.2vw;
		margin-top: 3%;
		padding: 0 8% 0 4%;
	}
	.for_tc{
		font-size: 3.8vw;
		margin-top: 3%;
	}
	.e_btn{
		margin-top: 4%;
	}
	.e_btn a img{
		top: 4px;
	}
    /*底部*/
    .bottom{
        height:auto; 
        line-height:1.7em;
        padding:2% 0;
        position: inherit;
     }
     .bottom span{
        display:block;
     }
     .bottom img{
        width: 5%;
     }
   	.e_btn a{
   		width: 43%;
   		font-size: 3vw;
   		height: 10vw;
   		line-height: 10vw;
   	}
   	
}


@media(max-width: 640px){
    
   .header {
        height:48px;
   }
    .swiper-font{
        width: 92%;
    }
    .top-c{
        height:48px;
        overflow:visible;
    }
    .top{
        
        overflow:visible;
    }
    .banner{
        padding-top:48px;
    }
    .logo{
        width:18%;
        margin-top:11px;
        margin-left:16px;
        float: left;
    }
    .menu img{
        width:100%;
        margin-top:10%;
    }
    .nav{
        position:absolute;
        right:0;
        top:100%;
        width:53%;
        background-color:rgba(0,0,0,0.7);
        margin-top:0;
        /*padding-bottom:10%;*/
        display:none;
        z-index: 10;

    }
    .nav li{
        width:100%;
        padding:8% 0;
        font-size:3.8vw;
        float:none;
        text-align:center;
        margin-left:0;
        border-bottom:1px solid #565656;
        color: #fff;
    }
    .nav li:last-child{
        border-bottom:none;
    }
    .nav li a{
        color:#fff;
     }
     .lis .for_title{
     	width: 88%;
     }
}