/******** footer *******/
@font-face {
    font-family: 'tx-icon';  /* project id 1465076 */
    src: url('//at.alicdn.com/t/font_1465076_r209mgxdv5e.eot');
    src: url('//at.alicdn.com/t/font_1465076_r209mgxdv5e.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1465076_r209mgxdv5e.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1465076_r209mgxdv5e.woff') format('woff'),
    url('//at.alicdn.com/t/font_1465076_r209mgxdv5e.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1465076_r209mgxdv5e.svg#iconfont') format('svg');
}
footer{ width: 100%; float: left; background: #004098 url(../images/background.jpg) no-repeat center bottom;}
footer .f-nav{ width: 100%; float: left; margin-bottom: .2rem}
footer .f-nav .list{ float: left;}
footer .f-nav .list:nth-of-type(1){ width: 248px; margin: 0 0 0 35px;}
footer .f-nav .list:nth-of-type(3){ width: 248px; margin: 0 0 0 35px;}
footer .f-nav .list:nth-of-type(4){ width: 248px; margin: 0 0 0 35px;}
footer .f-nav .list:nth-of-type(1) h2{ width: 100%; margin: 78px 0 37px;}
footer .f-nav .list h2 img{ width: 100%;}
footer .f-nav .list ul{ width: 100%; float: left;}
footer .f-nav .list:nth-of-type(1) ul{ box-sizing: border-box; padding-left: 10px;}
footer .f-nav .list ul li{ width: 100%; float: left; color: #fff; line-height: 25px; font-size: 14px; font-family: "Calibri","puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif;}
footer .f-nav .list > a{ width: 100%; float: left; margin: 0 0 0; background: #A9C27E; font-size: 14px; text-transform: uppercase; line-height: 30px; color: #fff; text-align: center;}
footer .f-nav .list > a:hover{ opacity: .7;}
footer .f-nav .list:nth-of-type(2){ width: 226px; margin: 0 0 0 72px; position: relative;}
footer .f-nav .list h2{ width: 100%; margin: 58px 0 13px; font-family: "TCCM","puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif; font-size: 24px; text-transform: uppercase; line-height: 24px; color: #fff;}
footer .f-nav .list li{ width: 100%; float: left; margin: 0 0 8px;}
footer .f-nav .list li b{ float: left; width: 100%;  margin: 0 0 6px;}
footer .f-nav .list li span{ width: 100%; float: left; opacity: 0.5; color: #fff; line-height: 20px;}
footer .f-nav .list li span a{ width: 100%; float: left; opacity: 0.5; color: #fff; line-height: 20px;}
footer .f-nav .list li span a:hover{ text-decoration: underline;}
footer .f-nav .list li.iconfont > a{ font-family: "tx-icon"; border-radius: 100%; width: 26px; height: 26px; margin:10px 7px 20px; background: rgba(255,255,255,.3); float: left; text-align: center; line-height: 26px; color: #949fb2; font-size: 16px;}
footer .f-nav .list li:last-of-type{ margin: 0;}

footer .f-nav .list:nth-of-type(3){ width: 310px; margin: 0 0 0 87px; position: relative;}
footer .f-nav .foot-nav li a{ color: #fff; font-size: 14px; float: left;}
footer .f-nav .foot-nav li a::before{ content: "\e601"; font-family: "tx-icon"; font-size: 16px; opacity: .3; margin-right: 10px;}
footer .f-nav .list:nth-of-type(4){ width: 290px; margin: 0 0 0 0; position: relative;}
footer .f-nav .list .ewm-foot{  width: 100%; max-width: 120px; margin-top: 58px;}
footer .f-nav .list .ewm-foot img{ max-width: 100%;}

footer .foot-info{ width: 100%; float: left; border-top: 1px solid rgba(255,255,255,.3);}
footer .foot-info .main{  width: 1200px;}
footer .foot-info p{ float: left; color: #fff; font-size: 16px; line-height: 60px; margin: 0;}
footer .foot-info p a{ color: #fff;}
footer .foot-info ul{ float: right;}
footer .foot-info ul li{ float: left; color: #fff;}
footer .foot-info ul li::after{ content:""; float: left; width: 1px; height: 14px; margin: 23px 0; background: #000;}
footer .foot-info ul li:last-of-type::after{ display: none;}
footer .foot-info ul li a{ float: left; color: #fff; line-height: 60px; margin: 0 17px; font-size: 14px; font-family: "Calibri";}
footer .f-nav .foot-nav li a:hover,
footer .foot-info ul li a:hover{ opacity: .3;}
footer .f-nav .list h2:nth-of-type(2),footer .f-nav .list h2:nth-of-type(3){
	margin-top: .25rem;
}
.backtop{ position: fixed; left: 0; width: 40px; top: 50%; transform: translateY(-50%); z-index: 9999;}

.gotop,.contact1,.contact2{ color: #fff; background: #222;   box-sizing: border-box;  text-align: center;
}
.gotop{ font-family: "iconfont1"; position: fixed; right: 10px; bottom: 0; font-size: 14px; width: 40px; float: left; height: 40px; line-height: 40px;  border-top-right-radius: 5px;  border-top-left-radius: 5px;}
.contact1{ line-height: 1.2;text-transform: uppercase; float: left; padding: .1rem .05rem; border-top-right-radius: 5px; border-bottom-right-radius: 5px;  font-size: 0.16rem; width: 100%; height: auto;}
.contact1:hover{ background: #000;}
.contact2{ position: fixed; left: -.4rem; top: 50%; z-index: 9998; line-height: .4rem; transform: rotate(90deg); text-transform: uppercase; float: left; padding: 0 .05rem; border-top-right-radius: 5px; border-top-left-radius: 5px;  font-size: 0.14rem; letter-spacing: 1px; width: 1.2rem; height: .4rem;}
.contact2:hover{ background: #000;}

.gotop:hover{  background: #000;}

@media screen and (max-width: 734px){
	html {
		overflow-x: hidden;
	}
	footer .f-nav {
		display: none;
	}
	footer .foot-info .main {
		width: 100%;
	}
	footer .foot-info p {
		width: 90%;
		line-height: 1.5;
		margin: 0 auto;
		float: unset;
	}
	footer .foot-info ul {
		display: none;
	}
	.foot-nav {
		display: none;
	}

	footer .f-nav .list:nth-of-type(1) {
		margin-left: 8%;
	}
	footer .f-nav .list:nth-of-type(1) h2 {
		margin: .2rem 0;
		width: 80%;
	}
	footer .f-nav .list:nth-of-type(1) ul {
		display: none;
	}
	footer .f-nav .list > a {
		display: none;
	}
	footer .f-nav .list ul li:nth-child(4) {
		display: none;
	}
	footer .f-nav .list:nth-of-type(2) {
		width: 100%;
		padding-left: 8%;
		margin: 0;
		box-sizing: border-box;
	}
	footer .f-nav .list .ewm-foot {
		right: 8%; bottom: .2rem;
		width: .9rem;
	}
	footer .f-nav .list h2 {
		margin-top: 0;
	}
	footer p{
		font-size: .13rem; width: 100%; text-align: center; line-height: .24rem; color: #fff; margin: 0; padding: .2rem 0;
	}
	.contact1 {
		display: none;
	}
}

/***********************************************************
*** CUSTOMIZE THE LOADING SCREEN BACKGROUND + ICON COLORS
************************************************************/
/* loading screen background color */
#bonfire-pageloader {
	background-color:#00458e;
}
/* loading icon color */
#bonfire-pageloader svg {
	fill:#fff;
}


/***********************************************************
*** THE NITTY-GRITTY
************************************************************/
/* the pageloader */
#bonfire-pageloader {
	position:absolute;
	z-index:99999999999999;
	width:100%;
	height:1000%;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin-top:-50px;
}
.bonfire-pageloader-fade {
	opacity:0 !important;
	
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-o-transition: all .75s ease;
	-ms-transition: all .75s ease;
	transition: all .75s ease;
}
.bonfire-pageloader-hide {
	display:none;
}

/* the loading icon */
.bonfire-pageloader-icon {
	width:100px;
	height:100px;
	position:absolute;
	margin: 100px 0 0 -100px;
	opacity:1;
	top:0;
	text-align: center;
	color: #fff;
}
.bonfire-pageloader-icon-hide {
	opacity:0 !important;
	
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease;
}
#bonfire-pageloader svg {
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
	width:100px;
	height:100px;
}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

html {
	height:100%;
	
	-webkit-backface-visibility: hidden;
	
	-webkit-transform-origin:top;
	-moz-transform-origin:top;
	-ms-transform-origin:top;
	-o-transform-origin:top;
	transform-origin:top;
	
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-o-transition: all .75s ease;
	-ms-transition: all .75s ease;
	transition: all .75s ease;
}
.bonfire-html-onload {	
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);

	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	-ms-transition: all 0s ease;
	transition: all 0s ease;
}