blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
q:after,q:before{content:''}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r,.ul-txt li span,.ul_txt li span,dt span{float:right}
.c{clear:both}
.n,em{font-weight:400;font-style:normal}
.b{font-weight:700}
.i{font-style:italic}
.fa{font-family:Arial}
.fg{font-family:Georgia}
.ft{font-family:Tahoma}
.fl{font-family:Lucida Console}
.fs{font-family:'宋体'}
.fw{font-family:'微软雅黑'}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.tdu{text-decoration:underline}
.tdn,.tdn:hover,a.tdl:hover{text-decoration:none}
.fc0{color:#000}
.fc3{color:#333}
.fc6{color:#666}
.fc9{color:#999}
.fcr{color:red}
.fcw{color:#fff}
.fcb{color:#00f}
.fcg{color:green}
.f0{font-size:0}
.font10{font-size:10px}.font12{font-size:12px}.font13{font-size:13px}.font14{font-size:14px}.font16{font-size:16px}.font18{font-size:18px}.font20{font-size:20px}.font24{font-size:24px}
.font30{font-size:30px}.font36{font-size:36px}.font42{font-size:42px}.font48{font-size:48px}.font60{font-size:60px}.font72{font-size:72px}.font92{font-size:92px}
@media only screen and (max-width:1920px) {
	html,body { font-size: 0.833vw;}.font72 { font-size: 3.75vw;}.font60 { font-size: 3.6vw;}.font52 { font-size: 2.7vw;}.font48 { font-size: 2.5vw;}.font46 { font-size: 2.45vw;}.font42 { font-size: 2.4vw;}.font40 { font-size: 2.2vw;}.font38 { font-size: 2vw;}.font36 { font-size: 1.87vw;}.font30 { font-size: 1.56vw;}.font28 { font-size: 1.45vw;}.font26 { font-size: 1.3vw;}.font24 { font-size: 1.25vw;}.font22 { font-size: 1.14vw;}.font20 { font-size: 1.04vw;}.font18 { font-size: 0.93vw;}.font16 { font-size: 0.833vw;}.font14 { font-size: 0.73vw;}
}
@media only screen and (max-width:420px) {	html,body { font-size: 14px;}}
@media only screen and (max-width:370px) {	html,body { font-size: 12px;}}
@media only screen and (max-width:828px) {	html,body { font-size: 16px;}.con { width:auto; margin: 0 1em; }
.font60{ font-size:24px;}.font48 { font-size: 30px;}.font46 { font-size: 24px;} .font42 { font-size: 24px;}.font38 { font-size: 24px;}.font36 { font-size: 24px;}.font30 { font-size: 20px;}.font28 { font-size: 16px;}.font26 { font-size: 18px;}
.font24 { font-size: 18px;}.font22 { font-size: 16px;}.font20 { font-size: 16px;}.font18 { font-size: 14px;}.font16 { font-size: 14px;}.font14 { font-size: 12px;}}

.vm{vertical-align:middle}
.vtb{vertical-align:text-bottom}
.vt{vertical-align:top}
.vn{vertical-align:-2px}
.vimg{margin-bottom:-3px}
.m0{margin:0}
.ml0{margin-left:0}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.mr0{margin-right:0}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.ml-1{margin-left:-1px}
.mt-1{margin-top:-1px}
.p1{padding:1px}
.pl5{padding-left:5px}
.p5{padding:5px}
.pt5{padding-top:5px}
.pr5{padding-right:5px}
.pb5{padding-bottom:5px}
.p10{padding:10px}
.pl10{padding-left:10px}
.pt10{padding-top:10px}
.pr10{padding-right:10px}
.pb10{padding-bottom:10px}
.p20{padding:20px}
.pl20{padding-left:20px}
.pt20{padding-top:20px}
.pr20{padding-right:20px}
.pb20{padding-bottom:20px}
.pr,.rel{position:relative}
.abs,.pa{position:absolute}
.dn{display:none}
.db{display:block}
.dib{-moz-inline-stack:inline-block;display:inline-block}
.di{display:inline}
.ovh{overflow:hidden}
.ovs{overflow:scroll}
.vh{visibility:hidden}
.vv{visibility:visible}
.lh14{line-height:14px}
.lh16{line-height:16px}
.lh18{line-height:18px}
.lh20{line-height:20px}
.lh22{line-height:22px}
.lh24{line-height:24px}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.z{_zoom:1}
.h1{height:1px}
.h5{height:5px}
.h,.h10{height:10px}
.h15{height:15px}
.h20{height:20px}

a{text-decoration:none;color:#333;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
a:hover{color:#4ebbe9}

html, body {height: auto;padding: 0;margin: 0;font-size: 16px;font-family:"arial", "微软雅黑", "Helvetica", "Helvetica Neue";color: #333;line-height: 1.5;text-align: center;}
.wrap {overflow: hidden;}
.con { width:84.2%; margin: 0 auto; }

@media only screen and (max-width:1200px) {
.con { width:96%; margin: 0 auto; }
}
/*头部*/
.headerW {position: fixed;z-index:500;left:0;top: 0;width:100%;height:6.4em;background: rgba(4, 52, 143,0.9 );



}
.header {margin: 0 2.9%;height: 100%;transition: all 0.5s;-webkit-transition:all 0.5s;display: flex;justify-content: space-between;align-items: center;}
.header .con {height: 100%;overflow: visible;display: flex;justify-content:space-between;align-items: stretch;}
.header .logo {display: flex;justify-content: center;align-items: center;}
.header .logo img {display: block;height: 3.125em;width:auto;}
.header .logo img:nth-child(2) {display: none;}

.header .links {display: flex;justify-content: flex-start;align-items: center;}
.header .links .lan {color: #666;}
.header .links .lan a {display: inline-block;margin: 0 0.4em;color: #666;}
.header .links .lan a:hover {color: #0075be;}
.header .links .btnSearchT {vertical-align: middle;cursor: pointer;display: inline-block;margin-left:4em;margin-right:2.4em;color: #fff;width: 2.4em;height: 2.4em;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background: center center no-repeat;background-size:1.4em auto;background-image:url(../images/search.png);}
.header .links .searchBoxW {display: inline-block;vertical-align: middle;position: relative;z-index: 0;}
.header .links .hd-wx{margin-right:2.4em; vertical-align: middle;cursor: pointer;display: inline-block; height:24px; }


.searchCon {max-width: 978px;width: 90%;  }
.searchCon .tit {display: flex;justify-content: space-between;align-items: center;}
.searchCon .tit .name {color: #fff;}
.searchCon .tit .close {width: 0.6em;height: 0.6em; padding:0.6em; border-radius:32px; cursor: pointer;background: url(../images/close.png) center center no-repeat;background-size:0.6em; background-color:#4ebbe9; }
.searchBox {margin-top: 1.8em;height: 3.9em;line-height: 3.9em;background-color: #fff;border: 1px solid #e5e5e5;}
.searchBox form {height: 100%;display: flex;justify-content: space-between;align-items: center;}
.searchBox form .iw {flex: 1;margin: 0 1.2em 0 1em;}
.searchBox form .iw .input {font-size: 1em;line-height: 3.9em;height: 3.9em;width: 100%;outline-width: 0;border: 0;margin: 0;padding: 0;}
.searchBox form .btnSearch {cursor: pointer;width: 3.9em;height: 3.9em;background: url(../images/search_2.png) center center no-repeat;background-size:37.1% auto;background-color: #04348f;}
.searchPopup {position: fixed;z-index: 10;left: 0;top: 0;width: 100%;height: 100%;display: none;justify-content: center;align-items: center;background: rgba(4, 52, 143,0.9 )}
.searchPopup.show {display: flex;}


.header .c-switch-w {font-size: 1em;display: inline-block;width: 2.5em;height: 2.5em;display: none;justify-content: center;align-items: center;}
.header .c-switch {display: inline-block;color: #fff;transition: all 0.5s;-webkit-transition:all 0.5s;width: 16px;height:16px;cursor: pointer;position: relative;z-index: 0;}
.header .c-switch i {position: relative;display: block;height: 3px;background: #fff;-webkit-transition: all 0.3s;transition: all 0.3s;}
.header .c-switch i:nth-child(1) {top: 0;}
.header .c-switch i:nth-child(3) {bottom: 0;}
.header .c-switch i:nth-child(2) {margin: 3px 0;}
.header .c-switch.show i:nth-child(2) {opacity: 0;}
.header .c-switch.show i:nth-child(1) { top:6px; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.header .c-switch.show i:nth-child(3) { bottom: 6px;-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

 @media only screen and (max-width:828px) {
 .searchCon .tit .close {  padding:10px; margin-bottom:10px; }
 .searchBox {margin: 0 auto;}
 .header .links .tel {font-size: 12px;margin-right: 0.5em;padding: 0 0.6em 0 1.6em;background-position:0.6em center;}
 .header .c-switch-w {display: flex;}
 .header .c-switch.show::after {left: -30%;top: -30%;width: 160%;height: 160%;}
 
 .header .links .hd-wx{margin-right:1.2em;  background-size:1.2em auto;}
  
.headerW {height: auto;transition: all 0s;height: 3.6em;}
.header {height: 100%;justify-content: space-between;}
.header .logo img {display: block;width: auto;height: 2.2em;}
.header .links {flex: 1;width: 100%; font-size: 12px;display: flex;justify-content: flex-end;align-items: center;}
.header .links .searchBoxW {margin-right: 0;}
.header .links .btnSearchT {margin-left: 1em; margin-right: 1em;}
.header .c-switch .iconfont {font-size: 3.6vw;}
.header .btnBlue {margin-right: 1em;}
}

/*头部导航*/
.navW {height: 100%;display: flex;justify-content: space-between;align-items: center; }
.nav {height: 100%;}
.nav>ul {height: 100%;display: flex;justify-content: flex-end;align-items: center;}
.nav>ul>li {height: 100%;position: relative;z-index: 100;cursor: pointer;margin: 0 2.5em; font-weight: bold;}
.nav>ul>li>a, .nav>ul>li>span {position: relative;z-index: 1;height: 100%;display: flex;justify-content: center;align-items: center;cursor: pointer;color: #fff;}
.nav>ul>li>a:hover {color: #4ebbe9;}
.nav>ul>li.cur>a {color: #4ebbe9;font-weight: bold;}
.nav>ul>li.cur::after {content: "";display: block;position: absolute;z-index: 0;left: 0;bottom: 0;right: 0;background-color: #0075be;height: 2px; }
.nav .sub_nav {display: none;position: absolute;z-index: 1;top: 100%;margin-top: -2px;left: 50%;margin-left: -5.5em;width: 11em;text-align: center;background: rgba(4, 52, 143,0.9);font-size: 0.9em;-moz-box-shadow:0 10px 10px rgba(0, 0, 0, .1);-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, .1);;}
.nav .sub_nav li {line-height: 3.2em;height: 3.2em;overflow: hidden; border-top:1px solid rgba(255, 255, 255,0.2) ;}
.nav .sub_nav li a {color: #fff;padding:0 0.5em;display: block;position: relative;z-index: 0; }
.nav .sub_nav li a:hover {color: #4ebbe9; font-weight:bold;}




/*手机版下拉菜单*/
.popupNavP { position: absolute; left: 0; right: 0; top: 100%;
background:#e1e8ef url(../images/navbg.jpg) center 0 no-repeat;
background-size:100% 100%; display: none;}
.popupNavP .list { margin: 0 17% 0; padding: 2.2em 0; line-height: 2.55;
 flex-wrap: wrap; display: flex; justify-content:space-between; align-items: flex-start;
 text-align: left; color: #383838;}
.popupNavP .list a { color: #383838;}
.popupNavP .list a:hover { color: #abcf4d;}
.popupNavP .list dl { margin-right: 1%;}
.popupNavP .fnav dl:last-child { margin-right: 0;}
.popupNavP .list dl dt { font-weight: bold;}


.popupNav { display: none; position: fixed; z-index: 400;
left: 0; top: 0; bottom: 0; right: 0; background: rgba(4, 52, 143,0.9 );
}
@media only screen and (min-width:828px) {
	.popupNav { display: none !important;} 
}
.popupCon { overflow: hidden; position: relative; z-index: 0; height: 100vh;
 width: 100%; margin: 0 auto 0 0;
display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}
.popupCon .navM {flex: 1; display: block;}
  
.navM { top: 0; margin-top: 109px; margin-bottom:2em;
		overflow-y: auto;
		line-height: 1.5;
		text-align: left;
		overflow-y: auto;  position: relative;	z-index: 0;
		}
    .navM .con { position: relative; z-index: 0; width: auto;}
	.navM .con>ul {font-size: 1em; width: 100%; margin: 0 auto; position: relative;
	 margin-top:1em;
	   display: flex; justify-content: space-around; align-items: flex-start;	}
	.navM .con>ul>li { padding: 0 1em; flex: 1; }
	.navM .con>ul>li:first-child { flex: 2;}
	.navM .title { font-weight: bold; font-size:1.33em;}
	.navM .title a {color: #fff;}
	.navM .title a:hover {color: rgba(255,255,255,0.8);}
	.navM a {color: #eaeaea;	}
	.navM .con>ul>li li { line-height: 2;}
	.navM a:hover {	color: #fff;	}
	.navM li .title { display: flex; justify-content: space-between; align-items: center;padding: 0 0 1em;}
	.navM li .sub_nav_z { margin-top: 0.2em; display: flex; justify-content: flex-start; align-items: flex-start;}
	.navM li .sub_nav_z .sub_nav_s { width: 49%; margin-right: 1%;}
	.navM li .sub_nav_z .sub_nav_s .title { font-size: 1em;}


@media only screen and (max-width:828px) {
	.navW .nav { display: none !important;} .con{ width:92%; }  
	.navM { margin-top: 3.6em;
		padding: 0 0.6em 0;
		overflow-y: auto;
		font-size: 14px;
		line-height: 3.2;
		text-align: left;
		overflow-y: auto;
	}
	.navM .con>ul { display: block; width: 100%; font-size: 16px;}
	.navM .con>ul>li { padding: 0;}
	.navM li { text-transform: uppercase;
		border-top: 1px solid rgba(255,255,255,0.5);
		position: relative;		z-index: 0;	}
	
	.navM li:first-child {border-top: 0;	}
	.navM .title { font-size: 1em;}
	.navM ul ul { position: static;
		height: 0;
		overflow: hidden;
		transition: height 2s; font-size: 0.9em; line-height: 3.4em;
	}
	.navM ul ul li { border-top:0 ;}
	.navM ul ul li a { 
		text-indent: 1em; border-top:0 ; 
	}
	.navM a {display: block;	}
	.navM li .title { display: flex; justify-content: space-between; align-items: center;
	padding: 0;}
	.navM li .arrow {display: block;
		height:0.6em;
		width: 0.6em; margin-right: 1em;
		background: url(../images/arrow_2.png) center center no-repeat;
		background-size:contain;
		
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}
	.navM li dd { padding-left: 1.5em;}
	.navM li.show .arrow {
		transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
	}
	.navM ul .sub_nav_s .sub_nav { height: auto;}
	.navM li.show>.sub_nav { padding: 0.9em 0;
		height: auto;border-top: 1px solid  rgba(255,255,255,0.3); 
	}
	.navM li.show ul .sub_nav_p { padding-left: 2em; display: flex; justify-content: flex-start;
	align-items: stretch;flex-wrap: wrap; text-align: center; line-height: 1.2; padding-bottom: 1.2em;}
	.navM li.show ul .sub_nav_p a {text-indent: 0;}
	.navM li.show ul .sub_nav_p li { padding-top: 1em; width: 32%; margin-right: 2%;}
	.navM li.show ul .sub_nav_p li:nth-child(2n) { margin-right: 0;}
	.navM li.show ul .sub_nav_p .pic { display: block; position: relative; z-index: 0;
	 padding-top:70%; width: 70%; margin: 0 auto 0.5em;	}
	.navM li.show ul .sub_nav_p .pic img { position: absolute;
	 width: 100%; height: 100%; left: 0; top: 0; object-fit: contain;}
}


.position { margin-top: 2em; line-height: 2em; background: url(../images/home.png) 0 0 no-repeat;
background-size:2em auto ; padding-left: 2.7em; text-align: right; font-size: 15px;}
.position .fa-home {color: #0a7ed4;margin-right: 4px; background-color:#04348f; border-radius:30px; padding:5px;}
.position a {display: inline-block;}
.position a:hover {}
.position span {display: inline-block; }
.position .arrow { display: inline-block; margin: 0 0.5em; }

.cateNav .position { margin-top: 0; color: #fff; }
.cateNav .position a {color: #fff;}
.cateNav .position a:hover {color: #fff;}

 @media only screen and (max-width:828px) { 
	 
	 .cateNav .position { font-size: 12px; margin-top: 0.5em;}
 }

.iTit .name { color: #0b173f; font-weight: bold;}
.iTit .intro { margin-top: 0.1em; color: #a5a7b0; }
 
.contactBox { background: #f2f2f2; color: #666870; padding: 4.4em 0 3.7em;
 text-align: left;}
.contactBox .con {display: flex; justify-content: space-between; align-items: stretch;}
.contactBox .conL { width: 67.8%; margin: 0 auto 0 0;
border-right:1px solid #d4d5d9;}
.contactBox .conR { flex: 1; margin-left: 6%;}

.contactBox .conL .tit {color: #0b173f; font-weight: bold;}
.contactBox .form { margin-right: 8.3%; color: #bebebe;
display: flex; flex-wrap: wrap; 
justify-content: space-between; align-items: flex-start;}
.contactBox .form form { width: 100%;
 display: flex; flex-wrap: wrap;
 justify-content: space-between; align-items: flex-start;}

.contactBox .form dl { margin-top: 2em; width: 30%; border-bottom: 1px solid #d4d5d9;
display: flex; justify-content: flex-start; align-items: center;}
.contactBox .form dl dt { font-weight: normal;}
.contactBox .form dl dd { flex: 1;}
.contactBox .form dl.dl2 { width: 100%;}
.contactBox .form dl.dl3 { width: 100%; display: block;}
.contactBox .form dl .iW { padding: 0 1em;}
.contactBox .form dl .input { width: 100%; border: 0;
 outline-width: 0; line-height: 2.5em; height: 2.5em;
 font-size: 1em; background-color: transparent;}
.contactBox .form dl .tW {padding: 0.8em 0;}
.contactBox .form dl .textarea { display: block; width: 100%;
  border: 0; outline-width: 0; line-height: 1.2em; height: 3.6em;
  font-size: 1em; background-color: transparent; }
  
.contactBox  textarea::-webkit-input-placeholder,
.contactBox  input::-webkit-input-placeholder{	color: #999;}
.contactBox textarea::-moz-placeholder,
.contactBox input::-moz-placeholder{	color: #999;}
.contactBox textarea:-ms-input-placeholder,
.contactBox input:-ms-input-placeholder{	color: #999;}

.contactBox .checkBoxZ { margin-top: 1.3em; display: flex; flex-wrap: wrap;
 justify-content:flex-start; align-items: center; color: #666880;}
.contactBox .checkBoxZ .item { cursor: pointer; margin-top: 1em; width: 18%; margin-right: 2%;
display: flex; justify-content: flex-start; align-items: center; 
position: relative; z-index: 0; overflow: hidden;}
.contactBox .checkBoxZ .item label { width: 100%;display: flex;
 justify-content: flex-start; align-items: center;}
.contactBox .checkBoxZ .item::before { content: ""; display: block; width: 1em; height: 1em;
 border: 1px solid #d6d6da;
 -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.contactBox .checkBoxZ .item.checked:before { background-color: #a2c449;}
.contactBox .checkBoxZ .item .checkbox { position: absolute; left: -100px; 
 display: flex; width: 1em; height: 1em;}
.contactBox .checkBoxZ .item span { margin-left: 0.2em; display: block;}

.contactBox .btnW { margin-top: 2em;}
.contactBox .btn { padding: 0 2.3em 0 6em;}
.contactBox .btn::after { margin-left: 4em;}

.contactBox .conR .tit { margin-top: 0.8em; font-weight: bold; color: #0b173f;}
.contactBox .conR .list{ margin-top: 1em; color: #666870; line-height: 2.8;}
.contactBox .conR .list li { height: 2.8em; position: relative; z-index: 0;
overflow: hidden;text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; padding-left: 1em;}
.contactBox .conR .list li::before { position: absolute; left: 0; top: 50%;
 content: ""; display: block;
 width: 0.4em; height: 0.4em; margin-top: -0.2em; background-color: #666870;
 -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} 
.contactBox .conR .list a {color: #666870;}
.contactBox .conR .list a:hover {color: #abcf4d;}
@media only screen and (max-width:828px) { 
	  .contactBox .con { display: block;}
	  .contactBox .conL { width: 100%; }
	  .contactBox .form dl { margin-top: 2em; width: 100%;}
	  .contactBox .conR { margin-top: 3em; flex: 1; margin-left:auto;}
	  .contactBox .checkBoxZ .item { width: 38%; margin-right: 0;}
	  .contactBox .checkBoxZ .item:nth-child(2n+1) { width: 58%; margin-right: 2%;}
}



/*底部*/
.footer { position: relative; z-index: 0; color: #fff;text-align: left; width: 100%;  background: #04348f; }
.footer .footerBot { text-align: left; border-top: 1px solid rgba(255,255,255,0.22); width:100%; overflow:hidden;}
.footer .footerBot .copyLight{ float:left; padding: 1.6em 0 2.4em; }
.footer .fInfo { display: flex; justify-content: space-between; align-items: flex-start;padding: 3.7em 0 2.4em; }
.footer .fnav { width: 56.5%; flex-wrap: wrap; display: flex; justify-content: flex-start; align-items: flex-start;}
.footer .fnav dt { color:#FFF; font-weight:bold; margin-bottom:1em;} .footer .fnav dt a{ color:#FFF;}
.footer .fnav dl { width: 18%; margin-right: 2%; line-height:30px;}
.footer .fnav dl:last-child { margin-right: 0;}


.footer a {color: rgba(255,255,255,0.7); line-height:24px;}
.footer a:hover { color: rgba(78,187,233,0.8);}

.footer .fAdd { margin: 0 1.8%; line-height: 2.5; }
.footer .fAdd .tel { font-size: 1.6em; font-weight:bold; height:36px; line-height:38px; }
.footer .fAdd .picTel {float:left; width:36px; height:36px; margin-right:5px; }
.footer .fenxiang a{ float:left; margin-right:2em; padding-bottom:2em;}

.footer .qrcode { text-align: center; line-height: 2; font-size: 12px;}
.footer .qrcode ul {display: flex; justify-content: flex-start; align-items: flex-start;}
.footer .qrcode li { margin: 0 2px;}
.footer .qrcode img { margin: 0 auto 0.3em; width:150px; height: auto; display: block;}


@media only screen and (max-width:1450px) { .footer .fnav dl { width: 16%;} }
@media only screen and (max-width:828px) {
.footer .fInfo { display: block; padding-top:1em;}
.footer .fnav { display: none; }
.footer .fAdd { margin-top: 2em; width: 100%; }
.footer .qrcode { margin-top: 2em; display:none;}
.footer .footerBot { padding: 1.2em 0 2 em; }

}


.btnWhite {display: inline-block;cursor: pointer;color: #fff;line-height: 1.2;padding: 0.85em 2.5em 0.75em;background-color: #4ebbe9; font-weight: bold;text-align: center;text-transform: uppercase;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:0 20px 0 20px;}
.btnWhite:hover {background-color: #04348f;border: 1px solid #ee;color: #fff;}

.btnBlue { display: inline-block; cursor: pointer; color: #fff; line-height: 1.2;
 padding: 0.65em 1.6em 0.55em; background-color: #4ebbe9;  
  font-weight: bold; text-align: center;
 text-transform: uppercase;
transition: all 0.5s;
-webkit-transition:all 0.5s; 
-moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em; border-radius:0 20px 0 20px;}
.btnBlue:hover { background-color: #04348f;  color: #fff;}

@media only screen and (max-width:828px) {
	
.btnWhite {padding: 0.6em 1.2em 0.6em;}
.btnBlue {	 padding: 0.65em 0.6em 0.55em; border-radius:0 10px ;}
}