* {
	margin: 0px 0px;
	padding: 0px 0px;
	font-family: "Microsoft YaHei", "Regular",Helvetica, Arial, sans-serif;
}
*:focus {
	outline: none;
}
html,body {
    float: left;
	width: 100%;
    background: #ffffff;
    font-family: 'Microsoft YaHei';
}
a {
    text-decoration: none;
    color: #000000;
}
a:hover {
    text-decoration: none;
    outline: none;
    color: #055094;
}
a:focus {
    text-decoration: none;
    outline: none;
}
ol,ul,li{
    margin: 0px 0px;
    list-style: none;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Microsoft YaHei';
	font-weight: bold;
	margin: 0px 0px;
	padding: 0px 0px;
	text-rendering: optimizelegibility;
}
em,i {
	font-style: normal;
}
.container,.container-fluid {
    padding: 0px 0px;
}
.row {
    width: 100%;
    padding: 0px 0px;
    margin: 0px 0px;
}
form {
    padding: 0px 0px;
    margin: 0px 0px;
}
p {
	margin: 0px 0px;
}
button {
    border: none;
    padding: 0px 0px;
    margin: 0px 0px;
}
input {
	outline: none;
	border: none;
}
img {
    padding: 0px 0px;
    margin: 0px 0px;
}
span {
    padding: 0px 0px;
    margin: 0px 0px;
}
/* 标签初始化: end */

/*轮播图插件初始化: satrt*/
.bx-wrapper {
    margin: 0px 0px;
    max-width: none !important;
}
.bx-wrapper .bx-viewport {
    box-shadow: none;
    margin: 0px auto;
    left: 0px;
    border: none;
}
.bx-wrapper img {
    width: 100%;
    height: 100%;
}
/*轮播图插件初始化: end*/

/* 更改轮播图pager的样式: satrt */
.banner-slider .bx-wrapper .bx-pager,
.banner-slider .bx-wrapper .bx-controls-auto{
	left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
	width: auto;
	padding-top: 0px;
}
.banner-slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(255, 255, 255, 0.5);
    width: 14px;
    height: 14px;
    margin: 0px 5px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
}
.banner-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #d3a86c;
}
/* 更改轮播图pager的样式: end */

/* .container初始化: start */
.container {
    width: 1300px;
}
/* .container初始化: end */

/* 头部：start */
.header {
    width: 100%;
    background: #054b8b;
}
.header {
    width: 100%;
    
}
.header .info-container {
    float: right;
}
/* 头部链接 */
.header-link {
    float: left;
    padding: 7px 0px;
    margin-right: 10px;
}
.header-link li {
    float: left;
    font-size: 12px;
    border-right: 1px solid rgba(255, 255, 255, 0.8);
}
.header-link li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0px 20px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #ffffff;
    opacity: 0.8;
}
.header-link li:last-child {
    border-right: none;
}
.header-link li:hover a {
    opacity: 1;
}
.header-link li a img {
    max-height: 18px;
}
.search-form {
    float: left;
}
/* PC端搜索框 */
.search-form form {
    position: relative;
    width: 186px;
    height: 32px;
    opacity: 0.8;
}
.search-form form input {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #ffffff;
    line-height: 32px;
    padding-right: 32px;
    padding-left: 18px;
    background: rgba(25,89,148);
}
.search-form form button {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 32px;
    height: 32px;
    background: url(../images/icon_search.png) center center no-repeat;
}
/* 头部：end */

/* logo、头部导航栏: start */
.nav-all {
    width: 100%;
    background: #055094;
}
.nav-all .logo {
    float: left;
    width: 275px;
    padding: 16px 0px;
}
.logo a {
    position: relative;
    display: block;
    width: 100%;
    height: 68px;
}
.logo a img {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100%;
    max-height: 100%;
}
.nav-all .nav-top {
    float: right;
    padding: 30px 0px;
}
.navlist .first {
    position: relative;
    float: left;
}
.navlist .first>a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    padding: 0px 16px;
}
.navlist .first.active>a {
    background: rgba(247,183,101, 0.85);
}
.navlist .first:hover>a {
    background: rgba(247,183,101, 0.85);
}
.second-menu {
    z-index: 200;
    position: absolute;
    left: 0px;
    top: 40px;

    width: 100%;
    max-width: 100%;
    background: #256eb6;
    padding-bottom: 5px;
    border-bottom: 4px solid #055094;

    display: none;
}
.second-menu li {
    width: 100%;
}
.second-menu li>a {
    display: block;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    padding: 9px 5px;
    text-align: center;
}
.second-menu li>a:hover {
	background: rgba(247,183,101, 0.85);
}

