@font-face {
    font-family: "Roboto-R";
    src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto-B";
    src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto-BB";
    src: url("../fonts/Roboto-Black.ttf") format("truetype");
}

@font-face {
    font-family: "AlumniSans-R";
    src: url("../fonts/AlumniSans-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "AlumniSans-M";
    src: url("../fonts/AlumniSans-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "AlumniSans-B";
    src: url("../fonts/AlumniSans-Bold.ttf") format("truetype");
}

*{margin:0;padding:0;box-sizing:border-box;border:0;outline:none;resize:none}
body{font-family:'Roboto-R';font-size:14px;color:#333;overflow-x:hidden}
ul,li{list-style:none}
img{display:block}
a{text-decoration:none;display:block;color:#333}
input,textarea{font-family:'Roboto-R';font-size:14px;}
input::placeholder,textarea::placeholder{font-family:'Roboto-R';font-size:14px;color:#999}
h1,h2{font-weight:normal}

.width{max-width:1280px;margin:0 auto;width:calc(100% - 100px)}

.b{font-family:'Roboto-B'}
.bb{font-family:'Roboto-BB'}
.ar{font-family:'AlumniSans-R'}
.am{font-family:'AlumniSans-M'}
.ab{font-family:'AlumniSans-B'}

.img-bg{overflow:hidden;display:flex;justify-content:center;align-items:center}
.bg{width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:.8s}

.img-div{display:flex;justify-content:center;align-items:center}
.img-div img{max-width:100%;max-height:100%}

.space{height:100px}

.lazyload{opacity:0;transition:transform .8s,opacity .8s ease-in-out}
.lazyload.loaded{opacity:1}

.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dot2,.dot3,.dot4,.dot5{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.dot5{-webkit-line-clamp:5}

.mCSB_inside > .mCSB_container{margin-right:15px}
.mCS-myscroll.mCSB_scrollTools{top:0;width:2px}
.mCS-myscroll.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;background:#0F445A}
.mCS-myscroll.mCSB_scrollTools .mCSB_draggerRail{background:rgba(0,0,0,.1)}

.layui-layer-hmg{border-radius:50px !important}
.layui-layer-btn .layui-layer-btn0{background:#0F445A;color:#333;border-color:#0F445A}
.layui-layer-btn{padding:0 15px 20px}
.layui-layer-btn .layui-layer-btn0{border-color:#0F445A !important;background-color:#0F445A !important}
.layui-layer-dialog .layui-layer-content{font-size:24px !important;line-height:34px !important;padding:15px 30px !important}

.my-select{height:60px;background:#fff;position:relative}
.my-select:after{content:"";display:block;width:8px;height:8px;position:absolute;top:23px;right:20px;border-left:2px solid #0F445A;border-bottom:2px solid #0F445A;transform:rotate(-45deg);transition:.3s}
.my-select p{padding:0 15px;line-height:60px;cursor:pointer;font-size:16px}
.my-select ul{display:none;background:#f5f5f5;width:100%;overflow-y:auto;position:absolute;top:100%;left:0;max-height:300px;z-index:990}
.my-select ul li{padding:0 15px;line-height:40px;cursor:pointer;}
.my-select ul li.selected{background:#0F445A;color:#fff}
.my-select.on:after{transform:rotate(-225deg);top:28px}

.page{text-align:center}
.page a,.page .a_cur{display:inline-block;width:48px;height:48px;font-size:16px;line-height:48px;margin-right:20px;color:#333;background:#fff}
.page .a_cur{background:#0F445A !important;color:#fff}

.video-popup{display:none;position:fixed;z-index:1001;background:rgba(0,0,0,.7);width:100%;height:100%;top:0;left:0;}
.video-popup .con{width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}
.video-popup video{max-width:100%;max-height:100%;}
.video-popup .close{position:absolute;width:40px;height:40px;background:url(../images/close-w.svg) no-repeat center center/40px;right:-20px;top:-20px;cursor:pointer;z-index:1002;}

@media (max-width:750px){
    .width{width:calc(100% - 40px)}
    .page a,.page .a_cur{margin-right:8px;width:35px;height:35px;line-height:35px}
    .my-select{height:40px}
    .my-select:after{width:5px;height:5px;top:15px;right:15px}
    .my-select p{line-height:40px;font-size:14px}
    .my-select ul li{line-height:35px}
    .my-select.on:after{top:18px}

    .video-popup .con{width:90%;}
    .video-popup .close{right:0;top:0;width:30px;height:30px}
}

@media (any-hover:hover){
	.img-bg .bg:hover{transform:scale(1.1)}
    .page a:hover{background:#0F445A;color:#fff}
    .my-select ul li:hover{background:#0F445A;color:#fff}
}