@charset "utf-8";
@font-face {
	font-family:SourceHanSansCNBold;
	src: url('../fonts/SourceHanSansCN-Bold.otf');
}
@font-face {
	font-family:blac;
	src: url('../fonts/helvetica-black__.otf');
}
@font-face {
	font-family: ArrusBT;
	src: url('../fonts/ArrusBT.ttf');
}
@font-face {
	font-family: DemiBold;
	src: url('../fonts/Exotic350BT-Bold.otf');
}
@font-face {
	font-family:webfont;
	src: url('../fonts/HelveticaBold.ttf');
}
body {
    font: 14px /1.5 '微软雅黑','Times New Roman','楷体',Microsoft YaHei,Arial,Verdana,\5b8b\4f53;
    color: #333333;
	text-align: justify;
    background-color: #f6f6f6;
	/*
	在中文版Chrome里面，网页CSS里所有小于12px的字体设置都无效，最终将显示12px。
	禁用Webkit内核浏览器的文字大小调整功能。
	*/
    -webkit-text-size-adjust: none;
	/*高度100%,就算没有内容，高度也会与屏幕一至*/
    height: 100vh;
	/*字体抗锯齿*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*如果出现跳回头部时，会平滑滚动，而不会直接跳回去*/
	scroll-behavior: smooth;
}

body.white{background-color: white;}

/*所有padding不用计入外框宽度*/
* {
    box-sizing: border-box;
}

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%;
}
/*设置面面的最小宽度,同时确保页面居中*/
.m_1100{width: 1100px;min-width: 1100px;margin:0 auto;}
.m_1200{width: 1200px;min-width: 1200px;margin:0 auto;}
.m_1280{width: 1280px;min-width: 1280px;margin:0 auto;}
.m_1300{width: 1300px;min-width: 1300px;margin:0 auto;}
.m_1400{width: 1400px;min-width: 1400px;margin:0 auto;}
.m_1440{width: 1440px;min-width: 1440px;margin:0 auto;}
.m_1620{width: 1620px;min-width: 1620px;margin:0 auto;}
.m_1650{width: 1650px;min-width: 1650px;margin:0 auto;}
.m_1720{width: 1720px;min-width: 1720px;margin:0 auto;}
.m_1800{width: 1800px;max-width: 1800px;margin:0 auto;}

/*转换英文为大写*/
.capital-en {
    text-transform: uppercase;
	/*text-transform: lowercase;*/ /*小写*/
	/*text-transform: capitalize;*/ /*首字母大写*/
}

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

/*字体颜色*/
.txt-color {
    color: #182140;
}
.txt-color-white{
	color: #fff;
}
.font-size-14{font-size: 14px;}
.font-size-16{font-size: 16px;}
.font-size-18{font-size: 18px;}
.font-size-20{font-size: 20px;}
.font-size-22{font-size: 22px;}
.font-size-30{font-size: 30px;}
.bold{font-weight: bold !important;} 


.fl {
    float: left;
}

.fr {
    float: right;
}


/*清除浮动，清除其它的标签设置的样式对本标签的影响*/
.clearfix {
    zoom: 1;
}
.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}

/* 溢出部分不出现滚动条，直接向下撑开 */
.overhide {
    overflow: hidden;
}

/* 禁止换行 start*/
/*显示一行后，后面省略，等于禁止换行*/
.textover {
	white-space:nowrap; /*禁止换行*/
	overflow:hidden; /*让多出的内容隐藏起来*/
	text-overflow:ellipsis;/*让多出的内容以省略号...来表达,用于IE等浏览器*/
	-o-text-overflow:ellipsis; /*Opera浏览器*/
}
/*显示2行后截取*/
.textover-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	text-overflow:ellipsis;
    overflow: hidden;
}
/*显示3行后截取*/
.textover-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
/*显示4行后截取*/
.textover-4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
/*显示5行后截取*/
.textover-5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
/*显示6行后截取*/
.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;
}

.trtidu25 {
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    -ms-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
}