/* icon,控制移动端导航栏和移动端搜索框显示: start */
.nav-icon {
    z-index: 100;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;

    display: none;
}
.nav-icon .icon {
    color: #ffffff;
    font-size: 25px;
}
.search-icon {
    z-index: 100;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;

    display: none;
}
.search-icon .glyphicon-search {
    color: #ffffff;
    font-size: 25px;
}
/* icon,控制移动端导航栏和移动端搜索框显示: end */
/* logo、头部导航栏: end */


/* 移动端搜索框: satrt */
.search-form-mobile {
    z-index: 200;
    display: none;
    position: fixed;
    left: 0px;
    top: 102px;
    width: 100%;
    padding: 10px 10px;
    background: #ffffff;
    /* border-top: 2px solid #055094; */
}
.search-form-mobile form {
    position: relative;
	width: 70%;
	margin: 0 auto;
	border: 1px solid #055094;
	border-radius: 16px;
}
.search-form-mobile .keywords {
    display: block;
	padding: 0 50px 0 15px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	border: none;
    background: #ffffff;
	color: #000000 !important;
	border-radius: 16px;
}
.search-form-mobile input.submit {
    position: absolute;
	right: 10px;
	top: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/top_icon_search_mobile.png) center center no-repeat;
    outline: none;
}
/* 移动端搜索框: end */

/* 移动端导航栏: start */
/* m表示mobile,移动端 */
.nav-mobile {
    z-index: 300;
    display: none;
    position: fixed;
    left: 0px;
    top: 102px;
    width: 100%;
    background: #ffffff;
    /* border-top: 2px solid #ffffff; */
}
.navlist-mobile {
    width: 100%;
    padding: 0px 0px;
}
.navlist-mobile li {
    border-bottom: 1px solid  #dddddd;
}
.first-m { 
    width: 100%;
}
.first-m:nth-child(2n+1) {
    background: rgba(238,238,238,0.5);
}
.first-m .first-title-m {
    position: relative;
}
.first-m.on .first-title-m {
    background: #055094
}
.first-m .first-title-m a {
    line-height: 40px;
    margin-left: 40px;
}
.first-m.on .first-title-m a {
    color: #ffffff;
}
.first-m .first-title-m .item-menu-icon {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100px;
    height: 40px;
    text-align: center;
    padding-top: 12px;
}
.first-m.on .first-title-m .item-menu-icon {
    color: #ffffff;
    transform: rotate(-180deg);
}
.first-m .second-menu-m {
    display: none;
    width: 100%;
    border-top: 1px solid #dddddd;
}
.first-m.on .second-menu-m {
    display: block;
}
.first-m .second-menu-m li:last-child {
    border-bottom: none;
}
.first-m .second-menu-m a {
    line-height: 40px;
    margin-left: 80px;
    color: #000000;
}
.first-m .second-menu-m a:hover {
    color: #055094;
}
/* 移动端导航栏: end */

/* 蒙版: start */
.nav-mobile-masking {
    z-index: 90;
    display: none;
    position: fixed;
    left: 0px;
    top: 102px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    margin: 0px 0px;
    overflow: auto;
    background: #000000;
    opacity: 0.5;
}
/* 蒙版: end */

