@CHARSET "UTF-8";
/*右侧导航栏样式*/
.onepage-pagination li {
	height: 39px;
}
.onepage-pagination li a {
    padding: 12px;
    width: 15px;
    height: 15px;
    display: block;
}
.onepage-pagination li a:before {
    content: url(../images/control_normal.png);
    position: absolute;
    width: 15px;
    height: 15px;
    background: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.onepage-pagination li a.active {
	width: 39px;
    height: 39px;
    padding: 0;
}
.onepage-pagination li a.active:before {
	content: url(../images/control_hover.png);
    width: 39px;
    height: 39px;
    background: none;
    border: none;
    margin-top: 0;
    left: 0;
}
section { overflow: hidden;}

.col-1 {
	background: url(../images/bg-01.jpg) center no-repeat;
	background-size: 100% 100%;
	height: 100%;
	padding-top: 123px;
}

.col-1 .img1 {
	margin-top: 150px;
}
.col-1 .img2 {
	margin-top: 40px;
}
.col-1 .infos {
	margin-top: 170px;
	font-size: 16px;
	line-height: 46px;
	font-weight: bold;
	color: #373737;
	text-shadow: 1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff;
}
.col-1 .infos p.img:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}
.col-1 .infos p.time { text-align: right;}
.col-1 .infos p.time:before {
	background: url(../images/img-time.png) no-repeat;
	width: 39px;
	height: 41px; 
}
.col-1 .infos p.site:before {
	background: url(../images/img-site.png) no-repeat;
	width: 32px;
	height: 41px; 
}
.col-1 .infos p.tel:before {
	background: url(../images/img-tel.png) no-repeat;
	width: 38px;
	height: 41px; 
}
.col-1 .img03 {
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: 50px;
}
@media (max-width: 767px) { 
	.col-1 .img03 { 
		width: 30px;
		margin-left: -15px;
		bottom: 10px;
	}
}
/*
@media (max-width: 700px) {
	.col-1 img.img01 {
		width: 550px;
		left: 50%;
		margin-left: -275px;
		bottom: 29%;
	}
}*/
@media (max-height: 900px) {
	.col-1 .img1 { margin-top: 100px;}
	.col-1 .img2 { margin-top: 30px;}
	.col-1 .infos { margin-top: 120px;}
}
@media (max-height: 780px) {
	.col-1 .img1 { margin-top: 70px;}
	.col-1 .infos { margin-top: 90px;}
}
@media (max-height: 720px) {
	.col-1 .img1 { margin-top: 50px;}
	.col-1 .img2 { margin-top: 20px;}
	.col-1 .infos { margin-top: 60px;}
}
@media (max-height: 650px) {
	.col-1 .img1 { 
		margin-top: 50px;
		width: 80%;
	}
	.col-1 .img2 { 
		margin-top: 20px;
		width: 60%;
	}
	.col-1 .infos { margin-top: 30px;}
}
@media (max-width: 767px) {
	.col-1 .infos p.time,
	.col-1 .infos p.site,
	.col-1 .infos p.tel { 
		text-align: center;
		font-size: 14px;
	}
	.col-1 .infos p.time:before,
	.col-1 .infos p.site:before,
	.col-1 .infos p.tel:before {
		height: 30px;
		background-size: auto 100%;
	}
	@media (max-width: 414px) {
		.col-1 .img1 { width: 100%;}
		.col-1 .img2 { width: 90%;}
	}
}

