/**
 * @Author: MYi_铭一
 * @LastEditTime: 2021-2-10 17:30:31
 */

/**/
/*框架样式表*/

/*清除默认样式*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
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, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*清除默认样式结束*/

/*自定样式*/
:root {/*定义颜色*/
    --myi-color: #0d3d7e;
		--ftr-links-color: #a1a1a6;
		--ftr-select-color: #666;
		--ftr-copywriting-color: #666;
}

html {
	/* height: 100%; */
	/* overflow: hidden; */
}

body {
	/* perspective: 1px; */
	/* transform-style: preserve-3d; */
	/* height: 100%; */
	/* overflow-y: auto; */
	overflow-x: hidden;/*去除底部滚动条*/
	/* background-color: skyblue; */
	/* background-color: #ffcccc; */
	background-color: #efeeee;
	font-family: 'Montserrat', sans-serif, Arial, 'Microsoft Yahei';
}

ul {
	list-style-type: none;/*去掉小黑点*/
}

a {
	text-decoration: none;
	color: inherit;
}

i {
	font-size: inherit;
}

header,footer {
	user-select:none;/*禁止选中*/
}

#back_top {
	user-select:none;/*禁止选中*/
}
/*自定样式结束*/

/*导航栏开始*/
#header {/*导航栏*/
	width: 100vw;
	height: 50px;
	background-color: rgba(255,255,255,0.4);/*不透明度*/
	backdrop-filter: blur(30px);/*模糊*/
	-webkit-backdrop-filter: blur(30px);
	-moz-backdrop-filter: blur(3px);
	box-shadow: 5px 5px 15px rgba(0,0,0,0.2);/*阴影*/
	/*opacity: 0.7;*/
	/*固定导航栏*/
	position: fixed;
	z-index: 10;/*导航栏置于顶层*/
	top: 0px;/*固定导航栏用*/
	display: flex;/*弹性盒子*/
	flex-direction: row;/*从左到右*/
	flex-wrap: nowrap;/*不换行*/
	justify-content: space-between;/*两端对齐*/
	align-items: center;/*上下对齐*/
	/*overflow-x: auto;*/
}

#header div {/*导航栏子元素样式*/
	display: flex;/*弹性盒子*/
	flex-direction: row;/*从左到右*/
	flex-wrap: nowrap;/*不换行*/
	align-items: center;/*上下对齐*/
}

#navmiddle {/*导航栏中*/
	width: 35vw;
	justify-content: space-around;/*间隔对齐*/
}
/*下拉菜单开始*/
.drpdwn {/*下拉菜单整体*/
	position: absolute;
	top: 0px;
}

#drpdwn1 {/*下拉菜单1宽高定位*/
	width: 17%;
	left: 41.5%;
}

#drpdwn2 {/*下拉菜单2宽高定位*/
	width: 11.5%;
	left: 55.95%;
}

.xuanxiang {/*选项卡样式*/
	padding: 1.2em;
	line-height: 2.5em;
	text-align: left;
	background-color: white;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);/*阴影*/
	border-radius: 13px;
}

.xuanxiang:hover {/*选项卡鼠标伪类*/
	box-shadow: 0px 8px 25px rgba(0,0,0,0.2);/*阴影*/
}

.xuanxiang li {/*选项卡内容样式*/
	display: inline-block;
	width: 100%;
	text-indent: 1em;
	border-radius: 8px;
	transition: all 0.2s ease-out;
}

.xuanxiang li:hover {/*选项卡鼠标伪类*/
	background-color: #edf5fc;
}

.zhanwei {/*占位框*/
	height: 45px;
	opacity: 0;
}

.add p {/*附加内容*/
	width: 100%;
	line-height: 2em;
	border-top: 2px solid #eee;
	text-align: right;
}

#prjcts div {/*下拉菜单1整体隐藏*/
	display: none;
	transition: all 0.3s;
}

#prjcts:hover div {/*下拉菜单1伪类显示*/
	display: block;
}

#prjcts:hover span {/*下拉菜单1下划线*/
	border-bottom: 2px solid var(--myi-color);
}