/* footer: start */
.footer {
    width: 100%;
    padding: 32px 0px;
    border-bottom: 5px solid #f7b765;
    background: #055094;;
}
.footer .row {
    background: url(../images/foot_bg.png) center center no-repeat;
}
/* 左侧: start */
.footer-section1 {
    float: left;
    width: 411px
}
.footer-section1 .logo2 {
    width: 100%;
    margin-bottom: 30px;
}
.footer-section1 .logo2 a {
    display: block;
    width: 100%;
    height: 100%;
}
.footer-section1 .logo2 a img {
    max-width: 100%;
}
.footer-section1 .address {
    font-size: 12px;
    line-height: 30px;
    color: #ffffff;
    opacity: 0.8;
}
.footer-section1 .phone span {
    color: #ffffff;
    padding-right: 30px;
    opacity: 0.8;
}
.footer-section1 .phone a {
    padding-left: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #ffffff;
    border-left: 1px solid #ffffff;
    opacity: 0.8;
}
.footer-section1 .phone a:hover {
    opacity: 1;
}
.footer-section1 .recordation span {
    font-size: 12px;
    line-height: 30px;
    color: #ffffff;
    opacity: 0.5;
    margin-right: 5px;
}
.footer-section1 .recordation a {
    font-size: 12px;
    line-height: 30px;
    color: #ffffff;
    opacity: 0.5;
}
.footer-section1 .recordation a:hover {
    opacity: 1;
}
/* 左侧: end */

/* 右侧:start */
.footer-section2 {
    float: right;
}
.footer-section2 .column-item {
    float: left;
    width: 196px;
    margin-right: 88px;
}
.footer-section2 .column-item:last-child {
    margin-right: 0px;
}
.footer-section2 .column-item .title {
    width: 100%;
    font-size: 12px;
    line-height: 32px;
    color: #ffffff;
}
.footer-section2 .column-item ul {
    width: 100%;
}
.footer-section2 .column-item ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 16px;

    font-size: 12px;
    line-height: 32px;
    color: #ffffff;
    opacity: 0.8;
}
.footer-section2 .column-item ul li a:hover {
    opacity: 1;
}
.footer-section2 .column-item ul li a::before {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);

    content: '>';
    font-size: 12px;
    color: #ffffff;
}
.footer-section2 .column-item .more {
    width: 100%;
    background: #054b8b;;
}
.footer-section2 .column-item .more a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 16px;
    padding-right: 30px;

    font-size: 12px;
    line-height: 32px;
    color: #ffffff;
    opacity: 0.8;
    text-align: left;
}
.footer-section2 .column-item .more a:hover {
    opacity: 1;
}
.footer-section2 .column-item .more a::after {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);

    content: '';
    border-left: 6px solid transparent;
    border-top: 6px solid #ffffff;
    border-right: 6px solid  transparent;
    transition: all .2s ease-in;
}
/* 右侧:end */

/* footer: end */

/* banner: satrt */
.banner {
    width: 100%;
    height: 220px;
}
.banner .img {
    width: 100%;
    height: 100%;
}
/* banner: end */

/* 主内容区: start */
.main {
    width: 100%;
    min-height: 355px;
}
/* 主内容区: end */


/* 移动端默认列表上方icon,控制侧导航栏显示： start */
.first-title {
    position: relative;
	margin-top: 10px;
	width: 100%;
    border-bottom: 2px solid#055094;

    display: none;
}
.first-title p {
    float: left;
    height: 38px;
    padding: 0px 20px;
	font-size: 18px;
    line-height: 38px;
    color: #ffffff;
    background: #055094;	
}
.btn-show {
    position: absolute;
    right: 0px;
    top: 12px;

    display: block;
	font-size: 24px;
    color: #055094;
	cursor: pointer;
}
/* 移动端默认列表上方icon,控制侧导航栏显示： end */

