*{margin:0;padding:0;}
body{overflow:hidden;max-width:1920px;margin:auto;font-size:12px;}
li{list-style:none;}
ol li{list-style:inherit;}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}
a{text-decoration:none;font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}
@font-face {
	font-family: 'GOTHICB';
	src: url('../fonts/GOTHICB.eot');
	src: local('?'), url('../fonts/GOTHICB.woff') format('woff'), url('../fonts/GOTHICB.ttf') format('truetype'), url('http://case.seqill.cn/ec/img/GOTHICB.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



html{font-size:100px;}
@media screen and (max-width: 1680px){
	html{font-size:100px;}
}		
@media screen and (max-width: 1440px){
	html{font-size:90px;}
}
@media screen and (max-width: 1366px){
	html{font-size:80px;}
}
@media screen and (max-width: 768px){
	html{font-size:100px;}
}
div.shouji{display:none;}
div.diannao{display:block;}
@media screen and (max-width: 1000px){
	div.shouji{display:block;}
	div.diannao{display:none;}
}


/*首页*/
div.navhead{width:80px;position:fixed;left:0;top:0;z-index:9999;background:rgba(255,255,255,0.6);overflow:hidden;}
div.navhead div.navheadn{width:80px;height:100%;position:relative;}
div.navhead div.navheadn div.navheadns{width:80px;height:12px;position:absolute;left:0;top:0.3rem;}
div.navhead div.navheadn div.navheadns a.navheadnsk{width:16px;height:12px;margin:auto;display:block;background:url(../images/caidankai.png) no-repeat;}
div.navhead div.navheadn div.navheadnz{width:80px;height:20px;position:absolute;left:0;top:50%;margin-top:-10px;}
div.navhead div.navheadn div.navheadnz img{width:80px;}
div.navhead div.navheadn div.navheadnx{width:80px;position:absolute;left:0;bottom:20px;}
div.navhead div.navheadn div.navheadnx img.navheadnx{width:80px;}


div.navtan{width:0px;height:100%;overflow:hidden;position:fixed;left:0;top:0;z-index:8888;background:url(../images/navtan.png) repeat-y;}
div.navtan div.navtann{width:300px;height:100%;position:relative;}
/*div.navtan div.navtann a.guanbi{width:40px;height:40px;position:absolute;left:260px;top:0;z-index:9999;background:url(../images/guanbi.png) center center no-repeat;}*/
div.navtan div.navtann a.guanbi {
    width: 24px;
    height: 16px;
    position: absolute;
    left: 220px;
    top: 0.3rem;
    z-index: 9999;
    background: url(../images/caidankai.png) center center no-repeat;
}
div.navtan div.navtann div.navtanns{width:300px;position:absolute;left:0;top:0.3rem;}
div.navtan div.navtann div.navtanns img.navtanns{width:300px;}
ul.navtannsn{width:257px;border-top:1px solid #e8e8e8;}
ul.navtannsn li.navtannsn{width:257px;/*height:0.7rem;*/position:relative;border-bottom:1px solid #e8e8e8;}
ul.navtannsn li.navtannsn a.navtannsn{line-height:0.5rem;font-size:14px;font-weight:bold;
	color:#2c4e5c;text-transform:uppercase;padding-left:40px;font-family: 'GOTHICB';
	width: 100%;
    display: inline-block;
}
ul.navtannsn li.navtannsn a.navtannsn:hover{background:url(../images/nav-arrow.png) 86% center no-repeat;}

div.navtan div.navtann div.navtannx{width:300px;position:absolute;left:0;bottom:0.37rem;}
div.navtan div.navtann div.navtannx img.navtannx{width:300px;}


div.navone{width:100%;height:100%;position:relative;overflow:hidden;} 
a.d3{width:0.8rem;height:0.9rem;display:block;position:absolute;top:23.15%;right:11.8%;}
a.d2{width:1.2rem;height:1.2rem;display:block;position:absolute;top:21.85%;right:4.7%;}
div.navone img{width:100%;height:100%;}
div.navone img.navone1{width:7.12rem;height:auto;position:absolute;left:20%;bottom:12.5%;z-index:9999;}
div.navone img.navone2{width:3.37rem;height:auto;position:absolute;right:8.5%;bottom:12.5%;z-index:9999;}
div.navtwo{width:100%;height:100%;position:relative;overflow:hidden;}
div.navtwo div.navtwon{width:calc(100% - 120px);height:100%;position:absolute;right:0;top:0;}
div.navtwo div.navtwon div.navdao{width:100%;position:relative;}
div.navtwo div.navtwon div.navdao div.navdaon{width:94px;position:absolute;left:50%;margin-left:-47px;top:2rem;}
div.navtwo div.navtwon div.navdao div.navdaon div.navdaonl{width:36px;float:left;font-size:24px;color:#d70c19;font-family: 'GOTHICB';text-transform:uppercase;writing-mode: vertical-rl;}
div.navtwo div.navtwon div.navdao div.navdaon div.navdaonm{width:2px;height:100px;float:left;background:#d70c19;margin-top:5px;}
div.navtwo div.navtwon div.navdao div.navdaon div.navdaonr{width:20px;float:left;margin-left:9px;line-height:50px;font-size:40px;color:#d70c19;}
div.navtwo div.navtwon div.navdao div.navdaon div.navdaonr::first-letter{color:#ffffff;}
div.navtwo div.navtwon div.navdao a.navdao{width:100%;height:100%;display:block;position:absolute;left:0;top:0;z-index:20;background:#ffffff;opacity:0;}


@media screen and (max-width: 1440px){
	div.navtan div.navtann div.navtannx{display:none;}
}


div.navhead{
	height: 100vh;
}
div.navhead div.navheadn {
    min-height: 100vh;
}
div.navone{
	min-height: 100vh;
}
div.navdao{
	min-height: 100vh;
}











/*二级菜单*/
.nav-menu{
	display: none;
}
.nav-second h3{
	margin-bottom: 20px;
}
.nav-second a{
	margin-bottom: 10px;
}
.nav-second a,.nav-second h3{
	color: #2c4e5c;
	font-size: 14px;
}
.nav-third{
	margin-left: 15px;
	margin-bottom: 15px;
}
.nav-third a{
	padding-left: 16px;
	background:url(../images/arrow-grey.png) no-repeat center left;
	background-size: 6px;
	display: inline-block;
}
.nav-third a:hover{
	background:url(../images/arrow-blue.png) no-repeat center left;
	background-size: 6px;
}
.nav-menu{
	padding-left: 40px;
}
ul.navtannsn li.navtannsn .nav-first.arrow{
	background: url(../images/nav-arrow-bott.png) 86% center no-repeat;
}
ul.navtannsn li.navtannsn .nav-first.arrow:hover{
	background: url(../images/nav-arrow-bott.png) 86% center no-repeat;
}









.relative{
	position: relative;
}
.center{
	text-align: center;
}
.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.height-vh{
	height:100vh;
}
.height-bfb{
	height: 100%;
}
input{
	background: none;
	border:none;
	outline-style: none;
}
select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: none;
    border:none;
}
textarea {
    resize: none;
    overflow: auto;
    outline-style: none;
}
button{
    outline:none; 
    border:0px;
}
area{
	outline-style: none;
}


	
/*  左侧底部图标 2021-3-22*/
.navheadnx .icon {
	margin:auto; width:16px;
	}
	
.navheadnx .icon img {
	width:16px;
	FILTER: gray;
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%);
	}
.navheadnx .mt15 {
	margin-top:15px;
	}
.navheadnx a:hover img{
	opacity:0.8;
	-webkit-filter: grayscale(5%); /* Chrome, Safari, Opera */
	filter: grayscale(5%);
}


.navtannx .icon {
	margin-left:40px; 
	
	}
	
.navtannx .icon img {
	width:16px;
	FILTER: gray;
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%);
	}
.navtannx .mt15 {
	margin-top:15px;
	}
.navtannx a:hover img{
	opacity:0.8;
	-webkit-filter: grayscale(5%); /* Chrome, Safari, Opera */
	filter: grayscale(5%);
}

.navtannx span{
	padding-left:10px;
}
.navtannx a{
	color:#333;
}
.navtannx a:hover{
	color:#286d8a;
}