﻿body
{
}
.brand-collapsed .img-1
{
    width: 140px;
    min-width: 140px;
    position: relative;
    top: 5px;
    left: 42px;
    display: none;
}
#menu-main-menu-chinese li.active {
    border: none
}
.brand-collapsed .img-2 {
    width: 160px;
    min-width: 160px;
    position: relative;
    top: 4px;
    left: 30px;
}

.navbar-fixed-top
{
    top: 0;
    position: absolute;
}
.navbar .nav.left-nav
{
    float: right !important 
}
.navbar-inverse .nav > li
{
    margin-top: 8px;
    margin-bottom: 8px;
}
.navbar-inverse .nav > li > a
{
    color: #000;
}
.navbar .nav > li > a
{
    padding: 8px 10px 5px 10px !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus, .navbar-inverse .nav > li > a:hover { color: #fff; background-color: #e22726; border-bottom: solid 3px transparent; }


.navbar-bg
{
    background: #fff;
    height: 70px;
    /*opacity: 0.5;*/
    transition: width 0.8s;
    -moz-transition: height 0.8s;
    -webkit-transition: height 0.8s;
    -o-transition: height 0.8s;
}

.container.navigation
{
    position: relative;
    top: -61px;
    transition: top 0.8s;
    -moz-transition: top 0.8s;
    -webkit-transition: top 0.8s;
    -o-transition: top 0.8s;
}
.navbar-fixed-top .container{ width: 1120px; }
.sp-content
{
    position: absolute;
    z-index: 6;
    width: 100%;
    height: 100%;
    font-family: '微软雅黑';
}
.sp-content div
{
    box-sizing: border-box;
}
.sp-grid
{
    position: relative;
    z-index: 14;
    max-width: 980px;
    margin: 0 auto;
}
.sp-slide-content
{
    transform: translateY(-50%);
    webkit-transform: translateY(-50%);
    ms-transform: translateY(-50%);
    margin-right: auto;
    argin-left: auto;
    padding: 100px 0;
}

.regLeft
{
    width: 140px;
    border: 1px solid #fabe00;
    font-family: '微软雅黑';
    line-height: 50px;
    text-align: center;
    background-color: #fabe00;
    color: #FFF;
    font-size: 20px;
    letter-spacing: 2px;
    display: block;
    text-decoration: none;
    transition: 0.8s;
    -moz-transition: 0.8s;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
}
.regLeft:hover
{
    text-decoration: none;
    color: #fff;
    background: #038931;
    border: 1px solid #038931;
}
.regRight
{
    width: 140px;
    border: 2px solid #fff;
    font-family: '微软雅黑';
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    font-size: 20px;
    letter-spacing: 2px;
    display: block;
    text-decoration: none;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}
.regRight:hover
{
    color: #fff;
    background-color: #fabe00;
    text-decoration: none;
    border: 2px solid #fabe00;
}


.home1_1
{
    background-color: #fff;
    text-align: center;
    padding: 30px 0;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    font-family: '微软雅黑';
}
.bottontwo{
    display: inline-block;
    text-align: center;
}
.bottontwo a{
    font-size: 18px;
    color:#EA5325;
    line-height: 30px;
    padding:4px 30px;
    margin:0 30px;
    font-weight: bold;
}
.gutaibotton a{
    color:#ea5325;
}
.kuangbottom a{
    color:#f2b121;
}
.tabImg td img
{
    width: 100%;
    min-width: 100%;
}
.tabImg:hover td img {
    width: 100%;
    min-width: 100%;height:650px
}
.home_2, .img-bg2
{
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 2;
}
.home_2 .titles
{
    position: relative;
    text-align: center;
    font-size: 60px;
    color: #EA5325;
    padding-top: 9%;
    line-height: 100px;
    transition: 1s;
    opacity: 1;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    /*text-shadow: 5px 5px 8px #000;*/
    font-weight: bold;
}
.home_2 .titles b{
    font-size:88px;
}
.home_3 { background: #e22726; position: relative !important; height: 280px !important; }
.home_3bgcolor{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height:100%;
    background: linear-gradient(#fff,#000);
    opacity: 0;
}
.home_3 .titles
{
    position: relative;
    text-align: center;
    font-size: 44px;
    color: #fff;
    line-height: 60px;
    padding-top: 8%;
    transition: 1s;
    opacity: 1;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    /*text-shadow: 5px 5px 8px #000;*/
}
.home_4 .titles{
    position: relative;
    text-align: center;
    font-size: 44px;
    color: #fff;
    line-height: 60px;
    padding-top: 12%;
    transition: 1s;
    opacity: 1;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    /*text-shadow: 5px 5px 8px #000;*/
}
.home_2:hover .titles, .home_3:hover .titles
{
    padding-top: 5%;
    opacity: 0;
}
.home_2 .contents
{
    position: relative;
    top:50%;
    color: #fff;
    margin: 10% 19%;
    text-align: left;
    font-size: 20px;
    line-height: 36px;
    transition: 2s;
    opacity: 0;
    -moz-transition: 2s;
    -webkit-transition: 2s;
    -o-transition: 2s;
}
.home_3 .contents
{
    position: relative;
    color: #fff;
    margin: 10% 19%;
    text-align: left;
    font-size: 20px;
    line-height: 38px;
    transition: 2s;
    opacity: 0;
    -moz-transition: 2s;
    -webkit-transition: 2s;
    -o-transition: 2s;
}
.home_2:hover .contents
{
    margin: -132px 19% 0;
    top:0;
    opacity: 1;
}
.home_3:hover .contents
{
    margin: -14% 18%;
    opacity: 1;
}
.home3_2:hover .contents {
    margin: -12.5% 18%;
    opacity: 1;
}
.home_3:hover .home_3bgcolor { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(#e22726,#faba80); opacity: 0.8; }
.home_4:hover .contents {
    margin: -4% 19%;
    opacity: 1;
}
.home_3, .img-bg
{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 2;
}

.imgs1:hover .img-bg2, .imgs2:hover .img-bg2
{
    background: #000;
    z-index: 1;
    opacity: 0.5;
}
.imgs3:hover .img-bg, .imgs4:hover .img-bg
{
    background: #000;
    z-index: 1;
    opacity: 0.5;
}
.tabImg
{
    font-family: '微软雅黑';
}

.home1_2
{
    text-align: center;
    padding: 50px 0 60px 0px;
    color: #555555;
    font-weight: bold;
    font-size: 22px;
    font-family: '微软雅黑';
    background: url("../images/speech-bg.png") repeat;
    background-size: 100% 100%;
 
}

.home1_3
{
    background: url("../images/home-bottom1.png") repeat;
    background-size: 100%;
    padding: 50px 0 80px 0px;
}

#Dwrap
{
    overflow: hidden;
    zoom: 1;
    margin: 0 auto;
    width: 960px;
}
#Dwrap .wrap
{
    width: 16.66%;
    position: relative;
    overflow: hidden;
    border: 0;
    float: left;
    display: inline;
}
#Dwrap .jiabinVip {width:806px; margin:0 auto;margin-bottom:15px}
#Dwrap .jiabinVip .wrap
{
    width: 160px;
    position: relative;
    overflow: hidden;
    border: 0;
    float: left;
    display: inline;
}
#Dwrap .wrap a
{
    display: block;
    width: 100%;
    text-decoration: none;
}
#Dwrap .wrap a img
{
    width: 100%;
}

#Dwrap .wrap i
{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 266px;
    z-index: 1;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.9) 75%) !important;
    filter: alpha(opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    opacity: 0.80;
    -webkit-transition: all 0.6s ease-in-out;
}

#Dwrap .wrap p
{
    display: block;
    width: 92%;
    position: absolute;
    left: 0;
    top: 400px;
    z-index: 1;
    background: transparent;
    color: #fff;
    padding: 0 3%;
    margin: 0;
    -webkit-transition: all 0.6s ease-in-out;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
    font-family: '微软雅黑';
}
#Dwrap .wrap p strong
{
    font-size: 16px;
    padding-bottom: 10px;
    display: block;
}
#Dwrap .wrap a:hover
{
    direction: ltr;
}
#Dwrap .wrap a:hover i
{
    top: 0px;
}
#Dwrap .wrap a:hover p
{
    top: 51px;
}


.tabLast
{
    margin: 0px auto;
    width: 960px;
    font-family: '微软雅黑';
}
.tabLast td
{
    width: 270px;
}
.tabLast td img
{
    width: 100%;
    min-width: 100%;
}
.tabLast td a
{
    color: #ffffff;
    text-decoration: none;
}
.tabLast td a:hover
{
    color: #ffffff;
    text-decoration: none;
}

.navbar .nav.left-nav > li a
{
    font-family: '微软雅黑';
}



/*大会日程*/
.wrap-db
{
    width: 33.3333% !important;
}
.wrap-db a div
{
    padding-top: 42%;
    color: #fff;
    width: 100%;
    height: 142px;
}
.wrap-db a .div-lan
{
    background: #046eb8;
}
.wrap-db a .div-lv
{
    background: #00a63c;
}
.wrap-db a:hover .div-lan
{
    color: #046eb8;
    background: #046eb8;
}
.wrap-db a:hover .div-lv
{
    color: #00a63c;
    background: #00a63c;
}
.wrap-db a:hover p
{
    top: 70px !important;
}
.minHeightVideo {height:1080px}
@media screen and (max-width:1680px) {
    .bt-jl
    {
        margin-bottom: 40px;
        font-size: 22px;
        line-height: 44px;
    }
    .bt-jl2
    {
        margin: 150px 0px 40px 0px;
    }
    .sp-content
    {
        top: 55%;
    }
    .home_2:hover .contents
    {
        margin: -165px 19% 0;
        top:0;
        opacity: 1;
    }

.home_3 .contents
{
    position: relative;
    color: #fff;
    margin: 10% 14%;
    text-align: left;
    font-size: 20px;
    line-height: 38px;
    transition: 2s;
    opacity: 0;
    -moz-transition: 2s;
    -webkit-transition: 2s;
    -o-transition: 2s;
}
.home_3:hover .contents
{
    margin: -16% 14%;
    opacity: 1;
}
.home_4 .contents
{
    position: relative;
    color: #fff;
    margin: 10% 20%;
    text-align: left;
    font-size: 20px;
    line-height: 38px;
    transition: 2s;
    opacity: 0;
    -moz-transition: 2s;
    -webkit-transition: 2s;
    -o-transition: 2s;
}
.home_4:hover .contents
{
    margin: -6% 20%;
    opacity: 1;
}
}


@media screen and (max-width:1280px)
{
    .home_2 .titles
    {
        position: relative;
        text-align: center;
        font-size: 50px;
        color: #EA5325;
        padding-top: 8%;
        line-height: 64px;
        transition: 1s;
        opacity: 1;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        -o-transition: 1s;
        /*text-shadow: 5px 5px 8px #000;*/
        font-weight: bold;
    }
    .home_2 .titles b{
        font-size:62px;
    }
    .home_3 .titles
    {
        position: relative;
        text-align: center;
        font-size: 28px;
        color: #fff;
        line-height: 40px;
        padding-top: 14%;
        transition: 1s;
        opacity: 1;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        -o-transition: 1s;
        /*text-shadow: 5px 5px 8px #000;*/
    }
    .home_4 .titles{
        position: relative;
        text-align: center;
        font-size: 28px;
        color: #fff;
        line-height: 60px;
        padding-top: 16%;
        transition: 1s;
        opacity: 1;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        -o-transition: 1s;
        /*text-shadow: 5px 5px 8px #000;*/
    }
    .home_2:hover .titles, .home_3:hover .titles
    {
        padding-top: 5%;
        opacity: 0;
    }
    .home_2 .contents
    {
        position: relative;
        top: 50%;
        color: #fff;
        margin: 10% 19%;
        text-align: left;
        font-size: 16px;
        line-height: 22px;
        transition: 2s;
        opacity: 0;
        -moz-transition: 2s;
        -webkit-transition: 2s;
        -o-transition: 2s;
    }
    .home_3 .contents
    {
        position: relative;
        color: #fff;
        margin: 10% 19%;
        text-align: left;
        font-size: 20px;
        line-height: 32px;
        transition: 2s;
        opacity: 0;
        -moz-transition: 2s;
        -webkit-transition: 2s;
        -o-transition: 2s;
    }
    .home_2:hover .contents
    {
        margin: -105px 19% 0;
        top:0;
        opacity: 1;
    }
    .home_3:hover .contents
    {
        margin: -6% 19%;
        opacity: 1;
    }
    .home_4:hover .contents
    {
        margin: -6% 19%;
        opacity: 1;
    }

}




@media screen and (max-width: 1680px)
{
    .home2_1:hover .contents {
    margin: -188px 19% 0 !important;
}
    .home3_2:hover .contents {margin:-17.5% 11%  !important;}
    
    }
@media screen and (max-width: 1450px)
{
.home3_2:hover .contents {
    margin: -20.5% 11% !important;
}
}
@media screen and (min-width: 1500px) and (max-width: 1600px)
{
    .home_2 .titles
    {
        position: relative;
        text-align: center;
        font-size: 60px;
        color: #EA5325;
        padding-top: 8%;
        line-height: 80px;
        transition: 1s;
        opacity: 1;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        -o-transition: 1s;
        /*text-shadow: 5px 5px 8px #000;*/
        font-weight: bold;
    }
    .home_2 .titles b{
        font-size:88px;
    }
    .home_3 .titles
    {
        position: relative;
        text-align: center;
        font-size: 40px;
        color: #fff;
        line-height: 50px;
        padding-top: 10%;
        transition: 1s;
        opacity: 1;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        -o-transition: 1s;
        /*text-shadow: 5px 5px 8px #000;*/
    }
    .home_4 .titles{
        position: relative;
        text-align: center;
        font-size: 40px;
        color: #fff;
        line-height: 66px;
        padding-top: 12%;
        transition: 1s;
        opacity: 1;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        -o-transition: 1s;
        /*text-shadow: 5px 5px 8px #000;*/
    }
    .home_2:hover .titles, .home_3:hover .titles
    {
        padding-top: 5%;
        opacity: 0;
    }
    .home_2 .contents
    {
        position: relative;
        top: 50%;
        color: #fff;
        margin: 10% 19%;
        text-align: left;
        font-size: 20px;
        line-height: 30px;
        transition: 2s;
        opacity: 0;
        -moz-transition: 2s;
        -webkit-transition: 2s;
        -o-transition: 2s;
    }
    .home_3 .contents
    {
        position: relative;
        color: #fff;
        margin: 10% 15%;
        text-align: left;
        font-size: 18px;
        line-height: 38px;
        transition: 2s;
        opacity: 0;
        -moz-transition: 2s;
        -webkit-transition: 2s;
        -o-transition: 2s;
    }
    .home_2:hover .contents
    {
        margin: -190px 19% 0;
        top:0;
        opacity: 1;
    }
    .home_3:hover .contents
    {
        margin: -14% 15%;
        opacity: 1;
    }
    .home_4:hover .contents
    {
        margin: -9% 15%;
        opacity: 1;
    }

}

@media screen and (min-width: 1366px) and (max-width: 1600px)
{
    .home_2 .titles
    {
        position: relative;
        text-align: center;
        font-size: 60px;
        color: #EA5325;
        padding-top: 8%;
        line-height: 80px;
        transition: 1s;
        opacity: 1;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        -o-transition: 1s;
        /*text-shadow: 5px 5px 8px #000;*/
        font-weight: bold;
    }
    .home_2 .titles b{
        font-size:88px;
    }
    .home_3 .titles
    {
        position: relative;
        text-align: center;
        font-size: 40px;
        color: #fff;
        line-height: 50px;
        padding-top: 10%;
        transition: 1s;
        opacity: 1;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        -o-transition: 1s;
        /*text-shadow: 5px 5px 8px #000;*/
    }
    .home_4 .titles{
        position: relative;
        text-align: center;
        font-size: 40px;
        color: #fff;
        line-height: 66px;
        padding-top: 12%;
        transition: 1s;
        opacity: 1;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        -o-transition: 1s;
        /*text-shadow: 5px 5px 8px #000;*/
    }
    .home_2:hover .titles, .home_3:hover .titles
    {
        padding-top: 8%;
        opacity: 0;
    }
    .home_2 .contents
    {
        position: relative;
        top: 50%;
        color: #fff;
        margin: 10% 19%;
        text-align: left;
        font-size: 20px;
        line-height: 30px;
        transition: 2s;
        opacity: 0;
        -moz-transition: 2s;
        -webkit-transition: 2s;
        -o-transition: 2s;
    }
    .home_3 .contents
    {
        position: relative;
        color: #fff;
        margin: 10% 11%;
        text-align: left;
        font-size: 18px;
        line-height: 38px;
        transition: 2s;
        opacity: 0;
        -moz-transition: 2s;
        -webkit-transition: 2s;
        -o-transition: 2s;
    }
    .home_2:hover .contents
    {
        margin: -217px 19% 0;
        top:0;
        opacity: 1;
    }
    .home_3:hover .contents
    {
        margin: -18% 11%;
        opacity: 1;
    }
    .home3_2:hover .contents
    {
        margin: -21.5% 11%;
    }
    .home_4:hover .contents
    {
        margin: -10% 11%;
        opacity: 1;
    }

}
@media screen and (min-width: 1280px) and (max-width: 1366px)
{
    .home_2 .titles
    {
        position: relative;
        text-align: center;
        font-size: 60px;
        color: #EA5325;
        padding-top: 8%;
        line-height: 80px;
        transition: 1s;
        opacity: 1;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        -o-transition: 1s;
        /*text-shadow: 5px 5px 8px #000;*/
        font-weight: bold;
    }
    .home_2 .titles b{
        font-size:88px;
    }
    .home_3 .titles
    {
        position: relative;
        text-align: center;
        font-size: 40px;
        color: #fff;
        line-height: 50px;
        padding-top: 10%;
        transition: 1s;
        opacity: 1;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        -o-transition: 1s;
        /*text-shadow: 5px 5px 8px #000;*/
    }
    .home_4 .titles{
        position: relative;
        text-align: center;
        font-size: 40px;
        color: #fff;
        line-height: 66px;
        padding-top: 14%;
        transition: 1s;
        opacity: 1;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        -o-transition: 1s;
        /*text-shadow: 5px 5px 8px #000;*/
    }
    .home_2:hover .titles, .home_3:hover .titles
    {
        padding-top: 7%;
        opacity: 0;
    }
    .home_2 .contents
    {
        position: relative;
        top: 50%;
        color: #fff;
        margin: 10% 19%;
        text-align: left;
        font-size: 18px;
        line-height: 26px;
        transition: 2s;
        opacity: 0;
        -moz-transition: 2s;
        -webkit-transition: 2s;
        -o-transition: 2s;
    }
    .home_3 .contents
    {
        position: relative;
        color: #fff;
        margin: 10% 14%;
        text-align: left;
        font-size: 16px;
        line-height: 32px;
        transition: 2s;
        opacity: 0;
        -moz-transition: 2s;
        -webkit-transition: 2s;
        -o-transition: 2s;
    }
    .home_2:hover .contents
    {
        margin: -140px 19% 0;
        top:0;
        opacity: 1;
    }
    .home_3:hover .contents
    {
        margin: -15% 14%;
        opacity: 1;
    }
    .home3_2:hover .contents
    {
        margin: -19% 14%;
    }
    .home_4:hover .contents
    {
        margin: -7% 14%;
        opacity: 1;
    }

}


@media screen and (min-width:1920px)
{
    .bt-jl
    {
        margin-bottom: 100px;
        font-size: 22px;
        line-height: 44px;
    }
    .bt-jl2
    {
        margin: 300px 0px 80px 0px;
    }
    .sp-content
    {
        top: 55%;
    }


}



.index { width: 960px; margin: 0 auto; }
.main_logo { width: 100%; overflow: hidden; background: #fff; padding: 0px 0px; margin-top: 10px; border-bottom: #dcdee3 1px solid; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21); }

.main_logo p{ margin:0 0; padding:0 0;}
.main_logo p{ border:1px solid #dcdee3;width:130px;height:87px;float:left;position:relative; margin-right: -1px; margin-bottom: -1px; text-align:left;}
.main_logo p:hover{ width:130px;height:87px;border:1px solid #00a63c ;margin:0}
.main_logo p:hover{border:1px solid #00a63c ;margin:0}
.main_logo ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.main_logo ul li{
    position: relative;
    width: 135px;
    height: 90px;
    float: left;
    margin: 0;
    padding: 0; line-height:122px;
    list-style: none;
    border-top:1px solid #fff;
    border-right:1px solid #E2E2E2;
    border-left:1px solid #fff;
    border-bottom:1px solid #E2E2E2;
}
.main_logo ul li:hover{
    border:1px solid #00a63c;
}
.main_logo ul li strong{
    color:#000;
    line-height: 90px;
}
.main_logo ul li img{
    position: relative;
    top:50%;
    margin:-25px 0 0;
    width: 100px;
    height: 45px;
}
.spahref{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

@media screen and (max-width:1650px) {
    .tabImg:hover td img {
        height: 540px
    }
    .minHeightVideo {
        height: 890px
    }
    .home3_2:hover .contents {
        margin: -14.5% 11% !important;
    }

    .home_4:hover .contents {
        margin: -7% 14%;
        opacity: 1;
    }
}
@media screen and (max-width:1440px) {
    .tabImg:hover td img {
        height: 560px
    }
    .home_3 .titles {
        padding-top: 12%;
    }

    .home_4 .titles {
        padding-top: 16%;
    }
}
@media screen and (max-width:1366px) {
    .minHeightVideo {
        height:750px
    }
    .tabImg:hover td img {
        height:480px
    }
    .home3_2:hover .contents {
        margin: -13.5% 11% !important;
    }
    .home_4:hover .contents {
        margin: -5% 14%;
        opacity: 1;
    }
}
@media screen and (max-width:1280px) {
    .home_3 .titles {
        padding-top: 14%;
    }
    .home_4 .titles {padding-top: 17%;
    }
}
