@charset "utf-8";
@font-face {
	font-family: dFont;
	src: url('../fonts/HelveticaNeueLTPro-ThEx.otf');
}
@font-face {
	font-family: hFont;
	src: url('../fonts/HELVETICA-BLACK-SEMIBOLD.TTF');
}

@font-face {
	font-family: eFont;
	src: url('../fonts/TT0628M_.TTF');
}
body {
    font: 14px /1.5 '微软雅黑',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;
	overflow-x: hidden;
	
	
}

body.white{background-color: white;}

/*所有padding不用计入外框宽度*/
* {box-sizing: border-box;outline:none;}
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_1520{width: 1520px;min-width: 1520px;margin: 0 auto;}
.m_1720{width: 1720px;min-width: 1720px;margin: 0 auto;}

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

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

/*字体颜色*/
.txt-color {color: #234fa1;}
.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,.f-l { float: left;}
.fr,.f-r { float: right;}

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

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

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

/*禁止换行*/
.nowrap{white-space:nowrap ;}
/* 透明 */
.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;}

.translateX-50{transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);}
.translateY-50{transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}

/*左右边框外部为空*/
.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;}
/*背景居中显示，如果过高或过长，只取中间部分*/
.bg,.bgCover{background-repeat: no-repeat;background-position: center;background-size: cover;}
.bgContain{background-repeat: no-repeat;background-position: center;background-size: contain;}

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

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

/*主容器内容*/
.container {padding-right: 0;padding-left: 0;}

/*背景浮动*/
.shadow-hovers li:hover ,.shadow-hovers-div li:hover div,.shadow-hover:hover,.shadow-hover:hover div{cursor: pointer; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}

.text-hovers li:hover ,.text-hovers-div li:hover div,.text-hover:hover,.text-hover:hover div{cursor: pointer; text-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-hovers-div li:hover div,.scale-hover:hover,.scale-hover:hover div{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-hovers-div li:hover div,.inUp-hover:hover,.inUp-hover:hover div{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-hovers-div li:hover div,.inUp-small-hover:hover,.inUp-small-hover:hover div{cursor: pointer;transform: translateY(-4px);-ms-transform: translateY(-4px);-webkit-transform: translateY(-4px);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
		
.mb100{margin-bottom: 100px;}

/*自定义下拉条*/
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:#234fa1;}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;}

@media only screen and ( max-width: 1680px ) {
	.m_1520{width: 1330px;min-width: 1330px;margin: 0 auto;}
	.m_1720{ width: 1504px;  min-width: 1504px; margin: 0 auto;}
}

@media only screen and ( max-width: 1440px ) {
	.m_1520{width: 1240px;min-width: 1240px;margin: 0 auto;}
	.m_1720{ width: 1289px;  min-width: 1289px; margin: 0 auto;}
}

@media only screen and ( max-width: 1366px ) {
	.m_1520{width: 1200px;min-width: 1200px;margin: 0 auto;}
	.m_1720{ width: 1223px;  min-width: 1223px; 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,\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_1280{width: 7.2rem !important;min-width: 7.2rem !important;}
	.m_1300{width: 7.2rem !important;min-width: 7.2rem !important;}
	.m_1400{width: 7.2rem !important;min-width: 7.2rem !important;}
	.m_1520{width: 7.2rem !important;min-width: 7.2rem !important;}
	.m_1720{width: 7.2rem !important;min-width: 7.2rem !important;}
	
	.pageClass {  padding: 0.3rem 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;}
	
	.mb100{margin-bottom: 1rem;}
}