/* 字体 */
@charset "utf-8";
/*在线字体引入：网址：https://www.googlefonts.cn/english*/
@import url('https://fonts.font.im/css?family=Raleway:400,700,800');
* {
	/* 字体类型设置，有必要时需要把字体文件上传再用 */
	font-family: 'Raleway', sans-serif;
  }

/* 图标icon */
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 4252179 */
  src: url('//at.alicdn.com/t/c/font_4252179_9gcei3tumxt.woff2?t=1694679307518') format('woff2'),
       url('//at.alicdn.com/t/c/font_4252179_9gcei3tumxt.woff?t=1694679307518') format('woff'),
       url('//at.alicdn.com/t/c/font_4252179_9gcei3tumxt.ttf?t=1694679307518') format('truetype');
}

/* 根变量 */
:root{
	/*宽度*/
	--mh_width:min(1600px,94%); /*首页宽度,当宽度大于1720时，得改成95%*/
	--mn_width:min(1600px,94%); /*内页宽度*/

	/*颜色*/
	--mmco:#3b5699; /*主要颜色*/
  	--mcco:#f18000;

	/*其他*/
	--bs1:0 0 10px rgba(0,0,0,0.1);  /*阴影*/
	--bs3:0 0 10px rgba(0,0,0,0.3);  /*阴影*/
	--tr3:.3s ease; /*过渡*/
	--tr6:.6s ease; /*过渡*/

	/*字体大小*/
  	--fs-100:100px;
	--fs-72: 72px;
	--fs-60: 60px;
	--fs-58: 58px;
	--fs-56: 56px;
	--fs-54: 54px;
	--fs-52: 52px;
	--fs-50: 50px;
	--fs-48: 48px;
	--fs-46: 46px;
	--fs-44: 44px;
	--fs-42: 42px;
	--fs-40: 40px;
	--fs-38: 38px;
	--fs-36: 36px;
	--fs-34: 34px;
	--fs-32: 32px;
	--fs-30: 30px;
	--fs-28: 28px;
	--fs-26: 26px;
	--fs-24: 24px;
	--fs-22: 22px;
	--fs-20: 20px;
}

/*滚动条设置*/
html::-webkit-scrollbar {
    width: 10px;
}
html::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}
html::-webkit-scrollbar-track {
    background: #E6E6E6;
}

/*首页公共标题和概要*/
.hmT1{
	color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
    font_radio: 2;
    display-radio: inline-block;
    margin-bottom: 20px;
}
.hmT2{
    color: #323232;
    font-size: var(--fs-36);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.44px;
    text-transform: uppercase;
  	margin:20px auto 30px 0;
}
.hmS{
    color: #9B9B9B;
    font-size: var(--fs-20);
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 130% */
    letter-spacing: 0.8px;
}

/*内页标题*/
.nyH1{
	line-height: 1.3;
    font-size: var(--fs-36);
    color: #333;
    font-weight: 700;
    text-transform: capitalize;
    padding-left: 30px;
    position: relative;
  	margin-bottom:1.5vmax;
}
.nyH1::before{
    content: '';
    width: 6px;
    height: 90%;
    background: var(--mmco);
    position: absolute;
    top: 50%;
    left: 0;
  	transform: translateY(-50%);
    z-index: 1;
}

/*锚点点击缓动*/
html{
	scroll-behavior: smooth;
}
html{
	scroll-padding-top:130px; /*当导航栏固定在顶部时，设置这个属性能让锚点点击以后不被导航栏遮挡住*/
}

/*公共样式类名自定义*/
/*宽度*/
.mhw{ /*首页宽度*/
	max-width: var(--mh_width);
	margin: 0 auto;
}
.mnw{ /*内页宽度*/
	max-width: var(--mn_width);
	margin: 0 auto;
}

/*视差滚动*/
.main .parallax-container{
	transform: unset!important;
}

/* 图片比例 */
.pbg{
	position: relative;
}
.pbg img{
	position: absolute;
}

