@charset "utf-8";
@font-face {
  font-family: dFont;
  src: url('../fonts/HelveticaNeueLTPro-ThEx.otf');
}
@font-face {
  font-family: 仿宋_GB2312;
  src: url('../fonts/仿宋_GB2312.ttf');
  font-style:normal;
  font-display: swap;
}
@font-face {
  font-family: tFont;
  src: url('../fonts/TT0351M_.TTF');
}
body {
    font: 16px /1.5 mFont Arial;
    color: #333333;
	/*文字两端对齐*/
	text-align: justify;
	/*text-align: left;*/
    background-color: #fff;
	/*
	在中文版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_1044{width: 1044px;min-width: 1044px;margin:0 auto;}
.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_1340{width: 1340px;min-width: 1340px;margin:0 auto;}
.m_1400{width: 1400px;min-width: 1400px;margin:0 auto;}
.m_1520{width: 1520px;min-width: 1520px;margin: 0 auto;}
.m_1600{width: 1600px;min-width: 1600px;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: #002d7a;}
.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 ;}
.hide{display: none !important;}
/* 透明 */
.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%);}
.translateX50{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 { padding: 33px 0 33px 0;clear: both;width: 100%; text-align: center;}
.pageClass a  {cursor: pointer;}
.pageClass a span:hover {color: #FFFFFF;background-color: #002d7a;border: 1px solid #002d7a;}
.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: #002d7a;border: 1px solid #002d7a;font-size: 16px;border-radius: 3px;}

.page { padding: 33px 0 33px 0;clear: both;width: 100%;text-align: center;}
.page a  {cursor: pointer;}
.page a:hover,.page a.on {color: #FFFFFF;background-color: #002d7a;border: 1px solid #002d7a;}
.page a ,.page 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;}
.page span.on {color: #FFFFFF;padding: 3px 10px;text-align: center;background-color: #002d7a;border: 1px solid #002d7a;font-size: 16px;border-radius: 3px;}


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

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


/*放大浮动*/
.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;}

.inUp-small-hovers-a li:hover a{cursor: pointer;transform: translateY(-4px);-ms-transform: translateY(-4px);-webkit-transform: translateY(-4px);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}


.left-small-hovers-a li:hover a{cursor: pointer;transform: translateX(-4px);-ms-transform: translateX(-4px);-webkit-transform: translateX(-4px);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}

.scale-small-hovers-a a: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-small-hovers-a a: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;}


.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:#002d7a;}
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;}
	.m_1600{width: 1400px;min-width: 1400px;}
	.m_1720{width: 1504px;min-width: 1504px;}
}

@media only screen and ( max-width: 1440px ) {
	.m_1520{width: 1240px;min-width: 1240px;}
	.m_1600{width: 1300px;min-width: 1300px;}
	.m_1720{width: 1320px;  min-width: 1320px; }
}

@media only screen and ( max-width: 1366px ) {
	.m_1520{width: 1200px;min-width: 1200px;}
	.m_1600{width: 1200px;min-width: 1200px;}
	.m_1720{ width: 1223px;  min-width: 1223px; }
}

@media (max-width: 767.98px), 
	   (max-width: 767.98px) and  (-webkit-min-device-pixel-ratio: 2),
	   (max-width: 767.98) and (min-resolution: 2dppx)  {
	
	body {font: 0.28rem /1.5 mFont Arial}

	.m_1044{width: 7.2rem !important;min-width: 7.2rem !important;}
	.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_1340{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_1600{width: 7.2rem !important;min-width: 7.2rem !important;}
	.m_1720{width: 7.2rem !important;min-width: 7.2rem !important;}
	
	.pageClass {text-align: center;  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;}
	
	.page {text-align: center;  padding: 0.3rem 0;}
	.page a {cursor: pointer;display: inline-block;	}
	.page a ,.page span { padding: 0.1rem 0.2rem;font-size: 0.26rem;margin: 0.2rem 0.1rem;border-radius: 0.1rem;	}
	.page span.on {padding: 0.1rem 0.2rem;font-size: 0.26rem;border-radius: 0.1rem;}
	
	
	.mb100{margin-bottom: 1rem;}
}