@charset "utf-8";
/*初始化  reset*/
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:16px/1.5 "微软雅黑",sans-serif; color:#333;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
ol,ul{list-style:none}
a{text-decoration:none;color:#333;}
img{border:0; display:block;}
textarea{resize:none;}
a,input,button,select,textarea{outline:none;}
a,button{cursor:pointer;}
/*清除浮动*/
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }
/*---------------------------------------导航-------------------------------------------*/
.tl{ width:100%; overflow:hidden; height:60px;background:#FFF;}
.daohang{ width:100%; overflow:hidden; height:50px; margin:auto;background:#FFF; }
.daohang p{ width:150px; height:50px; overflow:hidden; float:left; margin-top:5px;}
.daohang p img{ width:100%;}
.daohang ul{ float:left; overflow:hidden; width:900px; height:30px; padding:20px 0; display:none;}
.daohang ul li{ float:left; width:120px; text-align:center; line-height:30px; border-right:solid 2px #E8E8E8;}
.baoming{ width:120px; height:36px; display:inline-block; background:#02CEBB; border-radius:3px; color:#FFF; text-align:center; line-height:36px; margin-top:15px; float:right; margin-right:20px;}
.baoming:hover{ background:#00bcaa;}
/*---------------------------------------banner-------------------------------------------*/
.banner01{ width:100%; overflow:hidden;}
.banner01 img{ width:100%;}
.banner{ width:100%; height:523px; background:url(../images/banner.jpg) no-repeat; background-size:100% 100%; overflow:hidden; margin-top:70px; display:none;}
.banner_con{ width:1200px; margin:auto; overflow:hidden; text-align:center;}
.wz01{ color:#FFF; font-size:52px; font-family:"微软雅黑"; background:url(../images/guang.png) no-repeat bottom; height:140px; margin-top:70px;}
.wz01 span{ font-size:80px; display:inline-block; margin-right:30px;}
.wz02{ font-family:"微软雅黑"; font-size:72px; color:#00FFE7; margin-top:-40px;}
.wz03{ color:#FFF; font-size:42px; font-family:Arial, Helvetica, sans-serif;letter-spacing:5px; margin-top:-20px; border-bottom:4px solid #00FFE7; padding-bottom:5px;}
.wz04{ font-size:32px; color:#00FFE7;letter-spacing:5px; margin-top:10px;}
.wz05{ color:#FFF; font-size:20px; margin-top:20px;}
/*-----------------------------------组织单位-------------------------------------------*/
.zhuban { width:100%; margin:auto; overflow: hidden; }
.biaoti{ width:100%; font-size:24px; color:#000; text-align:center;letter-spacing:10px; margin-top:10px; }
.biaoti span{ color:#999; display:block; font-size:18px;letter-spacing:0;}
.zb{ font-size:20px; color:#01CDBB; display:block; text-align:center;margin-bottom:10px;}
.logo01{ width:100%;overflow:hidden; margin:0 auto; margin-left:15%;}
.logo01 li{  margin:0 20px; width:25%; margin-left:22%;}
.logo01 li img{ width:100%;}
.logo02{ width:100%;overflow:hidden; margin:0 auto; margin-left:15%;}
.logo02 li{ float:left; margin:0 20px; width:25%;}
.logo02 li img{ width:100%;}
.logo03{ width:100%;overflow:hidden; margin:0 auto;margin-left:5%;}
.logo03 li{ float:left; margin:0 5px; width:20%; margin-bottom:10px;}
.logo03 li img{ width:100%;}
/*-----------------------------------会议背景-------------------------------------------*/
.beijing{ width:100%; overflow:hidden;background:url(../images/bj01.jpg) no-repeat;background-size:100% 100%; padding-bottom:20px; }
.bj_con{ width:100%; margin:auto; overflow:hidden;}
.biaoti01{ width:100%; font-size:24px; color:#fff; text-align:center;letter-spacing:10px; margin-top:10px;}
.biaoti01 span{ color:#999; display:block; font-size:18px;letter-spacing:0;}
.bj_con h2{ color:#01CDBB; text-align:center;  margin:10px 0;}
.wenzi{ padding:0 10px; line-height:26px; font-size:14px; color:#FFF;}
/*-----------------------------------会议特色-------------------------------------------*/
.tese{ width:100%; background:#f8f8f8; overflow:hidden; }
.tese_con{ width:100%; margin:auto; overflow:hidden;}
.tese_con ul{ width:100%; overflow:hidden; margin-top:10px;}
.tese_con ul li{ width:90%; overflow:hidden;background:#FFF; border:1px solid #CCC; border-radius:5px; margin:10px; padding:10px;}
.tese_con ul li:hover{ border:1px solid #01CDBB; cursor:pointer; box-shadow:0 0 15px #95d7db;-webkit-transform:translateY(-20px);transition:all 0.6s;}
.tese_con ul li span{ display:block; width:100px; height:100px; background:#01CDBB; color:#FFF; text-align:center; line-height:100px; border-radius:50%; margin:30px auto; font-size:60px; float:left; margin:10px;}
.tese_con ul li strong{ font-size:22px; text-align:center; color:#01CDBB; font-weight:normal; display:block; margin-bottom:10px; }
.tese_con ul li p{ font-size:14px; color:#999;}
/*-----------------------------------会议议题-------------------------------------------*/
.yiti{ width:100%; margin:auto; overflow:hidden; }
.box {
  display: block;
  height: 36px;
  position: relative;
  border-radius: 5px;
  background: linear-gradient(to right, #0a4e78 35%, #2d83b8 100%);
  margin-bottom:20px;
  padding: 10px 25px 0 40px;
  color: darkslategray;
  box-shadow: 1px 2px 1px -1px #777;
  transition: background 200ms ease-in-out;
  text-align:center;
}

.box a{color:#fcc601;text-decoration:none;}

.shadow:before {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 18px;
  right: 7px;
  width: 75%;
  top: 0;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(4deg);
          transform: rotate(4deg);
  transition: all 150ms ease-in-out;
}

.box:hover {
  background: linear-gradient(to right, #0a4e78 0%, #0a4e78 100%);
}

.shadow:hover::before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  bottom: 20px;
  z-index: -10;
}
.yiti_con{ width:98%; overflow:hidden; margin-top:15px;}
.yiti_con li{ width:96%; margin:0 2%; text-align:center;}



.richeng{ width:100%; overflow:hidden; padding-bottom:20px;}
.richeng ul{ width:48%; overflow:hidden; float:left; margin:1%;}
.richeng ul li{ width:100%; overflow:hidden;}
.rc_left{ width:28%; overflow:hidden; float:left; display:none;}
.rc_left dt{ float:left; width:120px; height:36px; border:1px solid #FFF; text-align:center; line-height:36px; font-size:16px; color:#FFF; margin-top:56px;}
.rc_left dd{ float:left; margin:0 10px;}
.rc_right{ width:100%; overflow:hidden; float:left; position:relative; height:300px;}
.rc_right dt{ width:135px; height:135px; overflow:hidden; padding-top:12px; margin-right:10px; margin-left:20px;}
.rc_right dt img{ margin:10px 0 0 10px; width:82%;}
.rc_right dd{ padding-top:20px; margin-left:10px;}
.rc_right dd p{ color:#FFF; font-size:14px; }
.rc_right dd p strong{ display:block; font-size:16px;}

@keyframes y {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.zhuan{ width:30px; height:30px; background:url(../images/yuan.png) no-repeat; background-size:100%; padding:50px; animation:y 20s linear 0s infinite; -webkit-animation:y 20s linear 0s infinite; position:absolute;}


.position{ width:98%; padding:1%; margin:auto;}
#personal{color:white;text-decoration:none;position:absolute;bottom:15px;right:2%}
.spot{position:absolute;width:100%;height:100%;top:0;left:0}
.svg-wrapper{margin-top:0;position:relative;width:100%; margin:0.5% 0; display:inline-block;border-radius:3px;}
.svg-wrapper svg{ height:50px; margin:20px 0;}
#shape{stroke-width:3px;fill:transparent;stroke:#d8e1e0;stroke-dasharray:0;stroke-dashoffset:-220;transition:1s all ease; }
#text{margin-top:-60px; margin-left:10%;}
#text a{color:#4983a7;text-decoration:none;font-weight:bold;font-size:1.1em; display:block; margin-bottom:8px;}
#text a img{ float:left; width:6%; margin-right:10px;}
#text a:hover{ color:#02cebb}
.svg-wrapper:hover #shape{stroke-dasharray:50 0;stroke-width:3px;stroke-dashoffset:0;stroke:#02cebb}






/*-----------------------------------听众分析-------------------------------------------*/
.tingzhong { width:100%; margin:auto; overflow: hidden; }
.tz_w{ font-size:14px; padding:10px;}
.tingzhong p img{ width:100%;}
/*-----------------------------------报名参会-------------------------------------------*/
.canhui{ width:100%; overflow:hidden; margin-top:20px; background:url(../images/bj03.jpg) no-repeat;background-size:100% 100%;}
.ch_con{ width:100%; margin:auto; overflow:hidden;}
.left01{ width:240px; height:330px; background:#01CDBB; background-color:rgba(2,206,187,0.5); margin-top:20px; padding:50px; text-align:left; line-height:34px; color:#FFF; float:left; display:none;}
.left01 strong{ font-size:24px; margin-bottom:15px; display:block;}
.left01 span{ font-size:16px; font-weight:bold;}
.right01{ width:100%;}
.right01 ul{ overflow:hidden;}
.right01 ul li{ overflow:hidden; margin-bottom:12px;}
.right01 ul li span{ text-align:right; display:inline-block; width:100px; color:#fff; font-weight:bold; font-size:16px; }
.right01 ul li input{ width:70%; height:34px; background:#fff; border:1px solid #999;}
.right01 ul li select{width:70%; height:34px; background:#fff; border:1px solid #999;}
#ctl00_cpMainWrapper_btnOk{ width:70%; height:40px; display:inline-block; background:#02CEBB; border-radius:3px; color:#FFF; text-align:center; line-height:40px; margin-top:5px; border:none;}
#ctl00_cpMainWrapper_btnOk:hover{ background:#00bcaa;}
/*-----------------------------------会议酒店-------------------------------------------*/
.jiudian{ width:100%; margin:auto; overflow: hidden;}
.jiudian dl{ width:100%; overflow:hidden; margin-top:10px;}
.jiudian dl dt{ width:100%;}
.jiudian dl dt img{ width:100%;}
.jiudian dl dd{ width:96%; background:#02CEBB; padding:2%; float:left;}
.jiudian dl dd strong{ font-size:24px; text-align:center; color:#FFF; display:block;}
.jiudian dl dd p{ color:#FFF;}
.jiudian dl dd p span{ font-weight:bold;}

/*-----------------------------------往届回顾-------------------------------------------*/
.huigu{ width:100%; margin:auto; overflow: hidden; display:none;}
.huigu ul{ width:100%; overflow:hidden; margin-top:10px;}
.huigu ul li{ width:47%; float:left; margin:5px ; overflow:hidden;}
.huigu ul li img{ width:100%;}
.more{ width:47%;color:#02CEBB; font-size:18px; text-align:center; padding-top:40px;}
/*-----------------------------------footer-------------------------------------------*/
.footer{ width:96%; padding:2%; font-size:14px; background:#333; color:#FFF; text-align:center;}