/* 左侧导航栏、右侧内容区: start */
.common-box {
    width: 100%;
}
.common-left {
    float: left;
}
.common-right {
    float: right;
}
/* 左侧导航栏: start */
.common-left {
    width: 230px;
}
/* 一级栏目标题 */
.first-column {
    position: relative;
    width: 100%;
    height: 100px;
    background: #055094;;
}
.first-column p {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding-left: 43px;

    font-size: 26px;
    line-height: 28px;
    color: #ffffff;
}
.navlist-side {
    width: 100%;
    background: #ededed;

    display: none;
}
.navlist-side>li{
    width: 100%;
    padding-left: 43px;
}
.navlist-side>li a{
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 52px;
    color: #333333;
}
.navlist-side .second {
    width: 100%;
    padding-left: 43px;
}
.navlist-side .second>a {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 52px;
    color: #333333;
}
.navlist-side>li>a:hover {
    color: #055094;
}
.navlist-side .second>a:hover {
    color: #055094;
}
.navlist-side>li.active {
    background: #ffffff;
    padding-left: 33px;
    border-left: 10px solid #f7b765;
}
.navlist-side .second.active {
    background: #ffffff;
    padding-left: 33px;
    border-left: 10px solid #f7b765;
}
.navlist-side .second.active>a {
    position: relative;
    color: #055094;
}
.navlist-side .second.active>a.after::after {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);

    content: '';
    border-left: 5px solid #055094;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    transition: all .2s ease-in;
}
.navlist-side .second.active>a:hover:after {
    right: 13px;
}
.navlist-side .second .third-menu {
    background: #ffffff;
    padding-left: 18px;

    display: none;
}
.navlist-side .second.active .third-menu {
    display: block;
}
.navlist-side .second .third-menu>li {
    width: 100%;
}
.navlist-side .second .third-menu>li>a {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 34px;
    color: #333333;
}
.navlist-side .second .third-menu>li>a:hover {
    color: #055094;
}
.navlist-side .second .third-menu>li.active>a {
    position: relative;
    color: #055094;
    font-weight: bold;
}
.navlist-side .second .third-menu>li.active>a::before {
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);

    content: '';
    border-left: 5px solid #055094;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    transition: all .2s ease-in;
}
.navlist-side .second .third-menu>li.active>a:hover::before {
    left: -10px;
}
/* 左侧导航栏: end */

/* 右侧内容区: satrt */
.common-right {
    width: 985px;
    padding-bottom: 80px;
}
/* 当前位置: satrt */
.location {
    width: 100%;
    margin: 25px 0px 18px;
}
.location .current {
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
}
.location .current img {
    margin-right: 5px;
    margin-bottom: 4px;
}
.location .current span {
    margin: 0px 4px;
}
.location .current a {
    line-height: 36px;
}
/* 当前位置: end */
/* 右侧内容区: end */

/* 页码: start */
.page-select {
	float: right;
    margin-top: 40px;
}
.page-select img {
	margin-right: 9px;
    cursor: pointer;
}
.page-select img:nth-child(4){
  margin-right: 24px;
}
.page-select span {
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	margin-right: 8px;
	color: #131313;
}
.page-select input {
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	width: 55px;
	height: 22px;
	margin-right: 8px;
    text-align: center;
}
.page-select button {
	width: 55px;
	height: 22px;
	color: #ffffff;
	background:#055094;
	border: none;
}
/* 页码: end */

/* 分页设置重构: start */
/* 分页设置重构: end */


/* 左侧导航栏、右侧内容区: end */


/* 公共样式-响应式样式表 */
@media(max-width: 1500px){
    .container {
        width: 1170px;
    }

    /* banner: start */
    .banner {
        height: 200px;
    }
    /* banner: end */
}


/* iPadPro（横屏1366) */
@media(max-width: 1300px){
    .container {
        width: 996px;
    }

    /* logo、头部导航栏: start */
    .nav-all .logo {
        width: 200px;
    }
    .navlist .first>a {
        padding: 0px 8px;
    }
    /* logo、头部导航栏: end */

    /* banner: start */
    .banner {
        height: 180px;
    }
    /* banner: end */
}