/*其他*/
/*阴影效果*/
.bs1{
	box-shadow: var(--bs1);
}
.bs3{
	box-shadow: var(--bs3);
}
/*阴影移入效果*/
.bs1h:hover{
	box-shadow: var(--bs1);
}
.bs3h:hover{
	box-shadow: var(--bs3);
}

/*过渡效果*/
.tr3{
	transition: var(--tr3);
}
.tr6{
	transition: var(--tr6);
}

/*文字移入效果*/
/*单个文字*/
.txh{
	transition:color var(--tr3);
}
.txh:hover{
	color: var(--mmco)!important;
}
/*移入容器内文字效果*/
.ctx{
	transition:color var(--tr3);
}
.ctxh:hover .ctx{
	color: var(--mmco)!important;
}

/*图片移入效果*/
/*单个图片移入效果*/
.imh img{
	transition: transform var(--tr6);
}
.imh:hover img{
	transform: scale(1.05);
}
/*移入容器内图片效果*/
.cim img{
	transition: transform var(--tr6);
}
.cimh:hover .cim img{
	transform: scale(1.05);
}

/*文本换行*/
.no_blak{
	white-space: pre-line;
}

/*rem响应式*/
/*注意前后顺序，同时存在min或者max时，后面的会覆盖前面的*/
@media (min-width:1000px) {
	:root {
      	--fs-100:30px;
		--fs-72: 30px;
		--fs-60: 30px;
		--fs-58: 30px;
		--fs-56: 30px;
		--fs-54: 30px;
		--fs-52: 30px;
		--fs-50: 30px;
		--fs-48: 30px;
		--fs-46: 30px;
		--fs-44: 30px;
		--fs-42: 30px;
		--fs-40: 30px;
		--fs-38: 30px;
		--fs-36: 30px;
		--fs-34: 30px;
		--fs-32: 30px;
		--fs-30: 38px;
		--fs-28: 26px;
		--fs-26: 24px;
		--fs-24: 22px;
		--fs-22: 20px;
		--fs-20: 18px;
	}
}

@media (min-width:1600px) {
	:root {
      	--fs-100:100px;
		--fs-72: 72px;
		--fs-60: 60px;
		--fs-58: 58px;
		--fs-56: 56px;
		--fs-54: 54px;
		--fs-52: 52px;
		--fs-50: 50px;
		--fs-48: 48px;
		--fs-46: 46px;
		--fs-44: 44px;
		--fs-42: 42px;
		--fs-40: 40px;
		--fs-38: 38px;
		--fs-36: 36px;
		--fs-34: 34px;
		--fs-32: 32px;
		--fs-30: 30px;
		--fs-28: 28px;
		--fs-26: 26px;
		--fs-24: 24px;
		--fs-22: 22px;
		--fs-20: 20px;
	}
}

@media (max-width: 769px) {
	:root {
	/*字体大小*/
      	--fs-100:28px;
		--fs-72: 28px;
		--fs-60: 28px;
		--fs-58: 28px;
		--fs-56: 28px;
		--fs-54: 28px;
		--fs-52: 28px;
		--fs-50: 28px;
		--fs-48: 28px;
		--fs-46: 28px;
		--fs-44: 28px;
		--fs-42: 28px;
		--fs-40: 28px;
		--fs-38: 24px;
		--fs-36: 24px;
		--fs-34: 24px;
		--fs-32: 24px;
		--fs-30: 24px;
		--fs-28: 20px;
		--fs-26: 20px;
		--fs-24: 20px;
		--fs-22: 20px;
		--fs-20: 16px;
	}
	.mhw{ /*首页宽度*/
		max-width:100%;
	}
	.mnw{ /*内页宽度*/
		max-width:100%;
	}

	/*移动端padding调整*/
	.mbp{
		padding: 1rem 10px!important;
	}
}

/*em响应式*/
/*页面宽度是1600px*/
@media (min-width:1600px){
	body{
		font-size: 16px;
	}
}

@media (max-width:1600px) and (min-width:1200px){
	body{
		font-size: 14px;
	}
}

@media (max-width: 769px) {
	body {
		font-size: 14px;
	}
}