.col-2 {
	background: url(../images/bg-02.jpg) center no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
	height: 100%;
	padding-top: 123px;
}
.col-2 .jigou-tit {
	height: 60px;
	width: 240px;
	line-height: 60px;
	font-size: 60px;
	text-align: center;
	margin-top: 20px;
	text-shadow: 3px 3px 0 #333;
}
.col-2 .jigou-box {
	margin-top: 40px;
}
/*
.col-2 table {
	width: 100%;
	font-size: 18px;
	color: #b7d6f0;
	table-layout: fixed;
	
}
.col-2 table td.tit {
	color: #fff;
	width: 120px;
}
.col-2 .table>tbody>tr>td {
	border-top: none;
	padding: 8px 8px;
}
.col-2 .table>tbody>tr>td a {
	color: #b7d6f0;
}
.col-2 .table>tbody>tr>td a:hover {
	text-decoration: underline;
}
.col-2 table td img {
	width: 85px;
	height: 35px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.col-2 table td img.logo {
	width: 120px;
	height: 60px;
	margin-top: -20px;
}
*/
.col-2 .fourcycle{
	margin-top: 40px;
  font-size:18px;
  text-align:center;
}
.col-2 .fourcycle ul{
  width: 1080px;
  margin: 0 auto;
}
.col-2 .fourcycle ul li{
  width:220px;
  float:left;
  margin: 0px 25px;
}

