html{
    font-size: 100%;
}
body{
    font-family:Arial, 'Microsoft yahei';
    color:#333;
    font-size: 1rem;
    line-height: 1.8;
}
ul, ol{
    list-style: none;
    padding: 0;
    margin: 0;
}
.oy{
    overflow-y:hidden;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family:Arial, 'Microsoft yahei';
}
a:hover{
	text-decoration:none;
}
.loading{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    background: #f9ce1d;
}
svg{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
}
.ladding-text{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    font-size: 100px;
    font-weight: bold;
}
.content{
    background: url(../img/banner/centerBg16.jpg) no-repeat;
    background-size: cover;
}
.content-2{
    background: #f9ce1d;
}
{
    padding: 10px 0;
}
.section2 h1{
    font-size: 2rem;
    text-align: center;
    margin-top: 10px;
}
.navbar-default{
    background: rgba(249, 206, 29, 0.9);
    position: fixed;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid #DDA430;
}
.navbar-brand{
    height: auto;
    padding: 5px;
}
.navbar-brand img{
    width: 100%
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{
    background: #fff;
}
.navbar-default .navbar-nav>li>a{
    font-size: 22px;
    color: #000;
    padding: 1.1rem 0;
    text-align:center;
    transition:.1s;
    -webkit-transition: .1s;  
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    color: #000;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background: transparent;
}
.navbar-toggle{
    padding: 0;
    margin-top: 0;
    /* background: rgba(249,206,29,1); */
    border-radius: 0;
    width: 50px;
    height: 50px;
    border: none;
}
.navbar-header{
    text-align: center;
}
.tit{
    font-size: 1.8rem;
    line-height: 2;
    padding-left: 2em;
}
.nav-open .tit{
    border-bottom: 2px solid #fff;
}
.navbar-nav{
    height: 100%;
}
.header:after,.item:after,.item1:after{
    content: "";
    clear: both;
    display: table;
}
.navbar-brand{
    position:relative;
    left: 50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    display: none;
}

.nav-line,.nav-line:before,.nav-line:after{
    height: 3px;
    width: 2em;
    background: #000;
    position: absolute;
    z-index: 9999;
    transition: .5s;
    -webkit-transition: .5s;   /* Safari 和 Chrome */
    transform:translate3d(0, 0, 0);
    -webkit-transform:translate3d(0, 0, 0);
}
.nav-line{
    left: 0;
    top: 0.7em;
}
.nav-line:before{
    left: 0;
    content: "";
    transform:translateY(-0.7em);
    -webkit-transform:translateY(-0.7em);
}
.nav-line:after{
    left: 0;
    content: "";
    transform:translateY(0.7em);
    -webkit-transform:translateY(0.7em);
}

.nav-open{
    height:100%;
    overflow: auto;
}
.nav-line{
    transform:translateY(1em);
    -webkit-transform:translateY(1em);
}
.nav-open .nav-line{
    background: transparent;
}
.nav-open .nav-line:before{
    -webkit-transform:rotate(45deg);
}
.nav-open .nav-line:after{
    -webkit-transform:rotate(-45deg);
}

.logo{
    width: 200px;
    margin: 0 auto;
    text-align: center;
}
.logo img{
    width: 90%;

}
.section1{
     padding: 120px 0 40px 0; 
    color: #000;
}
.section2{
    margin-bottom: 20px;
    
}
.section1 h1{
    font-size: 2rem;
    text-align: center;
    margin: 20px 0;
}
.section1 h1.new_h1{
    font-size: 60px;
    margin: 0;
}
.section1 h1 span{
    font-size: 1rem;
}
.section1 h2{
    font-size: 1.8rem;
    text-align: center;
}
.reglinks{
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.reg{
    width: 240px;
    display: block;
    border: 3px solid rgba(255, 255, 255, 1);
    margin: 0 auto;
    font-size: 34px;
    text-align: center;
    line-height: 2.6;
    color: #ffffff;
	transition:.22s linear;
	-webkit-transition:.22s linear;
    border-radius: 4px;
}
.regwh{
    background: #a65d1d
}
.reghz{
    background: #1faaa2;
}
.regfs{
    color: #000;
}
.regsz{
    background-color: #05b1e1;
    border:none;
}
.regsz:hover{
    background-color: #097796;
}
.regdg{
    background-color: #ff5900;
    border:none;
}
.regdg:hover{
    background-color: #f38042;
}
/*.regwh:after{
	content:"敬请期待";
	position:absolute;
	color:#ffffff;
	text-align:center;
	width:100%;
	left:0;
	bottom:0;
	font-size:18px;
	padding:0;
	line-height:1.2;
}*/
.regwh:hover{
    background: #803C00
}
.reghz:hover{
    background: #005752;
}
.regfs:hover{
    background: #4C270F;
}
.reg:hover{
    background-size: cover;
    color: #ffffff;
}
.reg2{
    background: url(../img/i/ft_bg.jpg) no-repeat center left;
    background-size: cover;
    display: block;
    text-align: center;
    padding: 40px 0;
}
/*.regfs2{
    background: url(../img/banner/foshan.jpg) no-repeat center left;
    background-size: cover;
}*/
.reg2 h2, .reg3 h2{
    color: #000;
    margin: 0;
}
.regthz{
    background: url(../img/banner/huizhou.jpg) no-repeat center left;
    background-size: cover;
}

/*center*/

.center{
    padding: 20px 0;
}
.center_us{
    padding: 110px 0 40px 0;
}
.theme,.theme-1,.theme-2,.t-more{
    position: absolute;
}
.theme{
    background: #fff113;
    font-size: 26px;
    font-size: 3.6rem;
    padding: 10px 0;
    color:#000;
    font-weight: 600;
    width: 280px;
    left: 160px;
    top:80px;
}

.theme-1,.theme-2{
    font-size: 30px;
    font-size: 3.2rem;
    color: #fff;
    left:45%;
}
.theme-1{
    bottom: 45%;
}
.theme-2{
    bottom: 20%;
}

.t-more{
    border:2px solid #fff;
    border-radius: 50%;
    color: #fff;
    bottom: 35%;
    left: 64.5%;
    display: block;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 3rem;
}
.t-more:hover{
    color: #000;
    background: #fff113;
}


.comps{
    background: #f5f5f5;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    overflow: hidden;
}
.comps-left{
    width: 50%;
    height: 40px;
    line-height: 0;
    float: left;
    background: #fff113;
    font-size: 1rem;
    font-weight: 600;
    border-top:20px #fdd343 solid;
    border-right:20px #f5f5f5 solid;
    border-bottom:20px #fdd343 solid;
    border-left:20px #fdd343 solid;
    color: #000;
}
.comps-center{
    height: 40px;
    line-height: 40px;
	padding-right:20px;
}
    #sc{
        margin: 0 auto;
        overflow: hidden;
    }
    .sct{
        width: 9999%;
    }
    .sct div{
        float: left;
    }

/*int*/
.int-3 img{
    width: 100%;
}
.int-3 p,.ch3{
    display: none;
}
.int{
    padding: 0 0 10px 0;
    border-bottom: 1px #ccc solid;
}
.int-3{
    margin-bottom: 20px;
}
.int .last{
    border:none;
}
.int-link{
    position: relative;
    display: block;
    overflow: hidden;
    border:3px solid transparent;
    transition:.2s;
}
.int-link:hover{
    filter:alpha(opacity=90); 
    -moz-opacity:0.9; 
    opacity:0.9;
    border:3px solid #ccc;
}

.int-link:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.6);
}
.int-link h3{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    transform:translate(-50%,-50%) ;
    -webkit-transform:translate(-50%,-50%) ;
    color: #fff;
    text-align:center;
    line-height: 1.6;
    /*padding: 999px 0;*/
    width: 80%;
    font-size: 2em;
    font-size: 32px;
    z-index: 99
}
.news{
    position: absolute;
    left: 0;
    bottom: 0;
    color: #ffffff;
    background: #3679B7;
    padding: 2px 8px;
    font-size: 12px;
    z-index: 2;
}
.index-int12{
    background: url(../img/banner/12.jpg) bottom center;
    background-size: cover;
    padding: 60px 0;
    position: relative;
    margin-bottom: 20px;
}
.index-int12 h1{
    color: #ffffff;
    font-size: 1.8rem;
    margin: 50px auto;
    width: 90%;
    position: relative;
    text-align: center;
    line-height: 2;
    z-index: 1;
}
.index-int12 h1:before{
    content: "";
    position: absolute;
    left: 0;
    top: -20%;
    width: 100%;
    height: 140%;
    background: rgba(0,0,0,.6);
    z-index: -1;
}
.index-int12 h1:before{
    display: none;
}
.hztbg,
.whtbg{
    color: #ffffff;
    padding: 0 6px;
}
.whtbg{
    background: #a65d1d;
}
.hztbg{
    background: #1faaa2;
}
/*speaker*/
.sp,.logo-show,.host,.sucs,.place{
    padding: 20px 0;
    position: relative;
    border-bottom: 1px #ccc solid;
}