/* iPadPro(1024), iPad(横屏1024)，iPhone X(横屏812)，Pixel2 XL(横屏823)*/
@media(max-width: 1024px){
    .container {
        width: 750px;
    }
    
    /* 头部: start */
    .header {
        display: none;
    }
    /* 头部: end */

    /* logo、头部导航栏: start */
    .nav-all {
        border-bottom: 2px solid #ffffff;
    }
    .nav-all .row {
        position: relative;
    }
    .nav-all .nav-top {
        display: none;
    }
    .nav-all .logo {
        width: 100%;
    }
    .logo a {
        width: 300px;
        margin: 0 auto;
    }
    .logo a img {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .nav-icon {
        display: block;
    }
    .search-icon {
        display: block;
    }
    /* logo、头部导航栏: end */

    /* banner: start */
    .banner {
        height: 160px;
    }
    /* banner: end */

    /* 底部: start */
    .footer-section1 {
        width: 100%;
        text-align: center;
    }
    .footer-section1 .address {
        margin-bottom: 10px;
    }
    .footer-section1 .phone {
        margin-bottom: 10px;
    }
    .footer-section1 .recordation {
        margin-bottom: 10px;
    }
    .footer-section2 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;

        width: 100%;
    }
    .footer-section2 .column-item {
        float: none;
        margin-right: 0px;
    }
    /* 底部: end */
}

/* iPad(768);Glaxy Fold(653);Pixel2(横屏731)*/
@media(max-width: 768px){
    .container {
        width: 510px;  /*因为当缩减到540时，padding为0px 15px；540-15*2 = 510，刚好拼接起来，不发生跳动*/
    }
    /* banner: start */
    .banner {
        height: 150px;
    }
    /* banner: end */
}

/* Surface Duo(540) */
@media(max-width: 540px){
    .container {
        width: 100%;
        padding: 0px 15px;
    }

    /* logo、头部导航栏: start */
    .logo a {
        height: 55px;
        width: 224px;
    }
    /* logo、头部导航栏: end */

    /* 移动端搜索框: start */
    .search-form-mobile {
        top: 89px;
    }
    /* 移动端搜索框: end */

    /* 移动端导航栏: start */
    .nav-mobile {
        top: 89px;
    }
    /* 移动端导航栏: end */

    /* 蒙版: start */
    .nav-mobile-masking {
        top: 89px;
    }
    /* 蒙版: end */

    /* banner: start */
    .banner {
        height: 120px;
    }
    /* banner: end */

}

/* iPhone 6/7/8 Plus(414) */
@media(max-width: 450px){
     /* logo、头部导航栏: start */
     .logo a {
        height: 50px;
    }
    /* logo、头部导航栏: end */

    /* 移动端搜索框: start */
    .search-form-mobile {
        top: 84px;
    }
    /* 移动端搜索框: end */

    /* 移动端导航栏: start */
    .nav-mobile {
        top: 84px;
    }
    /* 移动端导航栏: end */

    /* 蒙版: start */
    .nav-mobile-masking {
        top: 84px;
    }
    /* 蒙版: end */

    /* 底部: start */
    .footer-section1 .recordation span {
        display: block;
        width: 100%;
        margin-right: 0px;
    }
    .footer-section1 .recordation .a {
        width: 100%;
    }
    .footer-section2 {
        justify-content: center;
    }
    .footer-section2 .column-item {
        margin-bottom: 20px;
    }
    .footer-section2 .column-item .title {
        text-align: center;
    }
    /* 底部: end */
}

/* iphone6,7,8(375)；iphoneX(375) */
@media(max-width: 375px){
    /* logo、头部导航栏: start */
    .logo a {
        height: 40px;
        width: 170px;
    }
    /* logo、头部导航栏: end */

    /* 移动端搜索框: start */
    .search-form-mobile {
        top: 74px;
    }
    /* 移动端搜索框: end */

    /* 移动端导航栏: start */
    .nav-mobile {
        top: 74px;
    }
    /* 移动端导航栏: end */

    /* 蒙版: start */
    .nav-mobile-masking {
        top: 74px;
    }
    /* 蒙版: end */

    /* banner: start */
    .banner {
        height: 100px;
    }
    /* banner: end */
    
}

/* iPhone5/SE(320) */
@media(max-width: 320px){
    /* banner: start */
    .banner {
        height: 80px;
    }
    /* banner: end */

    /* 底部: start */
    .footer-section2 .column-item {
        width: 90%;
    }
    /* 底部: end */
    
}
