@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; overflow: hidden; *zoom: 1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}
a { color: #212121; }
a {transition: all 0.5s ease 0s; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.noMr{margin-right:0 !important;}
.noBr {border-right: none !important;}
.pT {padding-top: 1px;}
.pB {padding-bottom: 1px; }
.wrapper {width: 100%;overflow: hidden;position: relative}
.fl{float: left;}
.fr{float: right;}
.g-in {width: 1200px;margin:0 auto;}.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}

.header{border-bottom: 1px solid rgba(255,255,255,0.2);background: none;position: fixed;top:0;width: 100%;z-index: 99;min-width: 1200px;background: #fff}
.header .h-l{float: left;width: auto;height: 100px}
.header .h-l a{display: block;width: auto;height: 100px;}
.header .h-l img{height: 100px;width: auto}
.header .h-r{float: right}
.header .nav{width: auto;float: left}
.header .nav ul li{float: left;text-align: center;line-height: 100px}
.header .nav ul li a{font-size: 16px;display: block;padding:0 14px;color: #333}
.header .nav ul li:hover a,.header .nav .current a{color: #2152a0}
.header .tel{float: right;margin-top: 24px;margin-left: 18px}
.header .tel .h{font-size: 14px;color: #333}
.header .tel .p{font-size: 24px;color: #2152a0;}

.lNav{position: fixed;left: 0;top: 0;bottom: 0;width: 235px;z-index: 99;background: #2152a0}
.lNav .logo a{display: block;padding: 45px 0;background: #fff}
.lNav .logo img{width: 100%;height: auto;}
.lNav .nav{margin-top: 40px;}
.lNav .nav ul li{margin-bottom: 12px;}
.lNav .nav ul li:last-child{margin-bottom: 0}
.lNav .nav ul li a{height: 54px;line-height: 54px;font-size: 16px;color: #ffffff;text-align: center;display: block;position: relative;}
.lNav .nav ul li.current a,.lNav .nav ul li:hover a{background: #fff;color: #2152a0}
.lNav .nav ul li.current a:after,.lNav .nav ul li:hover a:after{content: '';position: absolute;bottom: 10px;left: 50%;width: 24px;height: 1px;margin-left: -12px;background: #2152a0}
.lNav .bottom{position: absolute;bottom: 0;left: 0;right: 0;padding-top: 45px;background: url(line.png) no-repeat top center;background-size: 100% auto}
.lNav .bottom .btns{margin-bottom: 26px;text-align: center;}
.lNav .bottom .btns a{display: inline-block;width: 40px;height: 40px;margin: 0 8px}
.lNav .bottom .btns a.wx{background: url(n1.png) no-repeat;background-size: contain;}
.lNav .bottom .btns a.email{background: url(n2.png) no-repeat;background-size: contain;}
.lNav .bottom .btns a.tel{background: url(n3.png) no-repeat;background-size: contain;}
.lNav .bottom .phone{text-align: center;margin-bottom: 32px}
.lNav .bottom .phone .h{font-size: 14px;color: #ffffff;}
.lNav .bottom .phone .p{font-size: 30px;font-family: Impact;color: #fff;}
.lNav .bottom .search{padding: 18px 22px;background: #074380;}
.lNav .bottom .search form{position: relative;}
.lNav .bottom .search .inp{height: 29px;display: block;width: 100%;box-sizing: border-box;padding: 0 39px 0 10px;font-size: 14px;line-height: 29px;color: #333;background: #fff}
.lNav .bottom .search .btn{position: absolute;right: 0;top: 0;width: 29px;height: 29px;background: url(search.png) no-repeat;z-index: 3;cursor: pointer;}

@media screen and (max-height: 1060px){
	.lNav .nav{margin-top: 20px;}
	.lNav .nav ul li{margin-bottom: 10px}
	.lNav .bottom{padding-top: 20px}
}
@media screen and (max-height: 970px){
	.lNav .logo a{padding: 15px 0}
	.lNav .nav ul li a{height: 46px;line-height: 46px;}
}
@media screen and (max-height: 850px){
	.lNav{width: 200px;}
	.lNav .logo a{padding: 0}
	.lNav .bottom .btns{display: none}
	.lNav .bottom .phone{margin-bottom: 15px}
	.lNav .bottom .phone .p{font-size: 24px}
}
@media screen and (max-height: 730px){
	.lNav .nav{margin-top: 10px;}
	.lNav .bottom{padding-top: 10px}
	.lNav .bottom .search{padding: 10px 15px}
	.lNav .bottom .phone{margin-bottom: 10px}
	.lNav .bottom .phone .p{font-size: 20px}
}
@media screen and (max-height: 660px){
	
}


.footer{background: url(footer.jpg) no-repeat center center!important;background-size: cover!important;position: relative;}
.footer .up-icon{width: 71px;height: 33px;top: -33px;background: url(ico_04.png) no-repeat;background-size: contain;left: 50%;margin-left: -35px;position: absolute;}
.footer .f-t{padding: 40px 0 20px;}
.footer .f-t .flogo{width: 230px;margin: 0 auto}
.footer .f-t .flogo img{width: 100%;height: auto;}
.footer .f-t .fNav{margin-top: 18px}
.footer .f-t .fNav ul{display: block;width: 100%;text-align: center;}
.footer .f-t .fNav ul li{display: inline-block;margin: 0 18px;position: relative;}
.footer .f-t .fNav ul li:after{content: '/';font-size: 16px;color: #fff;right: -24px;position: absolute;}
.footer .f-t .fNav ul li:last-child:after{display: none}
.footer .f-t .fNav ul li a{font-size: 16px;color: #fff}
.footer .f-t .contact{margin-top: 20px;font-size: 14px;line-height: 30px;text-align: center;color: #fff}
.footer .copyright{padding: 10px 10%;font-size: 14px;color: #fff;position: relative;}
.footer .copyright::before{content: '';position: absolute;width: 10000px;left: 50%;margin-left: -5000px;top: 0;background: #fff;height: 1px}
.footer .copyright a{font-size: 14px;color: #fff}

