@charset "utf-8";

body {
	font:14px /1.8em 'Microsoft YaHei,Arial,Helvetica,sans-serif';
    color: #333333;
    background-color: #fff;
    -webkit-text-size-adjust: none;
    height: 100vh;
	/*字体抗锯齿*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*如果出现跳回头部时，会平滑滚动，而不会直接跳回去*/
	scroll-behavior: smooth;
}
@media screen and ( max-width: 1300px ) {
	text-align: justify;
	font-size:0.24rem;
}

body {scroll-behavior: smooth;min-width: 1300px;}
* {box-sizing: border-box;}
.m_1200{width: 1200px;margin: auto;}

/* 禁止换行 */
.no-wrap {min-width: 1200px;overflow: hidden;}
.capital-en {text-transform: uppercase;}

/* 主颜色 */
.main-colour {color: #f5f5f5;}

/* 背景颜色 */
.main-bg {background-color: #182140;}

.txt-color {color: #182140;}

.main-bgt {background-color: #FFFFFF;}
/*字体抗锯齿*/
body {margin-right: auto;margin-left: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* float */
.fl {float: left;}
.fr {float: right;}
.clearfix {zoom: 1;}

/*  */
li {list-style: none;}
em,i {font-style: normal;}
input,img {vertical-align: middle;}
img {border: 0;max-width: 100%;max-height: 100%;}
button {cursor: pointer;}
a {color: inherit;text-decoration: none;}
a:link,a:visited {text-decoration: none;}
a:hover,a:active {color: inherit;text-decoration: none;}
a:focus,a:hover {text-decoration: none;color: inherit;}
p,ul,ol,dl,html,body,div,span,button {margin: 0;padding: 0;}
h4,h5,h1,h2,h3 { margin: 0;font-weight: normal;line-height: 100%;}

/* overflow */
.overhide {overflow: hidden;}
.textover {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.textover-2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.textover-3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.textover-4 { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.textover-5 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.textover-6 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}

/* 透明 */
.opacity0 {filter: alpha(opacity=0);opacity: 0;}
.opacity1 {filter: alpha(opacity=100);opacity: 1;}

/* 过渡 */
.transt { transition: all 0.3s;}

/* float */
.fleft { float:left!important }
.fright { float:right!important }
.fnone { float:none!important }
/* text-align */
.tleft { text-align:left }
.tright { text-align:right }
.tcenter { text-align:center }
/* display */
.dis { display:block }
.undis { display:none }
.disinline { display:inline }
.disinblock { display:inline-block }

/* BS */
.no-margin-rl {margin-right: 0;margin-left: 0;}

.no-padding-rl {
    padding-right: 0;
    padding-left: 0;
}

.flex-p {
    display: flex;
}

.ber-cont {
    height: calc(100vh - 1.04rem);
}

.se-p {
    padding: 0 1.24rem;
}

.fex {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* banner */
.main-banner {
    width: 100%;
    height: auto;
}

.main-banner img {
    width: 100%;
    height: auto;
}

/* 分页 */
.pageClass {
    text-align: center;
    padding: 30px 0;
    clear: both;
}

.pageClass a {}

.pageClass a span {
    padding: 4px 10px;
    border: 1px solid #999999;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    margin: 0 8px;
    color: #777;
    border-radius: 3px;
}

.pageClass strong span {
    color: #FFFFFF;
    padding: 3px 10px;
    text-align: center;
    background-color: #11A180;
    border: 1px solid #11A180;
    font-size: 16px;
    border-radius: 3px;
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.container {padding-right: 0;padding-left: 0;}
.bg{background-size: cover;background-position: center;background-repeat: no-repeat;}

body::-webkit-scrollbar {width: 10px;height: 1px;}
body::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background:#004098;}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
        margin: auto;
        padding-left: 0;
        padding-right: 0;
    }
}