﻿

/*头部 覆盖的原来的内部内容*/
#navbar_collapse > ul > li.dropdown:hover, .dropdownlogin:hover {
    background-color: transparent;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
}
#navbar_collapse > ul > li.dropdown > a:hover, #navbar_collapse > ul > li > a:hover {
    color: #FFF;
    background: #014576;
}
#navbar_collapse > ul > li.dropdown a.dropdown-toggle:hover, #navbar_collapse > ul > li.dropdownlogin a:hover {
    color: #FFF;
    background: #014576;
}
@media (min-width: 1200px) {
    #navbar_collapse .dropdown-menu {
        border-top: 4px solid #014576;
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #ccc;
    }

    .dropdown-menu {
        background: #004883;
        min-width: 200px;
    }
}

/*  智能交易系统  */

.intelligence .center-a a{
    display:inline-block;
    padding:10px 20px;
    border: 1px solid #fff;
    color:#fff;
}
    .intelligence .center-a a:hover {
        text-decoration: none;
        background: #fff;
        color: #000;
    }


.cooperation {
    color:#fff;
}
    .cooperation #cooperation-id {
        height: 400px;
        padding: 0;
        text-align: center;
        background: #102962;
        transition: all 400ms linear 0ms;
    }
        .cooperation #cooperation-id:hover .h-title-top {
            display: block;           
        }
        .cooperation #cooperation-id:hover .h-t {
            opacity:0;
        }
        .cooperation #cooperation-id:hover .line {
            opacity: 0;
        }
/*内部*/
        .cooperation #cooperation-id .h-title-top {
            background: rgba(13,31,72,.8);
            display: none;
            margin-top: 1px;
            transition: all 400ms linear 0ms;
        }
        .cooperation #cooperation-id .h-title-top .h-title {
            font-size: 28px;
            margin-top: 50px;
        }
        .cooperation #cooperation-id .h-title-top .p-line {
            width: 100px !important;
            border: 1px solid #fff;
            margin: 10px auto;
        }
        .cooperation #cooperation-id .h-title-top .h-a-top {
            font-size: 20px;
            margin: 20px auto 20px;
        }
        .cooperation #cooperation-id .h-title-top .h-bottom-line {
            line-height: 1.8;
        }       
        .cooperation #cooperation-id .h-title-top a {
            display: inline-block;
            margin-top: 30px;
            color: #fff;
            padding: 10px 20px;
            border: 1px solid #fff;
            border-radius: 5px;
            letter-spacing: 3px;
        }    

        .cooperation #cooperation-id a:hover {
            text-decoration: none; 
            background:#fff;
            color:#000;
        }

        .cooperation #cooperation-id a:active {
            text-decoration: none;
           
        }

        .cooperation #cooperation-id a:link {
            text-decoration: none;
        }

    /*外部*/
        .cooperation #cooperation-id .h-t {
            font-size: 28px;
            margin: 150px auto 10px;
        }
        .cooperation #cooperation-id .line {
            width: 50px;
            border: 1px solid #fff;
            margin: 10px auto;
        }
    

.translate {
}
    .translate .container {
        text-align:center;

    }
    .translate .container>div {
        margin:50px auto;
    }
.translate .translate-top {
    font-size: 20px;
    font-weight:bold;
}
    .translate .translate-line {
        width:50px;
        margin: 20px auto 40px;
        border: 3px solid #EAEAEA;
    }
    .translate p {
        line-height:2.6;
    }