.trtidu30 {
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.trtidu35 {
    -webkit-transition-duration: .35s;
    -moz-transition-duration: .35s;
    -ms-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
}

.trtidu50 {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}

.trtidu80 {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
}

.trtidu100 {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

/*左右边框外部为空*/
.no-margin-rl {
    margin-right: 0;
    margin-left: 0;
}
/*左右边框内部为空*/
.no-padding-rl {
    padding-right: 0;
    padding-left: 0;
}
/*启用灵活布局。
在PC上和position同用可能会出现问题
尽量用在手机上*/
.flex-p {
    display: flex;
}
/*页底留出状态栏*/
.ber-cont {
    height: calc(100vh - 1.04rem);
}

/*让内部标签上下居中中*/
.flex-middle {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*背景居中显示，如果过高或过长，只取中间部分*/
.bgCover{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


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

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

/* 分页 */
.pageClass {
    text-align: center;
    padding: 30px 0;
    clear: both;
	width: 100%;
}
.pageClass a  {
	cursor: pointer;
}
.pageClass a span:hover {
    color: #FFFFFF;
    background-color: #0951b7;
    border: 1px solid #0951b7;
}
.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: #0951b7;
    border: 1px solid #0951b7;
    font-size: 16px;
    border-radius: 3px;
}

/*主容器内容*/
.container {padding-right: 0;padding-left: 0;}
/*背景居中 铺满容器 不重复*/
.bg{background-size: cover;background-position: center;background-repeat: no-repeat;}

/*背景浮动*/
.shadow-hovers li:hover,.shadow-hover:hover{cursor: pointer; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
/*放大浮动*/
.scale-hovers li:hover,.scale-hover:hover{cursor: pointer;transform: scale(1.04);-ms-transform: scale(1.04);-webkit-transform: scale(1.04);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
/*上移浮动*/
.inUp-hovers li:hover,.inUp-hover:hover{cursor: pointer;transform: translateY(-10px);-ms-transform: translateY(-10px);-webkit-transform: translateY(-10px);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.inUp-small-hovers li:hover,.inUp-small-hover:hover{cursor: pointer;transform: translateY(-4px);-ms-transform: translateY(-4px);-webkit-transform: translateY(-4px);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
		
	
/*自定义下拉条*/
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:linear-gradient(#a904fd, #1b34ce);}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;}
@media (max-width:1680px) {
    .m_1440{width: 1260px;min-width: 1260px;margin:0 auto;}
    .m_1600{width: 1400px;min-width: 1400px;margin:0 auto;}
    .m_1620{width: 1418px;min-width: 1418px;margin:0 auto;}
    .m_1650{width: 1443px;min-width: 1443px;margin:0 auto;}
	.m_1670{width: 1461px;min-width: 1461px;margin:0 auto;}
	.m_1720{width: 1504px;min-width: 1504px;margin:0 auto;}
	.m_1800{width: 1575px;min-width: 1575px;margin:0 auto;}
}
@media (max-width:1560px) {
    .m_1440{width: 1170px;min-width: 1170px;margin:0 auto;}
    .m_1600{width: 1300px;min-width: 1300px;margin:0 auto;}
    .m_1620{width: 1316px;min-width: 1316px;margin:0 auto;}
    .m_1650{width: 1340px;min-width: 1340px;margin:0 auto;}
	.m_1670{width: 1356px;min-width: 1356px;margin:0 auto;}
	.m_1720{width: 1396px;min-width: 1396px;margin:0 auto;}
	.m_1800{width: 1462px;min-width: 1462px;margin:0 auto;}
}
@media (max-width:1440px) {
    .m_1440{width: 1080px;min-width: 1080px;margin:0 auto;}
    .m_1600{width: 1200px;min-width: 1200px;margin:0 auto;}
    .m_1620{width: 1215px;min-width: 1215px;margin:0 auto;}
    .m_1650{width: 1238px;min-width: 1238px;margin:0 auto;}
	.m_1670{width: 1270px;min-width: 1270px;margin:0 auto;}
	.m_1720{width: 1289px;min-width: 1289px;margin:0 auto;}
	.m_1800{width: 1350px;min-width: 1350px;margin:0 auto;}
}
@media (max-width:1366px) {
    .m_1440{width: 1025px;min-width: 1025px;margin:0 auto;}
    .m_1620{width: 1153px;min-width: 1153px;margin:0 auto;}
    .m_1650{width: 1174px;min-width: 1174px;margin:0 auto;}
    .m_1670{width: 1230px;min-width: 1230px;margin:0 auto;}
	.m_1720{width: 1223px;min-width: 1223px;margin:0 auto;}
	.m_1800{width: 1280px;min-width: 1280px;margin:0 auto;}
}

@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {

	body {font: 0.26rem /1.5 '微软雅黑',Microsoft YaHei,Arial,Verdana,'Times New Roman','楷体',\5b8b\4f53;}
	.m_1100{width: 7.2rem !important;min-width: 7.2rem !important;}
    .m_1200{width: 7.2rem !important;min-width: 7.2rem !important;}

    .m_1440{width: 7.2rem !important;min-width: 7.2rem !important;}
    .m_1800{width: 7.2rem !important;min-width: 7.2rem !important;}
	.m_1600{width: 7.2rem !important;min-width: 7.2rem !important;}
    .m_1620{width: 7.2rem !important;min-width: 7.2rem !important;}
	.m_1670{width: 7.2rem !important;min-width: 7.2rem !important;}
	.m_1720{width: 7.2rem !important;min-width: 7.2rem !important;}
    .m_1800{width: 7.2rem !important;min-width: 7.2rem !important;}

	.pageClass {  padding: 0.8rem 0;}
	.pageClass a {cursor: pointer;height: 0.8rem;display: inline-block;	}
	.pageClass a span { padding: 0.1rem 0.2rem;font-size: 0.26rem;margin: 0.2rem 0.1rem;border-radius: 0.1rem;	}
	.pageClass strong span {padding: 0.1rem 0.2rem;font-size: 0.26rem;border-radius: 0.1rem;}
}