@charset "utf-8"; 

*,*:before,*:after {
	box-sizing: border-box;
	outline: 0
}

#bsWXBox {
	box-sizing: content-box
}

body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select
	{
	margin: 0;
	padding: 0
}

html,body {position: relative;}

body {
	font-family: "microsoft yahei", arial, sans-serif !important;
	font-size: 14px;
	line-height: 1.5;
	background:#ffffff;
	/*color:#000000 !important;*/
}

a:link,a:visited {
	text-decoration: none;
	outline: 333333;
	color: #000
}

ul,li {
	list-style: none
}


table {
	border-collapse: collapse;
	width: 100%
}

input,textarea {}

input[type='reset'],input[type='button'],input[type='submit'],input[type='radio']
	{
	cursor: pointer;
	outline: none
}

input[type='checkbox'],input[type='radio'] {
	position: relative;
	vertical-align: middle;
	margin-top: -2px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px
}

textarea,input[type='email'],input[type='date'],input[type='password'],input[type='text']
	{
	padding: 0;
	color: #666;
	outline: none
}
img{border:none;}


.fl {float: left}
.fr {float: right}
.marT5{margin-top:5px;}
.marT10{margin-top:10px;}
.marT20{margin-top:20px;}
.marT30{margin-top:30px;}
.marT40{margin-top:40px;}
.marT50{margin-top:50px;}
.marT70{margin-top:70px;}
.marT100{margin-top:100px;}

.marR10{margin-right:10px;}
.marR20{margin-right:20px;}
.marR30{margin-right:30px;}
.marR40{margin-right:40px;}

.marL40{margin-left:40px;}
.marL50{margin-left:50px;}

.marB10{margin-bottom:10px;}
.marB20{margin-bottom:20px;}
.marB30{margin-bottom:30px;}
.marB40{margin-bottom:40px;}
.marB70{margin-bottom:70px;}