/*外部*/
.platform {
    width:100%;
    height:900px;
}
    .platform .container-fluid {
        width: 100%;
        padding: 0;
        height: 900px;
        
    }
    .platform .container-fluid .col-lg-6{
        padding: 0;
        margin: 0;
    }
    .platform .plat-l {
        width: 100%;
        height: 450px;
        text-align:center;
        position:relative;
        transition:all 0.5s linear;

    }
        .platform .plat-l .plate-img {
            position: absolute;
            top:20%;
            left:45%;
        }
        .platform .plat-l .pla-p {
            font-size: 40px;
            font-weight: lighter;
            color: #fff;
            position: absolute;
            top: 45%;
            left:36%;
        }

        .platform .plat-l:hover .platf-b {
            opacity: 1;
        }

        .platform .plat-l:hover .pla-p {
            color: transparent;
        }
        .platform .plat-l:hover .plate-img {
            display: none;
        }
       /*内部*/

        .platform .plat-l .platf-b {
            width: 100%;
            height: 450px;
            background: rgba(0,0,0,0.6);
            opacity: 0;
            position: absolute;
            transition: all 400ms linear 0ms;
        }
            .platform .plat-l .platf-b .pla-p2 {
                font-size: 35px;
                font-weight: lighter;
                color: #fff;             
            }
            .platform .plat-l .platf-b img {
                margin: 20px auto 10px;              
            }

    /*外部*/
    .platform .plat-r {
        width: 100%;
        height: 900px;
        text-align: center;
        position: relative;
        transition: all 0.5s linear;
    }
        .platform .plat-r .plate-img {
            width: 90px;
            margin: 300px auto 10px;
        }

        .platform .plat-r .pla-p {
            font-size: 40px;
            font-weight: lighter;
            color: #fff;
        }

    .platform .plat-r:hover .platf-b {
        opacity: 1;
    }

    .platform .plat-r:hover .pla-p {
        color: transparent;
    }
        .platform .plat-r:hover .plate-img {
            display: none;
        }
        /*内部*/
        .platform .plat-r .platf-b {
            width: 100%;
            height: 900px;
            background: rgba(0,0,0,0.6);
            opacity: 0;
            position: absolute;
            transition: all 400ms linear 0ms;
        }                         
            .platform .plat-l .platf-b p:last-child {
                margin: 10px auto 20px;
                width: 400px;
                letter-spacing: 3px;
                line-height: 1.8;
                font-size: 16px;
                font-weight: lighter;
                color: #fff;
            }

            .platform .plat-r .platf-b img {
                margin:200px auto 20px;
            }
            .platform .plat-r .platf-b .pla-p2 {
                font-size: 38px;
                font-weight: lighter;
                color: #fff;
            }
            .platform .plat-r .platf-b p:last-child {
                margin: 10px auto 20px;
                width:400px;
                letter-spacing:5px;
                line-height:1.8;
                font-size: 16px;
                font-weight: lighter;
                color: #fff;
            }

            /*
    .platform .platform-lp {
        font-size: 40px;
        text-align: center;
        color: #fff;       
        font-weight: lighter;
    }
        .platform .platform-lp img {
            margin: 150px auto 10px;
            width: 90px;
        }
    .platform .platform-rp {
        
        font-size: 40px;
        text-align: center;
        color: #fff;
        font-weight: lighter;
    }
    .platform .platform-rp img{
        margin:400px auto 10px;
        width:90px;
    }*/
            /*底部*/
            #foot-bg {
            }
#foot-bg container {
    text-align:center;
}
    #foot-bg .foot-link {
        text-align:center;
        font-size:18px;
    }
    #foot-bg .foot-link li { 

    }
        #foot-bg .foot-link li a {
            color:#fff;
        }
        #foot-bg .foot-link li a:hover {
            color: #ccc;
            text-decoration:none;
        }
    #foot-bg .foot-bottom p {
        margin-top:30px;
        line-height:1.8;
    }
    #foot-bg img {
        margin-top: 30px;
        width:150px;
        height:150px;
    }
.foot-xin {
    width: 670px;
    margin:0 auto;
}  
.foot-bottom {
    display: flex;
    justify-content: center;
}
    .foot-bottom p {
        width: 560px;
    }
    .foot-bottom img {
       margin-left:20px;
    }
@media screen and (max-width: 768px) {

    .foot-xin {
        display: none;
    }

    .economic-rot {
        display: none;
    }

    
