/* 全局标签定义 */
html, body { height: 100%; background-color: #eeedea; font-size: 15px; color: #222; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.7; word-wrap: break-word; }
i { font-style: normal; }
* { margin: 0; padding: 0; }
img { vertical-align: top; }
a { text-decoration: none; }
a:link, a:visited, a:hover, a:active { color: #000 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer }

ul, li { list-style: none; }

/*盒子定义*/

.body-flex .body { top: 0; left: 0; width: 100%; height: 100%; border: 0 }

.flex { display: -webkit-flex; display: -moz-flex; display: flex; position: relative;}
.f-dr{flex-direction: row;}/*子元素方向 左到右 默认*/
.f-drr{flex-direction:row-reverse;}/*子元素方向 右到左*/
.f-dc{flex-direction:column;}/*子元素方向 上到下*/
.f-dcr{flex-direction:column-reverse;}/*子元素方向 下到上*/
.f-nw{flex-wrap: nowrap;/*横排是否换行 不换行 默认*/}
.f-w{flex-wrap: wrap;/*横排是否换行 换行*/}
.f-wr{flex-wrap:wrap-reverse;/*横排是否换行 换行第一行在下*/}
.f-as{justify-content: flex-start;/*水平对齐方式 全部靠左 默认*/}
.f-ae{justify-content: flex-end;/*水平对齐方式 全部靠右*/}
.f-ac{justify-content: center;/*水平对齐方式 居中*/}
.f-asb{justify-content: space-between;/*水平对齐方式 两端对齐间隔相等*/}
.f-asa{justify-content: space-around;/*水平对齐方式 每个项目两侧间隔相等*/}

.f-vs{align-items: flex-start;/*项目垂直对齐方式 顶部对齐*/}
.f-ve{align-items: flex-end;/*项目垂直对齐方式 尾部对齐*/}
.f-vc{align-items: center;/*项目垂直对齐方式 每个项目的中间对齐*/}
.f-vb{align-items: baseline;/*项目垂直对齐方式 每个项目第一行文字的基线对齐(毕竟有不同文字大小)*/}
.f-vm{align-items: stretch;/*项目垂直对齐方式 顶尾填充对齐 默认*/}

.f-avs{align-self: flex-start;/*覆盖align-items项目垂直对齐方式 顶部对齐*/}
.f-ave{align-self: flex-end;/*覆盖align-items项目垂直对齐方式 尾部对齐*/}
.f-avc{align-self: center;/*覆盖align-items项目垂直对齐方式 每个项目的中间对齐*/}
.f-avb{align-self: baseline;/*覆盖align-items项目垂直对齐方式 每个项目第一行文字的基线对齐(毕竟有不同文字大小)*/}
.f-avm{align-self: stretch;/*覆盖align-items项目垂直对齐方式 顶尾填充对齐 默认*/}

.f-cs{align-content: flex-start;/*内部多行项目对齐方式 顶端对齐*/}
.f-ce{align-content: flex-end;/*内部多行项目对齐方式 底端对齐*/}
.f-cc{align-content: center;/*内部多行项目对齐方式 居中对齐*/}
.f-csb{align-content: space-betweenh;/*内部多行项目对齐方式 上下对齐每行间隔相等*/}
.f-csa{align-content: space-around;/*内部多行项目对齐方式 每行项目间隔相等*/}
.f-csm{align-content: stretch;/*内部多行项目对齐方式 轴线充满 默认*/}
/*尺寸放大*/
.f-g0{flex-grow:0}
.f-g1{flex-grow:1}
.f-g2{flex-grow:2}
.f-g3{flex-grow:3}
.f-g4{flex-grow:4}
.f-g5{flex-grow:5}
/*尺寸缩小*/
.f-s1{flex-shrink:1}
.f-s2{flex-shrink:2}
.f-s3{flex-shrink:3}
.f-s4{flex-shrink:4}
.f-s5{flex-shrink:5}
/* 通用样式名定义 */
.hide, .tpl { display: none; }
.show { display: block; }
.dis_ib { display: inline-block; }
.over-y { overflow-y: scroll; overflow-x: hidden; }
.over-x { overflow-y: hidden; overflow-x: scroll; }
.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both }
.cursor{cursor: pointer;}
/*全局共用*/
.ajax_get_loading { position: fixed; width: 100%; height: 100%; z-index: 10000000; background-color: #fff; top: 0; left: 0; }
.ajax_get_loading>div { width: 75%; height: 75%; position: fixed; left: 12.5%; top: 12.5%; text-align: center }
.ajax_get_loading_inside { width: 100%; height: 8em; }
.ajax_get_loading_inside>div { width: 100%; height: 100%; margin: 0 auto; text-align: center; }
/*全局颜色*/
.bc-a { background-color: #fff }
.bc-b { background-color: #fff }
.fc-a { color: #fff }
.fc-b { color: #fff }
/*全页面*/
.section{min-height: 800px\9;}
.section .page_content{height: 100%\9;}
#header { width: 100%; height: 80px; }
#header .head_content { margin: 0 auto; width: 1200px; }
#header .logo{ background-image:url('../images/logo.png'); background-size:100% 100%; width:50px; height:50px;float:left\9;background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);}
#header .website_name{color: #00468c;padding:0 0 0 10px; font-size: 20px; line-height: 18px; float:left\9;padding-top: 15px\9;font-weight: bold;}
#header .website_name .en{font-size: 10.4px; text-align: justify;text-transform:Capitalize;}
#header .head_nav{float:left\9;}
#header .head_nav ul{}
#header .head_nav ul li { float: left; width: 80px;height:80px;}
#header a { color: #6e6e6c; line-height: 80px;display:inline-block;text-align: center; width: 100%}
#header .head_nav ul li:hover,#header .head_nav ul li.select {background-color: #00468c; color:#4cb803; }
#header .head_nav ul li:hover a,#header .head_nav ul li.select a{color: #fff;}
#header .tel{color: #00468c;font-size: 16px;margin:0 30px; font-weight: bold;line-height: 20px;}
#header .qr img{height: 80px; width: auto}




#content { width: 1200px; margin: 0 auto }
#footer { width: 100%;margin-top: 60px; }
#footer .content{width: 1200px;margin:0 auto;}
#footer .nav>div{border-left:3px solid #00468c; padding-left: 20px;}
#footer .nav,#footer .nav a{font-size: 15px;color: #00468c;}
#footer .copyright{text-align: center;padding:30px 0;}

#content_left { padding:5px 0 20px 0; width: 180px; position: fixed; z-index: 2; top: 20%; left: 50%; margin-left: -600px; background-color:#FFF; opacity:0.8; border-radius:5px;}
#content_left .menu_title{ text-align:center; height:40px; line-height:40px; font-size:18px; font-weight:bold}
#content_left .menu_no_title{height:20px;}
#content_left li { height:35px;}
#content_left li.active,#content_left li:hover{ background-color: red}
#content_left a{ padding-left:15px; line-height:35px; display:inline-block}
#content_left a:hover,#content_left .active a{ color:#f90}
/*其他页面*/
.body-business #content .main{  margin:0 auto}
.body-business #content { padding-top: 60px; margin: 0 auto;width: auto; }
.body-business .main .section .page_content{ width:1200px; margin:0 auto; text-align:center}/*宽度1200*/
/*含左浮动页面*/
.body-business #content .content_main { width: 1000px; margin: 0 auto; padding-left: 200px; text-indent:2em }
.body-business #content .content_main h1{ text-align:center; margin-bottom:20px;}
.body-business #header{ z-index: 100000;position: relative;}