﻿@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; background:#fff; font-size: 14px;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size: 14px; }
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}
 
.wrap{ max-width:640px; min-width:320px;margin:0 auto; overflow:hidden; position:relative; background:#fff;} /*网站首页宽度*/
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;} 
/*----------------------------------------------------------------------------------------------------------------------------*/
/*--------------------做单时把下面的头部和底部样式删除，换成自己写的样式，样式命名按规范命名----------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

.f_cb,.f_cbli li{zoom:1;} 
.f_fl{ float:left;}
.f_fr{ float:right;}
.f_pr{ position: relative;}
.f_pa{ position: absolute;}
.f_csp{ cursor:pointer;}
.f_oh{ overflow:hidden;}
.f_fs1{ font-size:12px;}
.f_fs2{ font-size:13px;}
.f_fs3{ font-size:14px;}

.f_fa{ font-family:Arial, Helvetica, sans-serif;}
.f_cs1,.f_cs1 a{ color:#4cab0d;}
.f_cs2,.f_cs2 a{ color:#e60012;}
.f_cs3,.f_cs3 a{ color:#343434;}
.f_cs4{ color:#fff;}

.f_wb{ font-weight:bold;}
.f_fwn{ font-weight:normal;}
.f_tal{ text-align:left;}
.f_tac{ text-align:center;}
.f_tar{ text-align:right;}

.f_db{ display:block;}
.f_mt10{ margin-top:10px;}



/*头部开始*/
.g_hd{  overflow:hidden;   height: 8.1rem;} /*头部整体布局样式*/
.m-logo{float:left; padding-left: 7%; padding-top:1.7rem;  width:14.5%; height:auto;} 
.m-logo img{ width:100%; height:auto;}
.g_hd .u-text{float:right;width: 66%; margin: 1.9rem 0 0 0;font-size: 1.6rem;font-weight: bold;color: #1545a0;line-height: 2rem;}
.g_hd .u-text em{display: block;}


/*底部开始*/
.g-ft{height: 17rem; }
.g-ft ul{text-align: center;font-size: 1.1rem;line-height: 1.8rem;color: #333;}
.g-ft li:nth-child(4){margin-top: 0.5rem;font-weight: bold;}
.g-ft li a{color: #333;}

.g_fnva{ position:fixed; z-index:100; bottom:0; width:100%;max-width:640px;min-width:320px; background:#1545a0;height: 6.4rem;}
.g_fnva li{float: left;}
.g_fnva li:nth-child(1){width: 20%; background: #29b1f9; height: 6.4rem;font-size: 1.1rem;color: #fff;font-weight: normal; }
.g_fnva li:nth-child(1) em{display: block; width: 63%;margin: 0 auto; padding-top: 0.6rem;}
.g_fnva li:nth-child(1) em img{width:100%;display: block;}

.g_fnva li:nth-child(2){width: 41%;padding-left: 10%;  border-right: 1px solid #184eab;border-left: 1px solid #113990; height: 6.4rem;line-height: 6.4rem;font-weight: bold; font-size: 1.2rem;color: #fff; position: relative;    box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_fnva li:nth-child(2) em{position: absolute;left:9%;top:1.2rem; width: 31%; float: left;}
.g_fnva li:nth-child(2) em img{width:100%;display: block;}

.g_fnva li:nth-child(3){width: 38%;padding-left: 10%;     box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; border-left: 1px solid #113990; height: 6.4rem;line-height: 6.4rem;font-weight: bold; font-size: 1.2rem;color: #fff; position: relative;}
.g_fnva li:nth-child(3) em{position: absolute;left:3%;top:1.2rem; width: 31%; float: left;}
.g_fnva li:nth-child(3) em img{width:100%;display: block;}

.g_fnva li em img{ display:block; width:100%;}
.g_fnva li a{color: #fff;}

