/* 公用css */
*{
    margin: 0;
    padding: 0;
}
body{
    
    display: flex;
    background:#f1f1f1 ;
    flex-flow: column;
    font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 15px;
    min-height: 100vh;
}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
a{
    text-decoration: none;
}
/* 头部样式 */
.header{
    width: 100%;
}
    .logo{
        margin: auto;
        width: 80%;
        height: 90px;
        background:#f1f1f1 ;
        display: flex;
        justify-content: space-between;
    }
        .logo .log{
            width: 30%;
            max-width: 1140px;
            margin: 0 auto;
            margin-left: 5%;
        
        }
           .logo img{
                height: 90px;
                
                }
            .baidu{
                margin: auto;
            }
        .baidu input:nth-child(1){
            border: 0;
            line-height: 36px;
            height: 36px;
            outline: none;
            width: 300px;
            background: #fff;
            float: left;
            text-indent: 1em;
            border-radius: 5px 0 0 5px;
        }
        .baidu input:nth-child(2){
            border: 0;
            background: #009EED;
            color: #fff;
            outline: none;
            line-height: 36px;
            font-size: 15px;
            width: 100px;
            cursor: pointer;
            letter-spacing: 3px;
            border-radius: 0 5px 5px 0;
        }
    .nav{
        width: 100%;
        height: 50px;
        background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#d4d7db));
        /* -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.2); */
    
    }
    .abc{
        position:fixed;
        top: 0;
        z-index: 999;
    }
            .nav .nav-list{
                width: 80%;
                max-width: 1300px;
                height: 50px;
                margin: 0 auto;
                /* padding-left: 10px; */
                display: flex;
            }
            .nav-list li{
                text-decoration: none;
                height: 48px;
                width: 12%;
                line-height: 50px;
                text-align: center;
                color:#666666 ;
                border-radius: 5px;
                
            }
            .nav-list li:hover{
                border-radius: 5px;
                background:#fff ;
               
            }
            .nav-list li a{
                display: block;
                color: #666;
            }
    .cca{
        background-color: #fff;
    }
/* 正文 */

/* 轮播图 */
.content{
    position: relative;
    margin:15px auto;
    width: 85%;
    max-width: 1300px;
    display: flex;
    flex: 1;
    flex-direction: column;
    box-sizing:border-box;
}
.content1{
    width: 100%;
    display: flex;
    justify-content:space-between;
}
    .banner{
        position: relative;
        width: 60%;
        
    }
        .banner a{
            display: none;

        }
            .banner a.current{
                display: block;
            }
            .banner img{
                display: block;
                width: 100%;
                border-radius: 5px;
            }
    #ioncList{
        position: absolute;
        width: 100%;
        left: 5px;
        bottom: 15px;
    }
        #ioncList ul{
            display: flex;
            justify-content: center;
        }
        #ioncList ul li{
            width: 10px;
            height: 10px;
            margin: 0 5px;
            border-radius:50%;
            background-color: #fff;
            cursor: pointer;
            font-size: 0;
            box-sizing:border-box;
        }
        #ioncList ul li.current{
            background-color: red;
        }
        .slidebar{
            position: absolute;
            top: 40%;
            width: 30px;
            height: 50px;
            background: #666666;
            color: #fff;
            line-height: 50px;
            font-size: 30px;
            text-align: center;
            cursor: pointer;
            opacity: .5;
            display: none;
        }
        .slidebar-left{
            left: 0;
            
        }
        .slidebar-right{
            right: 0;
           
        }
/* 轮播图右侧 */
    .headline{
        background-image:linear-gradient(#63A4DF, #1574C5);
        color: #fff;
        font-family:Microsoft Yahei;
        flex:1;
        margin-left: 10px;
        border-radius: 5px;
        box-sizing:border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .time1{
        font-size: 50px;
        line-height: 90px;
    } 
    .time2{
        margin: 10px auto;
        font-size: 50px;
        line-height: 90px;
        letter-spacing:15px;
    } 
    .time3{
        font-size: 80px;
        line-height: 90px;
    } 
   
/* 网址导航 */
.website{

    margin: 0 auto;
    margin-top: 15px;
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    
}
    .website .gd-box{
        height:45px;
        border-bottom: 1px solid #e4e3e3;
        display: flex;
    }
        .website .gd-box ul{
            display: flex;
            align-items: center;
            width: 100%;
        }
            .website .gd-box ul li{
                padding:0 15px;
                list-style: none;
                /* width: 10%; */
                cursor: pointer;
                text-align: center;
                line-height: 45px;
             
            }
            .website .gd-box ul li:hover{
               
                border-bottom: 2px solid #0062ff;
            }
            .xianx{
                border-bottom: 2px solid #0062ff;
                color: blue;
            }
    .tab-content{
        display: none;
        flex:1;
    }

    .tab-content>div{
        margin-left: 30px;
    }
        .tab-content ul{
            padding: 10px;
            display: flex;
            flex-flow: row wrap;
            margin-bottom: 20px;
        }
        .tab-content ul li{
            padding: 2px;
            width: 130px;
            margin-top: 20px;
          
        }
            .tab-content ul li a{
                display: flex;
                flex-direction: column;
                align-items: center;
            
            }
            .tab-content ul li img{
                margin-bottom: 5px;
                width: 45px;
                height: 45px;
                border-radius: 5px;
            }
            .tab-content ul li span{
                color: #000;
                font-size: 14px;
            }
    .tab-content.acc{
        display: block;
    }
        .shuqian{
            display: flex;
            justify-content: space-evenly;
        }
        .shuqian div{
            flex: 1;
            margin: 10px;
            border-right: 1px solid #eee;
            
        }
        .shuqian div a{
            display: block;
            margin: 10px;
            color: #333;
        }

/* 尾部 */
.footer{
    /* background: #ddd; */
    display: flex;
    flex-flow: column; 

   

}
    .div1{
        height: 10px;
        width: 100%;
        background:#34aadc linear-gradient(to left, #1487f4, #5ac8fa, #007aff, #5ac8fa);
    }
    .div2{
        background: #333;
        width: 100%;
        height:130px;
        padding: 30px 0;
        color: #999;
        font-size: 14px;
        overflow: hidden;
        width: 80%;
        max-width: 1130px;
        margin: auto;
        display: flex;
    }
        .div21,.div22{
            display: flex;
            flex-flow: column; 
            justify-content: center;
            margin-left: 50px;
           
        }
            .div2 img {
                width: 100px;
                height: 100px;
            }
            .div2 span {
                margin-top: 3px;
                width: 100px;
                text-align: center;
            }
        .div23{
            margin-left: 60px;
        }
        .div23 a{
            color: #999;
        }
        .div23 p{
            margin: 0;
        }