@charset "utf-8";
/* 
    author:PengJin;
    date:2021-03-16;
*/

/*--font-face--*/
@font-face {
	font-family: "Gotham";
	src:url("../fonts/gotham.woff2") format("woff2"),
		url("../fonts/gotham.ttf") format("truetype"),
		url("../fonts/gotham.eot") format("embedded-opentype");
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"DIN Medium";
	src:url("../fonts/din medium.woff2") format("woff2"),
		url("../fonts/din medium.ttf") format("truetype"),
		url("../fonts/din medium.eot") format("embedded-opentype");
	font-weight:normal;
	font-style:normal;
}
/*--end font-face--*/

/*--wrap-title--*/
.wrap-title{position:relative;margin-bottom:50px;padding-top:20px;text-align:center;}
.wrap-title:before{
	display: block;
	margin: 0 auto 10px;
	width: 25px;
	height: 2px;
	content: "";
}
.wrap-title em{display:block;height:80px;line-height:80px;font-family:"Gotham";font-size:80px;text-transform:uppercase;color:#0f0f0f;opacity:.1;}
.wrap-title h2{position:relative;z-index:3;margin-top:-80px;line-height:80px;font-size:36px;color:#151419;}
.wrap-title h2 a{color:#151419;}
.wrap-title h2 strong{
	color: #e00e19;
}
.wrap-title p{font-size:18px;color:#666;}
.wrap-title.white em{color:#f0f1f1;}
.wrap-title.white h2,.wrap-title.white h2 a{color:#fff;}
.wrap-title.white p{color:#fff;}
@media(max-width:1200px){
.wrap-title{margin-bottom:20px;padding-top:6px;}
.wrap-title em{height:40px;line-height:40px;font-size:40px;}
.wrap-title h2{margin-top:-40px;line-height:40px;font-size:20px;}
}
/*--end wrap-title--*/

/*--topBar--*/
.topBar{height:50px;line-height:50px;font-size:16px;color:#1e1e1e;background:#fff;}
.topBar .tel{float:right;}
.topBar .tel em{font-family:"DIN Medium";}
@media(max-width:1200px){
.topBar{display:none;}
}
/*--end topBar--*/

/*--header--*/
.header{
	position: relative;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	background-color: #0f4da4;
}
.header .logo{float:left;padding:25px 25px 25px 0;width:198px;height:120px;overflow:hidden;}
.header .logo img{display:block;width:100%;}
.header .slogan{float:left;padding:34px 0 34px 28px;height:120px;color:#fff;border-left:rgba(255,255,255,0.1) solid 1px;}
.header .slogan h2{font-size:24px;line-height:1.25;display: inline-block;padding-bottom:1px;border-bottom: #fff solid 1px;}
.header .slogan h2:hover{
	color: #e00e19;
	border-top-color: #e00e19;
	border-right-color: #e00e19;
	border-bottom-color: #e00e19;
	border-left-color: #e00e19;
}
.header .slogan p{margin-top:8px;font-size:14px;line-height:1;}
.header .slogan p span{display:inline-block;margin-right:15px;padding-right:12px;border-right:rgba(255,255,255,0.1) solid 1px;}
.header .slogan p span:last-child{border-right:none;}
.header .nav{float:right;height:100px;}
.header .nav li{position:relative;float:left;height:120px;line-height:120px;}
.header .nav li>a{
	display: block;
	padding: 0 20px;
	font-size: 18px;
	color: #FFF;
}
.header .nav li.cur,.header .nav li:hover{background:#e00e19;background:linear-gradient(to right,#a60102,#e00e19);}
.header .nav li.cur>a,.header .nav li:hover>a{color:#fff;}
.header .nav-btn{display:none;position:absolute;right:0;top:0;width:60px;height:60px;line-height:60px;text-align:center;color:#e00e19;}
@media(max-width:1440px){
.header .nav li>a{padding:0 12px;font-size:16px;}
}
@media(max-width:1200px){
.header{height:60px;}
.header .logo{padding:10px;width:100px;height:60px;}
.header .slogan{padding:10px;height:60px;}
.header .slogan h2{font-size:16px;}
.header .slogan p{margin-top:4px;font-size:12px;}
.header .slogan p span{margin-right:6px;padding-right:4px;}
.header .nav-btn{display:block;}
.header .nav{display:none;}
}
/*--end header--*/

/*--dropDown--*/
.dropDown{display:none;position:absolute;z-index:999;left:0;top:100%;padding-top:10px;width:160px;overflow:hidden;}
.dropDown:before{display:block;position:absolute;z-index:2;top:6px;left:45px;width:8px;height:8px;content:"";background:#fff;transform:rotate(-45deg);}
.dropDown a{position:relative;z-index:2;display:block;padding:0 15px;height:45px;line-height:45px;font-size:14px;background:#fff;transition:all .5s;}
.dropDown a:before{display:inline-block;margin-right:10px;content:"-";}
.dropDown a:hover{color:#fff;background:#e00e19;}
/*--end dropDown--*/

/*--sideBar--*/
.mask{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.sideBar{position:fixed;z-index:9999;top:0;right:0;width:70%;max-width:500px;height:100%;background:#fff;transform:translate3d(100%,0,0);transition:all .5s;}
.sideBar .hd{position:relative;padding:6px;height:60px;overflow:hidden;}
.sideBar .hd .logo{width:120px;}
.sideBar .hd .logo img{display:block;width:100%;}
.sideBar .hd .close{position:absolute;right:15px;top:50%;width:30px;height:30px;line-height:28px;text-align:center;cursor:pointer;border:#ddd solid 1px;border-radius:50%;transform:translateY(-50%);}
.sideBar .hd .close i{display:block;}
.sideBar .hd .close:hover{background:#e00e19;border-color:#e00e19;}
.sideBar .hd .close:hover i{color:#fff;}
.sideBar .bd{height:calc(100vh - 60px);overflow:auto;}
.sideBar .bd li{position:relative;line-height:45px;border-top:#f0f0f0 solid 1px;}
.sideBar .bd li:after{display:block;position:absolute;right:20px;top:0;font-family:"iconfont";content:'\e699'}
.sideBar .bd li a{display:block;padding:0 20px;font-size:14px;color:#666;}
/*--emd sideBar--*/

/*--serverBar--*/
.serverBar{display:none;position:fixed;z-index:999;top:50%;right:0;transform:translateY(-50%);}
.serverBar li{position:relative;margin-bottom:10px;}
.serverBar li a{display:block;padding:5px;width:50px;height:50px;text-align:center;color:#666 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar li a>i{display:block;font-size:18px;}
.serverBar li a>span{display:block;font-size:14px;}
.serverBar li:hover a{color:#fff !important;background:#e00e19;border-color:rgba(255,255,255,0.1);}
.serverBar li .infos{display:none;position:absolute;right:60px;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serverBar li .tel{top:0;}
.serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .tel dd{padding-top:6px;font-size:20px;font-family:"DIN Medium";color:#e00e19;white-space:nowrap;}
.serverBar li .QRcode{bottom:0;overflow:hidden;}
.serverBar li .QRcode .item{overflow:hidden;}
.serverBar li .QRcode .item i{display:block;width:100px;}
.serverBar li .QRcode .item img{display:block;width:100%;}
.serverBar li .QRcode .item p{font-size:14px;color:#666;text-align:center;}
.serverBar li:hover .infos{display:block;}
.serverBar li#backTop i{transform:rotate(-180deg);}
@media(max-width:1200px){
.serverBar li#QRcode{display:none;}
.serverBar li:hover .tel{display:none !important;}  
}
/*--end serverBar--*/

/*--affixMenu--*/
.affixMenu{display:none;position:fixed;z-index:999;left:0;bottom:0;width:100%;height:60px;background:#fff;}
.affixMenu ul{display:flex;}
.affixMenu li{flex:1;text-align:center;}
.affixMenu li a{display:block;padding:10px 0;border-right:#f0f0f0 solid 1px;}
.affixMenu li:last-child a{border-right:none;}
.affixMenu li i{font-size:18px;color:#666;}
.affixMenu li span{display:block;margin-top:5px;font-size:14px;color:#666;line-height:1;}
@media(max-width:1200px){
.affixMenu{display:block;}   
}
/*--end affixMenu--*/

/*--footer--*/
.footer{
	overflow: hidden;
	background-color: #0f4da4;
}
.ft-inner{padding:70px 0;overflow:hidden;}
.ft-menu{float:left;width:510px;overflow:hidden;}
.ft-menu dl{float:left;width:50%;}
.ft-menu dt{
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #000;
}
.ft-menu dt a{color:#fff;}
.ft-menu dt a:hover{
	color: #FFFFFF;
}
.ft-menu dd{padding-top:32px;overflow:hidden;}
.ft-menu dd a{
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	color: #000;
}
.ft-menu dd a:hover{color:#fff;}
.ft-info{float:left;width:38%;}
.ft-info dt{
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #FFF;
}
.ft-info dt a{color:#fff;}
.ft-info dt a:hover{
	color: #e00e19;
}
.ft-info dd{padding-top:12px;overflow:hidden;}
.ft-info dd li{
	position: relative;
	padding: 16px 0 16px 40px;
	line-height: 30px;
	font-size: 16px;
	color: #FFF;
	border-bottom: rgba(255,255,255,0.1) solid 1px;
	background-repeat: no-repeat;
	background-position: 0 center;
}
.ft-info dd li:before{display:block;position:absolute;left:28px;top:16px;bottom:16px;width:1px;content:"";background:rgba(255,255,255,0.1);}
.ft-info dd li em{
	font-family: "DIN Medium";
	color: #FFFFFF;
}
.ft-info dd li.tel{background-image:url(../images/ft_tel.png);}
.ft-info dd li.address{background-image:url(../images/ft_address.png);}
.ft-QRcode{float:right;overflow:hidden;}
.ft-QRcode .item{float:left;margin-right:20px;padding:6px;width:130px;text-align:center;background:#fff;}
.ft-QRcode .item:last-child{margin-right:0;}
.ft-QRcode .item i{display:block;position:relative;}
.ft-QRcode .item i img{display:block;}
.ft-QRcode .item span{display:block;font-size:14px;color:#999;}
.ft-copy{padding:25px 0;font-size:14px;line-height:30px;overflow:hidden;}
.ft-copy span{display:inline-block;margin-right:20px;color:#999;}
.ft-copy span a{color:#999;}
.ft-copy span a:hover{color:#fff;}
.flinks{padding:24px 0;line-height:30px;font-size:15px;overflow:hidden;border-top:rgba(255,255,255,0.1) solid 1px;}
.flinks .addLink{display:block;float:right;color:#666;}
.flinks .addLink:hover{color:#fff;}
.flinks dl{overflow:hidden;}
.flinks dt{float:left;}
.flinks dt a{color:#666;}
.flinks dd{overflow:hidden;}
.flinks dd a{display:inline-block;padding:0 6px;color:#666;}
.flinks dl a:hover{color:#fff;}
@media(max-width:1440px){
.ft-inner{padding:60px 0;}
.ft-inner .ft-menu{width:450px;}
}
@media(max-width:1200px){
.ft-inner{padding:30px 10px 0;}
.ft-menu{display:none;}
.ft-info{float:none;width:100%;}
.ft-info dt{display:none;}
.ft-info dd{padding-top:0;}
.ft-info dd p{margin-bottom:4px;line-height:20px;font-size:14px;}
.ft-QRcode{display:none;}
.ft-copy{padding:20px 10px;}
.flinks{display:none;}
}
/*--end footer--*/