.sptit{
    font-size: 32px;
    font-size: 2rem;
    text-align: center;
    color: #333333;
    line-height: 2;
    position: relative;
    margin-bottom: 20px;
}
.place .sptit{
    margin-bottom: 40px;
}
.place p{
    line-height: 2
}
.sptit-e{
    font-size: 1.8em;
}
.sptit-ot{
    background: rgba(249,206,29,1);
    padding: 5px 0;
    position: relative;
    width: 200px;
    margin: 0 auto 20px;
    text-align: center;
    font-size: 20px;
}
.sptit-ot:before{
    content: "";
    position: absolute;
    width: 2px;
    height: 50%;
    background: rgba(249,206,29,1);
    left: 50%;
    bottom: -48%;
}
.sptit-o{
    font-size: 26px;
    font-size: 1.6rem;
    text-align: center;
    color: #002041;
    line-height: 1;
    position: relative;
}
.logo-show1 .sptit{
    margin:20px 0 0 ;
}
.sptit-link{
    text-align: center;
    margin-top: 10px;
}
.sp-on .sptit:after,.lg-on .sptit:after,.place-on .sptit:after{
    content: "";
    width: 20px;
    height: 20px;
    bottom: -18px;
    left: 50%;
    position: absolute;
    background: #ffd143;
    transform:rotate(45deg) translateX(-40%);
    -webkit-transform:rotate(45deg) translateX(-40%);
    border: 5px solid #fff;
    margin-left: -5px;
}
.sp-on .sptit:before,.lg-on .sptit:before,.place-on .sptit:before{
    content: "";
    width: 50%;
    height: 4px;
    bottom: -4px;
    left: 50%;
    position: absolute;
    background: #E2E2E2;
    transform: translateX(-50%);
    -webkit-transform:translateX(-50%);
    animation: spt .5s linear;
    -webkit-animation: spt .5s linear;
}
.place-on .sptit:before,.place-on .sptit:after{
    background: #333333;}
.sptit-link:before{
    margin-top: 13px;;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    transform:rotate(45deg);
    -webkit-transform: rotate(45deg);
    /* border: 2px solid #fff; */
    background: #fff;
    margin-left: -10px;
}
.sptit-link:after{
    margin-top: 17px;;
    content: "";
    width: 12px;
    height: 12px;
    background: #ff5900;
    position: absolute;
    left: 50%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-left: -6px;

}
.speaker{
    margin: 10px auto 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: 1s;
    -webkit-transition: 1s;  
    transform:translateY(200px);
    -webkit-transform:translateY(200px);
}
.speaker a{
    display: block;
    color: #fff;
}
.speaker img{
    width: 100%;
}
.speaker a:hover img{
}
.sp-on .speaker{
    transform:translateY(0);
    -webkit-transform:translateY(0);
}
.s-int{
    width: 100%;
    height: 100%;
    background: rgba(15, 79, 145, 0.9);
    padding: 5px 0;
    position: absolute;
    bottom: 0;
    font-size: 12px;
    font-size: 0.7rem; 
    transform: translateY(98%);
    -webkit-transform: translateY(98%);
    transition: .3s;
    -webkit-transition: .3s;  
    display: none; 
}
.speaker:hover .s-int{
    transform: translateY(46%);
    -webkit-transform: translateY(60%);
}
.s-more{
    line-height: 2;
    color: #ffffff;
    background: #ff5900;
    padding: 10px 20px;
    font-size: 24px;
    border: 2px solid #ff5900;
    transition: .3s;
    -webkit-transition: .3s;  
}

.s-more:hover{
    color: #fff;
    background: #ff5900;
    border-color: #fff;
}
.s-more:hover .s-more-right{
    left: 10px;
}
.s-more-right{
    top:3px;
    transition: .1s;
    -webkit-transition: .1s; 
}

/*logo*/
.logo-show,.logo-show1,.logo-show2,.place{
    background: #fff;
}
.logo-show-41,.logo-show-81{
    float: left;
    text-align: center;
    margin:24px 0 20px 0;
    position: relative;
/*    transition: .5s;
    -webkit-transition: .5s;  
    transform:translateY(200px);
    -webkit-transform:translateY(200px);*/
}
.logo-show1,.logo-show2{
    padding: 0 20px 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.logo-show2{
    padding-top: 20px;
}
.logo-show-811{
    float: left;
    text-align: center;
    position: relative;
    margin:24px 0 20px 0;
}
.logo-show-41,.logo-show-411{
    float: left;
    text-align: center;
    position: relative;
    margin: 12px 0;
}
/*.lg-on .logo-show-41,.lg-on .logo-show-81{
    transform:translateY(0);
    -webkit-transform:translateY(0);
}*/
.logo-show-41,.logo-show-411{
    width: 66%;
}

.logo-show-81,.logo-show-811{
    width: 33%;
    margin: 12px 0;
}
.logo-show-41 img
{ width: 45%;
}
.logo-show-81 img,.logo-show-811 img,.logo-show-411 img{
    width: 90%;
}
.logo-show a:hover .logo-show-tip,.logo-show1 a:hover .logo-show-tip,.logo-show2 a:hover .logo-show-tip{
    filter:alpha(opacity=100); 
    -moz-opacity:1; 
    opacity:1;
    transform: translateY(-38px);
    -webkit-transform: translateY(-38px)
}
.logo-show-tip{
    position: absolute;
    width: 80px;
    border:1px solid #ccc;
    background: #fff;
    color: #333;
    transform: translateY(-33px);
   -webkit-transform: translateY(-33px);
    left:50%;
    margin-left: -40px;
    font-size: 14px;
    line-height: 2;
    opacity: 0;
    transition: .2s;
    -webkit-transition: .2s;
    z-index: 99;
}
.logo-show-tip{
    transform: translateY(-33px);
   -webkit-transform: translateY(-33px);
}
.logo-show-tip:after{
    content: "";
    position: absolute;
    transform: translateY(28px);
   -webkit-transform: translateY(28px);
    left: 50%;
    margin-left: -10px;
    border-top: 10px solid #ccc;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    transition: .2s;
    -webkit-transition: .2s;   
}

/*suc*/
.sucs{
    position: relative;
}
.suc{
    margin: 0 auto;
    overflow: hidden;
}
.suc_wrap{
    width: 9999px;
    position: relative;
    left: 0;
}
.suc ul li{
    float: left;
    width: 165px;
    margin-right: 20px;
    text-align: center;
    background-size: cover;
    overflow: hidden;
}
.suc ul li:last-child{
    margin-right: 0
}
.suc ul li a{
    display: block;
    color: #FFFFFF;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 5px 0;
    transition: .2s;
    -webkit-transition: .2s;   
}
.suc ul li a:hover{
    color: #fff;
}
.suc_prev,.suc_next{
    position: absolute;
    display: block;
    top: 57%;
    width: 34px;
    font-size: 34px;
    color: #000;  
}
.suc_next{
    right: 0;
}
.suc_prev{
    left: 0;
    color:#ccc;
}
.suc_prev:hover,.suc_next:hover,.suc_prev:focus,.suc_next:focus{
    color: #000;
}
.hangz{
	background: url(../img/i/prev_p_bg_hangz16.jpg) no-repeat;
    background-size: cover;
	}
.shenz{
    background: url(../img/i/prev_p_bg_shenz.jpg) no-repeat;
    background-size: cover;
}
.dg{
    background: url(../img/i/prev_p_dg1.jpg) no-repeat;
    background-size: cover;
}
.zz{
    background: url(../img/i/prev_p_bg_zz15.jpg) no-repeat;
    background-size: cover;
}
.hz{
    background: url(../img/i/prev_p_bg_hz14.jpg) no-repeat;
    background-size: cover;
}
.wh{
    background: url(../img/i/prev_p_bg_wh14.jpg) no-repeat;
    background-size: cover;
}
.sz{
    background: url(../img/i/prev_p_bg_sz14.jpg) no-repeat;
    background-size: cover;
}
.cd{

    background: url(../img/i/prev_p_bg_cd14.jpg) no-repeat;
    background-size: cover;
}
.hf{
    background: url(../img/i/prev_p_bg_hf.jpg) no-repeat;
    background-size: cover;
}
.sucs{
    border: none;
}
.host{
    background: #fff;
}
.host .col-md-6{
    font-size: 18px;
    font-weight: bold;
    line-height: 3;
    text-align: center;
    color:#333;
}
.host img{
    width: 100%;
}
.sucs a:hover{
	letter-spacing: .3rem;
}
.footer{
    background:url(../img/i/ft_bg.jpg);
	background-size:cover;
    font-weight: 600;
    color: #000;
    padding-top: 10px;
}
.footer .ctus{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.footer a{
    display: block;
    width: 50%;
    float: left;
    font-size: 20px;
    color: #000;
    padding: 8px 0;
}
.footer a:last-child{
    margin-right: 0;
}
.footer a span{	
    transition: .5s;
    -webkit-transition: .5s;   
}
.footer a:hover span{
	animation:shake .3s;
	-webkit-animation:shake .3s;
}


.copyright{
	margin:10px 0;
    font-size: 13px;
	color:#222;
    text-align: center;
}

/*about*/
.abs{
    margin-bottom: 40px;
}
.abs h2,.us h2{
    margin: 20px 0;
    padding-left: 15px;
}
.aq h2{
	margin:20px 0 20px ;
}
.abs,.us,.aq{
	font-size:15px;
        line-height: 1.8
}
.us .col-md-1{
    font-weight: bold;
    font-size: 1.2rem;
}

/*.abs img{
    width: 100%;
}*/
.fenxi_us{margin-left: 0;}
.us_left{margin-left: -20px;}
.us_left_about{padding: 0 60px 0 0;}
.us{
    margin-bottom: 12px;
}
.us a{
    font-weight: bold;
}

/*plan*/
.plans{
    margin-bottom: 0;
    background: #f4f4f4;
}
.plans h1{
    text-align: center;
    font-size: 30px;
    line-height: 2;
    margin: 60px 0;
}
.plans .col-md-6{
    margin-bottom: 20px;
}
.plans .col-md-6:nth-child(2){
    margin-bottom: 10px;
}
.plans ul{
    background: transparent;
    list-style: inherit;
    padding-left: 20px;
}
.plans h4{
    font-weight: bold;
}
.plans span{
    top: 4px;
    margin-right: 5px;
}
.blybj{
    color:#f44336;
}
.blyhj{
    color: #f9ce1d
}
.blyyp{
    color: #2c6db0;
}
.blyot{
    color: #ff5722
}
.bd1{
    border: 1px solid silver;
    padding: 10px;
    margin-bottom: 6px;
}

/*reg.html*/
.reg-wrap{
    background: #fff;
    padding: 20px 10px;
}

.reg-wrap .col-md-8{
}
.reg-wrap .col-md-4{
}
.input-group{
    margin-bottom: 10px;
}
.input-group-addon{
    border-radius: 0;
    font-size: 1rem;
    padding: 10px 12px;
}
.form-control{
    font-size: 1rem;
    padding: 10px 12px;
    outline: none;
}
.input-group-addon-radio,.input-group-addon-radio1,.input-group-addon-ckbox,.input-group-addon-ckbox1{
    background: transparent;
    border: none;
    text-align: left;
    line-height: 1.6;
}
.input-group-addon-radio input[type="radio"],.input-group-addon-ckbox input[type="checkbox"]{
    margin-right: 10px;
}
.form-control{
    border-radius: 0;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
}

.input-group-5{
    width: 100%;
    float: left;
    margin-right: 20px;
}
.input-group-10{
    width: 100%;
}
fieldset{
    border: 1px solid silver;
    padding: .35em .625em .25em;
    margin: 20px 0;
}
legend{
    margin-bottom: 0;
    font-weight: bold;
    font-size: 18px;
    padding: 0 20px;
    border-bottom: none;
    width: auto;
}

.reg-btn{
    margin: 20px auto 10px;
    display: block;
    width: 160px;
    height: 60px;
    color:#fff;
    font-size: 30px;    
    border: none;
    border-radius: 10px;
    background: #337ab7
}
.reg-btn:hover{
   background: #0f4f91
}

.reg-wrap p{
    border-bottom: 1px #ccc solid;
    padding-bottom: 10px;
    padding-left: 10px;
}
.center-2{
        padding: 60px 0 20px 0;
    
}
.center-3{
        padding: 60px 0 0 0;
}
.center-3{
    background: #fff;
}

/*speaker.html*/
.item{
    box-shadow: 0 1px 5px #ccc;
    padding: 10px;
    background: #fff;
    margin:10px;
}
.spit{
    transform:scale(1) translateY(0);
    -webkit-transform:scale(1) translateY(0)
}
.item1{
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #ccc;
}
.item2{
    padding: 10px 0;
 
}
.item2 h2{
    margin: 0 0 10px 0;
    font-size: 1.6rem;
}
.item2 h2.h2en{
    margin: 0 0 10px 0;
    font-size: 1.2rem;
}
.item2 p{
    text-align: justify;
}
.sp-img{
    width: 100px;
    margin: 0 20px 10px 0;
    float: left;
}
.sp-img img,.sp-logo img{
    width: 100%;
}
.sp-name,.sp-title,.sp-cons{
    font-weight: bold;
    line-height: 2;
    font-size: 0.8rem;
}
.sp-logo{
    margin-top: 10px;
    display: none;
}
.topic ul{
    list-style: inherit;
    padding-left: 1.2em;
    font-size: 18px;
    line-height: 2;
}
.topic img{
    width:100%;
}
.place h2{
    margin-top: 20px;
}
.place img{
    width: 100%;
}
#wechat{
    position: relative;
    cursor: pointer;
}
#wechat img{
    width: 22px;
}
#wechat-qr img{
    width: 100%;
    border:5px solid rgba(249, 206, 29, 1);
}
#wechat-qr{
    position: absolute;
    left: 20%;
    transform:translate(-50%,-120%);
    -webkit-transform:translate(-50%,-110%);
    display: none;
    width: 100px;
}
#wechat-qr:after{
    content: "";
    position: absolute;
    border-top:10px solid rgba(249, 206, 29, 1);
    border-right:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid transparent;
    width: 0;
    height: 0;
    bottom: -20px;
    left: 60%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
}
.swiper-container {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        background-size: cover;
        background-position: center;
    }
    .gallery-top {
        height: 100%;
        width: 100%;
    border:1px solid #ccc;
    }
    .gallery-thumbs {
        height: 80px;
        box-sizing: border-box;
        padding: 10px 0;
        position: fixed;
        top: 60px;
        left:0;
        width: 100%;
        background: #ffffff;
        border-bottom: 1px solid #ccc;
    }
    .gallery-thumbs-speaker{
        height: 80px;
    }
    .gallery-thumbs .swiper-slide {
        width: 20%;
        height: 100%;
        opacity: 0.4;
        cursor: pointer;
        text-align: center;
        color:#fff;
        font-size:22px;
        padding: 12px 0;
		background-size:cover;
    }
    .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }
