/**
*基础样式 reset
*/
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {margin:0;padding:0}  
body,button,input,select,textarea {font:12px/1.5 'Microsoft yahei',arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif}  
h1,h2,h3,h4,h5,h6 {font-size:100%;}   
ol,ul {list-style:none}  
a {text-decoration:none;cursor: pointer;}  
fieldset,img {border:0}  
button,input,select,textarea {font-size:100%}  
table {border-collapse:collapse;border-spacing:0} 
a:link,a:visited,a:hover,
a:active{text-decoration: none;}
input:focus{outline: none;}
body{background: #fff;font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;}
/**
*公共样式
*/
.wrapper{width: 1200px;margin: 0 auto;}
.left{float: left;}
.right{float: right;}
.bg-f7{background: #f7f7f7;}
.m15{margin: 15px auto;}
.p40{padding: 40px 0;}
.p15{padding: 15px 0;}
.relative{position: relative;}
.responsive{
    width: 100%;
}

@media screen and (max-width: 1200px) {
  .responsive{
      width: 122%;
  }
  .footer{
	   width: 122%;
      background: #262F38;
      height: 40px;
      line-height: 40px;
      color: #999;
      text-align: center;
      font-size: 14px;
  }
}

.left-bg,
.right-bg{position: absolute;max-width: 450px;}
.left-bg{left: -20px;bottom: 0;}
.right-bg{right: 0;top: 0;}
.title{margin-bottom: 20px; font-size: 30px;color: #fff;font-weight: normal;text-align: center;}
.title .info{display: inline-block;position: relative;}
.title .info:before{position: absolute;content: '';display: inline-block;width: 500px;height: 19px;left: -510px;bottom: 8px;   background: url(../images/title1.png) no-repeat;background-position: right center;}
.title .info:after{position: absolute;content: '';display: inline-block;width: 500px;height: 19px;right: -515px;bottom: 8px;   background: url(../images/title2.png) no-repeat;background-position: left center;}
.title p{color: #d2cfcf;font-size: 12px;}

/**
*自定义样式
*/
/*顶部导航条*/
.header{
    height: 62px;
    line-height: 62px;
    padding-top: 5px;
    box-shadow: 0 0 1px #000;
}
.header .nav .logo{
    position: relative;
    top: 10px;
}
.header .navbar{
    float: right;
    display: inline-block;
    height: 100%;
}
.header .navbar li{
    display: inline-block;
    width: 100px;
    text-align: center;
    position: relative;
}
.header .navbar .nav-subMenu{
    position: absolute;
    display: none;
	z-index:9999;
}
.header .nav-subMenu li{
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
.header .nav-subMenu li a{
    height: 63px;
}
.header .nav-subMenu li:hover a{
    background: #f5f5f5;
}
.header .nav-subMenu .three-level-nav{
    background: #fff;
    position: absolute;
    right: -150px;
    top: 0;
    display: none;
}
.header .three-level-nav a{
    width: 150px;
    display: block;
    border-bottom: 1px solid #e5e5e5;
}
.header .navbar a{
    display: block;
    height: 62px;
    line-height: 62px;
    font-size: 14px;
    color:  #363d6a;
}
.header .navbar a:hover{
    color: #5194df;
}
.header .navbar .active{
    color: #5194df;
}
.header .navbar .hot{
    position: relative;
}
.header .hot img{
    position: absolute;
    right: 19px;
    top: 8px;
}
/*主办方*/
.sponsor{
    background: url(../images/lizi-min.png) no-repeat;
    background-size: 900px;
    background-position-x: 1700px;
    background-position-y: 245px;
}
.sponsor .heading{
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    text-align: center;
    font-weight: normal;
}
.sponsor .item{
    margin-bottom: 25px;
    text-align: center;
}

.sponsor .item a{
    margin: 0 20px;
    display: inline-block;
}
/*成就*/
.achieve{
    position: relative;
    height: 650px;
    background: url(../images/bg2.jpg) no-repeat;
    background-size:cover;
}
.achieve .achieve-content{
    width: 742px;
    height: 272px;
    background: url(../images/zu.png) no-repeat;
    background-size: contain;
    margin:120px auto 40px;
}
.achieve .achieve-content ul{
    display: block;
    height: 100%;
    position: relative;
}
.achieve .achieve-content li{
    position: absolute;
    display: inline-block;
    width: 174px;
    height: 174px;
    cursor: pointer;
}
.achieve .achieve-content .item1{
    top: -38px;
    left: -104px;
}
.achieve li .inside{
    position: absolute;
    display: inline-block;
    width: 174px;
    height: 174px;
    background: url(../images/circle-big.png) no-repeat;
    transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.achieve li .outside{
    position: absolute;
    display: inline-block;
    width: 186px;
    height: 186px;
    background: url(../images/circle-out2.png) no-repeat;
    transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.achieve li:hover .outside{
    transform: rotate(360deg);
    animation-name: rotate;
    -webkit-animation-name: rotate
}
.achieve li:hover .inside{
    transform: rotate(-360deg);
    animation-name: rotate;
    -webkit-animation-name: rotate
}
.achieve li p{
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 68px;
}
.achieve .item1 p{
    font-size: 19px;
    margin-top: 60px;
}
.achieve li span{
    font-size: 18px;
}
.achieve .item1 span{
    font-size: 21px;
}
.achieve li span strong{
    font-size: 22px;
    color: #ffca2a;
}
.achieve .item1 span strong{
    font-size: 24px;
    color: #ffca2a;
}
.achieve .item1 .inside{
    top: 0;
    left: 0;
}
.achieve .item1 .outside{
    top: -7px;
    left: -10px;
}
/*item2*/
.achieve .achieve-content .item2{
    bottom: -115px;
    left: -15px;
    width: 130px;
    height: 130px;
}
.achieve .item2 .inside{
    width: 130px;
    height: 130px;
    background: url(../images/circle-big2.png) no-repeat;
}
.achieve .item2 .outside{
    background: url(../images/circle-out22.png) no-repeat;
    top: -4px;
    left: -8px;
    width: 143px;
    height: 143px;
}
.achieve .achieve-content .item2 p{
    margin-top: 39px;
}
/*item3*/
.achieve .achieve-content .item3{
    top: -69px;
    left: 132px;
    width: 120px;
    height: 120px;
}
.achieve .item3 .inside{
    width: 120px;
    height: 120px;
    background: url(../images/circle-big3.png) no-repeat;
}
.achieve .item3 .outside{
    background: url(../images/circle-out23.png) no-repeat;
    top: -4px;
    left: -8px;
    width: 133px;
    height: 133px;
}
.achieve .achieve-content .item3 p{
    margin-top: 35px;
}
/*item4*/
.achieve .achieve-content .item4{
    bottom: -30px;
    left: 474px;
    width: 125px;
    height: 125px;
}
.achieve .item4 .inside{
    width: 125px;
    height: 125px;
    background: url(../images/circle-big4.png) no-repeat;
}
.achieve .item4 .outside{
    background: url(../images/circle-out24.png) no-repeat;
    top: -7px;
    left: -9px;
    width: 142px;
    height: 142px;
}
.achieve .achieve-content .item4 p{
    margin-top: 40px;
}
/*item5*/
.achieve .achieve-content .item5{
    bottom: 0px;
    left: 212px;
    width: 130px;
    height: 130px;
}
.achieve .item5 .inside{
    width: 130px;
    height: 130px;
    background: url(../images/circle-big2.png) no-repeat;
}
.achieve .item5 .outside{
    background: url(../images/circle-out25.png) no-repeat;
    top: -7px;
    left: -9px;
    width: 146px;
    height: 146px;
}
.achieve .achieve-content .item5 p{
    margin-top: 40px;
    font-size: 18px;
}
/*item6*/
.achieve .achieve-content .item6{
    top: -55px;
    right: -45px;
    width: 130px;
    height: 130px;
}
.achieve .item6 .inside{
    width: 130px;
    height: 130px;
    background: url(../images/circle-big2.png) no-repeat;
}
.achieve .item6 .outside{
    background: url(../images/circle-out25.png) no-repeat;
    top: -7px;
    left: -9px;
    width: 146px;
    height: 146px;
}
.achieve .achieve-content .item6 p{
    margin-top: 40px;
}
/*item7*/
.achieve .achieve-content .item7{
    top: -20px;
    right: 218px;
    width: 130px;
    height: 130px;
}
.achieve .item7 .inside{
    width: 130px;
    height: 130px;
    background: url(../images/circle-big2.png) no-repeat;
}
.achieve .item7 .outside{
    background: url(../images/circle-out25.png) no-repeat;
    top: -7px;
    left: -9px;
    width: 146px;
    height: 146px;
}
.achieve .achieve-content .item7 p{
    margin-top: 42px;
}
/*item8*/
.achieve .achieve-content .item8{
    bottom: -118px;
    right: -65px;
    width: 140px;
    height: 140px;
}
.achieve .item8 .inside{
    width: 140px;
    height: 140px;
    background: url(../images/circle-big5.png) no-repeat;
}
.achieve .item8 .outside{
    background: url(../images/circle-out26.png) no-repeat;
    top: -7px;
    left: -9px;
    width: 156px;
    height: 156px;
}
.achieve .achieve-content .item8 p{
    margin-top: 45px;
    font-size: 18px;
}

/*环节展示*/
.segment{
    background: url(../images/lizi-min.png) no-repeat;
    background-size: 900px;
    background-position-x: -630px;
    background-position-y: 90px;
}
.segment .title .info{
    color: #4569a8;
}
.segment .title p{
    color: #233081;
}
.segment .segment-info{
    min-height: 525px;
    padding: 25px 0 15px;
    position: relative;
}
.segment .segment-info .show{
    position: absolute;
    left: 50%;
    margin-left: -223px;
    top: 50%;
    margin-top: -260px;
}
.segment .segment-name{
    color: #fff;
    font-size: 24px;
    position: absolute;
    line-height: 29px;
    text-align: center;
}
.segment .segment-name p{
    text-align: center;
    letter-spacing: 1px;
}
.segment .segment-name.name1{
	left: 417px;
    top: 58px;
}
.segment .segment-name.name2{
    right: 408px;
    top: 260px;
}
.segment .segment-name.name3{
    left: 425px;
    bottom: 63px;
}
.segment .segment-content{
	position: absolute;
	width: 400px;
}
.segment .segment-content h3{
    font-size: 16px;
    font-weight: bold;
    color: #6043a6;
    margin-bottom: 15px;
}
.segment .segment-content li{
    font-size: 14px;
    color: #3f78e2;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}
.segment .segment-content li:before{
    position: absolute;
    content: '';
    left: 0;
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #3f78e2;
    transform: rotate(45deg);
    top: 5px;
}
/*content1*/
.segment .segment-content.content1{
    right: 267px;
    top: 24px;
}
/*content2*/
.segment .segment-content.content2{
    left: 0px;
    bottom: 15px;
}
/*content3*/
.segment .segment-content.content3{
    right: -60px;
    bottom: 163px;
}
/*会议议程*/
.meeting-process{
    background: #040a26;
    position: relative;
}
.meeting-process .title{
    margin-bottom: 45px;
}
.meeting-process .meet-header{
    margin-bottom: 0px;
    width: 100%;
}
.meeting-process .process-case{
    /*border:1px solid;
    position: relative;
    border-left-color: #5C8CE4;
    border-right-color: #DD638F;*/
    margin-top: 20px;
    padding: 15px;
    color:#fff;
    font-size: 16px;
}
.meeting-process .process-case .yicheng{
    width: 100%;
}
/*.meeting-process .process-case:before{
    content: '';
    position: absolute;
    width: 100%;
    background: -webkit-gradient(linear,25% 0%, 69% 0%, from(#5C8CE4), to(#DD638F), color-stop(0.0,#5C8CE4));
    background: gradient(linear,25% 0%, 69% 0%, from(#5C8CE4), to(#DD638F), color-stop(0.0,#5C8CE4));
    height: 1px;
    top: -1px;
    left: 0;
}*/
/*.meeting-process .process-case:after{
    content: '';
    position: absolute;
    width: 100%;
    background: -webkit-gradient(linear,25% 0%, 69% 0%, from(#5C8CE4), to(#DD638F), color-stop(0.0,#5C8CE4));
    background: gradient(linear,25% 0%, 69% 0%, from(#5C8CE4), to(#DD638F), color-stop(0.0,#5C8CE4));
    height: 1px;
    bottom: -1px;
    left: 0;
}*/
.meeting-process .process-case .lt{
    position: absolute;
    left: 0px;
    top: 0px;
}
.meeting-process .process-case .rb{
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.meeting-process .process-case .time{
    position: relative;
    top: 3px;
    margin-right: 8px;
}
.meeting-process .process-case span{
    color: #5e5e5e;
    margin: 0 10px;
    font-weight: bold;
}
.meeting-process .process-case.case2{
    padding: 35px;
    background: url(../images/meet-bg-min2.png) no-repeat;
    
}
.meeting-process .title2{
    margin-top: 45px;
    font-size: 24px;
    color: #fff;
}
.meeting-process .title2 span:before{
    background: url(../images/sub1.png) no-repeat;
    background-size: auto;
    background-position: right;
}
.meeting-process .title2 span:after{
    background: url(../images/sub2.png) no-repeat;
    background-size: auto;
    background-position: -8px;
}
.meeting-process .title2 p{
    margin-top: 5px;
    font-size: 16px;
    color: #7ab8ff;
}
.meeting-process .dinner-process{
    display: flex;
    justify-content: center;
    width: 780px;
    margin: 0 auto 50px;
}
.meeting-process .dinner-process:after{
    content: '';
    display: table;
    clear: both;
}
.meeting-process .dinner-process li{
    display: inline-block;
    float: left;
    margin: 0 39px;
    text-align: center;
    width: 180px;
    height: 112px;
    color: #faf2cb;
    font-size: 14px;
    background: url(../images/liucheng.png) no-repeat;
    position: relative;
}
.meeting-process .dinner-process .info{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding-top: 32px;
}
.meeting-process .dinner-process li:nth-child(2) .info{
    padding-top: 20px;
}
.meeting-process .dinner-process li:after{
    content: '';
    position: absolute;
    background: url(../images/arrow.png) no-repeat;
    width: 20px;
    height: 23px;
    right: -45px;
    top: 40px;
}
.meeting-process .dinner-process li:last-child:after{
    display: none;
}
.meeting-process .dinner-process li.last:after{
    display: none;
}
.meeting-process .dinner-process strong{
    font-size: 16px;
    display: block;
}
.meeting-process .part4{
    text-align: center;
}
/*评委展示*/
.judges{
    background: url(../images/lizi-min.png) no-repeat;
    background-size: 920px;
    background-position-x: 1680px;
    background-position-y: 120px;
}
.judges .title .info{
    color: #4569a8;
}
.judges .title p{
    color: #233081;
}
.judges .judges-case{
    /*display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;*/
    margin-top: 40px;
    margin-right: -45px;
}
.judges .judges-case:after{
    content: '';
    display: table;
    clear: both;
}
.judges .judges-case .judges-item{
	text-align: center;
	display: inline-block;
	float: left;
	margin-bottom: 20px;
	margin-right: 38px;
	height: 285px;
}
.judges .judges-case .judges-item h3{
    font-size: 20px;
    color: #2c3f54;
    margin-top: 15px;     /*30 8*/
    margin-bottom: 5px;   /*4200 60 70h 4h   18days */
}
.judges .judges-case .judges-item p{
    font-size: 14px;
    color: #78818b;
}
/*同场交流*/
.interflow{
    background: #040a26;
    position: relative;
}
.interflow .little-title{
    text-align: center;
    margin-bottom: 50px;
    margin-top: 35px;
}
.interflow .little-title span{
    display: inline-block;
    background: url(../images/section.png) no-repeat;
    width: 178px;
    height: 52px;
    color: #fff;
    font-size: 20px;
    height: 52px;
    line-height: 50px;
    margin-bottom: 10px;
}
.interflow .little-title p{
    color: #d2cfcf;
    font-size: 12px;
}
.interflow .dowebok-wrapper{
    height: 330px;
    margin-bottom: 50px;
    overflow: hidden;
}
.interflow .dowebok{
    overflow: hidden;
}
.interflow .dowebok .list{
    display: inline-block;
    width: 50%;
    float: left;
}
.interflow .dowebok .list:first-child li{
    padding-right: 40px;
}
.interflow .dowebok .list:last-child li{
    padding-left: 40px;
}
.interflow  .list li{
    margin-bottom: 30px;
}
.interflow  .list li:after{
    content: '';
    display: table;
    clear: both;
}
.interflow  .list .personPic{
    display: inline-block;
    width: 15%;
}
.interflow  .list img{
    border-radius: 50%;
}
.interflow  .list .text{
    display: inline-block;
    width: 85%;
    float: right;
}
.interflow  .list h3{
    font-size: 16px;
    font-weight: bold;
    color: #5ca0fd;
    margin-bottom: 12px;
    padding-left: 20px;
}
.interflow  .list p{
    font-size: 14px;
    color: #d2d6e5;
    line-height: 28px;
    padding-left: 20px;
}
.interflow  .relation{
    margin-bottom: 40px;
}
.interflow  .relation img{
    width: 100%;
}
.mechanism {
	position: relative
}
.mechanism ul li {
	width: 25%;
	float: left;
	padding: 0px;
	text-align: center
}
.mechanism ul li a {
	color: #6bb9eb;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
	display: block;
}
.mechanism ul li a:hover {
    opacity: .8;
}
.mechanism ul:after {
	content: '';
	display: table;
	clear: both
}
.mechanism i {
	position: absolute;
	width: 0;
	height: 100%;
    border-right: 1px dashed #515d87;
	top: 6px;
}
.mechanism i.VerticalLine1 {
	left: 25%
}
.mechanism i.VerticalLine2 {
	left: 50%
}
.mechanism i.VerticalLine3 {
	left: 75%
}
.organization{
    position: relative;
    margin-bottom: 20px;
}
.organization .organize-list{
    display: inline-block;
    width: 25%;
    float: left;
    box-sizing: border-box;
}
.organization .organize-list:not(:last-child){
    border-right: 1px dashed #515d87;
}
.organization .organize-list li{
    text-align: center;
}

.organize-list li a {
	color: #5ca0fd;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
	display: block
}
.organize-list li a:hover{
    opacity: .8;
}
.organization:after {
	content: '';
	display: table;
	clear: both
}


/*合作伙伴*/
.partner{
    background: url(../images/lizi-min.png) no-repeat;
    background-size: 850px;
    background-position-x: -600px;
    background-position-y: -160px;
}
.partner .title{
    margin-bottom: 30px;
}
.partner .title .info{
    color: #4569a8;
}
.partner .title p{
    color: #233081;
}
.partner .partners{
    width: 950px;
}
.partner .wrapper{
    text-align: center;
}
/*参会报名*/
.signUp{
    background: #040a26;
    position: relative;
}
.signUp .title{
    margin-bottom: 45px;
}
.course{
    text-align: center;
}
.course .phone{
    display: inline-block;
    position: relative;
}
.course .phone .case{
    width: 215px;
}
.course .phone .action{
    width: 193px;
    position: absolute;
    left: 12px;
    top: 46px;
}
.course .saoma{
    display: inline-block;
    position: relative;
    left: 20px;
    bottom: 100px;
}
.course .saoma img{
    width: 300px;
}
.course .saoma .contact{
    width: 100px;
    position: absolute;
    right: -8px;
    top: -90px;
}
.course .saoma .text{
    width: 290px;
    position: absolute;
    bottom: 0;
    left: 32px;
}

/*侧边栏导航条*/
.bs-docs-sidebar{
    position: fixed;
    right: 15px;
    display: inline-block;
    width: 129px;
    top: 30%;
    z-index: 999999;
}
.rightNav{
    display: inline-block;
    width: 129px;
}
.rightNav li{
    margin-bottom: 22px;
    position: relative;
}
.rightNav li a{
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: url(../images/nav.png) no-repeat;
    width: 129px;
    height: 37px;
    line-height: 37px;
    position: relative;
    transition: all .3s ease;
}
.rightNav li:before{
    content: '';
    position: absolute;
    background: url(../images/dian.png) no-repeat;
    display: inline-block;
    width: 4px;
    height: 22px;
    left: 50%;
    margin-left: -2px;
    top: -20px;
}
.rightNav li:first-child:before{
    display: none;
}
.rightNav li.active a{
    background: url(../images/nav-active.png) no-repeat;
    font-weight: bold;
}

.rightNav li a:hover{
    background: url(../images/nav-active.png) no-repeat;
}
.rightNav li.active:before{
    background: url(../images/dian2.png) no-repeat;
    width: 18px;
    height: 17px;
    margin-left: -9px;
}
.adver{
    display: inline-block;
    width: 110px;
    margin-left: 10px;
    margin-bottom: 10px;
}
/*页尾*/
.footer{
    background: #262F38;
    height: 40px;
    line-height: 40px;
    color: #999;
    text-align: center;
    font-size: 14px;
}
/*视频*/
.video a{
    display: block;
}
.video img{
    width: 100%;
    display: block;
}






/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	white-space:nowrap;
}

.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:pointer;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}