﻿
@font-face {
    font-family: 'NotoSansHans-Medium';
    src: url(../../fonts/NotoSansHans-Medium.ttf);
}

 * {
        padding: 0px;
        margin: 0px;
    }




 .train_banner {
    /*margin:auto;*/
    width: 100%;
    overflow: hidden;
    position: relative;
    height:100%;
    z-index:2;
    margin-top:-10px;
}

.train_banner .banner_images {
        width: 1000%;
    }
.train_banner .banner_images li {
            float: left;
            width: 10%;
        }
.train_banner .banner_images li a {
                display: block;
                width: 100%;
            }
.train_banner .banner_images li a img {
                    display: block;
                    width: 100%;
                    object-fit: cover;
                    height:100%;
                }
.train_banner .banner_index {
        position: absolute;
        bottom: 20px;
        width: 100%;
        text-align: center;
    }

.banner_index-frame { display: inline-block;}

.train_banner .banner_index li {
    transition: all .3s;
    margin-right: 15px;
    float: left;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}

.train_banner .banner_index li.current {
        transition: all .3s;
        background-color: #D8271D;
        width: 20px;
        border-radius: 5px;
    }
.train_banner .banner_index li:hover {
        transform: scale(1.5);
    }
.train_banner .banner_index li.current:hover {
        transform: scale(1);
    }
.train_banner_left {
    cursor: pointer;
    transition: all .5s;
    position: absolute;
    left: 25px;
    top: 0;
    height: 100%;
    width: 5%;
    text-align: center;
    z-index: 5;
    color: #fff;
    opacity: 0.3;
    /*background: -webkit-linear-gradient(left,black,rgba(255,255,255,0));
    background: -o-linear-gradient(right,black,rgba(255,255,255,0));
    background: -moz-linear-gradient(right,black,rgba(255,255,255,0));
    background: linear-gradient(to right,black,rgba(255,255,255,0));*/
}
.train_banner_right {
    cursor: pointer;
    transition: all .5s;
    position: absolute;
    right: -10px;
    top: 0;
    height: 100%;
    width: 5%;
    text-align: center;
    z-index: 5;
    color: #fff;
    opacity: 0.3;
    /*background: -webkit-linear-gradient(left,rgba(255,255,255,0),black);
    background: -o-linear-gradient(right,rgba(255,255,255,0),black);
    background: -moz-linear-gradient(right,rgba(255,255,255,0),black);
    background: linear-gradient(to right,rgba(255,255,255,0),black);*/
}
.train_banner_left:hover, .train_banner_right:hover {
        display: block;
        opacity: 0.9;
    }
.train_banner_li {
    position: absolute;
    top: 45%;
    width: 50%;
    text-align: center;
    border-radius:50px;
}
.train_banner_li:hover{
    border:2px solid white;
}





.cent2 {
    width: 100%;
    overflow-y:auto;
    background-color: #e8e8e8;
    padding-top: 10px;
    font-family: NotoSansHans-Medium;
    padding-bottom:30px;
}
.cent2_dv {
    width: 86%;
    margin: auto;
    overflow-y:auto;
    margin-top:30px;
    background-color:#FBFBFB;
    /*border:1px solid red;*/
}

.pucts_title{ font-size:13px;}
.pucts_Describe{font-size:9px;display:block;margin-top:-5px;}
.dv_list_tab{ margin-top:15px;margin-left:20px;}
.dv_list_Bgimg{width:58%;margin-top:0px;}
.dv_list_Bgimg img{width:100%;}
.cent2_dv_lfdv{width:42%;float:left;}
.cent2_dv_rtdv{width:42%;float:left;}
.dv_list_tab img{width:70px;}
.line { height: 3px;padding:0px;}
.line img {width:22px;height:2px;}

.cent2_dv_ul1 {
    margin-left: -10px;
    margin-top: 0px;
    display:none;
}
.dv_bottoms ul{ width:100%;}

.hide_td{height:10px}


li {
    list-style-type: none;
}

.dv3{background:none;}
.cent2_dv_ul1{
    padding-bottom:30px;
}

.cent2_dv_ul1 li{
    float:left;
    width:130px;
    height:110px;
    /*margin-left:30px;*/
    text-align:center;
    /*border:1px solid red;*/
}
.cent2_dv_ul1 li:first-child{
    margin-left:0px;
}
.cent2_dv_ul1 li div{
    width:90px;
    height:90px;
    border-radius:50%;
    background-color:transparent;
    margin:auto;
}
.cent2_dv_ul1 li div img{
    width:100%;
    height:100%;
}

.dv_list_rimg{
    width:54%;
    height:600px;
    float:left;
    background-size:100% 100%;
    margin-top:100px;
    background-color:white;
}
.cent2_dv_btm{
    text-align:center;
    padding-bottom:0px;
    padding-top:20px;
}
.cent2_dv_btm img{width:30px;}

.dv_bottoms ul li{
    width:22%;
    list-style: none;
    float:left;
    margin-left:4%;
}
.more {
    width: 100%;
    height: 120px; 
    /*line-height: 200px;*/
    text-align: center;
}
.more table{
    position:relative;
    width:100%;
    top:90px;
    text-align:center;
}
.more table td{
    line-height:10px;
}
.fonts_a{font-size:15pt;}
.fonts_b{font-size:16pt;}
.fonts_c{font-size:6pt;color:black}
.fonts_d{font-size:6pt;}
.hide_li{
    display:none;
}