.agenda-wrap{
    background: #fff;
    margin-top: 80px;
    position: relative;
}
.agenda-wrap h2{
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 20px 0;
}
.agenda-wrap h3{
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 10px 0;
    line-height: 1.6;
}
.col3{
    text-align: right;
    padding-right: 35px;
}
.col-img{
    display: none;
}
.agenda-wrap .row:nth-child(1),.agenda-wrap .row:nth-child(2){
    height: auto;
}
.agenda-wrap .row{
    border-bottom: 1px solid #f4f4f4;
    padding: 12px 0;
	margin:0;
}
.order{
    padding: 5px;
    margin-right: 10px;
    color: #fff;
}

.dg15-h2,.order-dg{    
    background: #2C6DB0;
}
.dg15-h3{
    background: #195592;
}
.dg14-h2,.order-dg{    
    background: #2C6DB0;
}
.dg14-h2{
    border-bottom: 5px solid #195592;
}
.zz15-h2,.order-zz{
    background: #DF790B;
}
.zz15-h2{
    border-bottom: 5px solid #C05318;
}
.hz15-h2,.order-hz{
    background: #1faaa2;
}
.hz15-h2{
    border-bottom: 5px solid #005752;
}
.fs15-h2,.order-fs{
    background: #803c00;
}
.fs15-h2{
    border-bottom: 5px solid #4C0606;
}
.wh15-h2,.order-wh{
    background: #a65d1d;
}
.wh15-h2{
    border-bottom: 5px solid #803C00;
}
.sz15-h2,.order-sz{
    background: #efb700;
}
.sz15-h2{
    border-bottom: 5px solid #CC9C00;
}
.cd15-h2,.order-cd{
    background: #009944;
}
.cd15-h2{
    border-bottom: 5px solid #007130;
}
.hf15-h2,.order-hf{
    background: #00acc1;
}
.hf15-h2{
    border-bottom: 5px solid #044851;
}
.sz216-h2,.order-sz2{
    background: #05b1e1;
}
.sz216-h3{
    background: #086A86;
}
.swiper-slide img{
    height: 56px;
}
.swiper-slide .sp-img img{
    height: auto;
}
.item2 h2{
    color: #000000;
    text-align: left;
    margin: 0;
    padding: 4px 0 12px 0;
}
.ga-dongguan{
    background: url(../img/i/prev_p_dg1.jpg);
}
.ga-shenz{
    background: url(../img/i/prev_p_bg_shenz.jpg);
}
.ga-fs{
    background: url(../img/i/prev_p_bg_fs.jpg);
}
.ga-dg{
    background: url(../img/i/prev_p_dg1.jpg);
}
.ga-zz{
    background: url(../img/i/prev_p_bg_zz15.jpg);
}
.ga-hz{
    background: url(../img/i/prev_p_bg_hz14.jpg);
}
.ga-wh{
    background: url(../img/i/prev_p_bg_wh14.jpg);
}
.ga-sz{
    background: url(../img/i/prev_p_bg_sz14.jpg);
}
.ga-cd{
    background: url(../img/i/prev_p_bg_cd14.jpg);
}
.ga-hf{
    background: url(../img/i/prev_p_bg_hf.jpg);
}
.ga-hangz{
	background: url(../img/i/prev_p_bg_hangz16.jpg);
	}