#language div {/*下拉菜单2整体隐藏*/
	display: none;
	transition: all 0.3s;
}

#language:hover div {/*下拉菜单2伪类显示*/
	display: block;
}

#language:hover span {/*下拉菜单2下划线*/
	border-bottom: 2px solid var(--myi-color);
}
/*下拉菜单结束*/
.navrig {/*按钮*/
	height: 1.2em;
	width: 2.5em;
	padding: 0em 0em 0em 0.5em;
	border: 2px solid var(--myi-color);
	border-radius: 12px;
	transition: all 0.3s;
}

.navrig:hover {/*按钮伪类*/
	color: white;
	background-color: var(--myi-color);
}

#home:hover {/*主页伪类*/
	border-bottom: 2px solid var(--myi-color);
}
/*导航栏结束*/

/*底栏开始*/
#ftr {/*底栏*/
	width: 100vw;
	/*height: 180px;*/
	background-color: #1d1d1f;
	text-align: center;
	color: white;
	display: flex;/*弹性盒子*/
	flex-direction: column;/*从上到下*/
	flex-wrap: nowrap;/*不换行*/
	align-items: center;/*上下对齐*/
}

#upprt {/*底栏上部-总*/
	margin: 10px 0px;
	text-align: left;
}

#otherthing {/*底栏上部-中*/
	margin: 4px 0px;
	padding: 1.5vw 0vw;
	display: flex;
	flex-direction: row;/*从左到右*/
	flex-wrap: nowrap;/*不换行*/
	justify-content: space-between;/*两端对齐*/
	align-items: baseline;/*文字基线对齐*/
	border-top: 1px solid var(--ftr-copywriting-color);
	border-bottom: 1px solid var(--ftr-copywriting-color);
}

#otherthing div {/*底栏上部子元素样式*/
	width: 10vw;
	margin-right: 10px;
	text-align: left;/*字体对齐*/
}

.ftother span {/*标题字样式*/
	display: inline-block;
	color: ghostwhite;
	margin-bottom: 5px;
}

.itms a {/*列表项样式*/
	color: var(--ftr-links-color);
	font-size: 15px;
	transition: all 0.3s;
}

.itms a:hover {/*列表项样式*/
	color: white;
	font-size: 15px;
}

#callus li {/*联系我们图标横向排列*/
	display: inline-block;
}

#callus i {/*联系我们图标大小*/
	font-size: 2em;
}

.add {/*横线上下补充内容*/
	color: var(--ftr-copywriting-color);
	font-size: 14px;
	line-height: 16px;
}

#tpye a {/*网页模式*/
  color: var(--ftr-links-color);
	transition: all 0.3s;
}

#tpye a:hover {/*网页模式伪类*/
  color: white;
}

#copyright {/*版权声明*/
	color: var(--ftr-copywriting-color);
	font-size: 15px;
	margin: 0.5vw 0vw 0.25vw 0vw;
}

#record {
	color: var(--ftr-copywriting-color);
	font-size: 15px;
	margin: 0.25vw 0vw 1.5vw 0vw;
}
/*底栏结束*/

/*返回顶部按钮开始*/
#back_top {/*返回顶部按钮样式*/
	display: block;
	width: 50px;
	height: 50px;
	border: 1px solid #eee;
	position: fixed;
	bottom: 50px;
	right: 50px;
	border-radius: 25px 25px 25px 25px;
	display: none;
	background-color: var(--ftr-links-color);
	text-align: center;
	/* line-height: 47px; */
	transition: all 0.3s;
}

#back_top i {/*图标定位*/
	margin: 4px 0px 0px 0px;
}

#back_top span {/*文字样式*/
	margin: 4px 0px 0px 0px;
	display: none;
	transition: all 0.3s;
	font-size: 10px;
	color: white;
}

#back_top:hover {/*返回顶部伪类*/
	border-radius: 10px 10px 10px 10px;
}

#back_top:hover i {/*隐藏图标*/
	display: none;
}

#back_top:hover span {/*显示文字*/
	display: block;
}
/*返回顶部按钮结束*/