.color333 {color: #333}
.color666 {color: #666}
.color999 {color: #999}
.coloreee {color: #eee}
.color4BA5 {color:#004BA5}


.padT20{padding-top:20px;}
.padT40{padding-top:40px;}
.padT70{padding-top:70px;}

.padB20{padding-bottom:20px;}
.padB40{padding-bottom:40px;}

.padL40{padding-bottom:140px;}

.hide{display:none;}
.block{display:block;}

.clearfix{clear: both;}
.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block
}

.middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto
}

.middleRight {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	margin: auto
}

.middleLeft {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	margin: auto
}

.bottomCenter {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto
}
.titan-container{
    margin-right: auto;
    margin-left: auto;
    position: relative;
    }
.container {
	/*width: 1330px;*/
	width: 1110px;
	margin-left: auto;
	margin-right: auto;
}

 /* 第一屏动画加载，结合JS，放在public.js里 */
.animation-block{opacity: 0;transform: translateY(40px); transition: all 0.8s ease-out;}
.animation-block.show { opacity: 1; transform: translateY(0);}


:root {
  /* 主色系列 */
  --color-primary: #4202DD;/*rgba(66, 2, 221, 1)*/
  --color-primary-light: #69a4ff;
  --color-primary-dark: #0042b3;

  /* 辅助色 */
  --color-success: #00b42a;
  --color-warning: #ff7d00;
  --color-danger: #f53f3f;

  /* 中性黑白灰 */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-100: #f5f7fa;
  --color-gray-200: #e5e6eb;
  --color-gray-300: #c9cdd4;
  --color-gray-400: #86909c;
  --color-gray-500: #4e5969;
  --color-gray-600: #272e3b;

  /* 透明/滤镜专用 */
  --opacity-half: rgba(0,0,0,0.5);
  
  
  --font-family-MiSans: "MiSans";
}
/*举例
.text000 {
  color: var(--color-primary);
}*/
/*
margin-left:calc((100% - 1110px) / 2);
font-family: var(--font-family-MiSans);

font-weight:700;font-family: 'MiSans' !important;
*/



/* 2. 使用变量 */
body {font-family: var(--font-family-primary);}

code {font-family: var(--font-family-code);}
@media (max-width: 1024px) {
	.marT100{margin-top:40px;}
	}
@media (max-width: 768px) {
	.marT100{margin-top:40px;}
	}

/*思源字体*/
@font-face {
    font-family: "source-han-sans-simplified-c";
    src: url("../font/SourceHanSansCN-Bold.eot");
    src: url("../font/SourceHanSansCN-Bold.eot?#iefix") format("embedded-opentype"),url("../font/SourceHanSansCN-Bold.woff2") format("woff2"),url("../font/SourceHanSansCN-Bold.woff") format("woff"),url("../font/SourceHanSansCN-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "source-han-sans-simplified-c";
    src: url("../font/SourceHanSansCN-Heavy.eot");
    src: url("../font/SourceHanSansCN-Heavy.eot?#iefix") format("embedded-opentype"),url("../font/SourceHanSansCN-Heavy.woff2") format("woff2"),url("../font/SourceHanSansCN-Heavy.woff") format("woff"),url("../font/SourceHanSansCN-Heavy.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "source-han-sans-simplified-c";
    src: url("../font/SourceHanSansCN-ExtraLight.eot");
    src: url("../font/SourceHanSansCN-ExtraLight.eot?#iefix") format("embedded-opentype"),url("../font/SourceHanSansCN-ExtraLight.woff2") format("woff2"),url("../font/SourceHanSansCN-ExtraLight.woff") format("woff"),url("../font/SourceHanSansCN-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "source-han-sans-simplified-c";
    src: url("../font/SourceHanSansCN-Light.eot");
    src: url("../font/SourceHanSansCN-Light.eot?#iefix") format("embedded-opentype"),url("../font/SourceHanSansCN-Light.woff2") format("woff2"),url("../font/SourceHanSansCN-Light.woff") format("woff"),url("../font/SourceHanSansCN-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "source-han-sans-simplified-c";
    src: url("../font/SourceHanSansCN-Medium.eot");
    src: url("../font/SourceHanSansCN-Medium.eot?#iefix") format("embedded-opentype"),url("../font/SourceHanSansCN-Medium.woff2") format("woff2"),url("../font/SourceHanSansCN-Medium.woff") format("woff"),url("../font/SourceHanSansCN-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "source-han-sans-simplified-c";
    src: url("../font/SourceHanSansCN-Normal.eot");
    src: url("../font/SourceHanSansCN-Normal.eot?#iefix") format("embedded-opentype"),url("../font/SourceHanSansCN-Normal.woff2") format("woff2"),url("../font/SourceHanSansCN-Normal.woff") format("woff"),url("../font/SourceHanSansCN-Normal.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "source-han-sans-simplified-c";
    src: url("../font/SourceHanSansCN-Regular.eot");
    src: url("../font/SourceHanSansCN-Regular.eot?#iefix") format("embedded-opentype"),url("../font/SourceHanSansCN-Regular.woff2") format("woff2"),url("../font/SourceHanSansCN-Regular.woff") format("woff"),url("../font/SourceHanSansCN-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}





/*小米字体
@font-face {
    font-family: "MiSans";
    src: url("../font/MiSans-Thin.eot");
    src: url("../font/MiSans-Thin.eot?#iefix") format("embedded-opentype"),url("../font/MiSans-Thin.woff2") format("woff2"),url("../font/MiSans-Thin.woff") format("woff"),url("../font/MiSans-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "MiSans";
    src: url("../font/MiSans-ExtraLight.eot");
    src: url("../font/MiSans-ExtraLight.eot?#iefix") format("embedded-opentype"),url("../font/MiSans-ExtraLight.woff2") format("woff2"),url("../font/MiSans-ExtraLight.woff") format("woff"),url("../font/MiSans-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}*/

@font-face {
    font-family: "MiSans";
    src: url("../font/MiSans-Normal.eot");
    src: url("../font/MiSans-Normal.eot?#iefix") format("embedded-opentype"),url("../font/MiSans-Normal.woff2") format("woff2"),url("../font/MiSans-Normal.woff") format("woff"),url("../font/MiSans-Normal.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "MiSans";
    src: url("../font/MiSans-Regular.eot");
    src: url("../font/MiSans-Regular.eot?#iefix") format("embedded-opentype"),url("../font/MiSans-Regular.woff2") format("woff2"),url("../font/MiSans-Regular.woff") format("woff"),url("../font/MiSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "MiSans";
    src: url("../font/MiSans-Medium.eot");
    src: url("../font/MiSans-Medium.eot?#iefix") format("embedded-opentype"),url("../font/MiSans-Medium.woff2") format("woff2"),url("../font/MiSans-Medium.woff") format("woff"),url("../font/MiSans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}


@font-face {
    font-family: "MiSans";
    src: url("../font/MiSans-Demibold.eot");
    src: url("../font/MiSans-Demibold.eot?#iefix") format("embedded-opentype"),url("../font/MiSans-Demibold.woff2") format("woff2"),url("../font/MiSans-Demibold.woff") format("woff"),url("../font/MiSans-Demibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "MiSans";
    src: url("../font/MiSans-Semibold.eot");
    src: url("../font/MiSans-Semibold.eot?#iefix") format("embedded-opentype"),url("../font/MiSans-Semibold.woff2") format("woff2"),url("../font/MiSans-Semibold.woff") format("woff"),url("../font/MiSans-Semibold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "MiSans";
    src: url("../font/MiSans-Bold.eot");
    src: url("../font/MiSans-Bold.eot?#iefix") format("embedded-opentype"),url("../font/MiSans-Bold.woff2") format("woff2"),url("../font/MiSans-Bold.woff") format("woff"),url("../font/MiSans-Bold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}


@font-face {
    font-family: "MiSans";
    src: url("../font/MiSans-ExtraLight.eot");
    src: url("../font/MiSans-ExtraLight.eot?#iefix") format("embedded-opentype"),url("../font/MiSans-ExtraLight.woff2") format("woff2"),url("../font/MiSans-ExtraLight.woff") format("woff"),url("../font/MiSans-ExtraLight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}



@font-face {
    font-family: "MiSans";
    src: url("../font/MiSans-Heavy.eot");
    src: url("../font/MiSans-Heavy.eot?#iefix") format("embedded-opentype"),url("../font/MiSans-Heavy.woff2") format("woff2"),url("../font/MiSans-Heavy.woff") format("woff"),url("../font/MiSans-Heavy.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}



@font-face {
    font-family: "MiSans";
    src: url("../font/MiSans-Light.eot");
    src: url("../font/MiSans-Light.eot?#iefix") format("embedded-opentype"),url("../font/MiSans-Light.woff2") format("woff2"),url("../font/MiSans-Light.woff") format("woff"),url("../font/MiSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}


@font-face {
    font-family: "MiSans";
    src: url("../font/MiSans-Semibold.eot");
    src: url("../font/MiSans-Semibold.eot?#iefix") format("embedded-opentype"),url("../font/MiSans-Semibold.woff2") format("woff2"),url("../font/MiSans-Semibold.woff") format("woff"),url("../font/MiSans-Semibold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}