.col-2 .jginfo img {
	width: 85px;
	height: 35px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.col-2 .jginfo p,
.col-2 .jginfo p a {
	color: #b7d6f0;
	font-size: 18px;
}
.col-2 .jginfo p {
	line-height: 28px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 120px;
	position: relative;
}
.col-2 .jginfo p span.left {
	color: #fff;
	position: absolute;
	padding-left: 8px;
	left: 0;
}
@media (max-width: 1080px) {
	.col-2 .fourcycle ul{
      width: 100%;
      margin: 0 auto;
  }
  .col-2 .fourcycle ul li{
      width:21%;
      float:left;
      margin: 0px 2%;
  }
  .col-2 .fourcycle ul li img{
      width:100%;
  }
}

.col-2 .fourcycle .ldcontent{
    color:#4f83fd;
    padding-top:10px;
}
@media (max-height: 860px) {
	.col-2 .fourcycle { margin-top: 0;}
}
@media (max-height: 800px) {
	.col-2 .table>tbody>tr>td {
		padding: 4px 8px;
	}
}
@media (max-height: 640px) {
	.col-2 .fourcycle { display: none;}
}
@media (max-width: 767px) {
	.col-2 { padding-top: 91px;}
	.col-2 .fourcycle { display: none;}
	.col-2 .jigou-tit {
		height: 30px;
		width: 120px;
		line-height: 30px;
		font-size: 30px;
		margin-top: 20px;
		text-shadow: 3px 3px 0 #333;
	}
	.col-2 .jigou-box {
		margin-top: 20px;
		padding: 0;
	}

	.col-2 .jginfo img {
		width: 60px;
		height: 26px;
		margin-right: 5px;
		margin-bottom: 10px;
	}
	.col-2 .jginfo p,
	.col-2 .jginfo p a {
		font-size: 14px;
	}
	.col-2 .jginfo p {
		line-height: 24px;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 100px;
		position: relative;
	}
	.col-2 .jginfo p span.left {
		padding-left: 0;
	}
}

.col-3 {
	background: url(../images/bg-03.jpg) center no-repeat;
	background-size: 100% 100%;
	height: 100%;
}
.col-3 .join-box {
	position: absolute;
	height: 60px;
	width: 540px;
	line-height: 60px;
	font-size: 60px;
	top: 24%;
	left: 50%;
	margin-left: -270px;
	color: #fff;
}
@media (max-width: 767px) {
	.col-3 .join-box span {
		display: block;
	}
	.col-3 .join-box {
		text-align: center;
		height: inherit;
		width: 200px;
		line-height: 60px;
		font-size: 40px;
		top: 130px;
		left: 50%;
		margin-left: -100px;
	}
}
/*大会议程*/
.col-4 {
	padding-top: 165px;
}
.col-4 .richeng-box {
	height: 44px;
	width: 176px;
	line-height: 44px;
	font-size: 44px;
	color: #fff;
}
.ckdhyc{
  display: block;
  width: 176px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background-color: #318deb;
  overflow: hidden;
  margin-top: 25px;
  margin-bottom: 25px;
  position: relative;
  z-index: 150;
}
.ckdhyc:hover {
	color: #fff;
	background-color: #2773c1;
}
.c4-box {
	border: 2px solid #fff;
	padding: 5px;
	position: relative;
	height: 122px;
}
.c4-box .inner {
	height: 100%;
	background-color: rgba(148,194,251,.2);
	padding: 10px;
	font-size: 14px;
	line-height: 22px;
}
.c4-box .inner p { margin-bottom: 0;}
.c4-box .inner p strong { margin-right: 10px;}
.c4-box .date {
	position: absolute;
	left: -162px;
	z-index: 500;
}
.c4-box .date img {
	width: 112px;
	height: 112px;
}
.c4-box .date .line {
	position: absolute;
	background-color: #fff;
	height: 2px;
	width: 80px;
	top: 55px;
	right: -50px;
}
.c4-box .date.right { 
	left: inherit;
	right: -162px;
}
.c4-box .date.right .line { 
	right: inherit;
	left: -50px;
}

.col-4 .pinxuan-box {
	height: 44px;
	width: 176px;
	line-height: 44px;
	font-size: 44px;
	color: #fff;
	margin-top: 45px;
}
.col-4 .jxbox .jx-img {
	background: url(../images/jiangx-01.png) no-repeat;
	width: 146px;
	height: 146px;
	margin-bottom: 20px;
	margin-top: 15px;
}
.col-4 .jxbox .jx-img.right { background: url(../images/jiangx-02.png) no-repeat;}
.col-4 .jxbox p {
	font-size: 18px;
	color: #e7a810;
}
.col-4 .tpbox { margin-top: 33px;}
.col-4 .tpbox .table>tbody>tr>td {
    padding: 0;
    border: none;
    font-size: 18px;
    line-height: 30px;
}

@media (max-height: 870px) {
	.ckdhyc{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.col-4 .pinxuan-box {
		margin-top: 30px;
	}
}
@media (max-height: 800px) {
	.col-4 { padding-top: 145px;}
	.col-4 .richeng-box,
	.col-4 .pinxuan-box {
		height: 40px;
		width: 160px;
		line-height: 40px;
		font-size: 40px;
	}
	.ckdhyc{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.col-4 .pinxuan-box { margin-top: 25px;}
	.col-4 .jxbox .jx-img {
		margin-bottom: 10px;
		margin-top: 0;
	}
	.col-4 .tpbox { margin-top: 15px;}
}
@media (max-height: 720px) {
	.col-4 { padding-top: 125px;}
	.col-4 .richeng-box,
	.col-4 .pinxuan-box {
		height: 30px;
		width: 120px;
		line-height: 30px;
		font-size: 30px;
	}
	.col-4 .pinxuan-box { margin-top: 15px;}
	.c4-box { height: 106px;}
	.c4-box .inner {
		padding: 5px;
		font-size: 12px;
		line-height: 18px;
	}
	.col-4 .jxbox p { font-size: 14px;}
	.col-4 .tpbox .table>tbody>tr>td {
	    padding: 0;
	    border: none;
	    font-size: 14px;
	    line-height: 22px;
	}
}
@media (max-width: 1199px) {
	.c4-box { height: 106px;}
	.c4-box .inner {
		padding: 5px;
		font-size: 12px;
		line-height: 18px;
	}
	.col-4 .jxbox p { font-size: 18px;}
	.col-4 .tpbox .table>tbody>tr>td {
	    padding: 0;
	    border: none;
	    font-size: 14px;
	    line-height: 22px;
	}
}
@media (max-width: 991px) {
	.col-4 { padding-top: 135px;}
	.c4-box { height: 134px;}
	.c4-box .inner {
		padding: 5px;
		font-size: 12px;
		line-height: 18px;
	}
	.col-4 .jxbox p { font-size: 18px;}
	.col-4 .tpbox .table>tbody>tr>td {
	    padding: 0;
	    border: none;
	    font-size: 14px;
	    line-height: 22px;
	}
	.ckdhyc.px {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -88px;
	}
	@media (max-height: 870px) {
		.col-4 { padding-top: 115px;}
	}
	@media (max-height: 800px) {
		.col-4 { padding-top: 100px;}
	}
}
@media (max-width: 767px) {
	.c4-box+.c4-box { margin-top: 30px;}
	.ckdhyc.px { position: relative;}
	.col-4 .pinxuan-box {
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.col-4 .richeng-box,
	.col-4 .pinxuan-box {
		font-size: 25px;
		width: 100px;
	}
	.col-4 .jxbox p {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
		text-align: left;
		padding-left: 10px;
	}
	.col-4 .tpbox { 
		padding-bottom: 10px;
		font-size: 12px;
	}
}

.col-5 {
	height: 100%;
	background-color: #fff;
}
.col-5.row { margin: 0;}
.col-5.row .box .logo {
	width: 80px;
	height: 34px;
	position: absolute;
	top: 55%;
	left: 50%;
	margin-left: -40px;
}
.col-5.row .col-xs-3 {
	position: relative;
	height: 100%;
	border-right: 1px solid #fff;
	padding: 0;
}
.col-5.row .col-xs-4:last-child {
	border-right: none;
}
.col-5.row .vd-bg-01 {
	background: url(../images/img_brfore_01.png) no-repeat center 0;
	background-size: 100% 100%;
}
.col-5.row .vd-bg-02 {
	background: url(../images/img_brfore_02.png) no-repeat center 0;
	background-size: 100% 100%;
}
.col-5.row .vd-bg-03 {
	background: url(../images/img_brfore_03.png) no-repeat center 0;
	background-size: 100% 100%;
}
.col-5.row .vd-bg-04 {
	background: url(../images/img_brfore_04.png) no-repeat center 0;
	background-size: 100% 100%;
}

.col-5.row .vd-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity:.5;
	filter: alpha(opacity=50);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.col-5.row .col-xs-3:hover .vd-bg {
	opacity: 1;
	filter: alpha(opacity=100);
	background-size: 110% 110%;
}

.col-5.row .text-row {
	position: absolute;
	background: url(../images/bg-05-bg.png) no-repeat;
	background-size: 100%;
	top: 25%;
	padding: 0;
	width: 180px;
	height: 100%;
	font-size: 36px;
	line-height: 40px;
	font-weight: bold;
	color: #0f60b0;
	text-align: center;
	left: 50%;
	margin-left: -90px;
	padding-top: 50px;
	opacity:.8;
	filter: alpha(opacity=80);
}
.col-5.row .btn-row {
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -130px;
	bottom: 20%;
}
.col-5.row .btn-row .btn{
	font-size: 20px;
	width: 260px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-0-border-radius: 0;
	opacity:.8;
	filter: alpha(opacity=80);
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    background: #3399ff;
    border: none;
}
.col-5.row .btn-row .btn:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	background: #3399ff;
}
.col-5.row .btn-row .btn img {
	margin-left: 9px;
}
@media (max-width: 767px) {
	.col-5.row .text-row {
		position: absolute;
		background: url(../images/bg-05-bg.png) no-repeat;
		background-position: center top;
		background-size: 80%;
		width: 100%;
		height: 100%;
		top: 25%;
		left: 0;
		margin-left: 0;
		padding: 0;
		font-size: 14px;
		line-height: 20px;
		padding-top: 15px;
	}
	.col-5.row .box .logo {
		width: 80%;
		height: 34px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -40%;
	}
	.col-5.row .btn-row {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
	.col-5.row .btn-row .btn.visible-xs {
		width: 100%;
	}
}