.swiper-button-next, .swiper-button-prev{
    display: none;
}

.abqr{
    padding-top: 100px;
}
.Sign_enter{
    width: 100%;
    padding: 0 12px;
    margin: 0 auto;
}
.enter{
    margin: 30px 0;
}
.enter a img{
    width: 100%;
}
.enter a{
    opacity: 0.9;
}
.enter a:hover{
    opacity: 1;
}
@media screen and (max-width: 420px){
    .swiper-slide .row{
        padding: 10px  12px;
    }

    .col3{
        text-align: left;
    }
    .agenda-wrap h2{
        font-size: 1.2rem;
        padding: 8px 0;
    }
    .agenda-wrap h3{
        font-size: 1.2rem;
    }
    .agenda-wrap{
        margin-top: 40px;
    }
    .gallery-thumbs{
        height: 80px;
        top:58px;
        padding: 0;
    }
    .gallery-thumbs .swiper-slide{
        width: 38%;
        background: none;
        color: #000;
        font-size: 1rem;
    }
    .us_left_about{padding:0;}
    }
@media screen and (max-width: 780px){
    .abqr{
    padding-top: 10px;
    text-align: center;
}
    .swiper-slide .row{
        padding: 10px  12px;
    }
    .col-md-3{
        margin-bottom: 5px;
    }

    .col3{
        text-align: left;
    }
    .us_left_about{padding:0;}
}
@media screen and (mix-width:480px){

}
@media screen and (min-width: 480px){
    .col-md-46{
        width: 48%;
        display: inline-block;
    }
    .gallery-thumbs{
        padding: 10px 0;
    }    .gallery-thumbs .swiper-slide{
        width: 40%;
    }
}
@media screen and (min-width: 660px){
    .index-int12 h1:before{
    display: block;
}
.logo img{
    width: 100%;
}
    .footer a{
        width: 25%;
        font-size: 20px;
    }
    .us .col-md-1{
        font-size: 1rem;
        font-size: 15px;
    }
    #wechat-qr{
        width: 150px;
        left:50%;
    }
    #wechat-qr:after{
    left: 50%;
    bottom: -30px;
    border-top:15px solid rgba(249, 206, 29, 1);
    border-right:15px solid transparent;
    border-bottom:15px solid transparent;
    border-left:15px solid transparent;
    }    .col-img{
        display: block;
    }
    

}
@media screen and (min-width: 768px){
/*    .index-int12{
        padding: 100px 0;
    }*/

.sp-name, .sp-title, .sp-cons{
    font-size: 1rem;
}
    .sptit-e{
        font-size: 32px;
    }
.int-3 p,.ch3{
    display: block;
}
/*    .int-link h3{
        display: none;
    }*/
    .carousel-caption{
        right: 12%;
        left: 12%;
    }
    .logo-show-41, .logo-show-81, .logo-show-811{
    width: 20%;
    margin: 12px 0;
    }
     .logo-show-41, .logo-show-411{
        width: 40%;
    }
    .suc ul li{
        width: 258px;
    }
    .suc ul li a{
        font-size: 1.2rem;
        font-size:20px;
        padding: 10px 0;
    }
    .section1 h1{
        font-size: 46px;
        margin: 40px 0;
    }
    .section1 h1.new_h1{
        font-size: 100px;
        margin: 0 0;
        font-family: calibri;
    }
    .section1 h1 span{
        font-size: 36px;
    }
    .section1 h2{
        font-size: 40px;
    }

    .plans h1{
        text-align: center;
        line-height: 2;
        font-size: 30px;

        margin: 240px 0;
    }
    .item1{
        width: 180px;
        float: left;
        padding-right:20px;
        border-right: 1px solid #ccc;
        text-align: center;
    
        border-bottom: none;
}
    .sp-img{
        width: 128px;
        float:none;
        margin: 0 auto 10px;
    }
    .sp-logo{
            display: block;
    }
    .item2{
        margin-left: 200px;
    
        padding: 0;
    }
    .sp-name, .sp-title, .sp-cons{
        font-size: 15px;
    }
    .item{
        margin-bottom: 20px;
    }
    .item2 h2{
        font-size: 30px;
        margin: 10px 0;
    }    
    .item2 h2.h2en{
        font-size: 24px;
        margin: 0 20px 20px 0;
    }    
    .host img{
        width: auto;
    }
    .enter{
        margin: 30px auto;
    }
}
@media (min-width: 992px){
    .gallery-thumbs .swiper-slide{
        width: 30%;
    }
    .plans h1{
        margin: 140px 0;
    }
    .Sign_enter{
        width: 960px;
    }
        .col-md-46{
        width: 50%;
    }
    .reg2{
        padding: 48px 0;
    }
    .swiper-button-next, .swiper-button-prev{
        display: block;
    }
.plans .col-md-6:nth-child(2){
    margin-bottom: 20px;
}
.center-3{
    background: transparent;
    padding: 60px 0 20px 0;
}

        .comps-left{
        width: 16%;
        height: 40px;
        font-size: 16px;
    }
    .int-3{
        border:none;
    }

    .reg-wrap{
        margin-bottom: 20px;
        border:1px #ccc solid;
    }
    .reg-wrap .col-md-8{
        border-right: 1px #ccc solid;
        padding-right: 30px;
    }
    .input-group-5{
        width: 45%;
    }
    .suc ul li a{
        color: #ccc;
    }
    .place h2{
        margin-top: 0
    }
}
@media (min-width: 1200px){
    .gallery-thumbs .swiper-slide{
        width: 20%;
    }
    .reglinks{
        width: 960px;
    }
    .logo-show-41{
        width: 30%;
        margin: 25px 0 20px 0;
    }
.suc_prev,.suc_next{
    top: 53%;
}
    body{
        font-size: 16px;
    }
    .tit{
        display: none;
    }
    .navbar-brand{
        display: block;
    }
    .s-int{
        display: block;
    }
    .navbar-header,.navbar-nav{
        float:left;
    }
    .navbar-collapse.collapse{
        display: block!important;
    }
    .navbar-toggle{
        display: none;
    }
    .navbar-default .navbar-nav>li>a{
    padding: 18px 1em;
}
    .navbar-brand{
    position:relative;
    left: 0;
    transform:translateX(0%);
    -webkit-transform:translateX(0%);
    }

    .navbar-right{
        float: right;
        margin:0;
    
}
    .navbar-nav>li{
        float:left;
        margin: 0;
    
}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        background: transparent;
        margin: 0;
    
        padding: 0;
}
    .navbar-default .navbar-nav>li>a{
        color: #000;
    }
    .navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
        border-top: 3px solid #000;
        color: #000;
    
}
    .logo-show-81, .logo-show-811{
        width: 20%;
        margin: 24px 0 20px 0;
    }
    .logo-show-411{
        width: 25%;
        margin: 26px 0 20px 0;
    
}
    .sp, .logo-show, .host, .sucs,.place{
    	padding: 20px 0 40px;	
    }


    .logo{
        width: 240px;
    }
    .comps{
        height: 50px;
        height: 50px;
    }
    .comps-left{
        width: 16%;
        height: 50px;
        font-size: 18px;
        border-top:25px #fdd343 solid;
        border-right:25px #f5f5f5 solid;
        border-bottom:25px #fdd343 solid;
        border-left:25px #fdd343 solid;
    }
    .comps-center{
        height: 50px;
        line-height: 50px;
    }
    .speaker{
        width: 128px;
    }

    .footer .ctus{
        width: 80%;
    }
    .abs,.aq{
        margin-bottom: 10px;
    }
    .us{
        margin-top: 10px;
    }
}