@charset "utf-8";

/* CSS Document */
.pagination {
    font-size: 0px;
    margin-right: -5px;
    padding-top: 15px;
    text-align: center;
}

.pagination ul li {
    float: left;
}

.pagination a {
    font-size: 12px;
    color: #ccc;
    display: inline-block;
    _display: inline;
    padding: 0 7px;
    border: 1px solid #ddd;
    margin-right: 5px;
    line-height: 26px;
}

.pagination a.prev,
.pagination a.next {
    padding: 0 15px;
}

.pagination a:hover,
.pagination a.cur,
.pagination a.active,
.pagination li.active a,
.pagination li.active a:hover {
    background: #0066a5;
    font-weight: bold;
    color: #fff;
    border: 1px solid #0066a5;
}

/* 人才招聘 */
#spred {
    color: #F00;
}

.joinus_tb {
    border: 1px solid #E2E2E2;
    border-width: 0 0 1px 1px;
}

.joinus_tb tr td {
    padding: 5px;
    border: 1px solid #E2E2E2;
    border-width: 1px 1px 0 0;
}

.joinus_tb .feedback_input {
    width: 260px;
    height: 18px;
    padding: 5px;
    line-height: 18px;
    color: #666;
    border: 1px solid #dddddd;
    box-shadow: 2px 2px 2px #f4f4f4 inset;
    background: #fff;
}

.joinus_tb .error {
    width: 260px;
    height: 18px;
    padding: 5px;
    line-height: 18px;
    color: #666;
    border: 1px solid #D70128;
    box-shadow: 2px 2px 2px #f4f4f4 inset;
    background: #fff;
}

.hr-sub {
    width: 88px;
    height: 26px;
    background: url(../../images/sub-btn.jpg) no-repeat center;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    color: #3b3b3b;
}

@charset "utf-8";

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/*Html5*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

/*Base*/
html {
    font: 12px/1.8 "微软雅黑", "\5b8b\4f53", Arial, sans-serif;
    color: #666;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    /*修正手持设备字体变化*/
}

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    background: transparent;
    /*修正win8系统IE连接灰色背景*/
    outline: none;
    blr: expression(this.onFocus=this.blur());
}

a:focus {
    outline: 0;
}

a:active,
a:hover {
    outline: 0;
    /*transition:text-shadow 500ms ease-in 0ms, color 500ms ease-in 0ms;*/
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    outline: none;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input.submit {
    border: 0;
    margin: 0;
    cursor: pointer;
}

input.radio {
    width: 13px;
    height: 13px;
    float: left;
    display: inline;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul,
ol {
    list-style: none;
    float: left;
}

li {
    list-style: none;
    float: left;
}

i,
em {
    font-style: normal;
}

/*清除浮动*/
.clear {
    clear: both;
}

.f-cb {
    zoom: 1;
}

.f-cb:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/*字体*/
.ari {
    font-family: "Arial";
}

/*字号*/
.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f22 {
    font-size: 22px;
}

.f24 {
    font-size: 24px;
}

.bold {
    font-weight: bold;
}

.por {
    position: relative;
}

.poa {
    position: absolute;
}

.poa-f {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.ovh {
    overflow: hidden;
}

.noselect {
    user-select: none;
}

.z1 {
    z-index: 1;
}

.z2 {
    z-index: 2;
}

.dn {
    display: none;
}

.w-f {
    width: 100%;
}

.h-f {
    height: 100%;
}

.fwn {
    font-weight: normal;
}

.t-f {
    transition: all 0.5s ease 0s;
}

.t-c {
    transition: color 0.5s ease 0s;
}

.t-bg {
    transition: background 0.5s ease 0s;
}

@charset "utf-8";

/* CSS Document */
a {
    color: #666;
    transition: all 0.3s ease 0s;
}

li {
    /*transition: all 0.3s ease 0s;*/
}

.bgsize {
    background-size: cover !important;
}

.d-f-i {
    position: fixed;
    width: 300px;
    height: 197px;
    overflow: hidden;
    right: 0;
    top: 150px;
    z-index: 20;
}

.d-f-i a {
    display: block;
}

.wrap {
    padding: 0 6%;
    width: 88%;
    /*transition: all 0.3s ease 0s;*/
}

.pbox::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.pbox::scrollbar {
    width: 4px;
    height: 1px;
}

.dj1-wrap .right-words p *,
.dj1-wrap .right-words p {
    white-space: normal !important;
}

.contact-wrap .map img {
    max-width: none;
}

.pbox::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #535353;
}

.pbox::scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #535353;
}

.pbox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #EDEDED;
}

.pbox::scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #EDEDED;
}

.header {
    padding-top: 20px;
    position: relative;
    z-index: 20;
    height: 86px;
}

/*.header.owrap{
	padding-top: 44px;
	padding-bottom: 26px;
}
.header.twrap{
	padding-top: 34px;
	padding-bottom: 20px;
}*/
.header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 20;
}

.header.fixed.short {
    padding-top: 20px;
    /*height: 101px;*/
}

.header.fixed.short .nav ul {
    /*padding-bottom: 10px;*/
}

/*.header.twrap{
	padding-top: 20px;
	padding-bottom: 10px;
}*/

.header .left {
    width: 70%;
}

.header .right {
    width: 30%;
}

.header .logo {
    display: block;
    width: 206px;
    height: 37px;
}

.header .nav-ico {
    display: none;
    cursor: pointer;
    margin-right: 2.5%;
    height: 20px;
}

.header .nav-ico img {
    height: 100%;
}

.header .m-navwrap {
    display: none;
}



.header .nav {
    width: 100%;
    /*margin-top: 16px;*/
    line-height: 44px;
}

/*.header .nav ul{
	padding-bottom: 30px;
}*/
.header .nav li {
    /*padding-left: 20px;*/
    padding-right: 40px;
    /*padding-bottom: 12px;*/
    position: relative;
}

/*.header .nav li:hover,.header .nav li.hover{
	background: url(../img/bg_55.png) no-repeat center top;
}
.header.twrap .nav li:hover,.header.twrap .nav li.hover{
	background: url(../img/bg_56.png) no-repeat center top;
}
.header .nav li.home:hover,.header .nav li.home.hover{
	background: url(../img/bg_57.png) no-repeat center top;
}
.header.twrap .nav li.home:hover,.header.twrap .nav li.home.hover{
	background: url(../img/bg_58.png) no-repeat center top;
}*/
.header .nav li:hover,
.header .nav li.hover {
    color: #035cac;
}

.header .nav li .subbox {
    position: absolute;
    top: 44px;
    left: 0;
    width: 240px;
    display: none;
    border-top: 3px solid #035cac;
}

.header .nav li .subbox .top-line {
    display: block;
    width: 100%;
    height: 10px;
    background: url(../img/bg_54.png) no-repeat center top;
}

.header .nav li .subbox a {
    display: block;
    padding-left: 25px;
    width: 213px;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    font-size: 16px;
    color: #666;
    background-color: #fff;
}

.header .nav li:hover .subbox a,
.header .nav li.hover .subbox a {
    color: #666;
}

.header .nav li .subbox a.bot {
    border-bottom: none;
}

.header .nav li .subbox a:hover {
    color: #035cac;
}

.header.short .nav li {
    /*padding-bottom: 10px;*/
}

.header.short .nav li:hover,
.header.short .nav li.hover {
    /*padding-bottom: 8px;*/
}

.header.twrap .nav li {
    padding: 0 18px 12px 0;
}

.header .nav li a {
    color: #333;
    font-size: 16px;
}

.header .nav li:hover a,
.header .nav li.hover a {
    color: #035cac;
}

.header .sharebox {
    margin-top: 10px;
    width: 100%;
    /*height: 26px;*/
    font-size: 14px;
    position: relative;
}

.header .search-box-head {
    border: 1px solid #dbdbdb;
    border-radius: 14px;
    width: 238px;
}

.header .search-box-head .tex {
    width: 184px;
    margin-left: 11px;
    font-size: 14px;
    height: 15px;
    line-height: 14px;
    padding: 7px 0 6px;
    border: none;
}

.header .search-box-head .sub-btn {
    width: 36px;
    height: 28px;
    background: url(../img/ico_138.png) no-repeat center;
    margin-right: 4px;
    border: none;
}

.header .site-link-box .sub-box {
    width: 160px;
    background-color: #fff;
    position: absolute;
    top: 40px;
    right: -12px;
    padding: 21px 10px 18px 20px;
    box-shadow: 0 2px 15px 0 #dbdbdb;
    border-radius: 5px;
    display: none;
}

.header .site-link-box .sub-box .point {
    display: inline-block;
    width: 21px;
    height: 10px;
    background: url(../img/ico_137.png) no-repeat center;
    position: absolute;
    top: -10px;
    right: 28px;
}

.header .site-link-box .sub-box .line {
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 19px;
    background-color: #f2f2f2;
    top: 0;
}

.header .site-link-box {
    /*padding-bottom: 14px;*/
    position: relative;
}

.header .site-link-box .sub-box a {
    float: none;
    transition: all 0.3s ease 0s;
    padding-left: 9px;
    border-left: 2px solid #fff;
    line-height: 20px;
    display: inline-block;
}

.header .site-link-box .sub-box p {
    line-height: 20px;
    padding: 5px 0;
    transition: all 0.3s ease 0s;
}

.header .site-link-box .sub-box p:hover a {
    color: #035cac;
    border-left: 2px solid #035cac;
}

.header .sharebox .link {
    float: right;
    margin: 0 0 0 20px;
    display: block;
    /*width: 26px;*/
    height: 26px;
    padding: 0;
    color: #333;
}

.header .sharebox .link:hover {
    color: #035cac;
}

.header .sharebox .sina {
    background: url(../img/ico_109.png) no-repeat center;
}

.header .sharebox .wei {
    background: url(../img/ico_108.png) no-repeat center;
    position: relative;
}

.header .sharebox .sina:hover {
    background: url(../img/ico_02.png) no-repeat center;
}

.header .sharebox .wei:hover {
    background: url(../img/ico_01.png) no-repeat center;
}

.header .sharebox .wei img {
    position: absolute;
    left: -100px;
    top: 100%;
    width: 200px;
    display: none;
}

.header .s-nav {
    width: 100%;
    /*margin-top: 22px;*/
    line-height: 32px;
    /*height: 36px;*/
}

.header .s-nav a {
    float: right;
    /*color: #333;*/
    /*line-height: 36px;*/
    font-size: 12px;
}

.header .s-nav a.en {
    font-family: "Arial";
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.header .s-nav a:hover {
    color: #035cac;
}

.header .s-nav .line {
    display: inline-block;
    float: right;
    color: #e5e5e5;
    width: 32px;
    text-align: center;
}

.header.twrap .s-nav .line {
    width: 14px;
}

.header .s-nav a.search-btn {
    display: inline-block;
    width: 18px;
    height: 17px;
    background: url(../img/ico_114.png) no-repeat center;
    margin-top: 10px;
}

.search-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background-color: #000;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    display: none;
}

.searchbox {
    width: 50%;
    position: fixed;
    top: 169px;
    left: 50%;
    margin-left: -25%;
    height: 68px;
    border: 1px solid #535353;
    z-index: 51;
    display: none;
}

.m-search-box {
    width: 93%;
    border: 1px solid #aaa;
    position: fixed;
    left: 3%;
    top: 100px;
    height: 40px;
    z-index: 51;
    display: none;
}

.searchbox input.tex {
    border: none;
    background: none;
    font-size: 36px;
    font-family: "Arial";
    color: #a7a7a7;
    height: 37px;
    line-height: 36px;
    padding: 16px 2% 15px;
    width: 80%;
}

.m-search-box input.tex {
    border: none;
    background: none;
    font-size: 12px;
    font-family: "Arial";
    color: #a7a7a7;
    height: 13px;
    line-height: 12px;
    padding: 14px 2% 13px;
    width: 80%;
}

.searchbox input.search-btn {
    border: none;
    width: 7%;
    margin-right: 1%;
    height: 68px;
    background: url(../img/ico_115.png) no-repeat center;
    background-size: 50% auto;
    min-width: 40px;
}

.m-search-box input.search-btn {
    border: none;
    width: 7%;
    margin-right: 1%;
    height: 40px;
    background: url(../img/ico_115.png) no-repeat center;
    background-size: 60% auto;
}

.close-search {
    display: block;
    width: 37px;
    height: 37px;
    background: url(../img/ico_116.png) no-repeat center;
    position: fixed;
    right: 3%;
    top: 50px;
    cursor: pointer;
    z-index: 51;
    display: none;
}

.m-close-search {
    display: block;
    width: 15px;
    height: 15px;
    background: url(../img/ico_116.png) no-repeat center;
    background-size: 100% auto;
    position: fixed;
    right: 4.6%;
    top: 60px;
    cursor: pointer;
    z-index: 51;
    display: none;
}

.m-searchbtn {
    width: 28px;
    height: 15px;
    background: url(../img/ico_117.png) no-repeat left center;
    background-size: auto 100%;
    border-right: 1px solid #ccc;
    margin-top: 16px;
    cursor: pointer;
    display: none;
}


/****************底部***************/
.footer.m-footer {
    display: block;
}

.footer.recruit-m-footer .footer-main {
    background-color: #045dac;
    padding-bottom: 0;
}

.recruit-m-footer .footer-main.m-wrap dd:last-child {
    border-bottom: 1px solid #1e6eb4;
}

.recruit-m-footer .footer-main.m-wrap dt {
    border-bottom: 1px solid #1e6eb4;
}

.recruit-m-footer .footer-main dd a {
    color: #a4bad8;
}

.footer.m-footer.recruit-m-footer .m-botwrap {
    background-color: #045dac;
}

.footer.m-footer.recruit-m-footer .m-botwrap .botbox p {
    color: #dde5f0;
}

.footer.m-footer.recruit-m-footer .m-botwrap .botlink a {
    color: #dde5f0;
}

.footer.m-footer.recruit-m-footer .m-botwrap .botlink .line {
    color: #1e6eb4;
    width: 24px;
}

.footer-main {
    padding-top: 65px;
    padding-bottom: 75px;
    background-color: #f7f7f7;
}

.footer-main .wx-link {
    display: none;
}

.footer-main .m-search-box {
    display: none;
}

.footer-main.m-wrap .m-search-box {
    margin-top: 18px;
    width: 99%;
    border: 1px solid #393939;
    height: 30px;
    margin-bottom: 15px;
}

.footer-main.m-wrap .m-search-box .tex {
    width: 81%;
    height: 15px;
    line-height: 14px;
    font-size: 14px;
    color: #fff;
    padding: 8px 4% 7px;
    background: none;
    border: none;
}

.footer-main.m-wrap .m-search-box .sub-btn {
    border: none;
    width: 10%;
    height: 30px;
    background: url(../img/ico_15.png) no-repeat center;
    background-size: auto 35%;
}

.footer-main.m-wrap .wx-link {
    /*display: inline-block;*/
    padding-left: 28px;
    line-height: 18px;
    height: 18px;
    color: #fff;
    background: url(../img/ico_26.png) no-repeat left center;
    background-size: auto 100%;
}

.footer-main dl {
    float: left;
    /*margin-right: 18%;*/
    /*margin-right: 11%;*/
    margin-right: 10%;
    transition: all 0.5s ease 0s;
    margin-bottom: 15px;
}

.footer-main.twrap dl {
    margin-right: 6%;
}

.footer-main.m-wrap .left-wrap {
    width: 100%;
}

.footer-main.m-wrap dl {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}

.footer-main dt {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
}

.footer-main.m-wrap dt {
    line-height: 38px;
    border-bottom: 1px solid #393939;
    color: #fff;
    /*background: url(../img/ico_25.png) no-repeat 96% center;
    background-size: auto 40%;*/
    cursor: pointer;
}

.footer-main.m-wrap dt.hover {
    /*background: url(../img/ico_27.png) no-repeat 96% center;
    background-size: auto 40%;*/
}

.footer-main dt a {
    color: #fff;
    display: block;
}

.footer-main dt a:hover {
    color: #fff;
}

.footer-main.m-wrap dd {
    display: none;
}

.footer-main.m-wrap dd:last-child {
    border-bottom: 1px solid #393939;
    padding-bottom: 6px;
}

.footer-main dd a {
    color: #fff;
    line-height: 29px;
    font-size: 14px;
}

.footer-main.m-wrap dd a {
    font-size: 12px;
    display: block;
}

.footer-main dd a:hover {
    color: #fff;
}

.footer-main .right {

    width: 30%;
    /*width: 24%;*/
    padding-top: 9px;
    display: flex;
}

.footer-main.m-wrap .right {
    /*display: none;*/
}

.footer-main.m-wrap .searchbox {
    display: block;
}

.footer-main .searchbox {
    width: 99%;
    height: 40px;
    border: 1px solid #393939;
    margin-bottom: 30px;
}

.footer-main .searchbox .tex {
    border: none;
    background: none;
    width: 81%;
    height: 15px;
    font-size: 14px;
    line-height: 14px;
    padding: 13px 3% 12px 3%;
    color: #fff;
}

.footer-main .searchbox .butn {
    border: none;
    width: 13%;
    height: 40px;
    background: url(../img/ico_15.png) no-repeat center;
    background-size: auto 40%;
}

.footer-main .wxbox {
    width: 50%;
    margin-left: 7%;
}

.footer-main .wxbox img {
    width: 100%;
}

.footer-main .wxbox p {
    text-align: center;
    line-height: 32px;
    /*color: #fff;*/
}

.footer-main .left-wrap {
    /*width: 42%;*/
    width: 70%;
    /*width: 76%;*/
}

.footer .secbox {
    height: 28px;
    line-height: 28px;
    padding-top: 11px;
    padding-bottom: 11px;
    background-color: #000;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .secbox a {
    color: #666;
}

.footer .secbox a:hover {
    color: #333;
}

.footer .secbox .left a {
    float: left;
}

.footer .secbox .line {
    display: inline-block;
    width: 22px;
    text-align: center;
    color: #333;
}

.footer .secbox .left .line {
    float: left;
}

.footer .secbox .right a {
    float: right;
}

.footer .secbox .right .line {
    float: right;
}

.footer .thibox {
    padding-top: 15px;
    padding-bottom: 18px;
    background-color: #eeeeee;
    color: #666666;
    line-height: 35px;
    font-size: 13px;
}

.footer .thibox .link {
    width: 240px;
    position: relative;
}

.footer .thibox.twrap .link {
    width: 186px;
}

.footer .thibox .tit {
    display: block;
    width: 238px;
    height: 33px;
    border: 1px solid #fff;
    line-height: 33px;
    text-align: center;
    color: #fff;
    background: url(../img/ico_16.png) no-repeat 160px center;
    cursor: pointer;
}

.footer .thibox.twrap .tit {
    width: 186px;
    background: url(../img/ico_16.png) no-repeat 160px center;
}

.footer .thibox .link:hover .tit {
    background: url(../img/ico_17.png) no-repeat 160px center;
}

.footer .thibox .subbox {
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 238px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background-color: #055994;
    z-index: 2;
    display: none;
    transition: normal;
}

.footer .thibox.twrap .subbox {
    width: 186px;
}

.footer .thibox .subbox ul {
    width: 100%;
}

.footer .thibox .subbox li {
    position: relative;
    width: 100%;
    border-top: 1px solid #fff;
}

.footer .thibox .subbox a {
    display: block;
    width: 100%;
    line-height: 33px;
    text-align: center;
    color: #fff;

}

.footer .thibox .subbox a.tt {
    margin-left: -6px;
    padding-right: 6px;
    position: relative;
    z-index: 2;
}

.footer .thibox .subbox li:hover a.tt {
    background: url(../img/bg_52.png) no-repeat left center;
}

.footer .thibox .second-level {
    width: 238px;
    position: absolute;
    bottom: 0;
    left: -240px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: none;
    z-index: 1;
}

.footer .thibox .second-level a {
    display: block;
    width: 100%;
    line-height: 33px;
    text-align: center;
    color: #fff;
    background-color: #055994;
    border-top: 1px solid #fff;
}

.footer .thibox .second-level a:hover {
    /*background-color: #333;*/
}

.footer .m-botwrap {
    display: none;
}

.footer.m-footer .secbox,
.footer.m-footer .thibox {
    /*display: none;*/
}

.footer.m-footer .m-botwrap {
    display: block;
    background-color: #000;
    padding-bottom: 25px;
}

.footer.m-footer .m-botwrap .topbox {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 12px;
    line-height: 25px;
    text-align: center;
    border-bottom: 1px solid #1a1a1a;
}

.footer.m-footer .m-botwrap .topbox .line {
    display: inline-block;
    width: 8px;
    text-align: center;
    color: #333;
}

.footer.m-footer .m-botwrap .topbox a {
    color: #b0b0b0;
}

.footer.m-footer .m-botwrap .botbox {
    padding-top: 10px;
}

.footer.m-footer .m-botwrap .botbox p {
    line-height: 27px;
    text-align: center;
    color: #b0b0b0;
}

.footer.m-footer .m-botwrap .botlink {
    width: 100%;
    text-align: center;
    line-height: 27px;
}

.footer.m-footer .m-botwrap .botlink a {
    color: #b0b0b0;
}

.footer.m-footer .m-botwrap .botlink .line {
    display: inline-block;
    width: 8px;
    text-align: center;
    color: #333;
}

.footer.m-footer .bot-linkbox {
    width: 41%;
    height: 24px;
    border: 1px solid #333;
    margin: 10px auto 0;
    position: relative;
    display: none;
}

.footer.m-footer .bot-linkbox .tt {
    display: block;
    width: 100%;
    line-height: 24px;
    color: #b0b0b0;
    text-align: center;
    background: url(../img/ico_16.png) no-repeat 90% center;
    background-size: auto 28%;
    cursor: pointer;
}

.footer.m-footer .bot-linkbox .tt.hover {
    background: url(../img/ico_17.png) no-repeat 90% center;
    background-size: auto 28%;
}

.footer.m-footer .bot-linkbox .subbox {
    position: absolute;
    bottom: 26px;
    width: 99%;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    background-color: #000;
    display: none;
    transition: normal;
}

.footer.m-footer .bot-linkbox .subbox a {
    width: 100%;
    display: block;
    height: 24px;
    line-height: 24px;
    border-top: 1px solid #333;
    text-align: center;
    color: #b0b0b0;
    transition: normal;
}

/**************首页**************/
.banner {
    width: 100%;
    position: relative;
    display: inline-block;
    background: url(../../img/loading.gif) no-repeat center;
}

.banner.margin {
    top: 106px;
    margin-bottom: 100px;
    z-index: 2;
}

.banner img {
    width: 100%;
    display: block;
}

.banner ul {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.banner li {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.banner .btnbox {
    position: absolute;
    left: 50%;
    bottom: 29px;
}

.banner .btnbox span {
    display: block;
    width: 13px;
    height: 13px;
    background: url(../img/ico_03.png) no-repeat center;
    float: left;
    cursor: pointer;
    margin-left: 11px;
}

.banner .btnbox span.on {
    background: url(../img/ico_04.png) no-repeat center;
}

.banner .i-ban-hei {
    margin-top: 35.4%;
    width: 100%;
    height: 0;
}

.m-banner {
    display: none;
    width: 100%;
    position: relative;
    background: url(../../img/loading.gif) no-repeat center;
    cursor: grab;
}

.m-banner img {
    width: 100%;
    float: left;
}

.m-banner li {
    width: 100%;
}

.m-banner .pagination {
    position: absolute;
    bottom: 5%;
    left: 50%;
    z-index: 2;
}

.m-banner .pagination span {
    display: block;
    width: 6px;
    height: 6px;
    margin-left: 4px;
    background: url(../img/ico_03.png) no-repeat center;
    background-size: auto 100%;
    float: left;
    margin-right: 0;
}

.m-banner .pagination span.swiper-pagination-bullet-active {
    background: url(../img/ico_04.png) no-repeat center;
    background-size: auto 100%;
}

.i-wrap1 {
    /*margin-top: 30px;*/
    position: relative;
    overflow: hidden;
}

.i-wrap1 ul {
    width: 100%;
}

.i-wrap1 li {
    width: 33%;
    position: relative;
    overflow: hidden;
    margin-right: 1px;
}

.i-wrap1 li a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.i-wrap1 li img {
    width: 100%;
    float: left;
}

.i-wrap1 li .upbox {
    background: url(../img/bg_01.png) repeat center;
    width: 82%;
    padding: 9%;
    position: absolute;
    left: 0;
    top: 0;
    height: 82%;
    display: none;
}

.i-wrap1 li .more {
    display: inline-block;
    padding-right: 34px;
    background: url(../img/ico_05.png) no-repeat right center;
    margin-top: 10%;
    line-height: 26px;
    height: 26px;
    color: #fff;
}

.i-wrap1 li .f24 {
    font-style: italic;
    width: 100%;
    display: block;
    color: #fff;
    line-height: 36px;
}

.i-wrap1.twrap li .f24 {
    font-size: 18px;
}

.i-wrap1 li .word {
    display: block;
    width: 100%;
    color: #bacbe1;
    margin-top: 7.7%;
    line-height: 24px;
}

.i-wrap1.m-wrap {
    display: none;
}

.i-wrap2 {
    /*margin-top: 30px;*/
}

.i-wrap2.i-mwrap {
    display: none;
}

.i-wrap2 .navbox {
    background-color: #fff;
    height: 80px;
    position: relative;
    z-index: 1;
}

.i-wrap2 .navbox.m-wrap {
    display: none;
}

.i-wrap2 .navbox ul {
    width: 100%;
}

.i-wrap2 .navbox li {
    width: 16.6%;
    text-align: center;
    height: 80px;
    color: #555;
    font-size: 18px;
    cursor: pointer;
    transition: normal 0s ease 0s;
}

.i-wrap2 .navbox.twrap li {
    font-size: 16px;
}

.i-wrap2 .navbox li:hover {
    background: url(../img/bg_59.png) no-repeat center top;
    padding-bottom: 9px;
    margin-bottom: -9px;
}

.i-wrap2 .navbox li.hover {
    background: url(../img/bg_02.png) no-repeat center top;
    padding-bottom: 9px;
    margin-bottom: -9px;
}

.i-wrap2 .navbox li:hover .tt,
.i-wrap2 .navbox li.hover .tt {
    color: #fff;
}

.i-wrap2 .navbox li:hover .ico,
.i-wrap2 .navbox li.hover .ico {
    background-position: center bottom !important;
}

.i-wrap2 .navbox .ico {
    display: inline-block;
    width: 21px;
    height: 80px;
    margin-right: 3.5%;
    transition: normal;
    background-position: center top !important;
}

/*.i-wrap2 .navbox .ico1{

}
.i-wrap2 .navbox .ico2{
	background: url(../img/ico_07.png) no-repeat center top;
}
.i-wrap2 .navbox .ico3{
	background: url(../img/ico_08.png) no-repeat center top;
}
.i-wrap2 .navbox .ico4{
	background: url(../img/ico_09.png) no-repeat center top;
}
.i-wrap2 .navbox .ico5{
	background: url(../img/ico_10.png) no-repeat center top;
}
.i-wrap2 .navbox .ico6{
	background: url(../img/ico_11.png) no-repeat center top;
}*/
.i-wrap2 .navbox li .tt {
    line-height: 24px;
    display: inline-block;
    vertical-align: 34px;
    transition: normal;
}

.i-wrap2 .contwrap {
    /*height: 395px;*/
    background: url(../img/bg_03.jpg) no-repeat center #f4f4f4;
    position: relative;
    z-index: 0;
    padding-bottom: 12px;
}

.i-wrap2 .contwrap.m-wrap {
    display: none;
}

.i-wrap2 .contwrap .leftbox {
    width: 50%;
    margin-left: 3.3%;
    margin-top: 12px;
}

.i-wrap2 .contwrap .f42 {
    line-height: 42px;
    /*margin-top: 18px;*/
    color: #035cac;
    font-size: 28px;
    display: block;
}

.i-wrap2 .contwrap .f24 {
    font-size: 28px;
}

.i-wrap2 .contwrap.twrap .f42 {
    font-size: 28px;
    line-height: 47px;
}

.i-wrap2 .contwrap.twrap .leftbox {
    margin-top: 60px;
}

.i-wrap2 .contwrap.twrap .f24 {
    font-size: 18px;
    line-height: 24px;
}

.i-wrap2 .contwrap.twrap .i-wrap2 .contwrap .f24 {
    line-height: 41px;
    display: block;
    width: 100%;
}

.i-wrap2 .contwrap .line {
    display: block;
    width: 80px;
    height: 3px;
    margin-top: 20px;
    margin-bottom: 32px;
    background-color: #c3c3c3;
}

.i-wrap2 .contwrap .word {
    display: block;
    line-height: 26px;
    margin-bottom: 49px;
    width: 79%;
    font-size: 14px;
    margin-top: 10px;
}

.i-wrap2 .contwrap .word .more {
    color: #035cac;
    font-size: 16px;
    line-height: 30px;
}

.i-wrap2 .leftbox a.butn {
    display: block;
    width: 141px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    float: left;
}

.i-wrap2 .leftbox a.red {
    background-color: #e6101a;
    margin-right: 20px;
}

.i-wrap2 .leftbox a.blue {
    background-color: #035cac;
}

.i-wrap2 .contwrap img {
    margin-top: 10px;
    width: 44%;
}

.i-wrap3 {
    width: 100%;
    position: relative;
    background-color: #fff;
}

/*.i-wrap3.owrap{
	padding-bottom: 120px;
}
.i-wrap3.twrap{
	padding-bottom: 200px;
}*/
.i-wrap3.i-mwrap {
    display: none;
}

.i-wrap3 .bg {
    width: 100%;
}

.i-wrap3 .contwrap {
    position: absolute;
    left: 0;
    top: 0;
    transition: normal;
}

.i-wrap3 .contwrap .tit {
    width: 100%;
    height: 107px;
}

.i-wrap3 .contwrap .f48 {
    font-size: 48px;
    color: #035cac;
    line-height: 107px;
}

.i-wrap3 .contwrap.owrap .tit,
.i-wrap3 .contwrap.twrap .tit {
    height: 60px;
}

.i-wrap3 .contwrap.owrap .f48,
.i-wrap3 .contwrap.twrap .f48 {
    font-size: 30px;
    line-height: 60px;
}

.i-wrap4 .contwrap.owrap .left .f48,
.i-wrap4 .contwrap.twrap .left .f48 {
    font-size: 30px;
}

.i-wrap3 .contwrap.owrap .access,
.i-wrap3 .contwrap.twrap .access {
    margin-top: 10px;
    font-size: 20px;
}

.i-wrap3 .contwrap .access {
    display: inline-block;
    line-height: 40px;
    color: #b8c8e0;
    font-size: 24px;
    margin-top: 45px;
}

.i-wrap3 .vid-box {
    width: 100%;
    position: relative;
}

.i-wrap3 .vid-box .upbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    height: 350px;
    z-index: 2;
}

.i-wrap3 .vid-box .upbox.uop {
    opacity: 0;
    filter: Alpha(opacity=0);
}

.i-wrap3 .vid-box .obj-box {
    width: 100%;
    position: relative;
    ;
    height: 100%;
    z-index: 1;
}

.i-wrap3 .vid-box .obj-box.uop {
    z-index: 3;
}

.i-wrap3 .vid-box .obj-box .obj {
    height: 100%;
    width: 86%;
    margin: 0 auto;
}

.i-wrap3 .vid-box .obj-box .close {
    display: block;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: 44%;
    background: url(../img/ico_131.jpg) no-repeat left center;
    width: 46px;
    height: 46px;
}

.i-wrap3 .vid-box .obj-box .close:hover {
    background: url(../img/ico_131.jpg) no-repeat right center;
}

.i-wrap3 .vid-box .upbox img {
    /*width: 100%;*/
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.i-wrap3 .vid-box .upbox:hover img {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}

.i-wrap3 .vid-box .upbox .ico {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 40%;
    background: url(../img/ico_12.png) no-repeat center;
}

.i-wrap3 .twrap .vid-box .upbox .ico {
    width: 35px;
    height: 35px;
    background: url(../img/ico_12.png) no-repeat center;
    background-size: auto 100%;
    top: 43%;
    margin-left: -18px;
}

.i-wrap3 .vid-box .upbox p {
    width: 100%;
    text-align: center;
    line-height: 38px;
    position: absolute;
    left: 0;
    top: 53%;
    font-size: 24px;
    color: #fff;
}

.i-wrap3 .twrap .vid-box .upbox p {
    top: 55%;
    font-size: 18px;
}

.i-wrap4 {
    width: 100%;
    position: relative;
    background: url(../img/bg_04.jpg) no-repeat center #f5f5f5;
    /*height: 420px;*/
    padding-bottom: 12px;
}

.i-wrap4.i-mwrap {
    display: none;
}

.i-wrap4 .bg {
    width: 100%;
}

.i-wrap4 .contwrap {
    /*position: absolute;
    top: 26%;
    left: 0;*/
    padding-top: 28px;
    /*padding-bottom: 30px;*/
}

.i-wrap4 .contwrap.twrap {
    top: 9%;
}

.i-wrap4 .tit-box .more {
    color: #b8c8e0;
    display: inline-block;
    font-size: 24px;
    line-height: 40px;
    margin-top: 26px;
}

.i-wrap4 .left {
    width: 24%;
}

.i-wrap4 .owrap .left .f48,
.i-wrap4 .twrap .left .f48 {
    line-height: 42px;
}

.i-wrap4 .owrap .tit-box .more,
.i-wrap4 .twrap .tit-box .more {
    margin-top: 6px;
    font-size: 20px;
}

.i-wrap4 .left .f48 {
    font-size: 48px;
    line-height: 80px;
    display: block;
    width: 100%;
    color: #035cac;
}

.i-wrap4 .left .f48 a {
    color: #035cac;
}

.i-wrap4 .twrap .left .f48 {
    font-size: 36px;
    line-height: 44px;
}

.i-wrap4 .twrap .left .f36 {
    font-size: 21px;
    line-height: 32px;
}

.i-wrap4 .left .f36 {
    font-size: 36px;
    line-height: 52px;
    color: #888;
    display: block;
    text-transform: uppercase;
}

.i-wrap4 .left .line {
    display: block;
    width: 80px;
    height: 3px;
    background-color: #e5e5e5;
    margin-top: 4%;
}

.i-wrap4 .left .more {
    display: inline-block;
    padding-right: 46px;
    line-height: 32px;
    font-size: 18px;
    color: #333;
    margin-top: 22px;
    background: url(../img/bg_60.png) no-repeat right top;
}

.i-wrap4 .left .more:hover {
    background: url(../img/bg_61.png) no-repeat right bottom;
    color: #035cac;
}

.i-wrap4 ul {
    width: 109.6%;
}

.i-wrap4 li {
    width: 21%;
    margin-right: 12%;
}

.i-wrap4 li .f16 {
    line-height: 22px;
    display: block;
    height: 22px;
    overflow: hidden;
    margin-top: 21px;
}

.i-wrap4 li .f16 a {
    color: #000;
}

.i-wrap4 li .f16 a:hover {
    color: #035cac;
}

.i-wrap4 li .date {
    display: block;
    line-height: 16px;
    margin-top: 6px;
    color: #8a8a8a;
    font-family: "Arial";
    font-size: 14px;
}

.i-wrap4 li .word {
    display: block;
    line-height: 24px;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 13px;
    max-height: 204px;
    overflow: hidden;
}

.i-wrap4 li .word a:hover {
    color: #035cac;
}

.i-wrap4 li .more {
    display: block;
    width: 25px;
    height: 25px;
    margin-top: 37px;
    background: url(../img/ico_13.png) no-repeat center;
}

/*.i-wrap4 .linkico{
	display: block;
	width: 27px;
	height: 49px;
	background: url(../img/ico_14.png) no-repeat center;
	position: absolute;
	right: 6%;
	top: 50%;
	margin-top: -25px;
}*/
.i-wrap4 .scroll {
    width: 100%;
    position: relative;
    margin-top: 18px;
}

.i-wrap4 .scroll .butn {
    display: inline-block;
    width: 18px;
    height: 33px;
    position: absolute;
    top: 50%;
    margin-top: -58px;
    cursor: pointer;
}

.i-wrap4 .scroll .prev {
    background: url(../img/ico_136.png) no-repeat center;
    left: 0;
}

.i-wrap4 .scroll .next {
    background: url(../img/ico_135.png) no-repeat center;
    right: 0;
}

.i-wrap4 .center-list {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.i-wrap4 .center-list li {
    width: 28.6%;
    margin-right: 2.6%;
}

.i-wrap4 .owrap .center-list li {
    width: 28.6%;
    margin-right: 4.6%;
}

.i-wrap4 .twrap .center-list li {
    width: 28.6%;
    margin-right: 4.6%;
}

.i-wrap4 .center-list .img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.i-wrap4 .center-list .img img {
    display: block;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}

.i-wrap4 .center-list .img:hover img {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}

.i-m-wrap {
    display: none;
}

.i-m-wrap .wrap-fir {
    margin-top: 15px;
    padding-bottom: 7px;
}

.i-m-wrap .wrap-fir ul {
    width: 100%;
}

.i-m-wrap .wrap-fir li {
    width: 100%;
    margin-bottom: 5px;
}

.i-m-wrap .wrap-fir li a {
    display: block;
    width: 100%;
}

.i-m-wrap .wrap-fir li .img {
    display: block;
    width: 100%;
}

.i-m-wrap .wrap-fir li img {
    width: 100%;
}

.i-m-wrap .wrap-fir li p {
    text-align: center;
    line-height: 30px;
    color: #666;
}

.i-m-wrap .wrap-sec {
    padding-top: 20px;
    background-color: #f5f5f5;
    padding-bottom: 5px;
}

.i-m-wrap .wrap-sec ul {
    width: 100%;
}

.i-m-wrap .wrap-sec li {
    width: 31%;
    margin-right: 3.5%;
    line-height: 22px;
    margin-bottom: 15px;
    text-align: center;
}

.i-m-wrap .wrap-sec li.right {
    margin-right: 0;
}

.i-m-wrap .wrap-sec li a {
    color: #333;
    display: block;
    padding-top: 43px;
    padding-bottom: 11px;
    width: 100%;
}

.i-m-wrap .wrap-sec .li1 {
    background: url(../img/ico_19.jpg) no-repeat center 30% #fff;
    background-size: auto 30%;
}

.i-m-wrap .wrap-sec .li2 {
    background: url(../img/ico_20.jpg) no-repeat center 30% #fff;
    background-size: auto 30%;
}

.i-m-wrap .wrap-sec .li3 {
    background: url(../img/ico_21.jpg) no-repeat center 30% #fff;
    background-size: auto 30%;
}

.i-m-wrap .wrap-sec .li4 {
    background: url(../img/ico_22.jpg) no-repeat center 30% #fff;
    background-size: auto 30%;
}

.i-m-wrap .wrap-sec .li5 {
    background: url(../img/ico_23.jpg) no-repeat center 30% #fff;
    background-size: auto 30%;
}

.i-m-wrap .wrap-sec .li6 {
    background: url(../img/ico_24.jpg) no-repeat center 30% #fff;
    background-size: auto 30%;
}

.i-m-wrap .wrap-thi {
    background: url(../img/img_09.png) no-repeat center 16% #035cac;
    background-size: 100% auto;
    padding-top: 10px;
    padding-bottom: 34px;
}

.i-m-wrap .wrap-thi .tit {
    display: block;
    line-height: 37px;
    height: 37px;
    width: 100%;
}

.i-m-wrap .wrap-thi .tit .f18 {
    color: #fff;
}

.i-m-wrap .wrap-thi .tit .link {
    display: inline-block;
    color: #a4b9d8;
}

.i-m-wrap .wrap-thi .video-box {
    width: 100%;
    position: relative;
    /*padding-bottom: 14px;*/
}

.i-m-wrap .wrap-thi li {
    position: relative;
    transiton: normal;
}

.i-m-wrap .wrap-thi video {
    width: 100%;
    height: 100%;
}

.i-m-wrap .wrap-thi .up-box {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.i-m-wrap .wrap-thi .up-box img {
    width: 100%;
}

.i-m-wrap .wrap-thi .up-box .ico {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/ico_12.png) no-repeat center;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -30px;
    position: absolute;
    z-index: 3;
}

.i-m-wrap .wrap-thi .up-box p {
    line-height: 22px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 3;
}

.i-m-wrap .wrap-thi .v-pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 4px;
}

.i-m-wrap .wrap-thi .v-pagination span {
    display: block;
    width: 8px;
    height: 4px;
    background-color: #81aed6;
    border-radius: 3px;
    margin-left: 4px;
    float: left;
}

.i-m-wrap .wrap-thi .v-pagination .swiper-pagination-bullet-active {
    width: 13px;
    background-color: #fff;
}

.i-m-wrap .wrap-fou {
    padding-top: 15px;
    padding-bottom: 15px;
    background: url(../img/img_10.png) no-repeat center 30%;
    background-size: 100% auto;
}

.i-m-wrap .wrap-fou .left {
    width: 36%;
}

.i-m-wrap .wrap-fou .f18 {
    line-height: 28px;
    color: #035cac;
}

.i-m-wrap .wrap-fou .en {
    color: #888;
    line-height: 19px;
    text-transform: uppercase;
}

.i-m-wrap .wrap-fou .line {
    background-color: #dedede;
    width: 20%;
    height: 2px;
    margin-top: 10px;
    display: block;
}

.i-m-wrap .wrap-fou .newslist {
    width: 100%;
    padding-bottom: 21px;
    margin-top: 17px;
    cursor: grab;
}

.i-m-wrap .wrap-fou .newslist ul {
    width: 100%;
}

.i-m-wrap .wrap-fou .newslist li {
    width: 100%;
}

.i-m-wrap .wrap-fou .newslist li a {
    display: block;
    width: 100%;
}

.i-m-wrap .wrap-fou .newslist li img {
    display: block;
}

.i-m-wrap .wrap-fou .newslist .tit {
    color: #000;
    line-height: 16px;
    font-size: 14px;
    display: block;
    margin-top: 6px;
}

.i-m-wrap .wrap-fou .newslist .date {
    line-height: 14px;
    color: #8d8d8d;
    font-family: "Calibri";
    display: block;
}

.i-m-wrap .wrap-fou .newslist .font {
    display: block;
    line-height: 14px;
    margin-top: 4px;
    color: #666;
}

.i-m-wrap .wrap-fou .newslist .ico {
    display: block;
    width: 13px;
    height: 13px;
    background: url(../img/ico_13.png) no-repeat center;
    margin-top: 8px;
}

.i-m-wrap .wrap-fou .n-pagination {
    position: absolute;
    left: 50%;
    bottom: 0;
}

.i-m-wrap .wrap-fou .n-pagination span {
    float: left;
    display: block;
    height: 4px;
    width: 8px;
    border-radius: 3px;
    background-color: #bbbbbb;
    margin-left: 8px;
}

.i-m-wrap .wrap-fou .n-pagination .swiper-pagination-bullet-active {
    width: 13px;
    background-color: #035cac;
}

.i-m-wrap .wrap-fou .more {
    display: block;
    width: 14px;
    height: 25px;
    background: url(../img/ico_14.png) no-repeat center;
    margin-top: 6px;
}

/****************海量世界**************/
.ins-banner {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 10;
}

/*.ins-banner.margin{
	padding-top: 141px;
}*/
.ins-banner img {
    float: left;
    width: 100%;
}

.bg-gray {
    background-color: #f5f5f5;
}

.about-home-fir {
    padding-top: 30px;
    padding-bottom: 60px;
}

.about-home-fir.m-wrap {
    padding-bottom: 30px;
}

.about-home-fir h2 {
    font-size: 48px;
    font-weight: normal;
    color: #035cac;
}

.about-home-fir h2 a {
    color: #035cac;
}

.about-home-fir.m-wrap h2 {
    font-size: 25px;
    line-height: 60px;
    padding-top: 5px;
}

.about-home-fir .contwrap {
    width: 100%;
    background-color: #fff;
    height: 420px;
}

.about-home-fir.m-wrap .contwrap {
    height: auto;
}

.about-home-fir .left {
    width: 24.7%;
    margin-top: 72px;
    margin-left: 4.8%;
}

.about-home-fir.m-wrap .left {
    float: none;
    width: 84%;
    margin: 0 auto;
    padding-top: 42px;
    padding-bottom: 40px;
}

.about-home-fir.m-wrap .right {
    float: none;
    width: 84%;
    padding: 40px 8% 18px;
    background: #555;
    line-height: 18px;
    height: auto;
}

.about-home-fir.twrap .left {
    margin-top: 36px;
}

.about-home-fir .left .f22 {
    line-height: 36px;
}

.about-home-fir .left .f22 .about-home-fir.owrap .left .f22 {
    font-size: 18px;
    line-height: 30px;
}

.about-home-fir.twrap .left .f22 {
    font-size: 16px;
    line-height: 24px;
}

.about-home-fir .left .f22 a {
    color: #000;
}

.about-home-fir .line {
    width: 10px;
    height: 3px;
    background-color: #000;
    margin-top: 22px;
    display: block;
}

.about-home-fir .font {
    margin-top: 14px;
    display: block;
    line-height: 24px;
}

.about-home-fir .more {
    line-height: 38px;
    display: inline-block;
    padding-right: 78px;
    font-size: 22px;
    color: #035cac;
    background: url(../img/ico_28.png) no-repeat right center;
    margin-top: 55px;
}

.about-home-fir.m-wrap .more {
    margin-top: 35px;
}

.about-home-fir .right {
    width: 56.4%;
    padding-top: 72px;
    height: 348px;
    padding-left: 4.7%;
    padding-right: 4.4%;
    background: url(../img/bg_05.jpg) no-repeat right top;
    font-size: 13px;
    line-height: 30px;
    color: #ddd;
}

.about-home-fir.twrap .right {
    line-height: 24px;
    height: 388px;
    padding-top: 32px;
}

.about-home-sec {
    height: 650px;
    background: url(../img/bg_06.jpg) no-repeat center;
    position: relative;
    overflow: hidden;
}

.about-home-sec.m-wrap {
    background-size: auto 100%;
    height: 546px;
}

.about-home-sec .titbox {
    padding-top: 61px;
    width: 100%;
}

.about-home-sec.m-wrap .titbox {
    padding-top: 50px;
}

.about-home-sec h2 {
    font-weight: normal;
    color: #fff;
    line-height: 65px;
    text-align: center;
    font-size: 48px;
}

.about-home-sec h2 a {
    color: #fff;
}

.about-home-sec.m-wrap h2 {
    font-size: 30px;
    line-height: 48px;
}

.about-home-sec .f36 {
    color: #fff;
    text-align: center;
    font-size: 36px;
    text-transform: uppercase;
}

.about-home-sec .f36 a {
    color: #fff;
}

.about-home-sec.m-wrap .f36 {
    font-size: 24px;
    line-height: 36px;
}

.about-home-sec .titbox .line {
    display: block;
    width: 80px;
    height: 3px;
    background-color: #fff;
    margin: 20px auto 0;
}

.about-home-sec.m-wrap .titbox .line {
    margin-top: 11px;
    width: 10%;
}

.about-home-sec .centcont {
    width: 44%;
    margin: 93px auto 0;
    overflow: hidden;
    cursor: grab;
}

.about-home-sec .pagination {}

.about-home-sec.m-wrap .centcont {
    width: 100%;
    margin-top: 70px;
}

.about-home-sec .centcont .line {
    display: block;
    width: 20px;
    height: 8px;
    margin-top: 32px;
    background-color: #fff;
}

.about-home-sec.owrap .centcont .line {
    margin-top: 25px;
    height: 5px;
}

.about-home-sec.twrap .centcont .line {
    margin-top: 27px;
    height: 4px;
    width: 10px;
}

.about-home-sec.m-wrap .centcont .line {
    display: none;
}

.about-home-sec .centcont .f72 {
    font-size: 72px;
    line-height: 72px;
    display: inline-block;
    margin-left: 3.5%;
    color: #fff;
}

.about-home-sec.owrap .centcont .f72 {
    font-size: 53px;
    line-height: 60px;
}

.about-home-sec.twrap .centcont .f72 {
    font-size: 30px;
    line-height: 60px;
}

.about-home-sec.m-wrap .centcont .f72 {
    font-size: 30px;
    line-height: 40px;
}

.about-home-sec .centcont .word {
    width: 66%;
    line-height: 36px;
    color: #fff;
    font-size: 20px;
    display: block;
}

.about-home-sec.owrap .centcont .word {
    font-size: 16px;
    line-height: 28px;
}

.about-home-sec.twrap .centcont .word {
    font-size: 15px;
    line-height: 25px;
}

.about-home-sec.m-wrap .centcont .word {
    font-size: 14px;
    line-height: 26px;
}

.about-home-sec .butn {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 317px;
    cursor: pointer;
}

.about-home-sec.m-wrap .butn {
    display: none;
}

.about-home-sec .prev {
    background: url(../img/ico_30.png) no-repeat left center;
    left: 9.8%;
}

.about-home-sec .next {
    background: url(../img/ico_30.png) no-repeat right center;
    right: 9.8%;
}

.about-home-sec .yearlist {
    width: 100%;
    margin-top: 133px;
    position: relative;
    overflow: hidden;
    background: url(../img/bg_51.png) repeat-x left 13px;
    height: 106px;
}

.about-home-sec.m-wrap .yearlist {
    margin-top: 60px;
}

.about-home-sec .yearlist li {
    width: 181px;
    padding-top: 51px;
    line-height: 55px;
    /*background: url(../img/bg_07.png) no-repeat center 13px;*/
    cursor: pointer;
}

.about-home-sec .yearlist li .year {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #a4b9d8;
}

.about-home-sec .yearlist li .ico {
    width: 30px;
    height: 48px;
    background: url(../img/ico_29.png) no-repeat center top;
    margin: -51px auto 0;
    display: none;
}

.about-home-sec .yearlist li.active .year {
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    margin-top: 3px;
}

.about-home-sec .yearlist li.active .ico {
    display: block;
}

.about-home-thi {
    padding-top: 60px;
}

.about-home-thi.m-wrap {
    padding-top: 30px;
}

.about-home-thi ul {
    width: 100%;
}

.about-home-thi li {
    width: 100%;
    margin-bottom: 60px;
    background-color: #fff;
}

.about-home-thi.m-wrap li {
    margin-bottom: 30px;
}

.about-home-thi li .cont {
    width: 23.8%;
    margin-left: 4.7%;
    margin-top: 72px;
}

.about-home-thi li .cont.rig {
    margin-right: 6%;
}

.about-home-thi.m-wrap li .cont {
    float: none;
    width: 70%;
    margin-left: 8.6%;
    margin-top: 30px;
    margin-bottom: 40px;
}

.about-home-thi.owrap li .cont {
    margin-top: 30px;
}

.about-home-thi.twrap li .cont {
    margin-left: 3%;
    margin-top: 8px;
}

.about-home-thi li .img {
    display: block;
    width: 65.5%;
    position: relative;
    overflow: hidden;
}

.about-home-thi.m-wrap li .img {
    float: none;
    width: 100%;
}

.about-home-thi li .img img {
    width: 100%;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}

.about-home-thi li .img:hover img {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}

.about-home-thi li .f48 {
    font-size: 48px;
    display: block;
    line-height: 62px;
}

.about-home-thi.m-wrap li .f48 {
    font-size: 36px;
    line-height: 55px;
}

.about-home-thi.owrap li .f48 {
    font-size: 38px;
}

.about-home-thi.twrap li .f48 {
    font-size: 28px;
    line-height: 40px;
}

.about-home-thi li .f48 a {
    color: #035cac;
}

.about-home-thi li .font {
    line-height: 23px;
    display: block;
    margin-top: 6.6%;
}

.about-home-thi li .font a {
    color: #666;
}

.about-home-thi.m-wrap li .font {
    margin-top: 24px;
}

.about-home-thi.twrap li .font {
    line-height: 18px;
    margin-top: 4%;
}

.about-home-thi li .more {
    display: inline-block;
    font-size: 20px;
    color: #000;
    padding-right: 79px;
    background: url(../img/ico_31.png) no-repeat right center;
    line-height: 38px;
    margin-top: 90px;
}

.about-home-thi li .more:hover {
    color: #035cac;
}

.about-home-thi.owrap li .more {
    margin-top: 40px;
}

.about-home-thi.twrap li .more {
    margin-top: 10px;
    padding-right: 56px;
    background-size: auto 80%;
}

.about-home-thi.m-wrap li .more {
    margin-top: 65px;
}

/***************海量世界内页*************/
.ins-navbox {
    height: 75px;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.ins-navbox.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
}

.ins-navbox li {
    margin-right: 23px;
    font-size: 16px;
    line-height: 74px;
}

.ins-navbox.twrap li {
    margin-right: 10px;
}

.ins-navbox li a {
    display: block;
    padding: 0 18px;
}

.ins-navbox.twrap li a {
    padding: 0 10px;
}

.ins-navbox li a:hover,
.ins-navbox li a.hover {
    color: #035cac;
    border-bottom: 2px solid #035cac;
    position: relative;
    margin-bottom: -1px;
}

.ins-navbox .return-top {
    display: block;
    height: 36px;
    line-height: 36px;
    padding-left: 25px;
    padding-right: 54px;
    background: url(../img/ico_32.png) no-repeat 95px center;
    border: 1px solid #dbdbdb;
    font-size: 14px;
    cursor: pointer;
    margin-top: 19px;
}

.ins-navbox .return-top:hover {
    color: #fff;
    background: url(../img/ico_33.png) no-repeat 95px center #035cac;
    border: 1px solid #035cac;
}

.ins-navbox.twrap .return-top {
    padding-right: 30px;
    padding-left: 15px;
    background: url(../img/ico_32.png) no-repeat 80px center;
}

.ins-navbox.twrap .return-top:hover {
    color: #fff;
    background: url(../img/ico_33.png) no-repeat 80px center #035cac;
    border: 1px solid #035cac;
}

.profile-wrap {
    /*padding-top: 115px;*/
    /*padding-bottom: 135px;*/
    transition: normal;
}

.profile-wrap.m-wrap {
    padding-top: 25px;
    padding-bottom: 30px;
    position: relative;
    transition: normal;
}

.m-wrap .blackbg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    display: none;
    z-index: 10;
}

.profile-wrap .f48 {
    /*font-size: 50px;*/
    /*color: #0060a3;*/
    /*line-height: 50px;*/
    /*margin-bottom: 10px;*/
}

.profile-wrap.m-wrap .f48 {
    font-size: 18px;
    line-height: 24px;
}

.profile-wrap .f36 {
    font-size: 40px;
    line-height: 40px;
    color: #dddddd;
    font-family: Arial;
    text-transform: uppercase;
}

.profile-wrap.m-wrap .f36 {
    font-size: 15px;
    line-height: 18px;
}

.profile0-about-wrap .left-images {
    width: 720px;
    height: 495px;
    overflow: hidden;
}

.profile0-about-wrap .left-images img {
    transition: .5s ease;
}

.profile0-about-wrap .left-images:hover img {
    transition: .5s ease;
    transform: scale3d(1.05, 1.05, 1);
}

.profile0-about-wrap .right-words {
    width: 840px;
}


.profile-wrap .cont:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.profile-wrap .cont .boxs {
    width: 43%;
    margin-right: 6%;
    font-size: 14px;
    line-height: 26px;
    float: left;
}

.profile-wrap.m-wrap .cont .boxs {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 14px;
}

.profile-wrap .bot-box {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 28px;
}

.profile-wrap.m-wrap .botlist {
    display: none;
}

.profile-wrap .botlist {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
}

.profile-wrap .botlist ul {
    width: 100%;
}

.profile-wrap .botlist li {
    width: 25%;
    position: relative;
}

.profile-wrap .botlist li a {
    display: block;
    width: 100%;
    cursor: pointer;
}

.profile-wrap .botlist li img {
    width: 100%;
    height: 100%;
    display: block;
}

.profile-wrap .botlist .upbox {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: url(../img/bg_08.png) repeat center;
}

.profile-wrap .botlist .upbox p {
    width: 150px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    opacity: 0;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    top: 0;
    margin-top: -24px;
}

.profile-wrap .botlist .butn {
    display: block;
    width: 45px;
    height: 80px;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    z-index: 10;
    cursor: pointer;
}

.profile-wrap .botlist .prev {
    left: 0;
    background: url(../img/ico_34.png) no-repeat left top;
}

.profile-wrap .botlist .prev:hover {
    background: url(../img/ico_34.png) no-repeat left bottom;
}

.profile-wrap .botlist .next {
    right: 0;
    background: url(../img/ico_34.png) no-repeat right top;
}

.profile-wrap .botlist .next:hover {
    background: url(../img/ico_34.png) no-repeat right bottom;
}

.m-ins-navbox {
    width: 100%;
    height: 38px;
    background-color: #fff;
    display: none;
    position: relative;
    z-index: 11;
}

.m-ins-navbox.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
}

.m-ins-navbox .left {
    width: 15%;
    cursor: pointer;
}

.m-ins-navbox .left .ico {
    display: block;
    width: 100%;
    height: 38px;
    background: url(../img/ico_35.png) no-repeat center #035cac;
    background-size: auto 50%;
}

.m-ins-navbox .ret-subbox {
    position: absolute;
    top: 38px;
    width: 100%;
    background-color: #035cac;
    left: 0;
    z-index: 2;
    display: none;
}

.m-ins-navbox .ret-subbox a {
    display: block;
    width: 95%;
    padding-left: 5%;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #4882b6;
    color: #fff;
    font-size: 14px;
    background: url(../img/ico_38.png) no-repeat 92% center;
    background-size: auto 35%;
}

.m-ins-navbox .right {
    width: 85%;
    position: relative;
}

.m-ins-navbox .right .tit {
    display: block;
    width: 95%;
    padding-left: 5%;
    font-size: 14px;
    color: #035cac;
    line-height: 38px;
    background: url(../img/ico_36.png) no-repeat 93% center;
    background-size: auto 50%;
    cursor: pointer;
}

.m-ins-navbox .right .subbox {
    width: 100%;
    position: absolute;
    top: 38px;
    background-color: #fff;
    z-index: 2;
    display: none;
    left: 0;
}

.m-ins-navbox .right .subbox a {
    display: block;
    width: 95%;
    padding-left: 5%;
    line-height: 38px;
    height: 38px;
    border-top: 1px solid #e5e5e5;
    background: url(../img/ico_37.png) no-repeat 92% center;
    background-size: auto 35%;
    /*border-left: 1px solid #fff;
    margin-left: -1px;*/
}

.profile-wrap .m-botbox {
    width: 100%;
    display: none;
    position: relative;
}

.profile-wrap.m-wrap .m-botbox {
    display: block;
}

.profile-wrap .m-botbox li {
    width: 100%;
    transition: normal;
}

.profile-wrap .m-botbox li a {
    display: block;
    width: 100%;
    position: relative;
    transition: normal;
}

.profile-wrap .m-botbox li img {
    width: 100%;
    display: block;
}

.profile-wrap .m-botbox li p {
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    background: url(../img/bg_09.png) repeat center;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.profile-wrap .m-botbox .butn {
    display: block;
    position: absolute;
    width: 23px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    z-index: 2;
}

.profile-wrap .m-botbox .prev {
    left: 0;
    background: url(../img/ico_34.png) no-repeat left top;
    background-size: auto 200%;
}

.profile-wrap .m-botbox .next {
    right: 0;
    background: url(../img/ico_34.png) no-repeat right top;
    background-size: auto 200%;
}

/**********发展历程**********/
.course-wrap {
    padding-top: 32px;
    padding-bottom: 40px;
    transition: normal;
}

.course-wrap.m-wrap {
    padding-top: 15px;
    position: relative;
}

.course-wrap p.f48 {
    font-size: 42px;
    line-height: 50px;
    color: #035cac;
}

.course-wrap.m-wrap p.f48 {
    font-size: 20px;
    line-height: 34px;
}

.course-wrap span.f14 {
    display: block;
    width: 100%;
    line-height: 26px;
}

.course-wrap.m-wrap span.f14 {
    line-height: 22px;
}

.course-wrap .course-list {
    margin-top: 30px;
    width: 100%;
    position: relative;
}

.course-wrap.m-wrap .course-list {
    margin-top: 20px;
}

.course-wrap .course-list .ovh {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: url(../img/bg_12.png) repeat-x left center;
}

.course-wrap.m-wrap .course-list .ovh {
    background: none;
    width: 100%;
}

.course-wrap .course-list li {
    width: 300px;
    position: relative;
    margin-right: -93px;
}

.course-wrap.m-wrap .course-list li {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
}

.course-wrap .course-list .main {
    padding: 17px 20px 27px;
    background-color: #fff;
    width: 260px;
    color: #777;
}

.course-wrap .course-list .main p {
    padding-left: 18px;
    background: url(../img/ico_125.jpg) no-repeat left 9px;
}

.course-wrap.m-wrap .course-list .main {
    width: 94%;
    padding: 17px 3% 27px;
}

.course-wrap .course-list li .top {
    background: url(../img/bg_10.png) no-repeat left top;
    padding-top: 45px;
    height: 42px;
    line-height: 42px;
    font-family: "Arial";
    font-size: 18px;
    text-align: center;
}

.course-wrap.m-wrap .course-list li .top {
    padding-top: 0;
    padding-left: 3%;
    width: 97%;
    text-align: left;
    background: #e8e8e8;
}

.course-wrap .course-list li.odd {
    margin-top: 0;
}

.course-wrap.m-wrap .course-list li.odd {
    position: relative;
}

.course-wrap .course-list li.odd .top {
    background: url(../img/bg_11.png) no-repeat left bottom;
    padding-bottom: 45px;
    padding-top: 0;
}

.course-wrap.m-wrap .course-list li.odd .top {
    padding-bottom: 0;
    background: #e8e8e8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.course-wrap.m-wrap .course-list li.odd .main {
    margin-top: 42px;
}

.course-wrap .course-list .butn {
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    cursor: pointer;
}

.course-wrap.m-wrap .course-list .butn {
    display: none;
}

.course-wrap .course-list .prev {
    background: url(../images/ico_40.png) no-repeat center top;
    left: 0;
}

.course-wrap .course-list .next {
    background: url(../images/ico_39.png) no-repeat center top;
    right: 0;
}

.course-wrap .course-list .butn:hover {
    background-position: center bottom;
}

.course-wrap .course-list li:hover .top {
    background: url(../images/bg_10.png) no-repeat right top;
    color: #fff;
}

.course-wrap.m-wrap .course-list li:hover .top,
.course-wrap.m-wrap .course-list li.odd:hover .top {
    background: #e8e8e8;
    color: #666;
}

.course-wrap .course-list li.odd:hover .top {
    background: url(../images/bg_11.png) no-repeat right top;
    color: #fff;
}

/*************企业荣誉************/
.honor-wrap {
    padding-top: 32px;
    padding-bottom: 20px;
    transition: normal;
}

.honor-wrap.m-wrap {
    padding-top: 25px;
    padding-bottom: 10px;
}

.honor-wrap p.f48 {
    font-size: 42px;
    line-height: 50px;
    color: #035cac;
}

.honor-wrap.m-wrap p.f48 {
    line-height: 25px;
    font-size: 18px;
    margin-bottom: 3px;
}

.honor-wrap span.f14 {
    display: block;
    line-height: 26px;
}

.honor-wrap.m-wrap span.f14 {
    line-height: 18px;
}

.honor-wrap .honor-list {
    margin-top: 20px;
    width: 100%;
}

.honor-wrap .honor-list {
    width: 100%;
}

.honor-wrap .honor-list ul {
    width: 100%;
}

.honor-wrap .honor-list li {
    margin-bottom: 20px;
    width: 100%;
    background-color: #fff;
    transition: normal;
}

.honor-wrap .honor-list .img {
    display: block;
    width: 35%;
    position: relative;
    overflow: hidden;
    transition: normal;
    height: 100%;
}

.honor-wrap .honor-list .img img {
    position: relative;
    /*height: 100%;*/
    top: 0;
    width: 100%;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
    display: block;
}

.honor-wrap.m-wrap .honor-list .img {
    width: 100%;
    float: none;
}

.honor-wrap .honor-list .img:hover img {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}

.honor-wrap .honor-list .right {
    width: 60%;
    padding-top: 2%;
    margin-left: 3.5%;
    margin-right: 1%;
}

.honor-wrap.m-wrap .honor-list .right {
    width: 88%;
    float: none;
    margin: 0;
    padding: 15px 6% 24px;
}

.honor-wrap.twrap .honor-list .right {
    padding-top: 0;
}

.honor-wrap .honor-list .tit {
    width: 100%;
    line-height: 54px;
    height: 56px;
}

.honor-wrap.owrap .honor-list .tit {
    line-height: 55px;
    height: 55px;
}

.honor-wrap.twrap .honor-list .tit {
    line-height: 34px;
    height: 34px;
}

.honor-wrap.m-wrap .honor-list .tit {
    height: auto;
    overflow: hidden;
}

.honor-wrap .honor-list .tit .f30 {
    color: #035cac;
    display: inline-block;
    margin-right: 19px;
    font-size: 26px;
    line-height: 50px;
}

.honor-wrap.owrap .honor-list .tit .f30 {
    line-height: 50px;
}

.honor-wrap.twrap .honor-list .tit .f30 {
    line-height: 31px;
    font-size: 20px;
}

.honor-wrap.m-wrap .honor-list .tit .f30 {
    width: 100%;
    line-height: 30px;
    font-size: 20px;
}

.honor-wrap .honor-list .tit .f36 {
    text-transform: uppercase;
    color: #eee;
    font-size: 30px;
}

.honor-wrap.twrap .honor-list .tit .f36 {
    font-size: 20px;
}

.honor-wrap.m-wrap .honor-list .tit .f36 {
    font-size: 20px;
    line-height: 22px;
}

.honor-wrap .honor-list .list {
    width: 100%;
    overflow: hidden;
}

.honor-wrap .honor-list .list span {
    display: block;
    float: left;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    width: 27%;
    padding-left: 2%;
    margin-right: 4%;
}

.honor-wrap .honor-list .list i {
    display: block;
    float: left;
    width: 27%;
    line-height: 50px;
    padding-left: 2%;
}

.honor-wrap.owrap .honor-list .list span,
.honor-wrap.owrap .honor-list .list i {
    width: 34%;
    line-height: 38px;
}

.honor-wrap.twrap .honor-list .list span,
.honor-wrap.twrap .honor-list .list i {
    width: 46%;
    line-height: 24px;
    padding: 0;
}

.honor-wrap.m-wrap .honor-list .list span,
.honor-wrap.m-wrap .honor-list .list i {
    width: 96%;
    padding-left: 4%;
    line-height: 38px;
}

.target-wrap {
    transition: normal;
    position: relative;
    z-index: 10;
}

.target-wrap .tit {
    padding-top: 32px;
}

.target-wrap.m-wrap .tit {
    padding-top: 20px;
}

.target-wrap .tit .f14 {
    line-height: 34px;
}

.target-wrap.m-wrap .tit .f14 {
    line-height: 22px;
    font-size: 12px;
}

.target-wrap .tit .f18 {
    color: #333;
    line-height: 37px;
}

.target-wrap.m-wrap .tit .f18 {
    line-height: 24px;
    font-size: 14px;
    margin-top: 6px;
}

.target-wrap .tit span {
    display: block;
}

.target-wrap .tit .f48 {
    font-size: 42px;
    color: #035cac;
    line-height: 50px;
}

.target-wrap.m-wrap .tit .f48 {
    font-size: 20px;
    line-height: 34px;
}

.target-wrap .target-list {
    margin-top: 20px;
    padding-bottom: 21px;
}

.target-wrap.m-wrap .target-list {
    margin-top: 14px;
}

.target-wrap .target-list ul {
    width: 100%;
}

.target-wrap .target-list li {
    margin-bottom: 20px;
    width: 100%;
    background-color: #fff;
    padding: 30px 0;
}

.target-wrap.m-wrap .target-list li {
    padding: 18px 0;
}

.target-wrap .target-list .left {
    width: 54%;
    margin-left: 5%;
}

.target-wrap.m-wrap .target-list .left {
    padding-left: 8.6%;
    margin-left: 0;
    width: auto;
    float: none;
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px;
}

.target-wrap .target-list .img {
    display: block;
    width: 37%;
}

.target-wrap.m-wrap .target-list .img {
    float: none;
    width: 100%;
    text-align: center;
}

.target-wrap .target-list .img img {
    width: 100%;
}

.target-wrap.m-wrap .target-list .img img {
    width: 85%;
}

.target-wrap .target-list .f36 {
    font-size: 30px;
    color: #035cac;
    line-height: 40px;
    margin-top: 40px;
}

.target-wrap .target-list .f24 {
    font-size: 18px;
}

.target-wrap.owrap .target-list .f36 {
    margin-top: 0;
}

.target-wrap.twrap .target-list .f36 {
    margin-top: 0;
    font-size: 24px;
    line-height: 34px;
}

.target-wrap.m-wrap .target-list .f36 {
    font-size: 18px;
    line-height: 20px;
    margin-top: 10px;
}

.target-wrap .target-list .f68 {
    font-size: 50px;
    color: #f7f7f7;
    line-height: 75px;
    text-transform: uppercase;
}

.target-wrap.owrap .target-list .f68 {
    font-size: 56px;
}

.target-wrap.twrap .target-list .f24 {
    font-size: 18px;
}

.target-wrap.m-wrap .target-list .f24 {
    font-size: 12px;
}

.target-wrap.twrap .target-list .f68 {
    font-size: 32px;
    line-height: 50px;
}

.target-wrap.m-wrap .target-list .f68 {
    font-size: 24px;
    line-height: 40px;
}

.strategic-wrap {
    position: relative;
    transition: normal;
}

.strategic-wrap .tit {
    padding: 40px 0 0;
}

.strategic-wrap.m-wrap .tit {
    padding: 10px 0 0;
}

.strategic-wrap .tit .f48 {
    color: #035cac;
    font-size: 48px;
    line-height: 86px;
}

.strategic-wrap.m-wrap .tit .f48 {
    font-size: 18px;
    line-height: 34px;
}

.strategic-wrap .strategic-list {
    margin-top: 20px;
}

.strategic-wrap.m-wrap .strategic-list {
    margin-top: 10px;
}

.strategic-wrap .strategic-list ul {
    width: 100%;
}

.strategic-wrap .strategic-list li {
    width: 100%;
    margin-bottom: 50px;
    background-color: #fff;
}

.strategic-wrap.m-wrap .strategic-list li {
    padding-bottom: 47px;
}

.strategic-wrap .strategic-list .img {
    display: block;
    width: 35%;
}

.strategic-wrap.m-wrap .strategic-list .img {
    float: none;
    width: 100%;
    transition: normal;
}

.strategic-wrap .strategic-list .img img {
    width: 100%;
    display: block;
}

.strategic-wrap .strategic-list .right {
    margin-left: 6%;
    width: 59%;
    padding-top: 4%;
}

.strategic-wrap.twrap .strategic-list .right {
    padding-top: 0;
}

.m-wrap .strategic-list .right {
    width: 88%;
}

.strategic-list .right .f48 {
    font-size: 48px;
    line-height: 86px;
    color: #035cac;
}

.twrap .strategic-list .right .f48,
.owrap .strategic-list .right .f48 {
    font-size: 25px;
    line-height: 40px;
    margin-top: 20px;
}

.twrap .strategic-list .right .f18,
.owrap .strategic-list .right .f18 {
    line-height: 32px;
}

.m-wrap .strategic-list .right .f48 {
    font-size: 20px;
    line-height: 36px;
}

.strategic-list .right .f18 {
    line-height: 40px;
    display: block;
    width: 90%;
}

.twrap .strategic-list .right .f18 {
    line-height: 22px;
    font-size: 14px;
    margin-top: 10px;
}

.m-wrap .strategic-list .right .f18 {
    font-size: 14px;
    line-height: 18px;
}

.company-wrap {
    transition: normal;
}

.company-wrap.m-wrap {
    position: relative;
}

.company-wrap .company-list {
    padding-top: 40px;
    padding-bottom: 21px;
}

.company-wrap.m-wrap .company-list {
    padding-top: 20px;
}

.company-wrap .company-list ul {
    width: 100%;
}

.company-wrap .company-list li {
    width: 100%;
    background-color: #fff;
    margin-bottom: 20px;
    position: relative;
    transition: normal;
}

.company-wrap .company-list .cent {
    width: 49%;
    padding-top: 4px;
}

.company-wrap.m-wrap .company-list .cent {
    float: none;
    width: 100%;
    padding-top: 0;
    border-bottom: 1px solid #e5e5e5;
}

.company-wrap .company-list .cent .img {
    display: block;
    width: 100%;
    transiton: normal;
}

.company-wrap .company-list .cent img {
    width: 100%;
    display: block;
}

.company-wrap .company-list .num {
    display: block;
    width: 10%;
    text-align: center;
    font-size: 100px;
    color: #035cac;
    padding-top: 0;
    line-height: 140px;
    font-family: "Bebas", "Arial";
}

.company-wrap.owrap .company-list .num {
    font-size: 56px;
    line-height: 86px;
}

.company-wrap.twrap .company-list .num {
    font-size: 50px;
    line-height: 58px;
}

.company-wrap.m-wrap .company-list .num {
    float: none;
    display: inline-block;
    font-size: 18px;
    width: auto;
    line-height: 71px;
    padding-top: 0;
    left: 3%;
    position: absolute;
}

.company-wrap .company-list .ttbox {
    width: 100%;
    display: block;
    line-height: 70px;
    height: 70px;
}

.company-wrap.twrap .company-list .cent .ttbox {
    line-height: 50px;
    height: auto;
    overflow: hidden;
    max-height: 100px;
}

.company-wrap.m-wrap .company-list .ttbox {
    height: 70px;
}

.company-wrap.twrap .company-list .link {
    float: left;
    line-height: 30px;
    margin: 5px 0;
}

.company-wrap .company-list .link {
    display: inline-block;
    padding-right: 48px;
    background: url(../images/ico_41.png) no-repeat right center;
    font-size: 18px;
}

.company-wrap.m-wrap .company-list .link {
    font-size: 14px;
    background-size: auto 30%;
    padding-right: 28px;
    margin-right: 3%;
}

.company-wrap .company-list .link:hover {
    color: #035cac;
}

.company-wrap .company-list .word {
    display: block;
    width: 100%;
    margin-top: 16px;
    line-height: 26px;
    font-size: 14px;
}

.company-wrap.m-wrap .company-list .word {
    font-size: 14px;
    line-height: 24px;
    width: 90%;
    padding: 10px 5% 20px;
}

.company-wrap .company-list .right {
    width: 29%;
    padding: 4px 4% 0;
    background-color: #fcfcfc;
}

.company-wrap.m-wrap .company-list .right {
    float: none;
    width: 90%;
    padding: 0 5%;
    background-color: #fff;
    /*height: 350px;*/
}

.company-wrap .company-list .ttbox .f30 {
    font-size: 26px;
    color: #035cac;
}

.company-wrap.owrap .company-list .right .ttbox .f30 {
    width: 100%;
}

.company-wrap.twrap .company-list .ttbox .f30 {
    display: block;
    width: 100%;
}

.company-wrap.m-wrap .company-list .ttbox .f30 {
    font-size: 14px;
}

.company-wrap.m-wrap .company-list .right .ttbox .f30 {
    width: 100%;
}

.company-wrap.m-wrap .company-list .cent .ttbox .f30 {
    padding-left: 12%;
}

.company-wrap .company-list .graph {
    display: block;
    width: 100%;
    height: 75%;
}

.company-wrap.owrap .company-list .ttbox .f14 {
    float: left;
    margin-bottom: 14px;
    line-height: 20px;
}

.company-wrap.twrap .company-list .ttbox .f14 {
    line-height: 24px;
    float: left;
}

.company-wrap .company-list .right .ttbox {
    height: 94px;
}

.company-wrap.twrap .company-list .right .ttbox {
    line-height: 50px;
}

/*.company-wrap.owrap .company-list .right{
	height: 460px;
}
.company-wrap.twrap .company-list .right{
	height: 440px;
}*/
.company-wrap.m-wrap .company-list .right .ttbox {
    line-height: 60px;
    height: 80px;
}

.company-wrap.m-wrap .company-list .right .f14 {
    display: inline-block;
    font-size: 12px;
    float: left;
    line-height: 20px;
    margin-top: -16px;
}

/****************新闻媒体**************/
.news-home .wrap1 {
    padding-top: 30px;
    padding-bottom: 70px;
    transition: normal;
}

.news-home .wrap1.m-wrap {
    padding-top: 0;
    transition: normal;
    padding-bottom: 20px;
}

.news-home .wrap1 h2 {
    font-size: 48px;
    line-height: 106px;
    font-weight: normal;
    color: #035cac;
}

.news-home .wrap1.m-wrap h2 {
    font-size: 20px;
    line-height: 45px;
}

.news-home .wrap1 .boxs {
    width: 49%;
}

.news-home .wrap1.m-wrap .boxs {
    display: none;
}

.news-home .wrap1 .boxs a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.news-home .wrap1 .boxs img {
    width: 100%;
}

.news-home .wrap1 .boxs .cont {
    width: 93%;
    padding: 0 4% 30px;
    background-color: #035cac;
    position: absolute;
    left: 0;
    bottom: -106px;
    color: #fff;
}

.news-home .wrap1.twrap .boxs .cont {
    padding-bottom: 10px;
    bottom: -32px;
}

.news-home .wrap1 .boxs .f24 {
    display: block;
    line-height: 70px;
    height: 70px;
    overflow: hidden;
}

.news-home .wrap1.twrap .boxs .f24 {
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.news-home .wrap1 .boxs .date {
    line-height: 20px;
    font-size: 14px;
    color: #a4b9d8;
    display: block;
}

.news-home .wrap1 .boxs .word {
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: #b0c2dd;
    margin-top: 9px;
    max-height: 48px;
    position: relative;
    overflow: hidden;
}

.news-home .wrap1.twrap .boxs .word {
    display: none;
}

.news-home .wrap2 {
    padding-top: 34px;
}

.news-home .wrap2.m-wrap {
    transition: normal;
    padding-top: 12px;
}

.news-home .wrap2 .navbox {
    width: 100%;
    border-bottom: 1px solid #d4d4d4;
    height: 105px;
    font-size: 48px;
}

.news-home .wrap2.twrap .navbox {
    font-size: 36px;
    height: 85px;
}

.news-home .wrap2.m-wrap .navbox {
    height: 43px;
    text-align: center;
}

.news-home .wrap2 .navbox a {
    float: left;
    margin-right: 17px;
    height: 103px;
    display: inline-block;
    padding: 0 24px;
}

.news-home .wrap2.m-wrap .navbox a {
    font-size: 20px;
    line-height: 42px;
    height: 42px;
    float: none;
    padding: 0;
    vertical-align: top;
}

.news-home .wrap2.twrap .navbox a {
    height: 83px;
}

.news-home .wrap2 .navbox a:hover,
.news-home .wrap2 .navbox a.hover {
    border-bottom: 3px solid #035cac;
    margin-bottom: -1px;
    color: #035cac;
}

.news-home .wrap2.m-wrap .navbox a.hover {
    border-bottom: 2px solid #035cac;
}

.news-home .wrap2 .main {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 30px;
    border-bottom: 1px solid #d4d4d4;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.news-home .wrap2 .box {
    background-color: #fff;
    float: left;
}

.news-home .wrap2.m-wrap .box {
    width: 90%;
    padding: 5%;
    margin-bottom: 18px;
}

.news-home .wrap2.m-wrap .box:hover {
    background-color: #035cac;
}

.news-home .wrap2 .box a {
    display: block;
    /*width: 345px;*/
    width: 260px;
    padding: 30px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.news-home .wrap2.m-wrap .box a {
    transition: normal;
    width: 100%;
    padding: 0;
}

.news-home .wrap2 .box a:hover {
    background-color: #035cac;
}

.news-home .wrap2 .box a:hover .f18 {
    color: #fff;
}

.news-home .wrap2 .box .f18 {
    line-height: 26px;
    display: block;
    color: #035cac;
}

.news-home .wrap2 .box .more {
    line-height: 24px;
    display: inline-block;
    padding-right: 16px;
    background: url(../images/ico_42.png) no-repeat right center;
    color: #333;
    margin-top: 19px;
    color: #333;
}

.news-home .wrap2 .box a:hover .more {
    color: #fff;
    background: url(../images/ico_43.png) no-repeat right center;
}

.news-home .wrap2 .box .date {
    line-height: 32px;
    color: #888;
    display: block;
}

.news-home .wrap2 .box a:hover .date {
    color: #82a0cb;
}

.news-home .wrap2 .box .img {
    display: block;
    width: 100%;
    margin-top: 9px;
}

.news-home .wrap2 .box .img img {
    display: block;
    width: 100%;
}

.news-home .wrap2 .box .word {
    margin-top: 13px;
    width: 100%;
    display: block;
    color: #666;
}

.news-home .wrap2 .box a:hover .word {
    color: #c2d0e4;
}

.news-home .wrap2 .look-more {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 52px;
    text-align: center;

}

.news-home .wrap2 .look-more span {
    display: inline-block;
    line-height: 40px;
    cursor: pointer;
    color: #828282;
    font-size: 24px;
}

.news-home .wrap3 {
    padding-top: 31px;
    padding-bottom: 60px;
    transition: normal;
}

.news-home .wrap3.twrap {
    padding-top: 10px;
}

.news-home .wrap3.m-wrap {
    padding-top: 12px;
    padding-bottom: 23px;
}

.news-home .wrap3 h2 {
    font-size: 48px;
    color: #035cac;
    font-weight: normal;
}

.news-home .wrap3.twrap h2 {
    font-size: 34px;
    line-height: 90px;
}

.news-home .wrap3.m-wrap h2 {
    font-size: 20px;
}

.news-home .wrap3 .titbox {
    width: 100%;
    height: 105px;
    line-height: 105px;
}

.news-home .wrap3.twrap .titbox {
    height: 90px;
    line-height: 90px;
}

.news-home .wrap3.m-wrap .titbox {
    line-height: 46px;
    height: 46px;
}

.news-home .wrap3 .titbox .more {
    font-size: 24px;
    color: #8ea9d0;
    display: inline-block;
}

.news-home .wrap3 .titbox .more {
    font-size: 14px;
}

.news-home .wrap3 .list {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.news-home .wrap3 .m-list {
    display: none;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 18px;
}

.news-home .wrap3.m-wrap .m-list {
    display: block;
}

.news-home .wrap3.m-wrap .list {
    display: none;
}

.news-home .wrap3 .list ul {
    width: 104%;
}

.news-home .wrap3 .m-list ul {
    width: 100%;
}

.news-home .wrap3 .list li {
    width: 23%;
    margin-right: 2%;
}

.news-home .wrap3 .m-list li {
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
    transition: normal;
}

.news-home .wrap3 li span {
    transition: normal;
}

.news-home .wrap3 .list .img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.news-home .wrap3 .m-list .img,
.news-home .wrap3 .m-list .img a {
    display: block;
    width: 100%;
}

.news-home .wrap3 .list .img a {
    display: block;
    width: 100%;
}

.news-home .wrap3 .list .img img {
    width: 100%;
    display: block;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}

.news-home .wrap3 .list .img:hover img {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}

.news-home .wrap3 .m-list .img img {
    display: inline-block;
    width: 100%;
}

.news-home .wrap3 .list .f18,
.news-home .wrap3 .m-list .f18 {
    display: block;
    margin-top: 21px;
    width: 100%;
}

.news-home .wrap3 .list .f18 a,
.news-home .wrap3 .m-list .f18 a {
    color: #333;
}

.news-home .wrap3 .list .f18 a:hover {
    color: #035cac;
}

.news-home .wrap3 .list .word,
.news-home .wrap3 .m-list .word {
    line-height: 22px;
    display: block;
    margin-top: 6px;
    width: 100%;
}

.news-home .wrap3 .list .word a {
    color: #666;
}

.news-home .wrap3 .list .word a:hover {
    color: #035cac;
}

.news-home .wrap3 .list .more,
.news-home .wrap3 .m-list .more {
    display: inline-block;
    padding-right: 16px;
    background: url(../images/ico_42.png) no-repeat right center;
    margin-top: 18px;
    color: #333;
}

.news-home .wrap3 .list .more:hover {
    color: #035cac;
}

.news-home .wrap3.m-wrap .m-list .pagination-s {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.news-home .wrap3.m-wrap .m-list .pagination-s span {
    display: block;
    width: 15px;
    height: 7px;
    background: url(../imagesico_51.png) no-repeat left center;
    margin-right: 8px;
    float: left;
    border-radius: 0;
}

.news-home .wrap3.m-wrap .m-list .pagination-s span.swiper-pagination-bullet-active {
    width: 25px;
    background: url(../images/ico_51.png) no-repeat right center;
}

.news-home .wrap4 {
    background-color: #035cac;
    padding-top: 68px;
    padding-bottom: 66px;
}

.news-home .wrap4.m-wrap {
    padding-top: 26px;
    padding-bottom: 47px;
}

.news-home .wrap4 .left {
    width: 32%;
}

.news-home .wrap4.m-wrap .left {
    width: 100%;
    float: none;
}

.news-home .wrap4 .left .f48 {
    font-size: 48px;
    color: #fff;
    line-height: 67px;
    display: block;
}

.news-home .wrap4.m-wrap .left .f48 {
    font-size: 25px;
    line-height: 34px;
}

.news-home .wrap4.twrap .left .f48 {
    font-size: 36px;
}

.news-home .wrap4 .left .f36 {
    font-size: 36px;
    line-height: 44px;
    color: #fff;
    display: block;
    text-transform: uppercase;
}

.news-home .wrap4.m-wrap .left .f36 {
    font-size: 15px;
    line-height: 22px;
}

.news-home .wrap4.twrap .left .f36 {
    font-size: 24px;
    line-height: 24px;
}

.news-home .wrap4 .left .line {
    display: block;
    width: 80px;
    height: 3px;
    background-color: #1d6db4;
    margin-top: 50px;
}

.news-home .wrap4.twrap .left .line {
    margin-top: 30px;
}

.news-home .wrap4.m-wrap .left .line {
    margin-top: 17px;
}

.news-home .wrap4 .right {
    width: 52%;
    padding: 0 4% 0 3%;
    background-color: #024a8a;
    border-radius: 4px;
    margin-top: 7px;
    color: #fff;
    line-height: 36px;
}

.news-home .wrap4.m-wrap .right {
    float: none;
    width: 100%;
    padding-left: 0;
    background: none;
    margin-top: 20px;
}

.news-home .wrap4 .right .fl {
    display: block;
    width: 69%;
    padding: 26px 0;
    font-size: 20px;
    border-right: 1px solid #1c5c96;
}

.news-home .wrap4.owrap .right .fl {
    width: 63%;
    font-size: 16px;
}

.news-home .wrap4.twrap .right .fl {
    width: 63%;
    font-size: 16px;
}

.news-home .wrap4.m-wrap .right .fl {
    float: none;
    width: 95%;
    border: none;
    background-color: #024a8a;
    border-radius: 4px;
    padding: 14px 0 14px 5%;
    font-size: 14px;
    line-height: 28px;
}

.news-home .wrap4 .right .more {
    display: inline-block;
    padding-right: 63px;
    background: url(../images/ico_44.png) no-repeat right center;
    line-height: 42px;
    margin-top: 54px;
    color: #fff;
    font-size: 24px;
}

.news-home .wrap4.owrap .right .more {
    font-size: 20px;
    background-size: auto 80%;
    padding-right: 44px;
}

.news-home .wrap4.twrap .right .more {
    font-size: 16px;
    background-size: auto 68%;
    padding-right: 38px;
    margin-top: 76px;
}

.news-home .wrap4.m-wrap .right .more {
    float: none;
    margin-top: 22px;
    font-size: 14px;
    padding-right: 36px;
    background-size: auto 56%;
}

.news-home .wrap1 .m-topscroll {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 22px;
    display: none;
}

.news-home .wrap1.m-wrap .m-topscroll {
    display: block;
}

.news-home .wrap1 .m-topscroll ul {
    width: 100%;
}

.news-home .wrap1 .m-topscroll li {
    width: 100%;
}

.news-home .wrap1 .m-topscroll li img,
.news-home .wrap1 .m-topscroll li a {
    display: block;
    width: 100%;
}

.news-home .wrap1 .m-topscroll li .tit {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 34px;
    line-height: 34px;
    background-color: #035cac;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.news-home .wrap1 .m-topscroll .pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.news-home .wrap1 .m-topscroll .pagination span {
    display: block;
    float: left;
    width: 15px;
    height: 7px;
    margin-right: 8px;
    background: url(../images/ico_51.png) no-repeat left center;
    border-radius: 0;
}

.news-home .wrap1 .m-topscroll .pagination span.swiper-pagination-bullet-active {
    width: 25px;
    height: 7px;
    background: url(../images/ico_51.png) no-repeat right center;
}

.news-infor {
    position: relative;
}

.news-infor .top-wrap {
    padding-top: 40px;
    padding-bottom: 20px;
    transition: normal;
}

.news-infor .top-wrap.m-wrap {
    padding: 20px 0 20px;
    width: 100%;
}

.news-infor .top-wrap .left-scroll {
    width: 49%;
    /*background: url(../../img/loading.gif) no-repeat center;*/
    min-height: 40px;
}

.news-infor .top-wrap .left {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: none;
}

.news-infor .top-wrap.long-wrap .left,
.news-infor .top-wrap.long-wrap .left-scroll {
    width: 100%;
}

.news-infor .top-wrap.long-wrap .right {
    width: 100%;
    margin-top: 30px;
}

.news-infor .top-wrap.m-wrap .left,
.news-infor .top-wrap.m-wrap .right {
    display: none;
}

.news-infor .top-wrap .left .bd {
    width: 100%;
}

.news-infor .top-wrap .left .butn {
    display: block;
    width: 49px;
    height: 81px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    cursor: pointer;
}

.news-infor .top-wrap.twrap .left .butn {
    width: 30px;
    height: 50px;
    background-size: 100% auto;
}

.news-infor .top-wrap .left .prev {
    background: url(../images/ico_45.png) no-repeat center top;
    left: 0;
}

.news-infor .top-wrap .left .next {
    background: url(../images/ico_46.png) no-repeat center top;
    right: 0;
}

.news-infor .top-wrap .left .butn:hover {
    background-position: center bottom;
}

.news-infor .top-wrap .left li a {
    display: block;
    position: relative;
    cursor: pointer;
    width: 100%;
}

.news-infor .top-wrap .left li img {
    width: 100%;
    display: block;
}

.news-infor .top-wrap .left li p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 70px;
    font-size: 24px;
    color: #fff;
    /*background: url(../img/bg_09.png) repeat center;*/
}

.news-infor .top-wrap.owrap .left li p {
    line-height: 44px;
    font-size: 16px;
}

.news-infor .top-wrap.twrap .left li p {
    line-height: 50px;
    font-size: 17px;
}

.news-infor .top-wrap .left .btnbox {
    position: absolute;
    bottom: 16%;
    left: 50%;
    overflow: hidden;
}

.news-infor .top-wrap .btnbox span {
    width: 15px;
    height: 7px;
    margin-left: 8px;
    cursor: pointer;
    background: url(../images/ico_47.png) no-repeat right center;
    text-indent: 9999;
    display: block;
    float: left;
    transition: normal;
}

.news-infor .top-wrap .btnbox span.on {
    background: url(../images/ico_47.png) no-repeat left center;
    width: 25px;
}

.news-infor .top-wrap .right {
    width: 48%;
}

.news-infor .top-wrap .right ul {
    width: 100%;
}

.news-infor .top-wrap .right li {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 40px;
}

.news-infor .top-wrap.owrap .right li {
    margin-bottom: 10px;
    padding-bottom: 6px;
}

.news-infor .top-wrap.twrap .right li {
    margin-bottom: 8px;
    padding-bottom: 6px;
}

.news-infor .top-wrap .right li a {
    display: block;
    cursor: pointer;
}

.news-infor .top-wrap .right .f24 {
    display: block;
    color: #333;
    line-height: 24px;
    height: 24px;
    font-size: 16px;
    overflow: hidden;
}

.news-infor .top-wrap.twrap .right .f24 {
    font-size: 20px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
}

.news-infor .top-wrap .right .date {
    display: inline-block;
    line-height: 22px;
    color: #a5a5a5;
    margin-top: 4px;
    font-size: 14px;
}

.news-infor .top-wrap .right .word {
    display: block;
    line-height: 22px;
    color: #666;
    margin-top: 9px;
    height: 48px;
    overflow: hidden;
    font-size: 12px;
}

/*.news-infor .top-wrap.twrap .right .word{
	display: none;
}*/
.news-infor .top-wrap .right li a:hover .f24 {
    color: #035cac;
}

.news-infor .top-wrap .right li a:hover .date {
    color: #a3b9d8;
}

.news-infor .top-wrap .right li a:hover .word {
    color: #5986be;
}

.news-infor .top-wrap .m-scroll {
    display: none;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.news-infor .top-wrap.m-wrap .m-scroll {
    display: block;
}

.news-infor .top-wrap .m-scroll ul {
    width: 100%;
}

.news-infor .top-wrap .m-scroll li {
    width: 100%;
}

.news-infor .top-wrap .m-scroll li a {
    display: block;
    position: relative;
    width: 100%;
}

.news-infor .top-wrap .m-scroll li img {
    display: block;
    width: 100%;
}

.news-infor .top-wrap .m-scroll li p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    background-color: #035cac;
    color: #fff;
}

.news-infor .top-wrap .m-scroll .page-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.news-infor .top-wrap .m-scroll .page-btn span {
    display: block;
    width: 15px;
    height: 7px;
    float: left;
    margin-right: 8px;
    background: url(../images/ico_51.png) no-repeat left center;
    border-radius: 0;
}

.news-infor .top-wrap .m-scroll .page-btn span.swiper-pagination-bullet-active {
    width: 25px;
    background: url(../images/ico_51.png) no-repeat right center;
}

.news-infor .wrap2 {
    padding-top: 60px;
}

.news-infor .wrap2.m-wrap {
    transition: normal;
    width: 100%;
    padding: 0 5%;
    margin-left: -5%;
}

.news-infor .wrap2 .main {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 30px;
    border-bottom: 1px solid #d4d4d4;
    /*opacity: 0;*/
    /*filter: Alpha(opacity=0);*/
}

.news-infor .wrap2 .box {
    background-color: #fff;
    float: left;
}

.news-infor .wrap2.m-wrap .box {
    width: 100%;
}

.news-infor .wrap2 .box a {
    display: block;
    /*width: 345px;*/
    width: 260px;
    padding: 30px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.news-infor .wrap2.m-wrap .box a {
    width: 88%;
    padding: 15px 6%;
}

.news-infor .wrap2 .box a:hover {
    background-color: #035cac;
}

.news-infor .wrap2 .box a:hover .f18 {
    color: #fff;
}

.news-infor .wrap2 .box img {
    display: block;
    width: 100%;
}

.news-infor .wrap2.m-wrap .box img {
    display: none;
}

.news-infor .wrap2 .box .f18 {
    line-height: 26px;
    display: block;
    color: #035cac;
    height: 52px;
    position: relative;
    overflow: hidden;
}

.news-infor .wrap2.m-wrap .box .f18 {
    font-size: 16px;
}

.news-infor .wrap2 .box .more {
    line-height: 24px;
    display: inline-block;
    padding-right: 16px;
    background: url(../images/ico_42.png) no-repeat right center;
    color: #333;
    margin-top: 19px;
    color: #333;
}

.news-infor .wrap2.m-wrap .box .more {
    display: none;
}

.news-infor .wrap2 .box a:hover .more {
    color: #fff;
    background: url(../images/ico_43.png) no-repeat right center;
}

.news-infor .wrap2 .box .date {
    line-height: 32px;
    color: #888;
    display: block;
}

.news-infor .wrap2.m-wrap .box .date {
    font-size: 12px;
    line-height: 24px;
}

.news-infor .wrap2 .box a:hover .date {
    color: #82a0cb;
}

.news-infor .wrap2 .box .img {
    display: block;
    width: 100%;
    margin-top: 9px;
}

.news-infor .wrap2 .box .word {
    margin-top: 13px;
    width: 100%;
    display: block;
    color: #666;
    height: 90px;
    overflow: hidden;
}

.news-infor .wrap2.m-wrap .box .word {
    margin-top: 0;
}

.news-infor .wrap2 .box a:hover .word {
    color: #c2d0e4;
}

.news-infor .wrap2 .box .img {
    display: block;
    position: relative;
}

.news-infor .wrap2 .box .img .bg-pic {
    width: 100%;
}

.news-infor .wrap2 .box .img .up-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.news-infor .wrap2.m-wrap .page {
    display: none;
}

.page {
    width: 100%;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 60px;
}

.news-infor .wrap2 .look-more {
    display: none;
    width: 100%;
    line-height: 40px;
    font-size: 16px;
    color: #878787;
    cursor: pointer;
    text-align: center;
    padding-bottom: 10px;
}

.news-infor .wrap2.m-wrap .look-more {
    display: block;
}

.header-special {
    padding-top: 36px;
    padding-bottom: 36px;
    background-color: #fff;
}

.header-special.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
}

.header-special.owrap {
    padding-top: 28px;
    padding-bottom: 28px;
}

.header-special.twrap {
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-special.m-wrap {
    display: none;
}

.header-special .logo {
    display: inline-block;
    margin-right: 28px;
}

.header-special .font {
    color: #333;
    display: inline-block;
    line-height: 28px;
    margin-top: 8px;
}

.header-special .nav {
    line-height: 38px;
}

.header-special .nav a {
    display: inline-block;
    padding-left: 45px;
    font-size: 16px;
    color: #333;
    margin-left: 37px;
    float: right;
    background: url(../images/ico_49.png) no-repeat left center;
}

.header-special .nav a:hover {
    color: #035cac;
}

.special-focus .wrap1 {
    padding-top: 60px;
    padding-bottom: 43px;
}

.special-focus .wrap1.m-wrap {
    padding-top: 26px;
}

.special-focus .wrap1 .left {
    width: 32%;
    position: relative;
    overflow: hidden;
    display: none;
}

.special-focus .wrap1.m-wrap .left {
    display: none;
}

.special-focus .wrap1 .left li {
    width: 100%;
    transition: normal;
}

.special-focus .wrap1 .left a {
    display: block;
    width: 100%;
    cursor: pointer;
    position: relative;
    height: 100%;
}

.special-focus .wrap1 .left p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
    line-height: 50px;
    background: url(../images/bg_09.png) repeat center;
    font-size: 14px;
    color: #fff;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.special-focus .wrap1.twrap .left p {
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}

.special-focus .wrap1 .left img {
    display: block;
    /*height: 100%;*/
}

.special-focus .wrap1 .left .btnbox {
    position: absolute;
    right: 4%;
    bottom: 20px;
    z-index: 2;
}

.special-focus .wrap1 .left .btnbox span {
    display: block;
    float: left;
    margin-left: 8px;
    width: 10px;
    height: 10px;
    background: url(../images/ico_48.png) no-repeat right center;
    cursor: pointer;
    transition: normal;
}

.special-focus .wrap1 .left .btnbox span.on {
    background: url(../images/ico_48.png) no-repeat left center;
}

.special-focus .wrap1 .m-scroll {
    display: none;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 33px;
    margin-bottom: 30px;
}

.special-focus .wrap1.m-wrap .m-scroll {
    display: block;
}

.special-focus .wrap1 .m-scroll ul,
.special-focus .wrap1 .m-scroll li {
    width: 100%;
}

.special-focus .wrap1 .m-scroll li a {
    display: block;
    width: 100%;
    position: relative;
}

.special-focus .wrap1 .m-scroll li img {
    display: block;
    width: 100%;
}

.special-focus .wrap1 .m-scroll li p {
    width: 90%;
    line-height: 38px;
    height: 38px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../img/bg_09.png) repeat center;
    padding: 0 5%;
    color: #fff;
}

.special-focus .wrap1 .m-scroll .pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.special-focus .wrap1 .m-scroll .pagination span {
    display: block;
    width: 15px;
    height: 7px;
    background: url(../img/ico_51.png) no-repeat left center;
    float: left;
    margin-right: 8px;
    border-radius: 0;
}

.special-focus .wrap1 .m-scroll .pagination span.swiper-pagination-bullet-active {
    background: url(../img/ico_51.png) no-repeat right center;
    width: 25px;
}

.special-focus .wrap1 .right {
    width: 68%;
}

.special-focus .wrap1.m-wrap .right {
    width: 100%;
}

.special-focus .wrap1 .right ul {
    width: 100%;
}

.special-focus .wrap1 .right li {
    width: 47%;
    background-color: #f1f1f1;
    margin-left: 3%;
    transition: all 0.2s ease 0s;
    margin-bottom: 20px;
}

.special-focus .wrap1.m-wrap .right li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 14px;
}

.special-focus .wrap1 .right li a {
    display: block;
    padding: 25px 5% 28px;
    width: 90%;
}

.special-focus .wrap1.owrap .right li a {
    padding: 14px 5%;
}

.special-focus .wrap1.twrap .right li a {
    padding: 10px 5% 10px;
}

.special-focus .wrap1.m-wrap .right li a {
    padding: 25px 5% 40px;
}

.special-focus .wrap1 .right li span {
    transition: all 0.2s ease 0s;
}

.special-focus .wrap1 .right .f18 {
    display: block;
    line-height: 28px;
    color: #666;
    height: 28px;
    overflow: hidden;
}

.special-focus .wrap1.owrap .right .f18 {
    font-size: 16px;
}

.special-focus .wrap1.m-wrap .right .f18 {
    color: #035cac;
    font-size: 16px;
    line-height: 24px;
}

.special-focus .wrap1 .right .word {
    line-height: 24px;
    color: #b1b1b1;
    display: block;
    margin-top: 9px;
    font-size: 14px;
    height: 48px;
    overflow: hidden;
}

/*.special-focus .wrap1.twrap .right .word{
	display: none;
}*/
.special-focus .wrap1.m-wrap .right .word {
    color: #666;
    margin-top: 4px;
    position: relative;
}

.special-focus .wrap1 .right .date {
    color: #b1b1b1;
}

.special-focus .wrap1.m-wrap .right .date {
    color: #666;
    position: absolute;
    left: 0;
    bottom: -24px;
    font-size: 12px;
}

.special-focus .wrap1 .right li:hover {
    background-color: #035cac;
}

.special-focus .wrap1 .right li:hover .f18 {
    color: #fff;
}

.special-focus .wrap1 .right li:hover .word {
    color: #a4b9d8;
}

.special-focus .wrap1 .right li:hover .date {
    color: #d4deec;
}

.special-focus .wrap2 {
    padding-top: 31px;
    padding-bottom: 65px;
    position: relative;
    overflow: hidden;
}

.special-focus .wrap2.m-wrap {
    padding-top: 12px;
    padding-bottom: 24px;
}

.special-focus .wrap .titbox {
    width: 100%;
    overflow: hidden;
}

.special-focus .wrap h2 {
    font-size: 42px;
    font-weight: normal;
    color: #035cac;
    line-height: 75px;
}

.special-focus .wrap.m-wrap h2 {
    font-size: 22px;
    line-height: 46px;
}

.special-focus .wrap.twrap h2 {
    font-size: 36px;
    line-height: 80px;
}

.special-focus .wrap2 ul {
    width: 103%;
}

.special-focus .wrap2.m-wrap ul {
    width: 100%;
}

.special-focus .wrap2 .look-more {
    font-size: 24px;
    color: #8ea9d0;
    line-height: 42px;
    display: inline-block;
    margin-top: 44px;
}

.special-focus .wrap2.twrap .look-more {
    margin-top: 25px;
}

.special-focus .wrap2.m-wrap .look-more {
    font-size: 16px;
    line-height: 46px;
    margin-top: 0;
}

.special-focus .wrap2 li {
    width: 31%;
    margin-right: 2%;
}

.special-focus.marg-bot .wrap2 li {
    margin-bottom: 20px;
}

.special-focus .wrap2.m-wrap li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 18px;
}

.special-focus .wrap2 li img {
    display: block;
    width: 100%;
}

.special-focus .wrap2 li a {
    display: block;
    cursor: pointer;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.special-focus .wrap2 li .cont {
    width: 90%;
    padding: 0 5% 25px 5%;
    background: url(../img/bg_13.png) repeat center;
    color: #fff;
    position: absolute;
    bottom: -110px;
    left: 0;
    transition: all 0.5s ease 0s;
}

.special-focus .wrap2.twrap li .cont {
    bottom: -31px;
    padding-bottom: 10px;
}

.special-focus .wrap2.m-wrap li .cont {
    bottom: 0;
    padding-bottom: 0;
}

.special-focus .wrap2 li .f18 {
    display: block;
    line-height: 28px;
    padding: 13px 0;
}

.special-focus .wrap2.twrap li .f18 {
    line-height: 20px;
}

.special-focus .wrap2.m-wrap li .f18 {
    line-height: 38px;
    font-size: 14px;
}

.special-focus .wrap2 li .word {
    line-height: 22px;
    display: block;
    height: 44px;
}

.special-focus .wrap2.twrap li .word {
    display: none;
}

.special-focus .wrap2.m-wrap li .word {
    display: none;
}

.special-focus .wrap2 li .more {
    display: inline-block;
    padding-right: 16px;
    background: url(../img/ico_43.png) no-repeat right center;
    margin-top: 18px;
}

.special-focus .wrap2.twrap li .more {
    margin-top: 0;
}

.special-focus .wrap2.m-wrap li .more {
    display: none;
}

.special-focus .wrap2 li:hover .cont {
    bottom: 0;
    background: url(../img/bg_09.png) repeat center;
}

.special-focus .wrap3 {
    padding-top: 18px;
    padding-bottom: 60px;
    position: relative;
}

.special-focus .wrap3 .more {
    display: inline-block;
    position: absolute;
    right: 6%;
    top: 35px;
    color: #8ea9d0;
    font-size: 24px;
    line-height: 40px;
}

.special-focus .wrap3.twrap .more {
    top: 45px;
}

.special-focus .wrap3.m-wrap .more {
    top: 25px;
    font-size: 16px;
}

.special-focus .wrap3 .imgwrap {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.special-focus .wrap3 ul {
    width: 101%;
}

.special-focus .wrap3 li {
    width: 33%;
    margin-right: 1px;
}

.special-focus .wrap3.m-wrap li {
    width: 100%;
    margin: 0;
}

.special-focus .wrap3 li a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.special-focus .wrap3 li a.big {
    margin-bottom: 1px;
}

.special-focus .wrap3 li img {
    display: block;
    width: 100%;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}

.special-focus .wrap3 li a:hover img {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}

.special-focus .wrap3 span.small {
    display: block;
    width: 102%;
    overflow: hidden;
    margin-bottom: 1px;
}

.special-focus .wrap3.m-wrap span.small {
    float: right;
}

.special-focus .wrap3 span.small a {
    width: 49%;
    margin-right: 1px;
}

/************新闻详情**************/
.news-info {
    padding-top: 40px;
    padding-bottom: 50px;
    transition: normal;
    position: relative;
}

.news-info .leftwrap {
    width: 66%;
    margin-right: 2%;
}

.news-info.twrap .leftwrap,
.news-info.m-wrap .leftwrap {
    margin-right: 0;
    width: 100%;
}

.news-info.m-wrap .leftwrap {
    padding-top: 10px;
}

.news-info .rightwrap {
    width: 32%;
}

.news-info.twrap .rightwrap,
.news-info.m-wrap .rightwrap {
    width: 100%;
}

.news-info h1 {
    font-weight: normal;
    margin-bottom: 14px;
    color: #505050;
    /*font-size: 42px;
    line-height: 50px;*/
    font-size: 18px;
    line-height: 30px;
}

.news-info.m-wrap h1 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.news-info .entry-meta {
    padding: 8px 20px;
    background: #edf1f7;
    overflow: hidden;
    color: #505050;
    line-height: 36px;
    font-size: 14px;
}

.news-info .contwrap {
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 40px;
    color: #555;
}

.news-info .contwrap img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.news-info.m-wrap .contwrap {
    padding-bottom: 0;
}

.news-info .rightwrap h4 {
    font-weight: bold;
    padding: 12px 14px;
    line-height: 23px;
    margin-bottom: 20px;
    background: #035cac;
    font-size: 16px;
    color: #fff;
}

.news-info.m-wrap .rightwrap h4 {
    font-size: 15px;
    padding: 6px 14px;
    margin-bottom: 0;
}

.news-info .rightwrap ul {
    width: 94%;
    padding: 0 3%;
}

.news-info.twrap .rightwrap ul {
    width: 96%;
    padding: 0 2%;
}

.news-info .rightwrap li {
    width: 100%;
    padding-bottom: 14px;
    padding-top: 7px;
    border-bottom: 1px solid #dadada;
}

.news-info .rightwrap li:last-child {
    border-bottom: none;
}

.news-info .rightwrap li a {
    color: #333;
    font-weight: bold;
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
}

.news-info.m-wrap .rightwrap li a {
    font-size: 15px;
    line-height: 24px;
}

.news-info .rightwrap li a:hover {
    color: #035cac;
}

.news-info .rightwrap li .post-date {
    display: block;
    line-height: 21px;
    font-size: 13px;
    color: #555;
    margin-top: 1px;
}

.news-info.m-wrap .rightwrap li .post-date {
    margin-top: 5px;
}

.news-info .paging {
    width: 100%;
    height:
}

.news-info .paging {
    height: 48px;
    padding: 20px 0;
    width: 100%;
}

.news-info.m-wrap .paging {
    height: auto;
}

.news-info .paging .fl {
    font-size: 12px;
    line-height: 22px;
}

.news-info.m-wrap .paging .fl {
    float: none;
    display: block;
    width: 100%;
}

.news-info .paging a {
    color: #666;
}

.news-info .paging a:hover {
    color: #035cac;
}

.news-info .paging .return {
    border: 1px solid #ddd;
    display: block;
    height: 34px;
    line-height: 34px;
    margin-top: 10px;
    text-align: center;
    width: 100px;
    font-size: 14px;
}

.news-info.m-wrap .paging .return {
    float: none;
}

.news-info .paging .return:hover {
    border: 1px solid #035cac;
    background-color: #035cac;
    color: #fff;
}

.video-info .m-video {
    display: none;
}

.video-info.m-wrap .m-video {
    display: block;
}

.video-info.m-wrap .p-video {
    display: none;
}

.social-recruit .section2 .sub-wrap {
    height: 100%;
}



.load-bg {
    width: 100%;
    height: 32px;
    background: url(../../img/loading.gif) no-repeat center;
}

.social-recruit {
    padding: 40px 0 100px;
    background: #f5f5f5;
}

.floor-nav {
    display: block;
}

.floor-nav a {
    display: inline;
    display: inline-block;
    width: 94px;
    margin-top: 20px;
    padding-left: 48px;
    margin-right: 2%;
    height: 40px;
    line-height: 40px;
    background: #e3e3e3;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
}

.floor-nav a:hover {
    color: #fff;
    background: #025bab;
}

.m-ins-navbox {
    display: none !important;
}

@media screen and (max-width: 1023px) {
    .wrap.m-wrap {
        /*padding: 0 3%;
        width: 94%;*/
        padding: 0 4.7%;
        width: 90.6%;
    }

    .m-wrap {
        padding: 0 4.7%;
        width: 90.6%;
    }

    .header.m-wrap {
        /*padding-top: 13px;
        padding-bottom: 13px;*/
        padding-top: 0;
        padding-bottom: 0;
        height: 46px;
    }

    .header.m-wrap.short {
        padding-top: 0;
        padding-bottom: 0;
    }

    .header.m-wrap.short.fixed {
        height: 46px;
    }

    .header.m-wrap .left {
        margin-top: 12px;
        padding-bottom: 5px;

    }

    .header.m-wrap .right {
        display: none;
    }

    .header.m-wrap .nav-ico {
        display: block;
        margin-right: 0;
        width: 66px;
        height: 46px;
        background: url(../img/ico_18.jpg) no-repeat center;
        background-size: auto 40%;
        margin-right: -5%;
    }

    .header.m-wrap .nav-ico.hover {
        background: url(../img/ico_99.png) no-repeat center #035cac;
        background-size: auto 40%;
    }

    .header.m-wrap .m-navwrap {
        width: 100%;
        position: absolute;
        top: 46px;
        left: 0;
        display: none;
        background: #fff;
    }

    .header.m-wrap .m-navwrap ul,
    .header.m-wrap .m-navwrap li {
        width: 100%;
    }

    .header.m-wrap .m-navwrap .tit {
        display: block;
        width: 78%;
        padding: 0 17% 0 5%;
        height: 46px;
        line-height: 46px;
        font-size: 15px;
        color: #fff;
        background: url(../img/ico_100.png) no-repeat 92% center #035cac;
        background-size: auto 22%;
        cursor: pointer;
        border-right: 1px solid #035cac;
    }

    .header.m-wrap .m-navwrap .tit a {
        color: #fff;
        display: block;
    }

    .header.m-wrap .m-navwrap .tit a:hover {
        color: #b0b0b0;
    }

    .header.m-wrap .m-navwrap li {
        border-bottom: 1px solid #aaa;
        border-right: 1px solid #035cac;
    }

    .header.m-wrap .m-navwrap .sub-box {
        width: 100%;
        background-color: #004888;
        display: none;
    }

    .header.m-wrap .m-navwrap .sub-box a {
        display: block;
        width: 78%;
        padding: 0 17.4% 0 4.6%;
        height: 34px;
        line-height: 34px;
        border-top: 1px solid #5484af;
        color: #fff;
        font-size: 13px;
    }

    .header.m-wrap .m-navwrap .sub-box a:hover {
        background-color: #013c71;
    }

    .header.m-wrap .logo {
        margin-left: 2%;
        /*height: 20px;*/
        height: 24px;
        width: 50%;
        max-width: 100%;
    }

    .header.m-wrap .left .nav {
        display: none;
    }

    .header.m-wrap .logo img {
        /*width: 100%;*/
        height: 100%;
    }

    .m-wrap .m-searchbtn {
        display: block;
    }

    .footer-main.m-wrap {
        padding: 10px 5% 20px;
        width: 90.6%;
    }
}

@media screen and (max-width: 780px) {
    .ins-navbox.m-wrap {
        display: none;
    }

    .m-ins-navbox {
        display: block !important;
    }

}

@charset "utf-8";

/* CSS Document */
.subject-page .wrap1 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.subject-page .wrap1.m-wrap {
    padding-top: 18px;
    padding-bottom: 15px;
}

.subject-page .wrap1 .titbox {
    width: 100%;
    height: 100px;
}

.subject-page .wrap1 .titbox h2 {
    color: #035cac;
    font-size: 48px;
    font-weight: normal;
    line-height: 100px;
    float: left;
}

.subject-page .wrap1.m-wrap .titbox h2 {
    font-size: 26px;
}

.subject-page .wrap1 .titbox .more {
    float: right;
    color: #8ea9d0;
    display: inline-block;
    font-size: 24px;
    line-height: 40px;
    margin-top: 30px;
}

.subject-page .wrap1.m-wrap .titbox .more {
    font-size: 17px;
}

.subject-page .wrap1 .left {
    width: 26%;
    background-color: #fff;
}

.subject-page .wrap1.m-wrap .left {
    width: 100%;
}

.subject-page .wrap1 .left .sub-mess {
    padding: 29px 5% 23px;
    background-color: #035cac;
}

.subject-page .wrap1.twrap .left .sub-mess {
    padding: 15px 7%;
}

.subject-page .wrap1.m-wrap .left .sub-mess {
    padding: 10px 5%;
}

.subject-page .wrap1 .left a {
    color: #fff;
    display: inline-block;
    cursor: pointer;
}

.subject-page .wrap1 .left .f18 {
    display: block;
    line-height: 29px;
}

.subject-page .wrap1.m-wrap .left .f18 {
    font-size: 16px;
    line-height: 24px;
}

.subject-page .wrap1 .left .date {
    line-height: 20px;
    display: block;
    color: #c2d0e4;
}

.subject-page .wrap1 .left .img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.subject-page .wrap1 .left img {
    display: block;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}

.subject-page .wrap1 .left .img:hover img {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}

.subject-page .wrap1 .left .word {
    display: block;
    width: 90%;
    padding: 21px 5% 28px;
    font-size: 14px;
    line-height: 25px;
}

.subject-page .wrap1 .left .word a {
    color: #666;
}

.subject-page .wrap1 .left .word a:hover {
    color: #035cac;
}

.subject-page .wrap1 .right {
    width: 73%;
}

.subject-page .wrap1.m-wrap .right {
    width: 100%;
    margin-top: 20px;
}

.subject-page .wrap1 .right ul {
    width: 100%;
}

.subject-page .wrap1 .right li {
    background-color: #fff;
    padding-left: 3%;
    margin-bottom: 20px;
    width: 97%;
}

.subject-page .wrap1.m-wrap .right li {
    width: 90%;
    padding: 10px 5%;
}

.subject-page .wrap1 .right .cont {
    width: 69%;
    padding-top: 23px;
}

.subject-page .wrap1.owrap .right .cont {
    padding-top: 15px;
}

.subject-page .wrap1.twrap .right .cont {
    width: 72%;
    padding-top: 10px;
}

.subject-page .wrap1.m-wrap .right .cont {
    width: 100%;
    padding-top: 5px;
}

.subject-page .wrap1 .right .tt {
    display: block;
    line-height: 37px;
}

.subject-page .wrap1.twrap .right .tt {
    font-size: 20px;
    line-height: 30px;
}

.subject-page .wrap1.m-wrap .right .tt {
    font-size: 18px;
    line-height: 25px;
}

.subject-page .wrap1 .right .tt a {
    color: #035cac;
}

.subject-page .wrap1 .right .word {
    display: block;
    line-height: 22px;
    margin-top: -2px;
    font-size: 12px;
    height: 44px;
    overflow: hidden;
}

.subject-page .wrap1.twrap .right .word {
    margin-top: 5px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}

.subject-page .wrap1 .right .date {
    padding: 17px 38px 10px;
    background-color: #626262;
    color: #bbb;
}

.subject-page .wrap1.owrap .right .date {
    padding: 7px 38px 5px;
}

.subject-page .wrap1.twrap .right .date {
    padding: 0 26px 0;
}

.subject-page .wrap1.m-wrap .right .date {
    background: none;
    padding: 0;
    float: left;
}

.subject-page .wrap1 .right .date .f30 {
    font-size: 24px;
    display: block;
    line-height: 44px;
}

.subject-page .wrap1.m-wrap .right .date .f30 {
    font-size: 12px;
    color: #666;
    display: inline;
    float: right;
    line-height: 30px;
}

.subject-page .wrap1 .right .date .f36 {
    display: block;
    line-height: 50px;
    font-size: 30px;
    text-align: center;
    border-top: 1px solid #898989;
}

.subject-page .wrap1.m-wrap .right .date .f36 {
    display: inline;
    font-size: 12px;
    color: #666;
    border: none;
    float: left;
    line-height: 30px;
}

.subject-page .wrap1.m-wrap .right .date .f36:after {
    content: ".";
}

.subject-page .wrap1 .right li:hover .date {
    color: #fff;
    background-color: #035cac;
}

.subject-page .wrap1.m-wrap .right li:hover .date {
    color: #bbb;
    background-color: #fff;
}

.subject-page .wrap1 .right li:hover .f36 {
    border-top: 1px solid #4285c1;
}

.subject-page .wrap2 {
    padding-top: 70px;
    padding-bottom: 68px;
    background: url(../img/bg_13.jpg) no-repeat center top #0362b2;
    position: relative;
    overflow: hidden;
}

.subject-page .wrap2.m-wrap {
    padding-top: 0;
}

.subject-page .wrap2 .left {
    width: 49%;
    margin-top: -20px;
}

.subject-page .wrap2.m-wrap .left {
    float: none;
    width: 100%;
    margin-top: 0;
}

.subject-page .wrap2 h2 {
    font-size: 42px;
    font-weight: bold;
    color: #fff;
    line-height: 80px;
}

.subject-page .wrap2.twrap h2 {
    font-size: 34px;
    line-height: 60px;
}

.subject-page .wrap2.m-wrap h2 {
    font-size: 24px;
}

.subject-page .wrap2 .line {
    display: block;
    width: 188px;
    height: 5px;
    background-color: #fff;
}

.subject-page .wrap2.twrap .line {
    height: 4px;
    width: 158px;
}

.subject-page .wrap2.m-wrap .line {
    display: none;
}

.subject-page .wrap2 .word {
    width: 100%;
    margin-top: 36px;
    line-height: 25px;
    font-size: 14px;
    color: #d4dfee;
}

.subject-page .wrap2.twrap .word {
    line-height: 22px;
    margin-top: 25px;
}

.subject-page .wrap2.m-wrap .word {
    line-height: 22px;
}

.subject-page .wrap2 .more {
    display: inline-block;
    padding-right: 60px;
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    margin-top: 36px;
    background: url(../img/ico_50.png) no-repeat right center;
    background-size: 36px;
}

.subject-page .wrap2.m-wrap .more {
    display: none;
}

.subject-page .wrap2 .img {
    display: block;
    width: 30%;
    transition: normal;
}

.subject-page .wrap2.m-wrap .img {
    width: 100%;
    float: none;
    position: absolute;
    left: 0;
    top: 85px;
}

.subject-page .wrap2 .img img {
    width: 100%;
    display: block;
}

.subject-page .wrap2 .font {
    display: inline-block;
    width: 23%;
    position: absolute;
    left: 50%;
    top: 110px;
    margin-left: 80px;
}

.subject-page .wrap2.m-wrap .font {
    width: 42%;
    top: 72px;
    left: auto;
    right: 0;
}

.subject-page .wrap2 .font img {
    width: 100%;
    display: block;
}

.subject-page .wrap3 {
    padding-top: 29px;
    padding-bottom: 49px;
    position: relative;
}

.subject-page .wrap3.m-wrap {
    padding-top: 10px;
}

.subject-page .wrap3 .list {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 36px;
}

.subject-page .wrap3.m-wrap .list {
    display: none;
}

.subject-page .wrap3 .m-list {
    display: none;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 35px;
    cursor: grab;
}

.subject-page .wrap3.m-wrap .m-list {
    display: block;
}

.subject-page .wrap3 .m-list ul,
.subject-page .wrap3 .m-list li {
    width: 100%;
}

.subject-page .wrap3 .m-list li {
    margin-right: 0;
    border-bottom: 1px solid #e1e1e1;
}

.subject-page .wrap3 .m-list li a,
.subject-page .wrap3 .m-list li img {
    display: block;
    width: 100%;
}

.subject-page .wrap3 .m-list .pagination {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.subject-page .wrap3 .m-list .pagination span {
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    width: 15px;
    height: 7px;
    border-radius: 0;
    background: url(../img/ico_51.png) no-repeat left center;
}

.subject-page .wrap3 .m-list .pagination span.swiper-pagination-bullet-active {
    width: 25px;
    background: url(../img/ico_51.png) no-repeat right center;
}

.subject-page .wrap3 h2 {
    font-size: 42px;
    color: #035cac;
    line-height: 105px;
    font-weight: normal;
}

.subject-page .wrap3.twrap h2 {
    font-size: 32px;
    line-height: 70px;
}

.subject-page .wrap3.m-wrap h2 {
    font-size: 20px;
    line-height: 49px;
}

.subject-page .wrap3 .more {
    display: inline-block;
    color: #8ea9d0;
    font-size: 18px;
    position: absolute;
    right: 6%;
    line-height: 40px;
    top: 69px;
}

.subject-page .wrap3.twrap .more {
    top: 48px;
}

.subject-page .wrap3.m-wrap .more {
    top: 16px;
    font-size: 16px;
}

.subject-page .wrap3 ul {
    width: 101%;
}

.subject-page .wrap3 li {
    width: 24%;
    margin-right: 1%;
    position: relative;
    overflow: hidden;
}

.subject-page .wrap3 li a {
    display: block;
    width: 100%;
}

.subject-page .wrap3 li .img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.subject-page .wrap3 li img {
    width: 100%;
    display: block;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}

.subject-liw .wrap3 li img.upimg {
    position: absolute;
    left: 0;
    top: 0;
}

.subject-page .wrap3 li p {
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    padding: 15px 0 0;
    margin-bottom: 15px;
    height: 48px;
    overflow: hidden;
}

.subject-page .wrap3.twrap li p {
    font-size: 12px;
}

.subject-page .wrap3.m-wrap li p {
    font-size: 12px;
}

.subject-page .wrap3 li:hover p {
    color: #035cac;
}

.subject-page .wrap3 li:hover img {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}

.subject-page .wrap3 .btnbox {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.subject-page .wrap3 .btnbox span {
    float: left;
    display: block;
    width: 15px;
    height: 7px;
    background: url(../img/ico_51.png) no-repeat left center;
    cursor: pointer;
    margin-right: 8px;
    transition: normal;
}

.subject-page .wrap3 .btnbox span.on {
    background: url(../img/ico_51.png) no-repeat right center;
    width: 25px;
}

.video-center.m-wrap {
    transition: normal;
}

.video-center .top-scroll {
    padding-top: 60px;
    padding-bottom: 90px;
    position: relative;
}

.video-center.twrap .top-scroll {
    padding-bottom: 80px;
}

.video-center.m-wrap .top-scroll {
    padding-top: 40px;
    padding-bottom: 0;
}

.video-center .top-scroll .imglist {
    width: 90%;
    position: relative;
    overflow: hidden;
    height: 316px;
    margin: 0 auto;
}

.video-center .top-scroll .imglist ul {
    height: 316px;
    position: relative;
    width: 100%;
}

.video-center .top-scroll .imglist li {
    z-index: 1;
    top: 40px;
    height: 241px;
    width: 571px;
    left: 100%;
    position: absolute;
    transition: normal;
    overflow: hidden;
    background-color: #000;
}

.video-center .top-scroll .imglist li.on {
    z-index: 2;
    height: 316px;
    margin-left: -373px;
    top: 0;
}

.video-center .top-scroll .imglist li a {
    display: block;
    width: 100%;
    cursor: pointer;
    height: 100%;
}

.video-center .top-scroll .imglist li img {
    display: block;
    width: 100%;
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

.video-center .top-scroll .imglist li.on img {
    opacity: 1;
    filter: Alpha(opacity=100);
}

.video-center .top-scroll .butn {
    display: block;
    position: absolute;
    top: 200px;
    width: 28px;
    height: 51px;
    cursor: pointer;
}

.video-center .top-scroll .prevbtn {
    background: url(../img/ico_52.png) no-repeat left center;
    left: 0;
}

.video-center .top-scroll .nextbtn {
    background: url(../img/ico_52.png) no-repeat right center;
    right: 0;
}

.video-center.m-wrap .top-scroll .imglist,
.video-center.m-wrap .top-scroll .butn,
.video-center.m-wrap .top-scroll .btnbox {
    display: none;
}

.video-center .m-scroll {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 40px;
    display: none;
    margin-bottom: 21px;
}

.video-center.m-wrap .m-scroll {
    display: block;
}

.video-center .m-scroll ul {
    width: 100%;
}

.video-center .m-scroll li {
    width: 100%;
}

.video-center .m-scroll li a,
.video-center .m-scroll li img {
    display: block;
    width: 100%;
}

.video-center .m-scroll .pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.video-center .m-scroll .pagination span {
    display: block;
    width: 15px;
    height: 7px;
    float: left;
    margin-right: 8px;
    background: url(../img/ico_51.png) no-repeat left center;
    border-radius: 0;
}

.video-center .m-scroll .pagination span.swiper-pagination-bullet-active {
    width: 25px;
    background: url(../img/ico_51.png) no-repeat right center;
}

.video-center .video-centnav {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

.video-center .video-centnav a {
    display: inline-block;
    font-size: 18px;
    line-height: 56px;
    padding: 0 22px;
    margin-right: 27px;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    position: relative;
    transition: normal;
}

.video-center.m-wrap .video-centnav a {
    padding: 0 6px;
    margin-right: 22px;
}

.video-center .video-centnav a:hover,
.video-center .video-centnav a.hover {
    color: #035cac;
    border-bottom: 2px solid #035cac;
    margin-bottom: -1px;
}

.video-center .listbox {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 37px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}

.video-center.m-wrap .listbox {
    padding-top: 20px;
}

.video-center .listbox ul {
    width: 102%;
}

.video-center .listbox li {
    width: 23%;
    margin-right: 2%;
    margin-bottom: 6px;
}

.video-center.m-wrap .listbox li {
    width: 48%;
}

.video-center .listbox li a {
    display: block;
    width: 100%;
    cursor: pointer;
}

.video-center .listbox li .img {
    display: block;
    width: 100%;
    position: relative;
}

.video-center .listbox li img {
    width: 100%;
    display: block;
}

.video-center .listbox li .upbg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.35;
    filter: Alpha(opacity=35);
    z-index: 1;
}

.video-center .listbox li .upico {
    display: block;
    width: 48px;
    height: 48px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -24px;
    margin-top: -24px;
    z-index: 2;
}

.video-center .listbox li p {
    line-height: 30px;
    text-align: center;
    padding: 17px 0;
    font-size: 16px;
}

.video-center .listbox li p {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
}

.video-center .listbox li a:hover .upbg {
    background: url(../img/bg_09.png) repeat center;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.video-center .listwrap {
    width: 100%;
}

/****************产业服务*************/
.industrial-service {
    width: 100%;
}

.industrial-service.m-wrap {
    padding: 0;
}

.industrial-service ul {
    width: 100%;
}

.industrial-service li {
    width: 100%;
}

.industrial-service li .imgbox {
    display: block;
    width: 50%;
    position: relative;
}

.industrial-service.m-wrap li .imgbox {
    width: 100%;
}

.industrial-service li .imgbox img {
    display: block;
    width: 100%;
}

.industrial-service li .contbox {
    padding: 100px 13% 0 10%;
    width: 26%;
}

.industrial-service.m-wrap li .contbox {
    padding: 18px 4.7% 13px;
    width: 90.6%;
}

.industrial-service.owrap li .contbox {
    padding: 62px 12% 0 10%;
    width: 28%;
}

.industrial-service.twrap li .contbox {
    padding: 62px 10% 0 10%;
    width: 29%;
}

.industrial-service li .f48 {
    font-size: 42px;
    display: block;
    line-height: 50px;
}

.industrial-service.owrap li .f48 {
    font-size: 34px;
    line-height: 40px;
}

.industrial-service.twrap li .f48 {
    font-size: 34px;
    line-height: 40px;
}

.industrial-service li .f48 a {
    color: #035cac;
}

.industrial-service.m-wrap li .f48 {
    font-size: 18px;
    line-height: 22px;
}

.industrial-service li .f18 {
    display: block;
    line-height: 36px;
}

.industrial-service.m-wrap li .f18 {
    line-height: 18px;
    font-size: 12px;
}

.industrial-service li .word {
    display: block;
    line-height: 20px;
    margin-top: 10px;
}

.industrial-service.owrap li .word {
    margin-top: 5px;
    line-height: 22px;
}

.industrial-service.twrap li .word {
    margin-top: 5px;
    line-height: 22px;
    display: none;
}

.industrial-service.m-wrap li .word {
    font-size: 12px;
    line-height: 18px;
    margin-top: 7px;
}

.industrial-service li .word a:hover {
    color: #035cac;
}

.industrial-service li .more {
    display: inline-block;
    padding-right: 53px;
    line-height: 30px;
    font-size: 16px;
    color: #000;
    background: url(../img/ico_31.png) no-repeat right center;
    background-size: 30px;
    margin-top: 20px;
}

.industrial-service li .more:hover {}

.industrial-service.owrap li .more {
    margin-top: 10px;
}

.industrial-service.twrap li .more {
    margin-top: 10px;
}

.industrial-service.m-wrap li .more {
    margin-top: 12px;
    padding-right: 40px;
    background-size: auto 80%;
}

.industrial-service li .more:hover {
    color: #035cac;
    background: url(../img/ico_103.png) no-repeat right center;
    background-size: 30px;
    /*background-size: auto 80%;*/
}

.industrial-service.m-wrap li .more:hover {
    background: url(../img/ico_103.png) no-repeat right center;
    background-size: auto 80%;
}

.industrial-service li .upbox {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../img/bg_09.png) repeat center;
    display: none;
}

.industrial-service li .upbox .ico {
    width: 22px;
    height: 15px;
    background: url(../img/ico_83.png) no-repeat center;
    position: absolute;
    top: 0;
    left: 9%;
    display: none;
}

.industrial-service.m-wrap li .upbox .ico {
    display: block;
}

.industrial-service.m-wrap li .upbox {
    display: block;
}

.industrial-service li .upbox a {
    display: inline-block;
    padding-right: 70px;
    font-size: 18px;
    color: #fff;
    line-height: 38px;
    background: url(../img/ico_54.png) no-repeat right center;
    margin-right: 108px;
}

.industrial-service li .upbox a:hover {
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

.industrial-service.owrap li .upbox a {
    margin-right: 60px;
}

.industrial-service.twrap li .upbox a {
    margin-right: 30px;
}

.industrial-service.m-wrap li .upbox a {
    font-size: 12px;
    padding-right: 40px;
    margin-right: 50px;
    background-size: auto 80%;
}

.industrial-service li .upbox .box {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
}

.industrial-service.m-wrap li .upbox .box {
    margin-top: -19px;
}

.ins-tit {
    width: 100%;
    padding-bottom: 45px;
}

.m-wrap .ins-tit {
    padding: 12px 4.7% 11px;
    width: 90.6%;
}

.ins-tit .f48 {
    font-size: 42px;
    line-height: 50px;
    color: #035cac;
}

.twrap .ins-tit .f48 {
    font-size: 40px;
    line-height: 60px;
}

.m-wrap .ins-tit .f48 {
    font-size: 16px;
    line-height: 24px;
}

.ins-tit .f24 {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    margin-top: 18px;
}

.twrap .ins-tit .f24 {
    font-size: 20px;
    line-height: 34px;
}

.m-wrap .ins-tit .f24 {
    font-size: 14px;
    line-height: 18px;
}

.industrial-metal {
    padding-top: 32px;
    transition: normal;
    position: relative;
}

.industrial-metal.m-wrap {
    width: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.industrial-metal .listwrap ul {
    width: 100%;
    padding-bottom: 40px;

}

.industrial-metal .listwrap li {
    width: 100%;
    /*margin-bottom: 60px;*/
    background-color: #fff;
    height: 500px;
    position: relative;
    overflow: hidden;
}

.industrial-metal.service-metal .listwrap li.rank-li {
    height: auto;
    margin-bottom: 0;
}

.industrial-metal.service-metal .listwrap li.rank-li:nth-child(n+2) {
    margin-top: 40px;
}

.industrial-metal.service-metal .listwrap li span {
    transition: normal;
}

.industrial-metal.service-metal .listwrap ol,
.industrial-metal.service-metal .listwrap ol li {
    height: 100%;
}

.industrial-metal.service-metal .listwrap ol li {
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    transition: normal;
    /*position: absolute;
	left: 0;
	top: 0;*/
}

.industrial-metal .listwrap li.special-li {
    height: auto;
}

.industrial-metal.m-wrap .listwrap li {
    margin-bottom: 30px;
    transition: normal;
}

.industrial-metal .listwrap .cont {
    width: 50%;
    padding: 60px;
    padding-bottom: 50px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    right: 0;
}

.industrial-metal .listwrap li {
    position: relative;
}

.industrial-metal .listwrap .cont .link-targ {
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    /*width: 200px;*/
    padding: 0 60px;
    padding-right: 80px;
    text-align: center;
    background: #CD3125;
    /*background: url(../img/ico_123.png) no-repeat 16% center #e3e3e3;*/
    /*background: url(../img/ico_124.png) no-repeat 98px center #025bab;*/
    color: #fff;
    margin-top: 30px;
    position: relative;
}

.industrial-metal .listwrap .cont .link-targ:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 6px;
    background: url(../img/img2/i16.png) no-repeat center;
    background-size: 100%;
    top: 0;
    bottom: 0;
    right: 60px;
    margin: auto;
    transition: .5s ease-in-out;

}

.industrial-metal .listwrap .cont .pbox {
    height: calc(100% - 70px);
    overflow-y: auto;
}

.industrial-metal .listwrap .cont .link-targ:hover:after {
    transition: .5s ease-in-out;
    right: 50px;
}

/*.industrial-metal .listwrap .cont .link-targ:hover{
	background: url(../img/ico_124.png) no-repeat 16% center #025bab;
	color: #fff;
}*/
/*.industrial-metal.owrap .listwrap .cont{
	padding-top: 5px;
	padding-bottom: 5px;
}
.industrial-metal.twrap .listwrap .cont{
	padding-top: 16px;
	padding-bottom: 10px;
}*/
.industrial-metal.m-wrap .listwrap .cont {
    margin: 0;
    padding: 16px 4.7%;
    width: 90.6%;
}

.industrial-metal .listwrap .f36 {
    font-size: 24px;
    line-height: 44px;
    color: #035cac;
}

/*.industrial-metal.owrap .listwrap .f36{
	font-size: 26px;
	line-height: 36px;
}
.industrial-metal.twrap .listwrap .f36{
	font-size: 26px;
	line-height: 36px;
}*/
.industrial-metal.m-wrap .listwrap .f36 {
    font-size: 18px;
    line-height: 24px;
}

.industrial-metal .listwrap .word {
    display: block;
    line-height: 25px;
    font-size: 15px;
    color: #333333;
}

/*.industrial-metal.owrap .listwrap .word{
	margin-top: 5px;
	margin-bottom: 10px;
}
.industrial-metal.twrap .listwrap .word{
	margin-top: 5px;
	margin-bottom: 10px;
}*/
.industrial-metal.m-wrap .listwrap .word {
    margin-top: 7px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 20px;
}

.industrial-metal .listwrap .f24 {
    display: block;
    line-height: 30px;
    color: #333;
    font-size: 18px;
}

.industrial-metal .listwrap .f24.blue {
    color: #035cac;
}

.industrial-metal.m-wrap .listwrap .f24 {
    font-size: 16px;
    line-height: 20px;
}

.industrial-metal .listwrap .font {
    display: block;
    /*line-height: 24px;*/
    /*margin-top: 7px;*/
    /*font-size: 13px;*/
}

.industrial-metal.m-wrap .listwrap .font {
    font-size: 12px;
    line-height: 20px;
}

.industrial-metal .listwrap .img {
    display: none;
    width: 50%;
    position: relative;
    height: 100%;
    overflow: hidden;
    transition: normal;
    margin-right: -1px;
    background: url(../../img/loading.gif) no-repeat center;
}

.industrial-metal.twrap .listwrap li.rank-li .cont {
    width: 93%;
}

.industrial-metal.service-metal.twrap .listwrap .img {
    width: 93%;
    margin-right: 3.5%;
    margin-top: 30px;
}

.industrial-metal .listwrap .img .btnbox {
    bottom: 10px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 10;
}

.industrial-metal .listwrap .img .btnbox span {
    background: url(../img/ico_51.png) no-repeat left center;
    cursor: pointer;
    display: inline-block;
    height: 7px;
    margin-right: 8px;
    transition: normal 0s ease 0s;
    width: 15px;
}

.industrial-metal .listwrap .img .btnbox span.on {
    background: url(../img/ico_51.png) no-repeat right center;
    width: 25px;
}

.industrial-metal.m-wrap .listwrap .img {
    display: none;
}

.industrial-metal .listwrap .m-img {
    display: none;
    padding-bottom: 23px;
    position: relative;
    margin-bottom: 10px;
}

.industrial-metal .listwrap .m-img .pagination {
    left: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
    position: absolute;
}

.industrial-metal .listwrap .m-img .pagination span {
    background: url(../img/ico_51.png) no-repeat left center;
    border-radius: 0;
    height: 7px;
    margin-right: 8px;
    width: 15px;
    display: inline-block;
    float: none;
}

.industrial-metal .listwrap .m-img .pagination span.swiper-pagination-bullet-active {
    background: url(../img/ico_51.png) no-repeat right center;
    width: 25px;
}

.industrial-metal.m-wrap .listwrap .m-img {
    width: 100%;
    height: auto;
    /*margin-top: 35px;*/
    overflow: inherit;
    display: block;
}

.industrial-metal .listwrap img {
    display: block;
    height: auto;
}

.industrial-metal .listwrap img.h-f {
    height: 100%;
}

.industrial-metal.m-wrap .listwrap img {
    width: 100%;
}

.industrial-metal .listwrap .upbox {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/bg_09.png) repeat center;
    display: none;
    z-index: 10;
}

.industrial-metal.m-wrap .listwrap .upbox {
    display: block;
    background: none;
    height: 56px;
    left: 4%;
    top: -54px;
}

.industrial-metal .listwrap .upbox .ico {
    display: none;
    width: 22px;
    height: 15px;
    position: absolute;
    left: 9%;
    top: 0;
    z-index: 10;
    background: url(../img/ico_83.png) no-repeat center;
}

.industrial-metal.m-wrap .listwrap .upbox .ico {
    /*display: block;*/
}

.industrial-metal .listwrap .upbox a {
    display: inline-block;
    padding-right: 88px;
    line-height: 44px;
    font-size: 24px;
    color: #fff;
    background: url(../img/ico_55.png) no-repeat right center;
    background-size: 44px;
}

.industrial-metal.m-wrap .listwrap .upbox a {
    font-size: 16px;
    padding-right: 40px;
    background: url(../img/ico_122.png) no-repeat right center;
    background-size: auto 60%;
    color: #888;
}

.industrial-metal .listwrap .box {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -10px;
    text-align: center;
    transition: normal;
}

.industrial-metal.m-wrap .listwrap .box {
    margin-top: -28px;
    text-align: left;

}

.industrial-metal .listwrap .rightcont {
    width: 40%;
    background: url(../img/bg_14.jpg) no-repeat right top;
    padding: 50px 6% 120px 4%;
    transiton: normal;
}

/*.industrial-metal.owrap .listwrap .rightcont{
	padding: 16px 6% 30px 4%;
}
.industrial-metal.twrap .listwrap .rightcont{
	padding: 10px 6% 20px 4%;
}*/
.industrial-metal.m-wrap .listwrap .rightcont {
    padding: 10px 4.7% 20px;
    width: 90.6%;
}

.industrial-metal .listwrap .rightcont .f36 {
    color: #fff;
}

.industrial-metal .listwrap .rightcont .word {
    color: #e4e4e4;
    margin-bottom: 0;
    transition: normal;
}

/**************企业文化***************/
.culture-fir {
    position: relative;
    overflow: hidden;
}

.culture-fir.m-wrap {
    width: 100%;
    padding: 0;
}

.culture-fir ul {
    width: 101%;
    border-left: 1px solid #e5e5e5;
}

.culture-fir.m-wrap ul {
    width: 100%;
    border-left: none;
}

.culture-fir li {
    width: 24%;
    border-right: 1px solid #e5e5e5;
    height: 240px;
    padding: 35px 6px 0;
}

.culture-fir.owrap li {
    padding: 40px 4px 6px;
}

.culture-fir.twrap li {
    padding: 30px 2px 0;
}

.culture-fir.m-wrap li {
    width: 88%;
    padding: 18px 6%;
    border-bottom: 1px solid #e5e5e5;
    border-right: none;
    height: auto;
}

.culture-fir li .ico {
    display: block;
    width: 100%;
    height: 47px;
}

.culture-fir.m-wrap li .ico {
    float: left;
    width: 46px;
    margin-right: 7.5%;
}

.culture-fir li .ico1 {}

.culture-fir li .ico2 {}

.culture-fir li .ico3 {}

.culture-fir li .ico4 {}

.culture-fir li .f18 {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    margin-top: 11px;
    text-align: center;
}

.culture-fir.m-wrap li .f18 {
    margin-top: 0;
    float: left;
    width: 75%;
    text-align: left;
}

.culture-fir li .word {
    display: block;
    text-align: center;
    color: #666;
    margin-top: 10px;
    line-height: 24px;
    padding: 0 10px;
}

.culture-fir.m-wrap li .word {
    margin-top: 0;
    float: left;
    width: 70%;
    text-align: left;
    padding-left: 0;
}

.culture-main {
    padding-top: 40px;
    padding-bottom: 10px;
}

.culture-main.m-wrap {
    width: 100%;
    padding: 0;
    background-color: #fff;
}

.culture-main ul {
    width: 100%;
}

.culture-main li {
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px;
    height: 420px;
}

.culture-main.m-wrap li {
    margin-bottom: 0;
}

.culture-main li .img {
    display: block;
    width: 65%;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.culture-main li .img .ico {
    display: none;
    width: 22px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 8.5%;
    background: url(../img/ico_83.png) no-repeat center;
    z-index: 2;
}

.culture-main.m-wrap li .img {
    width: 100%;
    float: none;
    margin-top: 26px;
}

.culture-main.m-wrap li .img .ico {
    display: block;
}

.culture-main li img {
    display: block;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}

.culture-main.m-wrap li img {
    width: 100%;
    height: auto;
}

.culture-main li .img:hover img {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}

.culture-main li .cont {
    width: 25%;
    padding-top: 70px;
    margin-left: 4%;
    margin-right: 4%;
}

.culture-main.twrap li .cont {
    padding-top: 10px;
}

.culture-main.m-wrap li .cont {
    float: none;
    padding: 0 4.7%;
    width: 90.6%;
    margin: 0;
}

.culture-main li .f48 {
    font-size: 42px;
    display: block;
    line-height: 50px;
}

.culture-main.twrap li .f48 {
    font-size: 24px;
    line-height: 40px;
}

.culture-main.m-wrap li .f48 {
    font-size: 18px;
    margin-top: 22px;
    line-height: 20px;
}

.culture-main li .f48 a {
    color: #035cac;
}

.culture-main li .word {
    display: block;
    line-height: 22px;
    margin-top: 14px;
    font-size: 12px;
}

.culture-main.twrap li .word {
    margin-top: 0;
}

.culture-main.m-wrap li .word {
    margin-top: 6px;
    line-height: 24px;
}

.culture-main li .label {
    display: block;
    margin-top: 30px;
    overflow: hidden;
}

.culture-main.twrap li .label {
    margin-top: 0;
}

.culture-main li .label a {
    float: left;
    display: inline-block;
    padding-left: 17px;
    line-height: 28px;
    color: #333;
    background: url(../img/ico_60.png) no-repeat left center;
    margin-right: 20px;
}

.culture-main li .label a:hover {
    color: #035cac;
    background: url(../img/ico_61.png) no-repeat left center;
}

.culture-main .show-wrap {
    width: 100%;
    position: relative;
}

.culture-main.twrap .show-wrap {
    height: 220px;
    overflow: hidden;
}

.culture-main.m-wrap .show-wrap {
    height: 139px;
    background: url(../img/bg_15.jpg) no-repeat center;
    background-size: auto 100%;
    margin-top: 12px;
}

.culture-main .show-wrap img {
    display: block;
    width: 100%;
}

.culture-main.twrap .show-wrap img {
    position: absolute;
    margin-left: -525px;
    left: 50%;
    top: 0;
    width: auto;
    height: 220px;
}

.culture-main.m-wrap .show-wrap img {
    display: none;
}

.culture-main .show-wrap .f48 {
    display: block;
    text-align: center;
    font-size: 48px;
    color: #fff;
    line-height: 105px;
}

.culture-main.m-wrap .show-wrap .f48 {
    font-size: 24px;
    line-height: 53px;
}

.culture-main .show-wrap .more {
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #035cac;
    background-color: #fff;
}

.culture-main .show-wrap .more:hover {
    opacity: 0.8;
}

.culture-main.m-wrap .show-wrap .more {
    width: 100px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
}

.culture-main .show-wrap .fontbox {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -78px;
    left: 0;
    width: 100%;
    z-index: 2;
}

.culture-main.m-wrap .show-wrap .fontbox {
    margin-top: -44px;
}

.culture-scroll {
    padding-top: 50px;
    padding-bottom: 62px;
    transition: normal;
}

.culture-scroll.m-wrap {
    width: 100%;
    padding: 0;
}

.culture-scroll .titbox {
    width: 100%;
    position: relative;
    height: 66px;
}

.culture-scroll .titbox .line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #d8e1e9;
    position: absolute;
    top: 50%;
    z-index: 1;
}

.culture-scroll .titbox .f48 {
    font-size: 48px;
    color: #035cac;
    display: block;
    width: 390px;
    text-align: center;
    background-color: #fff;
    line-height: 66px;
    z-index: 2;
    position: absolute;
    left: 50%;
    margin-left: -195px;
    top: 0;
}

.culture-scroll.m-wrap .titbox .f48 {
    width: 32%;
    margin-left: -16%;
    font-size: 16px;
}

.culture-scroll .scroll-wrap {
    width: 1515px;
    margin: 60px auto 0;
}

.culture-scroll.m-wrap .scroll-wrap {
    margin-top: 0;
    width: 100%;
}

.culture-scroll .scroll-list {
    padding-bottom: 55px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.culture-scroll.m-wrap .scroll-list {
    display: none;
}

.culture-scroll .scroll-list li {
    width: 160px;
    margin-right: 178px;
}

.culture-scroll .scroll-list li a {
    display: block;
    width: 100%;
    cursor: pointer;
}

.culture-scroll .scroll-list li .img {
    display: block;
    width: 100%;
    height: 160px;
    position: relative;
}

.culture-scroll .scroll-list li .img img {
    display: block;
    width: 100%;
}

.culture-scroll .scroll-list li .upbg {
    display: block;
    width: 160px;
    height: 160px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/bg_16.png) no-repeat center;
}

.culture-scroll .scroll-list li .f18 {
    display: block;
    line-height: 27px;
    margin-top: 20px;
    color: #035cac;
    text-align: center;
}

.culture-scroll .scroll-list li .word {
    display: block;
    line-height: 18px;
    margin-top: 12px;
    text-align: center;
}

/*.culture-scroll .scroll-list .btnbox{
	position: absolute;
	bottom: 0;
	left: 50%;
}
.culture-scroll .scroll-list .btnbox span{
	display: block;
	float: left;
	margin-right: 8px;
	cursor: pointer;
	width: 15px;
	height: 7px;
	background: url(../img/ico_51.png) no-repeat left center;
	transition: normal;
}
.culture-scroll .scroll-list .btnbox span.on{
	background: url(../img/ico_51.png) no-repeat right center;
	width: 25px;
}*/
.culture-scroll .scroll-mlist {
    width: 90%;
    position: relative;
    overflow: hidden;
    display: none;
    margin: 0 auto;
    padding-bottom: 43px;
}

.culture-scroll.m-wrap .scroll-mlist {
    display: block;
}

.culture-scroll .scroll-mlist ul,
.culture-scroll .scroll-mlist li {
    width: 100%;
}

.culture-scroll .scroll-mlist .box {
    width: 50%;
    float: left;
}

.culture-scroll .scroll-mlist .box a {
    display: block;
    width: 100%;
}

.culture-scroll .scroll-mlist .pic {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    position: relative;
}

.culture-scroll .scroll-mlist .pic img {
    width: 100%;
}

.culture-scroll .scroll-mlist .pic .upbg {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/bg_16.png) no-repeat center;
    background-size: 100%;
}

.culture-scroll .scroll-mlist .f22 {
    font-size: 15px;
    color: #035cac;
    display: block;
    text-align: center;
    line-height: 33px;
}

.culture-scroll .scroll-mlist .word {
    display: block;
    margin-top: 8px;
    line-height: 15px;
    font-size: 12px;
    text-align: center;
}

.culture-scroll .scroll-mlist .pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.culture-scroll .scroll-mlist .pagination span {
    display: block;
    float: left;
    width: 15px;
    height: 7px;
    background: url(../img/ico_51.png) no-repeat left center;
    margin-right: 8px;
    border-radius: 0;
}

.culture-scroll .scroll-mlist .pagination span.swiper-pagination-bullet-active {
    width: 25px;
    background: url(../img/ico_51.png) no-repeat right center;
}

.culture-botwrap {
    padding-top: 150px;
    height: 350px;
    background: url(../img/bg_17.jpg) no-repeat center;
}

.culture-botwrap.m-wrap {
    padding-top: 38px;
    height: auto;
    padding-bottom: 30px;
    background-size: auto 100%;
    margin-top: 25px;
}

.culture-botwrap .f48 {
    font-size: 48px;
    color: #fff;
    line-height: 65px;
    text-align: center;
}

.culture-botwrap.m-wrap .f48 {
    font-size: 16px;
    line-height: 28px;
}

.culture-botwrap .f36 {
    font-size: 36px;
    line-height: 48px;
    text-align: center;
    color: #b8d5ef;
    text-transform: uppercase;
}

.culture-botwrap.m-wrap .f36 {
    font-size: 16px;
    line-height: 25px;
}

.culture-botwrap .listbox {
    width: 88%;
    margin: 48px auto 0;
    text-align: center;
}

.culture-botwrap.m-wrap .listbox {
    width: 100%;
    margin-top: 22px;
}

.culture-botwrap .listbox a {
    display: inline-block;
    width: 198px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #fff;
    color: #fff;
    margin-right: 20px;
    font-size: 16px;
    margin-bottom: 10px;
}

.culture-botwrap.m-wrap .listbox a {
    width: 120px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin: 9px;
}

.culture-botwrap .listbox a:hover {
    color: #035cac;
    background-color: #fff;
}

.integrity-wrap {
    padding-top: 94px;
    padding-bottom: 100px;
    position: relative;
    transition: normal;
}

.integrity-wrap .imgwrap {
    width: 44%;
    position: relative;
    overflow: hidden;
    /*display: none;*/
}

.integrity-wrap .happiness-bg .imgwrap {
    position: relative;
    /*left: 0;
	top: 50%;*/
    background: url(../../img/loading.gif) no-repeat center;
}

.integrity-wrap .happiness-bg .imgwrap ul,
.integrity-wrap .happiness-bg .imgwrap li {
    height: 100%;
}

.integrity-wrap.integrity-bray {
    background-color: #f5f5f5;
}

.integrity-wrap.integrity-bray.m-wrap {
    background-color: #fff;
}

.integrity-wrap .happiness-bg {
    background-color: #fff;
    position: relative;
}

.integrity-wrap.m-wrap .imgwrap {
    display: none;
}

.integrity-wrap .imgwrap li {
    transition: normal;
}

.integrity-wrap .imgwrap .boxs {
    display: none;
    width: 100%;
}

.integrity-wrap .imgwrap img {
    width: 100%;
    display: block;
}

.integrity-wrap .imgwrap .btnbox {
    width: 100%;
    text-align: center;
    /*margin-top: 30px;
	float: left;*/
    position: absolute;
    bottom: 10px;
    left: 0;
}

.integrity-wrap .imgwrap .btnbox span {
    /*display: inline-block;
	width: 80px;
	height: 2px;
	background-color: #ccc;
	margin-left: 8px;
	margin-right: 9px;
	cursor: pointer;
	margin-top: 3px;
	transition: normal;*/
    background: url(../img/ico_51.png) no-repeat left center;
    cursor: pointer;
    display: inline-block;
    height: 7px;
    margin-right: 8px;
    transition: normal 0s ease 0s;
    width: 15px;
}

.integrity-wrap .imgwrap .btnbox span.on {
    /*height: 5px;
	background-color: #e24d1b;
	margin-top: 0;*/
    background: url(../img/ico_51.png) no-repeat right center;
    width: 25px;
}

.integrity-wrap.twrap .imgwrap .btnbox span {
    /*width: 50px;*/
}

.integrity-wrap .rightcont {
    width: 50%;
    /*padding-top: 29px;*/
}

.integrity-wrap.integrity-bray .rightcont {
    width: 49%;
    margin-right: 4%;
}

.integrity-wrap .rightcont .type-list {
    width: 100%;
}

.integrity-wrap .rightcont .type-list ul {
    width: 100%;
}

.integrity-wrap .rightcont .type-list li {
    width: 94px;
    padding-left: 48px;
    margin-right: 2%;
    height: 40px;
    line-height: 40px;
    background: url(../img/ico_119.png) no-repeat 16% center #e3e3e3;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 14px;
}

.integrity-wrap.owrap .rightcont .type-list li {
    margin-bottom: 10px;
}

.integrity-wrap .rightcont .type-list li.li1 {
    background: url(../img/ico_126.png) no-repeat 16% bottom #e3e3e3;
}

.integrity-wrap .rightcont .type-list li.li2 {
    background: url(../img/ico_127.png) no-repeat 16% bottom #e3e3e3;
}

.integrity-wrap .rightcont .type-list li.li3 {
    background: url(../img/ico_128.png) no-repeat 16% bottom #e3e3e3;
}

.integrity-wrap .rightcont .type-list li.li4 {
    background: url(../img/ico_129.png) no-repeat 16% bottom #e3e3e3;
}

.integrity-wrap .rightcont .type-list li.li5 {
    background: url(../img/ico_130.png) no-repeat 16% bottom #e3e3e3;
}

.integrity-wrap.m-wrap .rightcont .type-list li {
    padding-left: 45px;
}

.integrity-wrap .rightcont .type-list li a {
    display: block;
    width: 94px;
    padding-left: 48px;
    margin-left: -48px;
}

.integrity-wrap.twrap .rightcont .type-list li {
    margin-bottom: 6px;
}

/*.integrity-wrap .rightcont .type-list li.vid{
	background: url(../img/ico_118.png) no-repeat 16% center #e3e3e3;
}*/
.erlou {
    width: 94px;
    padding-left: 48px;
    margin-right: 2%;
    height: 40px;
    line-height: 40px;
    background: url(../img/ico_123.png) no-repeat 16% center #e3e3e3;
    margin-bottom: 20px;
    color: #666;
    display: inline;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s;
}

.erlou:hover {
    background: url(../img/ico_124.png) no-repeat 16% center #025bab;
    color: #fff;
    transition: all 0.3s;
}

.integrity-wrap .rightcont .type-list li:hover,
.integrity-wrap .rightcont .type-list li.hover {
    background-position: 16% top !important;
    background-color: #025bab !important;
    color: #fff;
}

.integrity-wrap .rightcont .type-list li:hover a,
.integrity-wrap .rightcont .type-list li.hover a {
    color: #fff;
}

/*.integrity-wrap .rightcont .type-list li.vid:hover{
	background: url(../img/ico_120.png) no-repeat 16% center #025bab !important;
}*/
.integrity-wrap .rightcont .type-list li.li5:hover a {
    color: #fff;
}

.integrity-wrap .rightcont .type-list li.link {
    background: url(../img/ico_123.png) no-repeat 16% center #e3e3e3;
}

.integrity-wrap .rightcont .type-list li.link:hover {
    background: url(../img/ico_124.png) no-repeat 16% center #025bab;
}

.integrity-wrap .rightcont .type-list li.link:hover a {
    color: #fff;
}

.integrity-wrap.m-wrap .rightcont {
    width: 100%;
    padding-top: 15px;
    margin-right: 0;
}

.integrity-wrap .rightcont .f30 {
    display: block;
    line-height: 40px;
    color: #035cac;
    font-size: 30px;
    margin-top: 42px;
}

.integrity-wrap.owrap .rightcont .f30 {
    margin-top: 10px;
}

.integrity-wrap.twrap .rightcont .f30 {
    margin-top: 14px;
    font-size: 28px;
    line-height: 32px;
}

.integrity-wrap.m-wrap .rightcont .f30 {
    font-size: 16px;
    line-height: 25px;
    margin-top: 0;
}

.integrity-wrap .rightcont .word {
    display: block;
    line-height: 30px;
    margin-top: 7px;
    font-size: 14px;
    margin-bottom: 29px;
}

.integrity-wrap.owrap .rightcont .word {
    margin-bottom: 13px;
}

.integrity-wrap.twrap .rightcont .word {
    margin-top: 8px;
    margin-bottom: 10px;
}

.integrity-wrap.m-wrap .rightcont .word {
    margin-top: 7px;
    margin-bottom: 16px;
    line-height: 20px;
}

.integrity-wrap .rightcont .blue {
    color: #035cac;
}

.integrity-wrap .rightcont .fontli {
    display: block;
    line-height: 30px;
}

.integrity-wrap .rightcont .fontli p {
    padding-left: 14px;
    background: url(../img/ico_62.jpg) no-repeat 1px center;
}

.integrity-wrap .m-scroll {
    display: none;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 23px;
    position: relative;
    overflow: hidden;
}

.integrity-wrap .m-scroll ul,
.integrity-wrap .m-scroll li {
    width: 100%;
}

.integrity-wrap .m-scroll li img {
    width: 100%;
    display: block;
}

.integrity-wrap.m-wrap .m-scroll {
    display: block;
}

.integrity-wrap .m-scroll .pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.integrity-wrap.integrity-bray .m-scroll .pagination {
    width: 100%;
    text-align: center;
    left: 0;
}

.integrity-wrap .m-scroll .pagination span {
    border-radius: 0;
    width: 15px;
    height: 7px;
    float: left;
    margin-right: 8px;
    background: url(../img/ico_51.png) no-repeat left center;
}

.integrity-wrap.integrity-bray .m-scroll .pagination span {
    float: none;
}

.integrity-wrap .m-scroll .pagination span.swiper-pagination-bullet-active {
    width: 25px;
    background: url(../img/ico_51.png) no-repeat right center;
}

/*******************刊物****************/
.periodical-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
    width: 1370px;
    min-width: 1200px;
    margin: 0 auto 0;
    position: relative;
}

.periodical-wrap.owrap {
    width: 1200px;
}

.periodical-wrap .left-paper {
    width: 370px;
}

.periodical-wrap .left-paper .topwrap {
    width: 338px;
    padding: 20px 16px 25px;
    background-color: #fff;
    height: 560px;
}

.periodical-wrap .left-paper .imgbox {
    width: 100%;
    height: 497px;
    position: relative;
}

.periodical-wrap .left-paper .imgbox a {
    display: block;
    position: absolute;
    z-index: 10;
}

.periodical-wrap .left-paper .imgbox a:hover {
    background-color: #fe0;
    opacity: 0.4;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

.periodical-wrap .left-paper .pagebox {
    width: 100%;
    height: 42px;
    margin-top: 20px;
}

.periodical-wrap .left-paper .pagebox a {
    display: block;
    height: 42px;
    font-size: 16px;
    line-height: 42px;
    transition: none;
}

.periodical-wrap .left-paper .pagebox .prev {
    padding-left: 54px;
    width: 81px;
    background: url(../img/ico_63.png) no-repeat 19px top #e5e5e5;
    color: #919191;
}

.periodical-wrap .left-paper .pagebox .prev:hover {
    background: url(../img/ico_63.png) no-repeat 19px bottom #035cac;
    color: #fff;
}

.periodical-wrap .left-paper .pagebox .next {
    padding-left: 34px;
    width: 101px;
    background: url(../img/ico_64.png) no-repeat 110px top #e5e5e5;
}

.periodical-wrap .left-paper .pagebox .next:hover {
    background: url(../img/ico_64.png) no-repeat 110px bottom #035cac;
    color: #fff;
}

.periodical-wrap .bot-nav {
    width: 100%;
    margin-top: 20px;
    background-color: #fff;
    min-height: 150px;
}

.periodical-wrap .tit {
    display: block;
    padding-left: 20px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 59px;
    font-size: 18px;
    color: #035cac;
}

.periodical-wrap .bot-nav .box {
    display: block;
    width: 100%;
    padding-top: 24px;
    text-align: center;
}

.periodical-wrap .bot-nav .box a {
    display: inline-block;
    width: 70px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #e5e5e5;
    font-size: 16px;
    margin: 5px 8px;
}

.periodical-wrap .bot-nav .box a:hover {
    color: #fff;
    background-color: #035cac;
}

.periodical-wrap .cent-wrap {
    width: 640px;
    margin-left: 20px;
    background-color: #fff;
    height: 776px;
}

.periodical-wrap.owrap .cent-wrap {
    width: 500px;
}

.periodical-wrap .cent-wrap .list {
    padding-top: 19px;
    padding-left: 36px;
}

.periodical-wrap .cent-wrap .list li {
    width: 600px;
    line-height: 36px;
    font-size: 14px;
}

.periodical-wrap .cent-wrap .list li a {
    display: inline-block;
    padding-left: 15px;
    background: url(../img/ico_62.jpg) no-repeat left center;
}

.periodical-wrap .cent-wrap .list li a:hover {
    color: #035cac;
}

.periodical-wrap .rightwrap {
    width: 320px;
    background-color: #fff;
    height: 776px;
}

.periodical-wrap.owrap .rightwrap {
    width: 290px;
}

.periodical-wrap .rightwrap .listbox {
    padding-top: 19px;
    padding-left: 36px;
    position: relative;
    overflow: hidden;
    height: 603px;
    width: 240px;
}

.periodical-wrap .rightwrap .listbox li {
    width: 240px;
}

.periodical-wrap .rightwrap .listbox p {
    line-height: 36px;
    font-size: 14px;
}

.periodical-wrap .rightwrap .listbox a {
    display: inline-block;
    padding-left: 14px;
    background: url(../img/ico_62.jpg) no-repeat left center;
}

.periodical-wrap .rightwrap .listbox a:hover {
    color: #035cac;
}

.periodical-wrap .rightwrap .bot-page {
    padding-top: 26px;
    width: 100%;
    text-align: center;
    height: 42px;
    border-top: 1px solid #e5e5e5;
}

.periodical-wrap .rightwrap .bot-page span {
    display: inline-block;
    height: 42px;
    font-size: 16px;
    line-height: 42px;
    cursor: pointer;
    margin: 0 13px;
    text-align: left;
    transition: normal;
}

.periodical-wrap .rightwrap .bot-page .prev {
    padding-left: 44px;
    width: 71px;
    color: #919191;
    background: url(../img/ico_63.png) no-repeat 19px top #e5e5e5;
}

.periodical-wrap .rightwrap .bot-page .prev:hover {
    background: url(../img/ico_63.png) no-repeat 19px bottom #035cac;
    color: #fff;
}

.periodical-wrap .rightwrap .bot-page .next {
    padding-left: 24px;
    width: 91px;
    background: url(../img/ico_64.png) no-repeat 90px top #e5e5e5;
}

.periodical-wrap .rightwrap .bot-page .next:hover {
    background: url(../img/ico_64.png) no-repeat 90px bottom #035cac;
    color: #fff;
}

.periodical-wrap .peri-info {
    width: 900px;
    background-color: #fff;
    padding: 0 40px;
    min-height: 776px;
}

.periodical-wrap.owrap .peri-info {
    width: 730px;
}

.periodical-wrap .peri-info .titbox {
    border-bottom: 1px solid #ddd;
    margin-top: 12px;
    padding: 15px 0;
    text-align: center;
}

.periodical-wrap .peri-info .titbox h2 {
    font-size: 24px;
    line-height: 60px;
    width: 100%;
    color: #035cac;
}

.periodical-wrap .peri-info .titbox p.ti {
    color: #c7c7c7;
    font-size: 14px;
    margin-top: 5px;
}

.periodical-wrap .peri-info .cont {
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    min-height: 514px;
    padding: 20px 10px;
    width: 100%;
}

.periodical-wrap .peri-info .paging {
    height: 48px;
    padding: 20px 0;
    width: 100%;
}

.periodical-wrap .peri-info .paging .fl {
    font-size: 14px;
    line-height: 24px;
}

.periodical-wrap .peri-info .paging a {
    color: #666;
}

.periodical-wrap .peri-info .paging a:hover {
    color: #035cac;
}

.periodical-wrap .peri-info .paging .return {
    border: 1px solid #ddd;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    text-align: center;
    width: 86px;
}

.periodical-wrap .peri-info .paging .return:hover {
    border: 1px solid #035cac;
}

.periodical-wrap .select-type {
    width: 320px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 10px;
    background-color: #fff;
    z-index: 5;
}

.periodical-wrap .select-type .tt {
    padding-left: 30px;
    cursor: pointer;
    background: url(../img/ico_106.png) no-repeat scroll 270px center;
    line-height: 38px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    color: #035cac;
}

.periodical-wrap .select-type .tt.on {
    background: url(../img/ico_107.png) no-repeat scroll 270px center;
}

.periodical-wrap .select-type .tt:hover {
    color: #035cac;
}

.periodical-wrap .select-type .subbox {
    display: block;
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #fff;
    display: none;
    transition: normal;
}

.periodical-wrap .select-type .subbox a {
    display: block;
    padding-left: 30px;
    line-height: 30px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    height: 30px;
    transition: normal;
}

.periodical-wrap .select-type .subbox a:hover {
    color: #035cac;
}

.periodical-wrap .crumbs {
    position: absolute;
    left: 0;
    top: 14px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
}

.periodical-wrap .crumbs a {
    color: #666;
}

/****************社会公益*****************/
.public-wrap .wrap1 {
    padding-top: 45px;
    background: url(../img/bg_18.jpg) repeat-x center top #f5f5f5;
    transtion: normal;
}

.public-wrap .wrap1.m-wrap {
    padding-top: 23px;
    background: none;
}

.public-wrap .wrap1.white {
    background: #fff;
    margin-bottom: 30px;
}

.public-wrap .wrap1 .titbox .f48 {
    font-size: 42px;
    line-height: 50px;
    color: #035cac;
}

.public-wrap .wrap1.m-wrap .titbox {
    padding-bottom: 27px;
}

.public-wrap .wrap1.m-wrap .titbox .f48 {
    font-size: 20px;
    line-height: 28px;
}

.public-wrap .wrap1 .titbox .f18 {
    line-height: 40px;
}

.public-wrap .wrap1.m-wrap .titbox .f18 {
    font-size: 14px;
    line-height: 22px;
}

.public-wrap .wrap1 .main {
    padding-top: 10px;
}

.public-wrap .wrap1 h2 {
    font-weight: normal;
    font-size: 24px;
    color: #035cac;
    line-height: 70px;
}

.public-wrap .wrap1.m-wrap h2 {
    font-size: 18px;
    line-height: 40px;
    padding: 0 5%;
    width: 100%;
    margin-left: -5%;
    background-color: #f5f5f5;
    margin-top: 0;
    padding-top: 14px;
}

.public-wrap .wrap1 .scroll-list {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 38px;
}

.public-wrap .wrap1.m-wrap .scroll-list {
    display: none;
}

.public-wrap .wrap1 .scroll-mwrap {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5;
    padding: 0 5%;
    margin-left: -5%;
    display: none;
}

.public-wrap .wrap1 .scroll-mwrap ul,
.public-wrap .wrap1 .scroll-mwrap li {
    width: 100%;
}

.public-wrap .wrap1 .scroll-mwrap .box {
    width: 48.5%;
    background-color: #fff;
}

.public-wrap .wrap1 .scroll-mwrap .box a {
    display: block;
    width: 100%;
}

.public-wrap .wrap1 .scroll-mwrap .box img {
    width: 100%;
    display: block;
}

.public-wrap .wrap1 .scroll-mwrap .cont {
    width: 87%;
    padding: 9px 4% 10px 9%;
    height: 158px;
}

.public-wrap .wrap1 .scroll-mwrap .cont .f18 {
    font-size: 16px;
    color: #555;
    line-height: 22px;
    display: block;
}

.public-wrap .wrap1 .scroll-mwrap .cont .word {
    line-height: 18px;
    font-size: 12px;
    color: #888;
    margin-top: 3px;
    display: block;
}

.public-wrap .wrap1.m-wrap .scroll-mwrap {
    display: block;
}

.public-wrap .wrap1.m-wrap .scroll-mlist {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;
}

.public-wrap .wrap1 .scroll-mlist .pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.public-wrap .wrap1 .scroll-mlist .pagination span {
    display: block;
    float: left;
    width: 15px;
    height: 7px;
    margin-right: 8px;
    background: url(../img/ico_51.png) no-repeat left center;
    border-radius: 0;
}

.public-wrap .wrap1 .scroll-mlist .pagination span.swiper-pagination-bullet-active {
    width: 25px;
    background: url(../img/ico_51.png) no-repeat right center;
}

.public-wrap .wrap1 .scroll-list li {
    width: 19%;
    margin-right: 1%;
    background-color: #fff;
}

.public-wrap .wrap1 .scroll-list li a {
    display: block;
    width: 100%;
    cursor: pointer;
}

.public-wrap .wrap1 .scroll-list .btnbox {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.public-wrap .wrap1 .scroll-list .btnbox span {
    display: block;
    float: left;
    width: 15px;
    height: 7px;
    margin-right: 8px;
    cursor: pointer;
    background: url(../img/ico_51.png) no-repeat left center;
    transition: normal;
}

.public-wrap .wrap1 .scroll-list .btnbox span.on {
    width: 25px;
    background: url(../img/ico_51.png) no-repeat right center;
}

.public-wrap .wrap1 .scroll-list li .bg {
    display: block;
}

.public-wrap .wrap1 .scroll-list li .imgbox {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

.public-wrap .wrap1 .scroll-list li .img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.public-wrap .wrap1 .scroll-list .cont {
    padding: 25px 30px 47px 30px;
    min-height: 108px;
}

.public-wrap .wrap1 .scroll-list .f18 {
    display: block;
    line-height: 28px;
    color: #555;
}

.public-wrap .wrap1 .scroll-list .word {
    line-height: 24px;
    display: block;
    margin-top: 8px;
    color: #888;
}

.public-wrap .wrap2 {
    padding-top: 38px;
    padding-bottom: 65px;
    transition: normal;
}

.public-wrap .wrap2.m-wrap {
    padding-top: 22px;
    padding-bottom: 23px;
}

.public-wrap .wrap2 h2 {
    font-size: 30px;
    line-height: 60px;
    font-weight: normal;
    color: #035cac;
}

.public-wrap .wrap2.m-wrap h2 {
    font-size: 18px;
    line-height: 35px;
}

.public-wrap .wrap2 .scroll-list2 {
    width: 100%;
    margin-top: 15px;
    position: relative;
    overflow: hidden;
    padding-bottom: 37px;
}

.public-wrap .wrap2.m-wrap .scroll-list2 {
    display: none;
}

.public-wrap .wrap2 .scroll-list2 li {
    width: 28%;
    margin-right: 1%;
    padding: 26px 2% 47px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    min-height: 127px;
}

.public-wrap .wrap2 .scroll-list2 .num {
    display: inline-block;
    font-size: 172px;
    line-height: 126px;
    color: #f5f5f5;
    position: absolute;
    right: 25px;
    bottom: -41px;
}

.public-wrap .wrap2.owrap .scroll-list2 .num {
    font-size: 110px;
    line-height: 100px;
    right: 4px;
}

.public-wrap .wrap2.twrap .scroll-list2 .num {
    font-size: 90px;
    line-height: 100px;
    right: 4px;
}

.public-wrap .wrap2 .scroll-list2 .btnbox2 {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.public-wrap .wrap2 .scroll-list2 .btnbox2 span {
    display: block;
    float: left;
    width: 15px;
    height: 7px;
    margin-right: 8px;
    cursor: pointer;
    background: url(../img/ico_51.png) no-repeat left center;
    transition: normal;
}

.public-wrap .wrap2 .scroll-list2 .btnbox2 span.on {
    width: 25px;
    background: url(../img/ico_51.png) no-repeat right center;
}

.public-wrap .wrap2 .scroll-list2 .f18 {
    line-height: 28px;
    display: block;
}

.public-wrap .wrap2 .scroll-list2 .f18 a {
    color: #555;
}

.public-wrap .wrap2 .scroll-list2 .word {
    display: block;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 19px;
}

.public-wrap .wrap2 .scroll-list2 .word a {
    color: #888;
}

.public-wrap .wrap2 .scroll-list2 .word a:hover {
    color: #035cac;
}

.public-wrap .wrap2 .scroll-list2 li .font {
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: #333;
}

.public-wrap .wrap2 .scroll-mlist2 {
    display: none;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}

.public-wrap .wrap2 .scroll-mlist2 ul {
    width: 100%;
}

.public-wrap .wrap2 .scroll-mlist2 li {
    width: 100%;
    background-color: #fff;
}

.public-wrap .wrap2 .scroll-mlist2 li .box {
    width: 84%;
    padding: 12px 10% 17px 6%;
    position: relative;
    min-height: 130px;
}

.public-wrap .wrap2 .scroll-mlist2 li .f22 {
    display: block;
    font-size: 14px;
    line-height: 20px;
}

.public-wrap .wrap2 .scroll-mlist2 .f22 a {
    color: #555;
}

.public-wrap .wrap2 .scroll-mlist2 .word {
    display: block;
    width: 100%;
    margin-top: 10px;
    line-height: 16px;
    font-size: 12px;
    margin-top: 20px;
}

.public-wrap .wrap2 .scroll-mlist2 .word a {
    color: #888;
}

.public-wrap .wrap2 .scroll-mlist2 .font {
    display: block;
    line-height: 16px;
    color: #333;
    font-size: 12px;
    margin-top: 10px;
}

.public-wrap .wrap2 .scroll-mlist2 .num {
    font-size: 64px;
    color: #f5f5f5;
    position: absolute;
    right: 2px;
    bottom: 0;
    line-height: 64px;
}

.public-wrap .wrap2 .scroll-mlist2 .pagination-s {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.public-wrap .wrap2 .scroll-mlist2 .pagination-s span {
    display: block;
    float: left;
    width: 15px;
    height: 7px;
    background: url(../img/ico_51.png) no-repeat left center;
    border-radius: 0;
    margin-right: 8px;
}

.public-wrap .wrap2 .scroll-mlist2 .pagination-s span.swiper-pagination-bullet-active {
    width: 25px;
    background: url(../img/ico_51.png) no-repeat right center;
}

.public-wrap .wrap2.m-wrap .scroll-mlist2 {
    display: block;
}

.public-wrap .wrap3 {
    height: 450px;
    background: url(../img/bg_20.jpg) no-repeat center;
}

.public-wrap .wrap3.m-wrap {
    height: 192px;
    background-size: auto 100%;
}

.public-wrap .wrap3 .contwrap {
    width: 40%;
    padding-top: 92px;
}

.public-wrap .wrap3.m-wrap .contwrap {
    padding-top: 17px;
    width: 64%;
}

.public-wrap .wrap3 .f48 {
    font-size: 42px;
    display: block;
    line-height: 50px;
}

.public-wrap .wrap3.m-wrap .f48 {
    font-size: 16px;
    line-height: 25px;
}

.public-wrap .wrap3 .f48 a {
    color: #035cac;
}

.public-wrap .wrap3 .word {
    line-height: 28px;
    margin-top: 15px;
    display: block;
    font-size: 14px;
}

.public-wrap .wrap3.m-wrap .word {
    margin-top: 6px;
    line-height: 18px;
    font-size: 12px;
}

.public-wrap .wrap3 .more {
    display: inline-block;
    padding-right: 55px;
    line-height: 40px;
    font-size: 16px;
    color: #000;
    margin-top: 22px;
    background: url(../img/ico_65.png) no-repeat right center;
    background-size: 40px;
}

.public-wrap .wrap3 .more:hover {
    background: url(../img/ico_110.png) no-repeat right center;
    color: #035cac;
    background-size: 40px;
}

.public-wrap .wrap3.m-wrap .more {
    display: none;
}

.public-wrap .wrap4 {
    padding-top: 127px;
    height: 373px;
    background: url(../img/bg_21.jpg) no-repeat center;
    text-align: center;
}

.public-wrap .wrap4.mwrap {
    padding-top: 20px;
    height: 230px;
    background-size: auto 100%;
}

.public-wrap .wrap4 .report-wrap {
    width: 960px;
    margin: 30px auto 0;
}

.public-wrap .wrap4 .report-wrap .boxs {
    width: 479px;
}

.public-wrap .wrap4 .report-wrap .boxs.fir {
    border-right: 1px solid #81a5c5;
}

.public-wrap .wrap4.twrap {
    height: 420px;
    padding-top: 80px;
}

.public-wrap .wrap4.twrap .report-wrap {
    width: 100%;
}

.public-wrap .wrap4.mwrap .report-wrap {
    width: 100%;
    margin-top: 5px;
}

.public-wrap .wrap4.twrap .report-wrap .boxs {
    width: 100%;
    margin-bottom: 20px;
    border: none;
}

.public-wrap .wrap4.mwrap .report-wrap .boxs {
    width: 100%;
    margin-bottom: 0;
    border: none;
}

.public-wrap .wrap4 .tit {
    display: block;
    line-height: 50px;
    background: url(../img/bg_22.png) no-repeat center;
    font-size: 42px;
    color: #fff;
}

.public-wrap .wrap4.mwrap .tit {
    font-size: 20px;
    line-height: 33px;
    background-size: 100% auto;
}

.public-wrap .wrap4 .f36 {
    display: block;
    line-height: 44px;
    color: #b8d5ef;
    font-size: 36px;
    text-transform: uppercase;
}

.public-wrap .wrap4.mwrap .f36 {
    line-height: 25px;
    font-size: 16px;
}

.public-wrap .wrap4 .f24 {
    line-height: 40px;
    display: block;
    color: #fff;
}

.public-wrap .wrap4.mwrap .f24 {
    line-height: 26px;
    font-size: 17px;
    margin-top: 6px;
}

.public-wrap .wrap4 .butn {
    width: 155px;
    height: 35px;
    background-color: #fff;
    text-align: center;
    line-height: 35px;
    color: #035cac;
    font-size: 14px;
    margin: 20px auto 0;
    display: block;
}

.public-wrap .wrap4 .butn:hover {
    opacity: 0.8;
}

.public-wrap .wrap4.mwrap .butn {
    width: 140px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin-top: 10px;
}

.integrity-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
}

.integrity-wrap.m-wrap {
    padding-bottom: 60px;
}

.integrity-wrap .listwrap {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;
    /*border-bottom: 1px solid #d4d4d4;*/
}

.integrity-wrap .page {
    border-top: 1px solid #d4d4d4;
}

.integrity-wrap.m-wrap .listwrap {
    padding-top: 16px;
}

.integrity-wrap .listwrap ul {
    width: 102%;
}

.integrity-wrap.m-wrap .listwrap ul {
    width: 100%;
}

.integrity-wrap .listwrap li {
    width: 24%;
    margin-right: 1%;
    background-color: #fff;
    margin-bottom: 20px;
}

.integrity-wrap.m-wrap .listwrap li {
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
}

.integrity-wrap .listwrap li:hover {
    background-color: #035cac;
}

.integrity-wrap .listwrap li a {
    display: block;
    padding: 27px 7% 25px;
    width: 86%;
}

.integrity-wrap.m-wrap .listwrap li a {
    width: 90%;
    padding: 10px 5%;
}

.integrity-wrap .listwrap li .f18 {
    display: block;
    line-height: 30px;
    color: #035cac;
    height: 30px;
    overflow: hidden;
}

.integrity-wrap .listwrap li .date {
    line-height: 24px;
    display: block;
    color: #888;
}

.integrity-wrap .listwrap li .word {
    display: block;
    line-height: 24px;
    padding-top: 13px;
    border-top: 1px solid #e5e5e5;
    margin-top: 13px;
    height: 72px;
    overflow: hidden;
}

.integrity-wrap .listwrap li .more {
    display: inline-block;
    padding-right: 16px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    margin-top: 19px;
    background: url(../img/ico_42.png) no-repeat right center;
}

.integrity-wrap .listwrap li:hover .f18 {
    color: #fff;
}

.integrity-wrap .listwrap li:hover .date {
    color: #82a0cb;
}

.integrity-wrap .listwrap li:hover .word {
    color: #a1b7d7;
    border-top: 1px solid #1d6db4;
}

.integrity-wrap .listwrap li:hover .more {
    color: #fff;
    background: url(../img/ico_43.png) no-repeat right center;
}

.integrity-wrap.m-wrap .page {
    width: 100%;
}

.integrity-wrap.m-wrap .page img {
    max-width: 100%;
}

/****************联系我们**************/
.contact-wrap {
    transition: normal;
}

.contact-wrap .wrap1 {
    padding-top: 30px;
    width: 100%;
}

.contact-wrap h2 {
    font-size: 42px;
    line-height: 85px;
    color: #035cac;
    font-weight: normal;
}

.contact-wrap.m-wrap h2 {
    font-size: 18px;
    line-height: 22px;
}

.contact-wrap .leftwrap {
    width: 48%;
    margin-top: 12px;
    font-size: 14px;
}

.contact-wrap.m-wrap .leftwrap {
    width: 100%;
    font-size: 12px;
    margin-top: 5px;
}

.contact-wrap.m-wrap .leftwrap .top-font {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 18px;
}

.contact-wrap .leftwrap .word {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    margin-top: 62px;
}

.contact-wrap.m-wrap .leftwrap .word {
    margin-top: 12px;
}

.contact-wrap .leftwrap a {
    color: #035cac;
}

.contact-wrap .map {
    width: 50%;
    height: 370px;
    border: 1px solid #ccc;
    margin-top: 21px;
}

.contact-wrap.m-wrap .map {
    display: none;
}

.contact-wrap .wrap1 .link-map {
    display: none;
}

.contact-wrap.m-wrap .wrap1 .link-map {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 40px;
    background: url(../img/ico_84.png) no-repeat 30% center #035cac;
    background-size: auto 50%;
    font-size: 16px;
    color: #fff;
    margin-top: 33px;
}

.contact-wrap .wrap2 {
    width: 100%;
    margin-top: 68px;
    padding-bottom: 60px;
}

.contact-wrap.m-wrap .wrap2 h2 {
    line-height: 39px;
}

.contact-wrap .wrap2 .tab-wrap {
    width: 97%;
    padding-right: 3%;
    padding-top: 50px;
    padding-bottom: 55px;
    background-color: #f5f5f5;
    font-size: 14px;
}

.contact-wrap.m-wrap .wrap2 .tab-wrap {
    display: none;
}

.contact-wrap .wrap2 .tab-wrap.m-tabwrap {
    display: none;
}

.contact-wrap.m-wrap .wrap2 .tab-wrap.m-tabwrap {
    display: block;
    padding: 0;
    width: 100%;
    background: none;
    margin-top: 5px;
}

.contact-wrap .wrap2 .tab-wrap .tt {
    padding-right: 1%;
    text-align: right;
}

.contact-wrap .wrap2 .tab-wrap .tex {
    font-size: 14px;
    height: 15px;
    line-height: 14px;
    padding: 14px 10px 13px 10px;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    width: 95%;
}

.contact-wrap.m-wrap .wrap2 .m-tabwrap .tex {
    width: 93%;
}

.contact-wrap .wrap2 .tab-wrap .code {
    width: 100px;
    font-size: 14px;
    height: 15px;
    line-height: 14px;
    padding: 14px 10px 13px 10px;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    margin-right: 10px;
}

.contact-wrap .wrap2 .area {
    border: 1px solid #dbdbdb;
    width: 98%;
    padding: 10px;
    resize: none;
}

.contact-wrap.m-wrap .wrap2 .area {
    width: 93%;
}

.contact-wrap .wrap2 .sub-btn {
    border: none;
    width: 192px;
    height: 40px;
    background-color: #035cac;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.contact-wrap.m-wrap .wrap2 .m-tabwrap .sub-btn {
    width: 100%;
}

.contact-wrap.m-wrap .wrap2 .stex {
    font-size: 14px;
    height: 15px;
    line-height: 14px;
    padding: 14px 10px 13px 10px;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    width: 40%;
    margin-right: 4%;
}

.contact-wrap .wrap2 .code-img {
    border: 1px solid #dbdbdb;
    margin-right: 20px;
}

/*****************人力资源****************/
.header-recruit {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
}

.header-recruit.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
}

.header-recruit.m-wrap {
    display: none;
}

.header-recruit .f24 {
    display: inline-block;
    margin-left: 28px;
    line-height: 49px;
}

.header-recruit .nav {
    margin-left: 224px;
    line-height: 49px;
}

.header-recruit.owrap .nav {
    margin-left: 50px;
}

.header-recruit.twrap .nav {
    margin-left: 0;
}

.header-recruit.twrap .f24 {
    margin-right: 50px;
}

.header-recruit .nav a {
    display: inline-block;
    margin-right: 31px;
    float: left;
    padding-left: 44px;
    background: url(../img/ico_49.png) no-repeat left center;
    font-size: 16px;
    color: #333;
}

.header-recruit.owrap .nav a {
    padding-left: 30px;
    margin-right: 20px;
}

.header-recruit.owrap .nav a:last-child {
    margin-right: 0;
}

.header-recruit.twrap .nav a {
    padding-left: 30px;
    margin-right: 20px;
}

.header-recruit.twrap .nav a:last-child {
    margin-right: 0;
}

.header-recruit .nav a:hover {
    color: #035cac;
}

.header-recruit .nav a.home {
    padding-left: 0;
    background: none;
}

.header-recruit .log-font {
    display: block;
    line-height: 49px;
    font-size: 14px;
    /*width: 230px;*/
}

.header-recruit .log-font a {
    color: #666;
}

.header-recruit .log-font a.return {
    border: 1px solid #ddd;
    display: block;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    margin-top: 5px;
    text-align: center;
    width: 100px;
}

.header-recruit .log-font a.return:hover {
    background-color: #035cac;
    border: 1px solid #035cac;
    color: #fff;
}

.recruit-wrap .wrap1 {
    padding-top: 69px;
}

.recruit-wrap .wrap1.m-wrap {
    padding-top: 30px;
}

.recruit-wrap .wrap1 .titbox {
    width: 37%;
    margin: 0 auto;
    text-align: center;
}

.recruit-wrap .wrap1.m-wrap .titbox {
    width: 100%;
}

.recruit-wrap .wrap1 .titbox .f48 {
    font-size: 48px;
    color: #045dac;
    display: block;
    line-height: 67px;
}

.recruit-wrap .wrap1.m-wrap .titbox .f48 {
    font-size: 22px;
    line-height: 28px;
}

.recruit-wrap .wrap1 .titbox .font {
    display: block;
    line-height: 30px;
    font-size: 16px;
    margin-top: 12px;
}

.recruit-wrap .wrap1.m-wrap .titbox .font {
    margin-top: 8px;
    font-size: 13px;
    line-height: 22px;
}

.recruit-wrap .column-wrap {
    width: 100%;
    margin-top: 35px;
    position: relative;
    overflow: hidden;
}

.recruit-wrap .m-wrap .column-wrap {
    margin-top: 28px;
    overflow: hidden;
}

.recruit-wrap .column-wrap ul {
    width: 102%;
}

.recruit-wrap .m-wrap .column-wrap ul {
    width: 110%;
    /*margin-left: -5%;*/
    overflow: hidden;
}

.recruit-wrap .column-wrap li {
    width: 31%;
    margin-right: 2%;
}

.recruit-wrap .m-wrap .column-wrap li {
    /*width: 32%;*/
    width: 90%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.recruit-wrap .m-wrap .column-wrap li:last-child {
    margin-right: 0;
}

.recruit-wrap .column-wrap li a {
    display: block;
    width: 100%;
    cursor: pointer;
    position: relative;
}

.recruit-wrap .column-wrap li img {
    display: block;
    width: 100%;
}

.recruit-wrap .column-wrap li .upbox1 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/bg_23.png) repeat center;
}

.recruit-wrap .column-wrap li .box {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
}

.recruit-wrap .column-wrap li .upbox1 .f30 {
    font-size: 30px;
    line-height: 49px;
    color: #fff;
}

.recruit-wrap .m-wrap .column-wrap li .upbox1 .f30 {
    font-size: 13px;
    line-height: 38px;
}

.recruit-wrap .column-wrap li .upbox1 .f24 {
    line-height: 37px;
    color: #f1efee;
    text-transform: uppercase;
}

.recruit-wrap .m-wrap .column-wrap li .upbox1 .f24 {
    display: none;
}

.recruit-wrap .column-wrap li .line {
    display: block;
    width: 50px;
    height: 2px;
    background-color: #f1efee;
    margin: 20px auto 0;
}

.recruit-wrap .m-wrap .column-wrap li .line {
    margin-top: 0;
    height: 1px;
    width: 20px;
}

.recruit-wrap .column-wrap .upbox2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #045dac;
    display: none;
}

.recruit-wrap .column-wrap .upbox2 .ico {
    display: block;
    width: 100%;
    height: 81px;
}

.recruit-wrap .m-wrap .column-wrap .upbox2 .ico {
    height: 24px;
    background-size: auto 100%;
}

.recruit-wrap .column-wrap .upbox2 .ico1 {
    background: url(../img/ico_132.png) no-repeat center;
}

.recruit-wrap .column-wrap .upbox2 .ico2 {
    background: url(../img/ico_133.png) no-repeat center;
}

.recruit-wrap .column-wrap .upbox2 .ico3 {
    background: url(../img/ico_134.png) no-repeat center;
}

.recruit-wrap .column-wrap .upbox2 .f30 {
    line-height: 72px;
    font-size: 30px;
    color: #fff;
}

.recruit-wrap .m-wrap .column-wrap .upbox2 .f30 {
    font-size: 16px;
    line-height: 30px;
}

.recruit-wrap .column-wrap .upbox2 .box {
    display: block;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
}

.recruit-wrap .wrap2 {
    padding-top: 45px;
}

.recruit-wrap .wrap2 .tit {
    width: 100%;
    height: 84px;
    line-height: 84px;
}

.recruit-wrap .wrap2.m-wrap .tit {
    height: 50px;
}

.recruit-wrap .wrap2 .tit .f36 {
    font-size: 36px;
    color: #035cac;
}

.recruit-wrap .wrap2.m-wrap .tit .f36 {
    line-height: 50px;
    font-size: 20px;
}

.recruit-wrap .wrap2 .tit .more {
    font-size: 24px;
    line-height: 43px;
    display: inline-block;
    margin-top: 25px;
}

.recruit-wrap .wrap2.m-wrap .tit .more {
    display: none;
}

.recruit-wrap .wrap2 .tit .more:hover {
    color: #035cac;
}

.recruit-wrap .wrap2 .list {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 70px;
}

.recruit-wrap .wrap2 .list ul {
    width: 105%;
}

.recruit-wrap .wrap2.m-wrap .list ul {
    width: 100%;
}

.recruit-wrap .wrap2 .list li {
    width: 46%;
    margin-right: 3%;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 10px;
    padding-bottom: 13px;
    line-height: 37px;
    height: 37px;
}

.recruit-wrap .wrap2.m-wrap .list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: -1px;
}

.recruit-wrap .wrap2 .list .date {
    font-size: 14px;
    color: #adadad;
}

.recruit-wrap .wrap2 .list .tt {
    font-size: 16px;
    margin-left: 4%;
}

.recruit-wrap .wrap2.m-wrap .list .tt {
    margin-left: 9%;
}

.recruit-wrap .wrap2 .list .tt a:hover {
    color: #035cac;
}

.recruit-wrap .wrap2 .list .more {
    border: 1px solid #dbdbdb;
    display: inline-block;
    width: 66px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
}

.recruit-wrap .wrap2.m-wrap .list .more {
    display: none;
}

.recruit-wrap .wrap2 .list .more:hover {
    color: #035cac;
    border: 1px solid #035cac;
}

.recruit-footer {
    padding-top: 32px;
    height: 280px;
    background-color: #045dac;
}

.recruit-footer.m-wrap {
    display: none;
}

.recruit-footer .navbox {
    width: 50%;
    height: 280px;
}

.recruit-footer .navbox dl {
    width: 22%;
    float: left;
}

.recruit-footer .navbox dt {
    line-height: 34px;
    font-weight: bold;
    font-size: 16px;
    width: 100%;
    margin-bottom: 13px;
}

.recruit-footer .navbox dt a {
    color: #fff;
}

.recruit-footer .navbox dd {
    width: 100%;
    line-height: 30px;
    font-size: 12px;
}

.recruit-footer .navbox dd a {
    color: #a4bad8;
}

.recruit-footer .navbox dd a:hover {
    color: #fff;
}

.recruit-footer .right {
    width: 40%;
}

.recruit-footer .right p {
    line-height: 24px;
    color: #dde5f0;
    text-align: right;
}

.recruit-footer .s-nav {
    width: 100%;
    margin-top: 18px;
    line-height: 24px;
    height: 24px;
}

.recruit-footer .s-nav a {
    float: right;
    color: #dde5f0;
}

.recruit-footer .s-nav a:hover {
    color: #fff;
}

.recruit-footer .s-nav .line {
    display: inline-block;
    float: right;
    width: 26px;
    text-align: center;
    color: #367dbd;
}

.recruit-footer .return-top {
    display: block;
    width: 45px;
    height: 45px;
    background: url(../img/ico_67.png) no-repeat center;
    margin-top: 54px;
    cursor: pointer;
}

.recruit-banner {
    position: relative;
}

.recruit-banner img {
    cursor: pointer;
}

.recruit-banner .ico-down {
    display: block;
    width: 23px;
    height: 13px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -12px;
    cursor: pointer;
    padding-top: 20px;
}

.recruit-banner .ico-down i {
    display: block;
    width: 23px;
    height: 13px;
    background: url(../img/ico_68.png) no-repeat center;
    animation: topIn 1s infinite ease-in-out;
}

.recruit-banner.mobile-banner .ico-down {
    display: none;
}

/****************校园招聘****************/
.campus-recruit {
    padding-top: 32px;
    padding-bottom: 60px;
    position: relative;
    transition: normal;
}

.campus-recruit.m-wrap {
    padding-top: 16px;
    padding-bottom: 30px;
}

.campus-recruit th {
    background-color: #025bab;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    height: 45px;
}

.campus-recruit td {
    text-align: center;
    height: 45px;
}

.campus-recruit td.tt {
    font-weight: bold;
}

/******************社会招聘*****************/
.social-recruit .section1 {
    background: url(../img/bg_24.jpg) no-repeat center bottom;
}

.social-recruit .section1.m-wrap {
    background: #035cac;
    background-size: 140% auto;
}

.social-recruit .section2 {
    background: url(../img/bg_25.jpg) no-repeat center bottom;
    transition: normal;
}

.social-recruit .section3 {
    background: url(../img/bg_26.jpg) no-repeat center bottom;
}

.social-recruit .section5 {
    background: url(../img/bg_27.jpg) no-repeat center bottom;
}

#navLi {
    position: fixed;
    right: 18px;
    top: 50%;
    width: 22px;
    margin-top: -70px;
}

#navLi li {
    cursor: pointer;
    width: 12px;
    height: 12px;
    margin-bottom: 11px;
    padding-left: 10px;
    background: url(../img/ico_71.png) no-repeat right center;
    position: relative;
}

#navLi li.current {
    background: url(../img/ico_70.png) no-repeat right center;
}

#navLi li span {
    position: absolute;
    right: 22px;
    top: -7px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    width: 90px;
    text-align: center;
    background: url(../img/bg_33.png) no-repeat center;
    display: none;
}

#navLi li.current span {
    display: block;
}

.social-recruit .section {
    position: relative;
    overflow: hidden;
}

.social-recruit .section1 .cont {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -159px;
}

.social-recruit .section1.m-wrap {
    margin-top: 46px;
    padding-bottom: 50px;
}

.social-recruit .section1.m-wrap .cont {
    position: inherit;
    margin-top: 0;
}

.social-recruit .section1 .f72 {
    font-size: 72px;
    display: block;
    text-align: center;
    line-height: 90px;
    color: #fff;
}

.social-recruit .section1.twrap .f72 {
    font-size: 36px;
    line-height: 50px;
}

.social-recruit .section1.m-wrap .f72 {
    font-size: 34px;
    line-height: 66px;
    margin-top: 50px;
}

.social-recruit .section1 .word {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 28px;
    line-height: 27px;
    font-size: 16px;
    color: #fff;
}

.social-recruit .section1.twrap .word {
    font-size: 14px;
}

.social-recruit .section1.m-wrap .word {
    font-size: 14px;
    line-height: 20px;
}

.social-recruit .section1.m-wrap .word p {
    margin-bottom: 10px;
}

.social-recruit .section1 .link {
    display: block;
    width: 240px;
    height: 60px;
    margin: 60px auto 0;
    background-color: #fff;
    color: #035cac;
    font-size: 22px;
    text-align: center;
    line-height: 60px;
}

.social-recruit .section1 .link:hover {
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

.social-recruit .section1.m-wrap .link {
    margin: 20px auto 0;
    width: 180px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}

.social-recruit .section1 .ico-down {
    position: absolute;
    left: 50%;
    margin-left: -12px;
    display: block;
    width: 23px;
    height: 13px;
    background: url(../img/ico_68.png) no-repeat center;
    bottom: 40px;
    animation: topIn 1s infinite ease-in-out;
}

.social-recruit .section1.m-wrap .ico-down {
    bottom: 15px;
    animation: none;
    background-size: 90%;
}

@keyframes topIn {

    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}

.social-recruit .section .titbox {
    width: 100%;
    font-size: 48px;
    color: #035cac;
    text-align: center;
    margin-top: 192px;
    line-height: 68px;
    float: left;
}

.social-recruit .section.m-wrap .titbox {
    margin-top: 20px;
    font-size: 30px;
    line-height: 36px;
}

.social-recruit .section.twrap .titbox {
    font-size: 36px;
    line-height: 50px;
}

.social-recruit .section2.m-wrap {
    background-size: auto 100%;
}

.social-recruit .section2 .titbox {
    background: url(../img/bg_28.png) no-repeat center;
}

.social-recruit .section3 .titbox {
    background: url(../img/bg_29.png) no-repeat center;
}

.social-recruit .section4 .titbox {
    background: url(../img/bg_30.png) no-repeat center;
}

.social-recruit .section5 .titbox {
    background: url(../img/bg_31.png) no-repeat center;
}

.recruit-join .wrap .titbox {
    background: url(../img/line_02.png) no-repeat center;
}

.recruit-join .wrap.m-wrap .titbox {
    background: none;
}

.social-recruit .section2 .titbox {
    color: #fff;
}

.social-recruit .section2.m-wrap .titbox {
    font-size: 24px;
    line-height: 40px;
    margin-top: 33px;
    background-size: 100% auto;
}

.social-recruit .section2 .cont {
    width: 100%;
    margin-top: 30px;
}

.social-recruit .section2.m-wrap .cont {
    margin-top: 24px;
}

.social-recruit .section2 .leftlist {
    width: 61%;
}

.social-recruit .section2.m-wrap .leftlist {
    width: 100%;
}

.social-recruit .section2 .leftlist li {
    width: 30%;
    margin-right: 3%;
}

.social-recruit .section2.m-wrap .leftlist li {
    width: 100%;
    margin-right: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #bfc1c2;
    margin-bottom: 15px;
}

.social-recruit .section2.m-wrap .leftlist li:last-child {
    border-bottom: none;
}

.social-recruit .section2 .leftlist img,
.social-recruit .section2 .leftlist li a {
    width: 100%;
    display: block;
}

.social-recruit .section2.m-wrap .leftlist img {
    width: 44%;
    float: left;
}

.social-recruit .section2 .leftlist li a {
    cursor: pointer;
}

.social-recruit .section2 .leftlist .tit {
    margin-top: 20px;
    width: 100%;
    border-top: 5px solid #c0cbd3;
    padding-top: 12px;
    padding-bottom: 11px;
    border-bottom: 1px solid #c0cbd3;
    font-weight: bold;
    color: #fff;
}

.social-recruit .section2.m-wrap .leftlist .tit {
    float: right;
    width: 52%;
    margin-top: 0;
    border-top: none;
    padding: 2px 0;
    border-bottom: none;
    line-height: 20px;
    margin-top: -6px;
}

.social-recruit .section2 .leftlist .en {
    font-size: 22px;
    font-family: "Arial";
    line-height: 27px;
    display: block;
    text-transform: uppercase;
}

.social-recruit .section2.m-wrap .leftlist .en {
    display: none;
}

.social-recruit .section2 .leftlist .cn {
    display: block;
    line-height: 33px;
    font-size: 24px;
}

.social-recruit .section2.m-wrap .leftlist .cn {
    font-size: 15px;
    line-height: 24px;
}

.social-recruit .section2 .leftlist .word {
    display: block;
    margin-top: 15px;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
}

.social-recruit .section2.m-wrap .leftlist .word {
    width: 52%;
    float: right;
    margin-top: 0;
    line-height: 18px;
    font-size: 12px;
}

.social-recruit .section2 .right {
    width: 38%;
}

.social-recruit .section2.m-wrap .right {
    display: none;
}

.social-recruit .section2 .right a,
.social-recruit .section2 .right img {
    display: block;
    width: 100%;
}

.social-recruit .section2 .right a {
    position: relative;
}

.social-recruit .section2 .right .upbox {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/bg_32.png) no-repeat center;
}

.social-recruit .section2 .right .upbox .box {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
}

.social-recruit .section2 .right .upbox .ico {
    display: block;
    width: 60px;
    height: 60px;
    background: url(../img/ico_69.png) no-repeat center;
    margin: 0 auto;
}

.social-recruit .section2 .right .upbox .font {
    display: block;
    line-height: 48px;
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin-top: 36px;
}

.social-recruit .section2.owrap .right .upbox .font {
    margin-top: 14px;
}

.social-recruit .section2.twrap .right .upbox .font {
    margin-top: 14px;
}

.social-recruit .section2 .sub-wrap {
    position: absolute;
    left: 6%;
    top: 0;
    width: 88%;
    height: 100%;
    background: #fff;
}

/*.social-recruit .section2.m-wrap .sub-wrap{
	display: none;
}*/
.social-recruit .section2 .sub-wrap .titbox {
    position: absolute;
    top: 50%;
    margin-top: -298px;
}

.social-recruit .sub-wrap .list-wrap {
    width: 100%;
    height: 18%;
}

.social-recruit .sub-wrap .list-wrap ul {
    width: 100%;
    height: 100%;
}

.social-recruit .sub-wrap .list-wrap li {
    width: 20%;
    border-top: 5px solid #fff;
    position: relative;
    height: 100%;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.social-recruit .sub-wrap .list-wrap li.hover {
    border-top: 5px solid #035cac;
}

.social-recruit .sub-wrap .list-wrap li img {
    height: 100%;
}

.social-recruit .sub-wrap .list-wrap li .upbox {
    background: url(../img/bg_13.png) repeat center;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.social-recruit .sub-wrap .list-wrap li.hover .upbox {
    display: none;
}

.social-recruit .sub-wrap .list-wrap li p {
    color: #fff;
    font-size: 24px;
    left: 0;
    line-height: 34px;
    margin-top: -17px;
    position: absolute;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%;
}

.social-recruit .m-wrap .sub-wrap .list-wrap li p {
    text-align: center;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    line-height: 34px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -17px;
    width: 100%;
}

.social-recruit .section3.m-wrap {
    background-size: auto 100%;
}

.social-recruit .section3.m-wrap .contwrap .titbox {
    margin-top: 22px;
    font-size: 24px;
    background-size: 100% auto;
    line-height: 40px;
}

.social-recruit .section3 .cont {
    width: 100%;
    margin-top: 116px;
}

.social-recruit .section3.m-wrap .cont {
    margin-top: 30px;
    padding-bottom: 50px;
    float: none;
}

.social-recruit .section3 .contwrap {
    height: 77%;
}

.social-recruit .section3 .word {
    line-height: 35px;
    display: block;
    font-size: 14px;
    text-align: center;
}

.social-recruit .section3.m-wrap .word {
    line-height: 22px;
}

.social-recruit .section3.m-wrap .word p {
    margin-bottom: 10px;
}

.social-recruit .section3 .more {
    display: block;
    width: 240px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    color: #fff;
    background-color: #035cac;
    margin: 70px auto 0;
}

.social-recruit .section3 .more:hover {
    background-color: #fff;
    color: #035cac;
}

.social-recruit .section3.m-wrap .more {
    width: 140px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 20px auto 0;
    font-size: 14px;
}

.social-recruit .section4 .contlist {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 60px;
}

.social-recruit .section4.m-wrap .contlist {
    margin-top: 30px;
}

.social-recruit .section4 .contlist ul {
    width: 102%;
}

.social-recruit .section4.m-wrap .contlist ul {
    width: 100%;
}

.social-recruit .section4 .contlist li {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 30px;
    background-color: #f3f3f3;
    height: 124px;
}

.social-recruit .section4.m-wrap .contlist li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
}

.social-recruit .section4 .contlist li a {
    cursor: pointer;
    display: block;
    width: 100%;
    overflow: hidden;
}

.social-recruit .section4 .contlist .num {
    display: block;
    width: 18%;
    min-height: 124px;
    height: 100%;
    line-height: 124px;
    text-align: center;
    background-color: #e7e7e7;
    font-size: 60px;
    color: #777;
}

.social-recruit .section4.twrap .contlist .num {
    font-size: 47px;
}

.social-recruit .section4.m-wrap .contlist .num {
    font-size: 40px;
}

.social-recruit .section4 .contlist .font {
    width: 72%;
    margin-right: 4%;
    margin-top: 26px;
    display: block;
    line-height: 24px;
    font-size: 14px;
    height: 72px;
    overflow: hidden;
    color: #666;
}

.social-recruit .section4.twrap .contlist .font {
    margin-top: 27px;
}

.social-recruit .section4 .contlist li:hover .num {
    background-color: #035cac;
    color: #fff;
}

.social-recruit .section .contwrap {
    position: absolute;
    width: 88%;
    left: 6%;
    top: 50%;
}

.social-recruit .section.m-wrap .contwrap {
    position: inherit;
    width: 100%;
    left: 0;
}

.social-recruit .section .contwrap .titbox {
    margin-top: 70px;
}

.social-recruit .section.m-wrap .contwrap .titbox {
    font-size: 24px;
    margin-top: 22px;
    line-height: 40px;
    background-size: 220% auto;
    float: none;
}

.social-recruit .section4.m-wrap .contwrap {
    padding-bottom: 30px;
}

.social-recruit .section4.m-wrap .contwrap .titbox span {
    background-color: #fff;
    display: inline-block;
    padding: 0 5px;
}

.social-recruit .section5.m-wrap {
    background-size: auto 100%;
}

.social-recruit .section5 .titbox {
    color: #fff;
}

.social-recruit .section5 .contlist {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 42px;
}

.social-recruit .section5.m-wrap .contlist {
    margin-top: 20px;
    padding-bottom: 30px;
}

.social-recruit .section5 .contlist ul {
    width: 102%;
}

.social-recruit .section5.m-wrap .contlist ul {
    width: 100%;
}

.social-recruit .section5 .contlist li {
    width: 32%;
    margin-right: 1%;
    border-bottom: 3px solid #fff;
}

.social-recruit .section5.m-wrap .contlist li {
    width: 100%;
    margin-right: 0;
    border-bottom: 2px solid #fff;
    margin-bottom: 22px;
}

.social-recruit .section5 .contlist li:hover {
    background-color: #fff;
}

.social-recruit .section5.m-wrap .contlist li:hover {
    background: none;
}

.social-recruit .section5 .contlist img {
    display: block;
    width: 100%;
}

.social-recruit .section5 .contlist li a {
    display: block;
    width: 100%;
    cursor: pointer;
}

.social-recruit .section5 .contlist li .cont {
    width: 88%;
    padding: 31px 6% 0 6%;
    min-height: 235px;
}

.social-recruit .section5.twrap .contlist li .cont {
    padding-top: 16px;
}

.social-recruit .section5.m-wrap .contlist li .cont {
    padding: 14px 0 18px;
    width: 100%;
    min-height: 0;
}

.social-recruit .section5 .contlist .f30 {
    color: #fff;
    font-size: 30px;
    display: block;
    line-height: 46px;
}

.social-recruit .section5.twrap .contlist .f30 {
    font-size: 22px;
    line-height: 32px;
}

.social-recruit .section5.m-wrap .contlist .f30 {
    font-size: 17px;
    line-height: 25px;
}

.social-recruit .section5 .contlist .word {
    display: block;
    line-height: 24px;
    margin-top: 11px;
    color: #fff;
}

.social-recruit .section5.m-wrap .contlist .word {
    line-height: 20px;
    margin-top: 8px;
}

.social-recruit .section5 .contlist li:hover .f30 {
    color: #035cac;
}

.social-recruit .section5.m-wrap .contlist li:hover .f30 {
    color: #fff;
}

.social-recruit .section5 .contlist li:hover .word {
    color: #666;
}

.social-recruit .section5.m-wrap .contlist li:hover .word {
    color: #fff;
}

.recruit-join .wrap .search-box {
    width: 100%;
    padding-top: 20px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.recruit-join .wrap .search-box .tex {
    border: 1px solid #dbdbdb;
    width: 12%;
    padding: 10px;
    height: 13px;
    display: inline-block;
    color: #666;
}

.recruit-join .wrap.m-wrap .search-box .tex {
    width: 93%;
    margin-bottom: 5px;
    padding: 10px 3%;
}

.recruit-join .wrap .search-box .selec {
    margin-left: 9px;
    position: relative;
    display: inline-block;
    color: #666;
    width: 12%;
    text-align: left;
    transition: normal;
    background-color: #fff;
    vertical-align: top;
}

.recruit-join .wrap .search-box .selec span {
    transition: normal;
}

.recruit-join .wrap.m-wrap .search-box .selec {
    width: 49%;
    float: left;
    margin: 0 0.5%;
    display: none;
}

.recruit-join .wrap .search-box .selec-m {
    display: none;
}

.recruit-join .wrap.m-wrap .search-box .selec-m {
    width: 49%;
    margin: 0 0.5%;
    height: 35px;
    background-color: #fff;
    color: #666;
    display: block;
}

.recruit-join .wrap.m-wrap .search-box .selec.z2 {
    z-index: 2;
}

.recruit-join .wrap .search-box .tt {
    display: block;
    padding-left: 10px;
    background: url(../img/ico_72.png) no-repeat 90% center;
    height: 33px;
    border: 1px solid #dbdbdb;
    cursor: pointer;
    line-height: 33px;
}

.recruit-join .wrap.m-wrap .search-box .tt {
    padding-left: 5px;
    background-size: auto 20%;
}

.recruit-join .wrap .search-box .tt:hover {
    color: #035cac;
}

.recruit-join .wrap .search-box .sub {
    display: block;
    position: absolute;
    top: 35px;
    width: 100%;
    display: none;
    background-color: #fff;
    transition: normal;
}

.recruit-join .wrap .search-box .sub em {
    display: block;
    padding-left: 10px;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    cursor: pointer;
    line-height: 33px;
    height: 33px;
}

.recruit-join .wrap .search-box .sub em:hover {
    color: #035cac;
}

.recruit-join .wrap .search-box .sub-btn {
    border: none;
    width: 120px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    background-color: #045dac;
    margin-left: 9px;
}

.recruit-join .wrap.m-wrap .search-box .sub-btn {
    width: 100%;
    margin-top: 12px;
    margin-left: 0;
}

.recruit-join .wrap.m-wrap .page img {
    width: 100%;
}

.recruit-join .wrap .tab-box {
    width: 100%;
    margin-top: 26px;
}

.recruit-join .wrap.m-wrap .tab-box {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.recruit-join .wrap.m-wrap .table {
    display: none;
}

.recruit-join .wrap .m-tab {
    display: none;
}

.recruit-join .wrap.m-wrap .m-tab {
    display: block;
}

.recruit-join .wrap.m-wrap .m-tab .tab-tit {
    width: 95%;
    padding-left: 5%;
    border-top: 2px solid #dfdfde;
    line-height: 38px;
    border-bottom: 1px solid #dfdfde;
    color: #fff;
    font-weight: bold;
}

.recruit-join .wrap.m-wrap .m-tab .tab-tit span {
    display: inline-block;
    float: left;
}

.recruit-join .wrap.m-wrap .m-tab .tab-tit .name {
    width: 45%;
}

.recruit-join .wrap.m-wrap .m-tab .tab-tit .t1 {
    width: 30%;
}

.recruit-join .wrap.m-wrap .m-tab .tab-tit .t2 {
    width: 25%;
}

.recruit-join .wrap.m-wrap .m-tab ul,
.recruit-join .wrap.m-wrap .m-tab li {
    width: 100%;
}

.recruit-join .wrap.m-wrap .m-tab li {
    line-height: 20px;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.recruit-join .wrap.m-wrap .m-tab li a {
    display: block;
    width: 95%;
    padding-left: 5%;
    color: #666;
    float: left;
}

.recruit-join .wrap.m-wrap .m-tab li:hover span {
    color: #fff;

}

.recruit-join .wrap.m-wrap .m-tab li:hover {
    background-color: #045dac;
}

.recruit-join .wrap.m-wrap .m-tab li span {
    display: block;
    float: left;
    color: #fff;
}

.recruit-join .wrap.m-wrap .m-tab li .ft1 {
    width: 43%;
}

.recruit-join .wrap.m-wrap .m-tab li .ft2 {
    width: 32%;
}

.recruit-join .wrap.m-wrap .m-tab li .ft3 {
    width: 25%;
}

.recruit-join .wrap .tab-box tr {
    border-bottom: 1px solid #dbdbdb;
}

.recruit-join .wrap .tab-box th {
    background: url(../img/bg_64.png) repeat center;
    font-size: 16px;
    height: 59px;
    padding: 0 2%;
    color: #fff;
}

.recruit-join .wrap.m-wrap .tab-box th {
    font-size: 14px;
    height: 40px;
}

.recruit-join .wrap .tab-box td {
    height: 67px;
    padding: 0 2%;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.recruit-join .wrap.m-wrap .tab-box td {
    height: 50px;
}

.recruit-join .wrap.m-wrap .tab-box td a {
    color: #666;
}

.recruit-join .wrap .tab-box td a:hover {
    color: #035cac;
}

.recruit-join .wrap .tab-box .font-left {
    text-align: left;
}

.recruit-join .wrap .tab-box .font-left a {
    color: #fff;
}

.recruit-join .wrap .tab-box .butn {
    display: inline-block;
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #fff;
    font-size: 14px;
}

.recruit-join .wrap .tab-box .butn:hover {
    background-color: #045dac;
    color: #fff;
}


/***************FAQ****************/
.recruit-faq {
    padding-top: 49px;
    transition: normal;
    position: relative;
}

.recruit-faq .search-box {
    width: 100%;
    text-align: center;
}

.recruit-faq .listwrap {
    width: 100%;
    padding-bottom: 176px;
}

.recruit-faq.m-wrap .listwrap {
    padding-top: 20px;
}

.recruit-faq .listwrap ul {
    width: 100%;
}

.recruit-faq .listwrap li {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}

.recruit-faq .listwrap .sub-wrap {
    padding-top: 14px;
    width: 100%;
    background-color: #f7f8f8;
    padding-bottom: 63px;
    margin-bottom: 20px;
    display: none;
}

.recruit-faq.m-wrap .listwrap .sub-wrap {
    padding-bottom: 30px;
    margin-bottom: 0;
}

.recruit-faq .listwrap .sub-wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.recruit-faq .listwrap .titbox {
    width: 100%;
    height: 50px;
    cursor: pointer;
}

.recruit-faq .listwrap .qua {
    display: block;
    width: 34px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #035cac;
    color: #fff;
    font-size: 22px;
    margin-top: 9px;
}

.recruit-faq.m-wrap .listwrap .qua,
.recruit-faq.m-wrap .listwrap .ans {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
}

.recruit-faq .listwrap .ans {
    display: block;
    width: 34px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #808181;
    color: #dcdedd;
    font-size: 22px;
}

.recruit-faq .listwrap .titbox .tt {
    display: block;
    width: 94%;
    margin-left: 21px;
    font-size: 16px;
    color: #333;
    line-height: 50px;
}

.recruit-faq.m-wrap .listwrap .titbox .tt {
    margin-left: 10px;
    width: 66%;
    font-size: 12px;
}

.recruit-faq .listwrap li.hover .titbox .tt,
.recruit-faq .listwrap li:hover .titbox .tt {
    color: #035cac;
}

.recruit-faq .listwrap .titbox .ico {
    display: block;
    width: 28px;
    height: 28px;
    background: url(../img/ico_85.png) no-repeat center;
    margin-top: 12px;
    margin-right: 4px;
}

.recruit-faq.m-wrap .listwrap .titbox .ico {
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin-top: 17px;
}

.recruit-faq .listwrap li.hover .titbox .ico,
.recruit-faq .listwrap li:hover .titbox .ico {
    background: url(../img/ico_86.png) no-repeat center;
}

.recruit-faq.m-wrap .listwrap li.hover .titbox .ico,
.recruit-faq.m-wrap .listwrap li:hover .titbox .ico {
    background-size: 100%;
}

.recruit-faq .listwrap .sub-wrap .cont {
    width: 94%;
    margin-left: 21px;
    line-height: 20px;
}

.recruit-faq.m-wrap .listwrap .sub-wrap .cont {
    width: 83%;
    margin-left: 10px;
}

/******************招聘详情******************/
.social-recruit .recruit-info {
    width: 100%;
    margin-top: 46px;
    margin-bottom: 50px;
    position: relative;
}

.social-recruit .recruit-info .left-cont {
    width: 82%;
}

.social-recruit .m-wrap .recruit-info .left-cont {
    width: 100%;
}

.social-recruit .recruit-info th {
    padding-left: 10px;
    background-color: #0063ac;
    text-align: left;
    color: #fff;
    font-size: 14px;
    height: 36px;
}

.social-recruit .recruit-info td {
    padding-left: 10px;
    height: 36px;
}

.social-recruit .recruit-info td.tt {
    background-color: #f4f4f4;
}

.social-recruit .info-tit {
    width: 100%;
    background: url(../img/bg_30.png) no-repeat center;
    line-height: 70px;
    text-align: center;
    font-size: 48px;
    color: #035cac;
    margin-top: 57px;
}

.social-recruit .m-wrap .info-tit {
    font-size: 30px;
}

.social-recruit .recruit-info .depictBox {
    width: 94%;
    padding: 20px 4% 20px 2%;
    border: 1px solid #e6e5e5;
    margin-top: -1px;
}

.social-recruit .recruit-info .depictBox h2 {
    color: #af010f;
    font-size: 14px;
    line-height: 30px;
}

.social-recruit .recruit-info .right-float {
    width: 13%;
    position: fixed;
    right: 6%;
    top: 50%;
    margin-top: -120px;
}

.social-recruit .m-wrap .recruit-info .right-float {
    position: inherit;
    margin-top: 10px;
    width: 50%;
    right: 0;
}

.social-recruit .recruit-info .right-float a {
    display: block;
    padding-left: 11%;
    width: 89%;
    height: 45px;
    line-height: 45px;
    background: url(../img/ico_102.png) no-repeat 80% center #606060;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.social-recruit .recruit-info .right-float a:hover {
    background: url(../img/ico_102.png) no-repeat 80% center #0063ac;
}


/****************海量精英****************/
.elite-list .scroll-list {
    width: 100%;
    padding-top: 45px;
    /*border-bottom: 1px solid #e5e5e5;*/
    margin-bottom: 20px;
}

.elite-list .scroll-list li {
    width: 160px;
    margin: 0 86px 50px;
}

.owrap .elite-list .scroll-list li {
    margin: 0 80px 50px;
}

.m-wrap .elite-list .scroll-list li {
    margin: 0 1% 20px;
    width: 48%;
}

.elite-list .scroll-list li a {
    display: block;
    width: 100%;
    cursor: pointer;
}

.elite-list .scroll-list li .img {
    display: block;
    width: 160px;
    margin: 0 auto;
    height: 160px;
    position: relative;
}

.elite-list .scroll-list li .img img {
    display: block;
    width: 100%;
}

.m-wrap .elite-list .scroll-list li .img,
.m-wrap .elite-list .scroll-list li .img img {
    width: 100%;
    height: auto;
}

.elite-list .scroll-list li .upbg {
    display: block;
    width: 160px;
    height: 160px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/bg_16.png) no-repeat center;
}

.m-wrap .elite-list .scroll-list li .upbg {
    width: 100%;
    height: 100%;
    background-size: 100% auto;
}

.elite-list .scroll-list li .f18 {
    display: block;
    line-height: 27px;
    margin-top: 20px;
    color: #035cac;
    text-align: center;
}

.elite-list .scroll-list li .word {
    display: block;
    line-height: 18px;
    margin-top: 12px;
    text-align: center;
}

.elite-info {
    width: 100%;
    padding-bottom: 50px;
}

.m-wrap .elite-info {
    padding-bottom: 0;
    position: relative;
}

.elite-info .img {
    width: 21%;
    background: url(../img/bg_50.jpg) no-repeat center;
}

.m-wrap .elite-info .img {
    float: none;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.elite-info .img img {
    width: 100%;
}

.elite-info .cont {
    width: 75%;
}

.m-wrap .elite-info .cont {
    float: none;
    width: 100%;
}

.elite-info .cont .f26 {
    font-size: 26px;
    line-height: 39px;
    color: #035cac;
}

.m-wrap .elite-info .cont .f26 {
    position: absolute;
    right: 0;
    top: 0;
    width: 44%;
}

.elite-info .cont .mess {
    display: block;
    line-height: 20px;
    margin-top: 13px;
    width: 290px;
    /*width: 23%;*/
    width: 100%;
    padding-bottom: 23px;
    border-bottom: 1px solid #e5e5e5;
}

.m-wrap .elite-info {
    padding-bottom: 0;
}

.m-wrap .elite-info .cont .mess {
    padding-bottom: 15px;
    position: absolute;
    right: 0;
    top: 31px;
    width: 43%;
}

.elite-info .cont .word {
    margin-top: 19px;
    line-height: 26px;
    font-size: 14px;
}

.elite-info .return {
    border: 1px solid #ddd;
    display: block;
    height: 34px;
    line-height: 34px;
    margin-top: 100px;
    text-align: center;
    width: 100px;
    font-size: 16px;
}

.m-wrap .elite-info .return {
    margin-top: 50px;
}

.elite-info .return:hover {
    border: 1px solid #035cac;
    background-color: #035cac;
    color: #fff;
}

/******************头部导航下拉*****************/
.nav-sub-wrap {
    position: absolute;
    left: 0;
    top: 100%;
    height: 379px;
    display: none;
    transition: normal;
    /*width: 100%;*/
    /*padding: 0;*/
    /*padding-top: 50px;*/
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    width: 100%;
    padding: 0;
    z-index: 11;
}

.nav-sub-wrap.twrap {

    height: auto;
}

.nav-sub-wrap ul {
    /*margin-left: 6%;*/
}

/*.nav-sub-wrap.twrap ul{
	margin-left: 0;
}*/
/*.nav-sub-wrap li{
	padding: 35px 0 24px;
	height: 240px;
	width: 100px;
}*/
/*.nav-sub-wrap.twrap li{
	width: 72px;
}*/
/*.nav-sub-wrap li:hover,.nav-sub-wrap li.hover{
	background-color: #00529b;
}*/
/*.nav-sub-wrap li .box{
	width: 100%;
	height: 100%;
	border-right: 1px solid #1266b1;
}*/
/*.nav-sub-wrap li a{
	color: #fff;
	line-height: 28px;
	padding: 0 15px 0 20px;
	display: block;
}
.nav-sub-wrap.twrap li a{
	padding: 0 6px;
}
.nav-sub-wrap li.fir{
	margin-left: 53px;
}
.nav-sub-wrap.twrap li.fir{
	margin-left: 38px;
}*/
.nav-sub-wrap .boxs {
    display: none;
    padding-top: 50px;
}

.nav-sub-wrap.twrap .boxs {
    padding-bottom: 30px;
    padding-top: 20px;
}

.nav-sub-wrap .left-box {
    width: 34%;
    margin-left: 6%;
}

.nav-sub-wrap .left-box .f60 {
    display: block;
    line-height: 64px;
    color: #333;
    font-size: 60px;
    text-transform: uppercase;
}

.nav-sub-wrap.twrap .left-box .f60 {
    font-size: 34px;
    line-height: 50px;
}

.nav-sub-wrap .left-box .word {
    display: block;
    line-height: 35px;
    margin-top: 22px;
    color: #333;
    font-size: 20px;
}

.nav-sub-wrap.twrap .left-box .word {
    font-size: 14px;
    margin-top: 0;
    line-height: 24px;
}

.nav-sub-wrap .left-box .more {
    display: block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    background-color: #035cac;
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-top: 42px;
}

.nav-sub-wrap.twrap .left-box .more {
    font-size: 15px;
    height: 38px;
    line-height: 38px;
    margin-top: 22px;
    width: 120px;
}

.nav-sub-wrap .cent-box {
    width: 21%;
    margin-left: 13%;
}

.nav-sub-wrap .cent-box .tt {
    line-height: 35px;
    font-size: 16px;
    color: #333;
}

.nav-sub-wrap .cent-box .subnav {
    width: 100%;
    margin-top: 10px;
}

.nav-sub-wrap .cent-box .subnav ul {
    width: 100%;
}

.nav-sub-wrap .cent-box .subnav li {
    width: 50%;
}

.nav-sub-wrap .cent-box .subnav a {
    display: block;
    padding-left: 18%;
    background: url(../img/ico_112.png) no-repeat left center;
    line-height: 42px;
    font-size: 16px;
    color: #035cac;
}

.nav-sub-wrap .cent-box .subnav a:hover {
    background: url(../img/ico_113.png) no-repeat left center;
}

.nav-sub-wrap .right-box {
    width: 18%;
    margin-right: 6%;
}

.nav-sub-wrap .right-box .tt {
    line-height: 35px;
    font-size: 16px;
    color: #333;
}

.nav-sub-wrap .right-box .img {
    display: block;
    width: 100%;
    margin-top: 15px;
}

.nav-sub-wrap .right-box img {
    width: 100%;
    display: block;
}

.nav-sub-wrap .right-box .word {
    display: block;
    line-height: 23px;
    margin-top: 15px;
    font-size: 13px;
    height: 46px;
    overflow: hidden;
    position: relative;
}

.nav-sub-wrap .right-box .word a {
    color: #666;
}

.nav-sub-wrap .right-box .word a:hover {
    color: #035cac;
}

.social-recruit .section2 .floor-nav {
    display: block;
    position: absolute;
    left: 2%;
    top: 50%;
    margin-top: -70px;
    width: 160px;
    z-index: 10;
}

.social-recruit .section2.m-wrap .floor-nav {
    width: 96px;
}

.social-recruit .section2 .floor-nav a {
    display: block;
    padding-left: 83px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: url(../img/ico_111.png) no-repeat 42px center #666;
    font-size: 18px;
    margin-bottom: 21px;
}

.social-recruit .section2.m-wrap .floor-nav a {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: url(../img/ico_111.png) no-repeat 17px center #666;
    background-size: auto 45%;
    padding-left: 46px;
}

.social-recruit .section2 .floor-nav a:hover,
.social-recruit .section2 .floor-nav a.hover {
    background-color: #035cac;
}


/**********************人力资源********************/
.recruit-newwrap {
    background: url(../img/img_54.jpg) no-repeat center top #f5f5f5;
}

.recruit-newwrap img {
    vertical-align: top;
}

.recruit-newwrap .contwrap {
    padding-top: 32px;
    padding-bottom: 40px;
}

.recruit-newwrap .contwrap.m-wrap {
    padding-top: 50px;
    padding-bottom: 30px;
}

.recruit-newwrap .m-wrap .titbox {
    width: 100%;
    font-size: 16px;
}

.recruit-newwrap .titbox {
    width: 70%;
    /*text-align: center;*/
    margin: 0 auto;
    font-size: 14px;
    line-height: 24px;
}

.recruit-newwrap .titbox h4 {
    color: #045dac;
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 21px;
    text-align: center;
}

.recruit-newwrap .titbox p {
    margin-top: 10px;
}

.recruit-idea {
    width: 100%;
    height: 700px;
    background: url(../img/img_56.jpg) no-repeat center;
}

.recruit-idea .wrap {
    padding-top: 40px;
}

.recruit-idea .titbox {
    height: 60px;
    width: 100%;
    position: relative;
    background: url(../img/line_01.png) no-repeat center;
    font-size: 42px;
    font-weight: normal;
    color: #fff;
    line-height: 60px;
    text-align: center;
}

.recruit-idea .m-wrap .titbox {
    background: none;
}

.recruit-idea .list-scroll {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 106px;
    padding-bottom: 60px;
}

.recruit-idea .m-wrap .list-scroll {
    display: none;
}

.recruit-idea .list-scroll ul {
    width: 101%;
}

.recruit-idea .list-scroll li {
    /*width: 24%;
	margin-right: 1%;*/
    margin-right: 23px;
    background: url(../img/bg_62.png) repeat center;
    height: 320px;
    cursor: pointer;
}

.recruit-idea .list-scroll li:hover {
    background: url(../img/bg_63.png) repeat center;
}

.recruit-idea .list-scroll .bd {
    width: 100%;
}

.recruit-idea .list-scroll .hd {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.recruit-idea .list-scroll .hd span {
    width: 8px;
    height: 8px;
    border: 2px solid #b0a6a1;
    float: left;
    border-radius: 50%;
    margin-right: 8px;
    cursor: pointer;
}

.recruit-idea .list-scroll .hd span.on {
    border: 2px solid #fff;
}

.recruit-idea .scroll-m {
    padding-bottom: 30px;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: none;
    margin-top: 32px;
}

.recruit-idea .scroll-m ul,
.recruit-idea .scroll-m li {
    width: 100%;
}

.recruit-idea .scroll-m li {
    cursor: grab;
    margin: 0;
    height: auto;
    padding-bottom: 20px;
}

.recruit-idea .scroll-m li:hover {
    background: url(../img/bg_62.png) repeat center;
}

.recruit-idea .scroll-m.list-scroll li:hover .word {
    color: #666;
}

.recruit-idea .scroll-m li img {
    width: 100%;
    display: block;
}

.recruit-idea .m-wrap .scroll-m {
    display: block;
}

.recruit-idea .scroll-m .pagination-s {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.recruit-idea .scroll-m .pagination-s span {
    margin: 0 3px;
    float: left;
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid #b0a6a1;
    background: none;
}

.recruit-idea .scroll-m .pagination-s span.swiper-pagination-bullet-active {
    border: 2px solid #fff;
}

.recruit-idea .list-scroll .word {
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    width: 86%;
    margin: 40px auto 0;
}

.recruit-idea .list-scroll .ico {
    display: block;
    width: 84px;
    height: 82px;
    margin: 67px auto 0;
}

.recruit-idea .list-scroll .ico {
    background-position: center top;
}

.recruit-idea .list-scroll li:hover .ico {
    background-position: center bottom !important;
}

.recruit-idea .scroll-m li:hover .ico {
    background-position: center top !important;
}

/*.recruit-idea .list-scroll .ico2{
	background: url(../img/img_58.png) no-repeat center top;
}
.recruit-idea .list-scroll li:hover .ico2{
	background: url(../img/img_59.png) no-repeat center bottom;
}
.recruit-idea .list-scroll .ico3{
	background: url(../img/img_60.png) no-repeat center top;
}
.recruit-idea .list-scroll li:hover .ico3{
	background: url(../img/img_61.png) no-repeat center bottom;
}
.recruit-idea .list-scroll .ico4{
	background: url(../img/img_62.png) no-repeat center top;
}
.recruit-idea .list-scroll li:hover .ico4{
	background: url(../img/img_63.png) no-repeat center bottom;
}*/
.recruit-idea .list-scroll li:hover .word {
    color: #fff;
}

.recruit-join .fir-wrap {
    height: 790px;
    background: url(../img/img_64.jpg) no-repeat center;
    padding-top: 60px;
}

.recruit-join .sec-wrap {
    height: 790px;
    background: url(../img/img_65.jpg) no-repeat center;
    padding-top: 60px;
}

.recruit-join .titbox {
    line-height: 84px;
    font-size: 40px;
    color: #fff;
    text-align: center;
}

.recruit-join .m-wrap .titbox {
    line-height: 42px;
}

.recruit-staff {
    width: 100%;
    background: url(../img/img_67.jpg) no-repeat center;
    height: 720px;
    padding-top: 80px;
}

.recruit-staff .titbox {
    font-size: 42px;
    line-height: 90px;
    color: #fff;
    text-align: center;
    background: url(../img/line_02.png) no-repeat center;
}

.recruit-staff .m-wrap .titbox {
    background: none;
    line-height: 62px;
    font-size: 36px;

}

.recruit-staff .word {
    width: 59%;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    margin: 22px auto 0;
    text-align: center;
}

.recruit-staff .m-wrap .word {
    width: 100%;
    font-size: 12px;
    line-height: 24px;
}

.recruit-staff .scroll {
    margin-top: 106px;
    padding-bottom: 61px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.recruit-staff .scroll .bd li {
    /*height: 240px;*/
    margin-right: 24px;
}

.recruit-staff .scroll .bd li img {
    width: 100%;
    /*height: 100%;*/
    display: block;
}

.recruit-staff .scroll .hd {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.recruit-staff .scroll .hd span {
    width: 8px;
    height: 8px;
    border: 2px solid #b0a6a1;
    float: left;
    border-radius: 50%;
    margin-right: 8px;
    cursor: pointer;
}

.recruit-staff .scroll .hd span.on {
    border: 2px solid #fff;
}

.recruit-staff .scroll-m {
    display: none;
}

.recruit-staff .m-wrap .scroll-m {
    display: block;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    cursor: grab;
}

.recruit-staff .m-wrap .scroll {
    display: none;
}

.recruit-staff .m-wrap .scroll-m ul,
.recruit-staff .m-wrap .scroll-m li {
    width: 100%;
}

.recruit-staff .m-wrap .scroll-m li img {
    display: block;
    width: 100%;
}

.recruit-staff .m-wrap .scroll-m .pagination-s {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.recruit-staff .m-wrap .scroll-m .pagination-s span {
    margin: 0 3px;
    float: left;
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid #b0a6a1;
    background: none;
}

.recruit-staff .m-wrap .scroll-m .pagination-s span.swiper-pagination-bullet-active {
    border: 2px solid #fff;
}

@media screen and (max-width: 1750px) {
    .industrial-metal .listwrap .cont {
        padding: 4.5%;
    }

}

@media screen and (max-width: 1220px) {
    .industrial-metal .listwrap .cont {
        position: static;
    }

    .industrial-metal.twrap .listwrap li.rank-li .cont {
        width: 100%;
    }

    .industrial-metal.service-metal.twrap .listwrap .img {
        margin: 0 auto;
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .industrial-metal.m-wrap .listwrap .cont {
        width: 100%;
    }
}

input.error {
    border: 1px solid #D70128 !important;
}

textarea.error {
    border: 1px solid #D70128 !important;
}

.hlkg .input.error {
    border: 1px solid #D70128 !important;
}

.hlkg textarea.error {
    border: 1px solid #D70128 !important;
}

/* pager style */
.page {
    padding: 25px 0 40px;
    font-size: 12px;
    /*font-weight:bold;*/
    line-height: 22px;
    text-align: center;
    clear: both;
}

.page a {
    text-decoration: none;
    color: #8698b6;
    background: #fff;
    border: 1px solid #CCCCCC;
    padding: 0 20px;
    margin-right: 3px;
    line-height: 50px;
    box-sizing: border-box;
    color: #222222;
}

.page a.active {
    background: #035cac;
    font-weight: normal;
    border: 1px solid #035cac;
    color: #fff
}

.page a:hover {
    text-decoration: none;
    color: #fff;
    background: #035cac;
    font-weight: normal;
    border: 1px solid #035cac
}




@media screen and (max-width: 10230px) {
    .page a {
        padding: 0 10px;
        line-height: 28px;
    }
}

@font-face {
    font-family: 'beba';
    src: url("fonts/BEBAS.eot");
    src: url("fonts/BEBAS.eot") format("embedded-opentype"), url("fonts/BEBAS.woff") format("woff"), url("fonts/BEBAS.ttf") format("truetype"), url("fonts/BEBAS.svg#BEBAS") format("svg");
}

.footer-main .wxbox {
    float: left;
}

.wel-tip-box .items {
    float: left;
    position: relative;
    font-weight: bold;
}

.d-f-i {
    position: fixed;
    width: 300px;
    height: 197px;
    overflow: hidden;
    right: 0;
    top: 150px;
    z-index: 20;
}

.d-f-i a {
    display: block;
}

.ad-road-wrap .road-ul .word .box .i {
    display: none;
}

.ad-road-wrap .road-ul .word .box .p p {
    position: relative;
    padding-left: 15px;
    box-sizing: border-box;
}

.ad-road-wrap .road-ul .word .box .p p:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #666;
    left: 0;
    top: 15px;

}

.wel-tip-box .items .itembot .i {
    background: #fff;
}

.wel-tip-box .items .itembot .i:nth-child(2n+1) {
    background: #e2e2e2;
}

.course-wrap .course-list li {
    font-size: 16px;
    color: #333333;
    line-height: 25px;
    width: 300px;
    /*padding-top: 11px;*/
    position: relative;
    top: 11px;
    padding-left: 18px;
    padding-top: 90px;
    box-sizing: border-box;
}

.course-wrap .course-list li:hover:before {
    background: #CD3125;
    transition: .5s ease-in-out;
}

.course-wrap .course-list li:before {
    height: 105px;
    position: absolute;
    transition: .5s ease-in-out;
    content: "";
    width: 1px;
    left: 0;
    top: 0;
    background: #dddddd;
}

.course-wrap .course-list li:hover .g0:after {
    transition: .5s ease-in-out;
    background: #CD3125;

}

.course-wrap .course-list li .g0 {
    font-size: 20px;
    font-family: "beba";
    color: #CD3125;
    position: relative;
    margin-bottom: 15px;
    transition: .5s ease-in-out;

}

.course-wrap .course-list li:hover .g0 {
    font-size: 35px;
    transition: .5s ease-in-out;
}

.course-wrap .course-list li .g0:after {
    position: absolute;
    height: 10px;
    width: 10px;
    border: 2px solid #fff;
    content: "";
    background-color: #CD3125;
    left: -23px;
    top: 15px;
    transition: .5s ease-in-out;
    bottom: 0;
    margin: auto;
    box-sizing: border-box;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #CD3125;
}


.course-wrap {
    overflow: hidden;
}

.course-wrap .course-list .prev {
    left: 2.5%;
}

.course-wrap .course-list .next {
    right: 2.5%;
}

.course-wrap .course-list li.odd {
    padding-top: 0;
    top: -30px;
}

.course-wrap .course-list li.odd:before {
    top: 30px;

    height: 100%;
}

.course-wrap .course-list .ovh {
    overflow: visible;
}

.course-wrap .course-list li .p p {
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}

.course-wrap .course-list li .p p:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #CD3125;
    left: -4px;
    top: 11px;
    transform: rotate(-45deg);

}

.course-wrap .course-list li .p p img {
    margin-top: 10px;
}

.course-wrap .course-list .butn {
    margin-top: -16px;
}

.course-wrap .course-list {
    background: url(../images/bg_12.png) repeat-x left center;
}

.course-wrap .course-list .ovh {
    width: 87%;
    margin: 0 auto;
    background: transparent;

}

.course-wrap .course-list .butn {
    z-index: 5;
}

.culture0-wrap .h1-1 {
    font-size: 14px;
    position: relative;
    top: 0;
    left: 0;
    line-height: 1.5;
    padding: 20px 30px;
    background: #e6e6e6;
    color: #999;
    left: 0;
    /*top: 40px;*/
    z-index: 1;
    max-width: 90%;
    box-sizing: border-box;
    border-radius: 10px;
    margin: 0 auto;
    display: none;
}

.culture0-wrap .swiper-slide {
    position: static;
}

.culture0-wrap .h1-1:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -12px;
    width: 20px;
    height: 12px;
    background: url(../img/lk.png) no-repeat center;
    background-size: 100%;
}

.ab-honor-wrap .items .right-words .ul .li {
    position: relative;
    overflow: visible;
}

.ab-honor-wrap .items .right-words .ul .li .li-top {}

.ab-honor-wrap .items .right-words .ul .li .li-bot {
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.5;
    padding: 20px 30px;
    background: #e6e6e6;
    color: #999;
    left: 0;
    top: 40px;
    z-index: 1;
    max-width: 300px;
    box-sizing: border-box;
    border-radius: 10px;
    display: none;
}

.ab-honor-wrap .items .right-words .ul .li .li-bot:after {
    position: absolute;
    content: "";
    left: 50px;
    top: -12px;
    width: 20px;
    height: 12px;
    background: url(../img/lk.png) no-repeat center;
    background-size: 100%;
}

.dj-tit-tip .fixed.titt-tip {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background: #ffffff;
}

.h75 {
    height: 75px;
}

.ce {
    text-align: center;
}

.ts.fixed {
    height: 100px;
}

.t40 {
    font-size: 40px;
}

.pd0 {
    padding: 0 !important;
}

.w1500 {
    width: 1500px;
    margin: 0 auto;
}

.footer-main .left-wrap .tx1 {
    max-width: 850px;
}

.dj-news-0 {
    padding: 95px 0;
    box-sizing: border-box;
    background: #eee;
}

.dj-news-0 .news-infor .wrap2 .box a {
    width: 100%;
    box-sizing: border-box;

}

.dj-news-0 .news-infor .wrap2 .box {
    width: 19%;
    margin-left: 1.25%;
    margin-bottom: 1.25%;
}

.dj-news-0 .news-infor .wrap2 .box:nth-child(5n+1) {
    margin-left: 0;
}

.news-infor .wrap2 .box .word {
    font-size: 14px;
    color: #616161;
    line-height: 25px;
    height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.wel-tip-box .wel-tip.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #ffffff;
}

.news-infor .wrap2 .box .more0 {
    width: 95px;
    height: 12px;
    background: url(../img/img2/dm0.png) no-repeat center;
    background-size: 100%;
    margin-top: 20px;
    transition: all 0.3s ease 0s;
}

.news-infor .wrap2 .box .more0 {
    background: url(../img/img2/dm1.png) no-repeat center;
    transition: all 0.3s ease 0s;
    background-size: 100%;
}

.w1680 {
    width: 1680px;
    margin: 0 auto;
}

.c-tit {
    color: #222222;
    line-height: 1;
}

.t30 {
    font-size: 30px;
}

.y16 {
    font-size: 16px;
}

.y24 {
    font-size: 24px;
}

.kwords {
    font-size: 18px;
    line-height: 30px;
    color: #616161;
}

.wel-con-bot .con-box {
    height: 100%;
}

.wel-con-bot .con-box .images {
    height: 100%;
}

.wel-con-bot .ybox {
    display: inline-block;
    vertical-align: middle;
}

.wel-con-bot .y0,
.wel-con-bot .y1 {
    color: #fff;
    line-height: 1;
}

.wel-con-bot .y1 {
    margin-top: 10px;
}

.wel-con-bot .y0 {
    color: #aed2fb;
    font-weight: bold;
}

.dj-news {
    padding-top: 80px;
    padding-bottom: 90px;
    box-sizing: border-box;
}

.dj-news .images-box {
    width: 828px;
    height: 575px;
    overflow: hidden;
}

.dj-news .words-box {
    width: 790px;
}

.dj-news .words-box .items {
    padding-top: 40px;
    display: block;
    padding-bottom: 18px;
    border-top: 1px solid #eeeeee;
    box-sizing: border-box;
}

.dj-news .words-box .items:nth-child(1) {
    border-top: none;
    padding-top: 20px;
}

.dj-news .words-box .items .h0 {
    font-size: 24px;
    color: #212121;
    line-height: 30px;
    height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: .5s ease-in-out;
}

.dj-news .images-box a {
    overflow: hidden;
}

.dj-news .images-box a img {
    transition: .5s ease-in-out;
}

.dj-news .images-box a:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
}

.dj-news .words-box .items:hover .h0 {
    transition: .5s ease-in-out;
    color: #f34b1b;
}

.dj-news .words-box .items .time {
    font-size: 16px;
    color: #b6b6b6;
    line-height: 1.2;
    margin-top: 10px;
    margin-bottom: 16px;
}

.dj-news .words-box .items .p {
    font-size: 16px;
    color: #616161;
    line-height: 30px;
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.culture0-wrap {
    padding-top: 95px;
    padding-bottom: 55px;
}

.culture0-wrap .culture0-ul {
    position: relative;
    margin-top: 55px;
}

.culture0-wrap .culture0-line {
    position: absolute;
    width: 100%;
    height: 60px;
    border-bottom: 1px dashed #9c9c9c;
}

.culture0-wrap .items {
    cursor: pointer;
}

.culture0-wrap .images:hover {
    background: #CD3125;
    transition: .5s ease-in-out;
}

.culture0-wrap .images:hover .i1 {
    opacity: 1;
}

.culture2-wrap .culture2-ul .items .images {
    overflow: hidden;
}

.culture2-wrap .culture2-ul .items .images img {
    transition: .5s ease-in-out;
    display: block;
}

.culture2-wrap .culture2-ul .items:hover .images img {
    transform: scale3d(1.05, 1.05, 1);
    transition: .5s ease-in-out;
}

.culture1-wrap .culture1-ul .images {
    overflow: hidden;
}

.culture1-wrap .culture1-ul .images img {
    transition: .5s ease-in-out;
}

.culture1-wrap .culture1-ul .items:hover .images img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
}

.culture0-wrap .images:hover .i0 {
    opacity: 0;
}

.culture0-wrap .images:hover img {
    transition: .5s ease-in-out;
}

.culture0-wrap .images {
    width: 120px;
    height: 120px;
    transition: .5s ease-in-out;
    position: relative;
    background: #f7f7f7;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.culture0-wrap .images img {
    transition: .5s ease-in-out;
}

.culture0-wrap .images .i1 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.culture0-wrap .words {
    text-align: center;
    margin-top: 38px;
}

.culture0-wrap .words .h0 {
    color: #333333;
    font-size: 20px;
    line-height: 24px;
    height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.culture0-wrap .words .h1 {
    font-size: 15px;
    line-height: 20px;
    height: 40px;
    margin-top: 10px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.culture1-wrap {
    padding-top: 95px;
    padding-bottom: 140px;
}

.culture1-wrap .culture1-ul {
    margin-top: 80px;
}

.culture1-wrap .culture1-ul img {
    width: 100%;
    display: block;
}

.culture1-wrap .culture1-ul .words,
.culture1-wrap .culture1-ul .images {
    width: 50%;
}

.culture1-wrap .culture1-ul .items {
    position: relative;
}

.culture1-wrap .culture1-ul .words {
    position: absolute;
    height: 100%;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    padding: 70px;
    box-sizing: border-box;
    background: #ffffff;
}

.culture1-wrap .culture1-ul .words .t0 {
    font-size: 36px;
    color: #CD3125;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 45px;
}

.culture1-wrap .culture1-ul .words .wbox {
    height: 100%;
}

.culture1-wrap .culture1-ul .words .wul .i {
    float: left;
    margin: 0 25px;
    font-size: 16px;
}

.culture1-wrap .culture1-ul .words .wul .i span {
    font-weight: bold;
    color: #CD3125;
}

.culture1-wrap .culture1-ul .words .wul .i:nth-child(1) {
    margin-left: 0;
}

.culture1-wrap .culture1-ul .words .p {
    height: calc(100% - 115px);
}

.culture1-wrap .culture1-ul .words.fr {
    right: 0;
    top: 0;
}

.culture1-wrap .culture1-ul .words.fl {
    left: 0;
    top: 0;
}

.culture2-wrap {
    padding-top: 100px;
    padding-bottom: 110px;
    box-sizing: border-box;
}

.culture2-wrap .culture2-ul {
    margin-top: 80px;
}

.culture2-wrap .culture2-ul .items {
    width: 820px;
    float: left;
    margin-left: 40px;
    position: relative;
}

.culture2-wrap .culture2-ul .items:nth-child(2n+1) {
    margin-left: 0;
}

.culture2-wrap .culture2-ul .items .words {
    position: absolute;
    width: 70%;
    bottom: 0;
    left: 0;
    font-size: 16px;
    color: #ffffff;
    padding: 55px 70px;
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
}

.culture2-wrap .culture2-ul .items .words::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.culture2-wrap .culture2-ul .items .words::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #535353;
}

.culture2-wrap .culture2-ul .items .words::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #EDEDED;
}



.culture2-wrap .culture2-ul .items .words .t1 {
    line-height: 30px;
}

.culture2-wrap .culture2-ul .items .words .t0 {
    line-height: 1;
    margin-bottom: 30px;
    font-size: 30px;
}

.dj1-wrap .left-words {
    width: 30%;
}

.dj1-wrap .iio {
    min-height: 250px;
}

.dj1-wrap .right-words {
    width: 70%;
    border-left: 1px solid #eeeeee;
    box-sizing: border-box;
}

.dj1-wrap .right-words .pxc {
    line-height: 50px;
    position: relative;
}

.dj1-wrap .right-words .pxc .pli {
    position: relative;
    padding-left: 60px;
    box-sizing: border-box;
}

.dj1-wrap .right-words .pxc .pli:after {
    position: absolute;
    width: 28px;
    height: 28px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    background: url(../img/img2/k10.png) no-repeat center;
    background-size: 100%;
}

.profile-wrap .cont {
    width: 100%;
    margin-top: 65px;
    font-size: 16px;
    color: #333333;
    line-height: 2.3;
}

.wel-tip-box .items .itembot {
    position: absolute;
    bottom: 100px;
    left: 0;
    width: 100%;
    display: none;
}

.wel-tip-box {
    height: 100px;
}

.wel-tip-box .items .itembot .i {
    width: 100%;
    display: block;
    overflow: hidden;
}

.wel-tip-box .items .itembot .i:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
}

.wel-tip-box .items .itembot .i {
    text-align: center;
    width: 540px;
    margin: 0 auto;
    height: 100px;
}

.wel-tip-box .items .itembot img {
    transition: .5s ease-in-out;
    height: 100%;
    display: inline-block;
}

.profile0-about-wrap .page {
    padding-bottom: 0;

}

.wel-tip-box .items:nth-child(1) .itemtop:after {
    display: none;
}

.wel-tip-box .items .itemtop {
    line-height: 100px;
    font-size: 20px;
    color: #222222;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.wel-tip-box .items .itemtop:after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    content: "";
    height: 60%;
    width: 1px;
    background: #cccccc;
    margin: auto;
}

.ab-honor-wrap .items .left-imaegs img {
    display: block;
}

.wel-tip-box .items .itemtop img {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
}

.wel-tip-box .i3 .items {
    width: 33.33%;
}

.wel-tip-box .i2 .items {
    width: 50%;
}

.wel-tip-box .i4 .items {
    width: 25%;
}

.t40 {
    font-size: 40px;
}

.f7 {
    background: #f7f7f7;
}

.wel-news-box {
    padding-bottom: 80px;
    padding-top: 120px;
    box-sizing: border-box;
}

.wel-news-box .swiper-pagination {
    position: static;
    display: inline-block;
    float: none;
    vertical-align: middle;
    width: auto;
    font-size: 16px;
    color: #222222;
    font-weight: bold;
}

.wel-news-box .titbox {
    line-height: 55px;
    height: 55px;
    overflow: hidden;
    margin-bottom: 55px;
}

.wel-news-box .titbox .more {
    margin-left: 35px;
    font-size: 16px;
    color: #222222;
    transition: .5s ease-in-out;
}

.wel-news-box .titbox .more:hover {
    color: #CD3125;
    transition: .5s ease-in-out;
}

.wel-news-box .titbox .swiper-button-prev,
.wel-news-box .titbox .swiper-button-next {
    position: static;
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin: 0;
    width: 20px;
    height: 20px;
    background-size: 100%;
    transition: .5s ease-in-out;
}

.wel-news-box .titbox .swiper-button-prev:hover,
.wel-news-box .titbox .swiper-button-next:hover {
    transition: .5s ease-in-out;
}

.wel-news-box .titbox .swiper-button-prev {
    background: url(../img/img2/i6.png) no-repeat center;
    background-size: 100%;
}

.wel-news-box .titbox .swiper-button-prev:hover {
    background: url(../img/img2/i7.png) no-repeat center;
    background-size: 100%;
}

.wel-news-box .titbox .swiper-button-next {
    background: url(../img/img2/i8.png) no-repeat center;
    background-size: 100%;
}

.wel-news-box .titbox .swiper-button-next:hover {
    background: url(../img/img2/i9.png) no-repeat center;
    background-size: 100%;
}

.wel-news-box .item {
    margin-bottom: 10px;
    float: left;
    padding: 30px 0;
    padding-right: 75px;
    box-sizing: border-box;
}

.wel-news-box .item:hover {
    background: #CD3125;
    transition: .5s ease-in-out;
    color: #ffffff;
}

.wel-news-box .item:hover .left {
    transition: .5s ease-in-out;
    color: #ffffff;
}

.wel-news-box .item:hover .right .h0 {
    transition: .5s ease-in-out;
    color: #ffffff;
}

.wel-news-box .item:hover .right .p {
    transition: .5s ease-in-out;
    color: #def1ff;
}

.wel-news-box .item .left {
    width: 145px;
    text-align: center;
    line-height: 1;
    color: #222222;
    transition: .5s ease-in-out;
    font-family: "beba";
}

.wel-news-box .item .left .num {
    font-size: 50px;
    line-height: 1;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

.wel-news-box .item .left .num:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 45px;
    background: #dddddd;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.wel-news-box .item .left .time {
    font-size: 16px;
}

.wel-news-box .item .right {
    width: calc(100% - 145px);
}

.wel-news-box .item .right .h0 {
    font-size: 20px;
    color: #222222;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    transition: .5s ease-in-out;
    margin-bottom: 15px;
}

.wel-news-box .item .right .p {
    transition: .5s ease-in-out;
    font-size: 14px;
    color: #666666;
    line-height: 26px;
}

.wel-con-bot {
    display: block;
    height: 140px;
    line-height: 140px;
    color: #ffffff;
    font-size: 15px;
}

.wel-con-bot .words {
    color: #ffffff;
    font-size: 15px;
}

.wel-news-box .item .right .p {
    height: 52px;
    overflow: hidden;
}

.wel-tip-box .items .itemtop br {
    display: none;
}

.header .s-nav a {
    /*font-size: 14px;*/
}

.f-box {
    display: inline-block;
    position: relative;
}

.header .s-nav {
    text-align: right;
}

.f-bot {
    position: absolute;
    width: 430px;
    height: 190px;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    background: #fff;
    left: -200px;
    top: 45px;
    text-align: left;
    padding: 20px 45px 30px 30px;
    box-sizing: border-box;
    display: none;

}

.f-top {
    cursor: pointer;
}

.f-bot:before {
    content: "";
    width: 22px;
    height: 12px;
    background: url(../img/img2/i0.png) no-repeat center;
    background-size: 100%;
    top: -12px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
}

.f-bot .t0 {
    line-height: 1.2;
    font-size: 22px;
    color: #222222;
    margin-bottom: 15px;
    margin-top: 8px;
}

.f-bot .t1 {
    font-size: 14px;
    color: #666666;
    line-height: 1.4;
}

.header .right0 {
    width: 140px;
}

.header .right0 a {
    display: block;
    float: none;
    line-height: 45px;
    font-size: 14px;
    color: #222222;
    transition: .5s ease;
    border-bottom: 1px solid #cccccc;
}

.header .right0 a:hover,
.header .right0 a.active {
    transition: .5s ease;
    color: #0072c2;
}

.header .left0 {
    width: 165px;
}

.footer-main .left-wrap .tx0 {
    line-height: 1.2;
    font-size: 18px;
    color: #222222;
}

.footer-main .left-wrap .tx1 {
    font-size: 14px;
    color: #666666;
    margin-top: 22px;
}

.footer-main .left-wrap .tx1 .i {
    float: left;
    width: 420px;
    line-height: 30px;
}

.wel-con-bot img {
    display: inline-block;
    vertical-align: middle;
    max-width: 250px;
    max-height: 75px;
}

.wel-tip-box {
    position: relative;
    z-index: 10;
}

.characteristics-wrap .items {
    position: relative;
}

.characteristics-wrap .items:before {
    width: 4px;
    height: 80px;
    position: absolute;
    background: #0065b3;
    content: "";
    top: 50px;
    left: 0;
}

.characteristics-wrap .items:nth-child(3n+1):before {
    display: none;
}

.wel-tip-box .items {
    background: #ffffff;
}

.down-box .items {
    display: block;
    float: left;
    width: 31%;
    height: 240px;
    margin-left: 3.5%;
    margin-bottom: 80px;
    box-sizing: border-box;
}

.down-box .items:nth-child(3n+1) {
    margin-left: 0;
}

.down-box .items:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
}

.down-box .items .images {
    width: 170px;
    height: 240px;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    overflow: hidden;
}

.down-box .items .images img {
    transition: .5s ease-in-out;
    display: block;
}

.down-box .items .words {
    height: 240px;
    width: calc(100% - 170px);
    padding: 25px 0;
    padding-left: 35px;
    box-sizing: border-box;
}

.down-box .items .words .t0 {
    color: #333333;
    font-size: 20px;
    line-height: 26px;
    height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 20px;
}

.down-box .items .words .more {
    font-size: 15px;
    color: #CD3125;
    margin-top: 50px;
    line-height: 20px;
    height: 20px;
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
}

.down-box .items .words .more:after {
    position: absolute;
    width: 15px;
    height: 15px;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../img/img2/i11.png) no-repeat center;
    background-size: 100%;
}

.down-box .items .words .t1 {
    font-size: 15px;
    color: #666666;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

img {
    max-width: 100%;
}

.profile-wrap {
    padding-top: 115px;
    padding-bottom: 135px;
    transition: normal;
}

.profile-wrap .f48 {
    font-size: 50px;
    color: #CD3125;
    line-height: 50px;
    margin-bottom: 10px;
}

.ab-honor-wrap {
    margin-top: 70px;
}

.ab-honor-wrap .items {
    position: relative;
    height: 600px;
    background: #f7f7f7;
    font-size: 16px;
    color: #333333;
    margin-bottom: 25px;
}

.ab-honor-wrap .items .left-imaegs {
    width: 560px;
}

.ab-honor-wrap .items .right-words::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.ab-honor-wrap .items .right-words::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #535353;
}

.ab-honor-wrap .items .right-words::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #EDEDED;
}

.ab-honor-wrap .items .right-words {
    position: absolute;
    height: 100%;
    overflow-y: auto;
    width: calc(100% - 560px);
}

.ab-honor-wrap .items .right-words .ul {
    padding: 55px 70px;
    box-sizing: border-box;
}

.ab-honor-wrap .items .right-words .ul:nth-child(n+2) {
    border-top: 1px solid #dddddd;
    box-sizing: border-box;
}

.ab-honor-wrap .items .right-words.fr {
    right: 0;
    top: 0;
}

.ab-honor-wrap .items .right-words.fl {
    left: 0;
    top: 0;
}

.ab-honor-wrap .items .right-words .ul .ul-top {
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    height: 22px;
    margin-bottom: 15px;
}

.ab-honor-wrap .items .right-words .ul .ul-top img,
.ab-honor-wrap .items .right-words .ul .ul-top .span {
    display: inline-block;
    vertical-align: middle;
}

.ab-honor-wrap .items .right-words .ul .li {
    float: left;
    width: 33.33%;
    line-height: 50px;
    /*overflow: hidden;*/
}

.ab-honor-wrap .items .right-words .ul .li .p {
    display: inline-block;
    line-height: 1.2;
    vertical-align: top;
    width: calc(100% - 20px);
}

.ab-honor-wrap .items .right-words .ul .li span {
    color: #0a66a6;
    font-weight: bold;
    display: inline-block;
    line-height: 1.2;
    vertical-align: top;
}

.ab-honor-wrap .items .right-words .ul .li.active {
    width: 100%;
}

/**/
.w1340 {
    width: 1340px;
    margin: 0 auto;
}

.ad-road-wrap .road-tit {
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 45px;
    width: 600px;

}

.ad-road-wrap .road-tit .span {
    display: inline-block;
    font-size: 16px;
    color: #999999;
    transition: .5s ease-in-out;
    line-height: 1.2;
    cursor: pointer;
}

.ad-road-wrap .road-tit .span:hover,
.ad-road-wrap .road-tit .span.active {
    color: #CD3125;
    transition: .5s ease-in-out;
}

.ad-road-wrap .road-ul {
    position: relative;
    padding-top: 68px;
    box-sizing: border-box;
}

.ad-road-wrap .road-ul:after {
    position: absolute;
    width: 18px;
    height: 18px;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../img/img2/i14.png) no-repeat center;
    background-size: 100%;
}

.ad-road-wrap .road-ul:before {
    height: 50px;
    width: 2px;
    background: #dddddd;
    content: "";
    left: 0;
    top: 18px;
    right: 0;
    margin: auto;
    position: absolute;
}

.ad-road-wrap .road-ul .items {
    position: relative;
    min-height: 300px;
}

.ad-road-wrap .road-ul .items:before {
    height: 100%;
    width: 2px;
    background: #dddddd;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    position: absolute;
}

.ad-road-wrap .road-ul .items:nth-child(n+2) .words {
    margin-top: -230px;
}

.ad-road-wrap .road-ul .words {
    width: 50%;
    position: relative;
    padding-bottom: 10px;
}

.ad-road-wrap .road-ul .words:before {
    position: absolute;
    content: "";
    height: 2px;
    width: 120px;
    top: 11px;
    background: #dddddd;
}

body {
    /*overflow:hidden;*/
}

.ad-road-wrap .road-ul .words.fl .g0 {
    text-align: right;
}

.ad-road-wrap .road-ul .words.fl:before {
    right: 0;
}

.ad-road-wrap .road-ul .words.fr .g0 {
    text-align: left;
}

.ad-road-wrap .road-ul .words.fr:before {
    left: 0;
}

.ad-road-wrap .road-ul .word {
    width: 510px;
}

.ad-road-wrap .road-ul .word .g0 {
    font-size: 20px;
    line-height: 25px;
    height: 25px;
    color: #222222;
    font-family: Arial;
    margin-bottom: 30px;
}

.ad-road-wrap .road-ul .word .box {
    background: #f7f7f7;
}

.ad-road-wrap .road-ul .word .box .h0 {
    line-height: 60px;
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    background: #CD3125;
    color: #ffffff;
    font-size: 16px;
    padding: 0 35px;
    box-sizing: border-box;
}

.ad-road-wrap .road-ul .word .box .img {
    padding: 35px;
    box-sizing: border-box;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}

.ad-road-wrap .road-ul .word .box .img:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
}

.ad-road-wrap .road-ul .word .box .i {
    overflow: hidden;
}

.ad-road-wrap .road-ul .word .box .i img {
    transition: .5s ease-in-out;
    width: 100%;
}

.ad-road-wrap .road-ul .word .box .p {
    margin-top: 35px;
}

.ce {
    text-align: center;
}

.culture1-wrap .culture1-ul .words .p {
    overflow-y: auto;
}

.dj-tit-tip {
    height: 106px;
}

.pword::-webkit-scrollbar {
    width: 4px;
    height: 1px;
    /*opacity: 0;*/
}

.pword::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #535353;
    /*opacity: 0;*/

}

.pword::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #EDEDED;
    /*opacity: 0;*/

}

.images img {
    display: inline-block;
}

/*2*/
.guidance-top {
    padding-top: 100px;
    box-sizing: border-box;
}

.guidance-top .guidance-tit {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 40px;
}

.guidance-top img {
    max-width: 100%;
}

.guidance-top .guidance-list {
    padding: 60px 70px;
    box-sizing: border-box;
    background: #006cb8;
}

.guidance-top .guidance-list .imgbox {
    background: #ffffff;
}

.guidance-top .guidance-list .imgbox img {
    display: block;
}

.guidance-top .guidance-list .imgbot .li {
    width: 13%;
    margin-left: 4.4%;
    float: left;
}

.guidance-top .guidance-list .imgbot .li:nth-child(1) {
    margin-left: 0;
}

.guidance-bot {
    padding-bottom: 80px;
    margin-top: 40px;
    box-sizing: border-box;
}

.guidance-bot .tit {
    font-size: 18px;
    color: #222222;
    background: #dddddd;
    text-align: center;
    height: 80px;
    line-height: 80px;
}

.guidance-bot .guidance0-ul {
    background: #ffffff;
}

.guidance-bot .guidance0-ul .ul:nth-child(n+2) {
    border-top: 1px solid #dddddd;
}

.guidance-bot .guidance0-ul .items {
    width: 25%;
    float: left;
    font-size: 15px;
    color: #999999;
    padding: 40px 0;
    padding-top: 50px;
    padding-left: 50px;
    box-sizing: border-box;
}

.guidance-bot .guidance0-ul .items .t0 {
    font-size: 16px;
    color: #222222;
    line-height: 20px;
    height: 20px;
    position: relative;
}

.guidance-bot .guidance0-ul .items .t0:after {
    content: "";
    width: 5px;
    height: 5px;
    background: #CD3125;
    position: absolute;
    border-radius: 50%;
    left: -16px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.guidance-bot .guidance0-ul .items .t1 {
    line-height: 25px;
    padding-left: 46px;
    box-sizing: border-box;
    position: relative;
    margin-top: 10px;
}

.guidance-bot .guidance0-ul .items .t1 span {
    position: absolute;
    display: block;
    width: 46px;
    left: 0;
    top: 0;
}

.guidance-bot .guidance0-ul .items a {
    color: #006cb8;
    display: block;
}

.guidance-bot .guidance0-ul .items.cur {
    border-bottom: none;
}


.news-infor.news-infor-2 .wrap2 .box {
    position: static !important;
    width: 23%;
    margin-left: 2.66%;

}

.news-infor.news-infor-2 .wrap2 .box:nth-child(4n+1) {
    margin-left: 0;
}

.news-infor.news-infor-2 .wrap2 .box a {
    width: 100%;
    box-sizing: border-box;
}

.news-infor.news-infor-2 .wrap2 .box {
    margin-bottom: 50px;
    border: 1px solid #dddddd;
    background-color: transparent;
    box-sizing: border-box;
}

.news-infor.news-infor-2 .wrap2 .box .f18 {
    font-size: 20px;
    color: #222222;
    line-height: 28px;
    height: 56px;

}

.news-infor.news-infor-2 .wrap2 .box .date {
    font-size: 14px;
    font-family: Arial;
    line-height: 1;
    margin-top: 15px;
    margin-bottom: 30px;
}

.news-infor.news-infor-2 .wrap2 .box .word {
    font-size: 15px;
    color: #666666;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    margin-top: 26px;
}

.dj-tit-tip {
    border-bottom: 1px solid #f0f0f0;
}

.dj-tit-tip .titt-tip {
    height: 105px;
    line-height: 105px;
    font-size: 16px;
    color: #212121;
}

.dj-tit-tip .titt-tip a {
    font-size: 16px;
    color: #212121;
    transition: .5s ease-in-out;
}

.dj-tit-tip .titt-tip a:hover {
    color: #f34b1b;
    transition: .5s ease-in-out;
}

.dj-tit-tip .titt-tip .home-right a:nth-child(n+2) {
    margin-left: 60px;
}

.dj-tit-tip .titt-tip .home-right a {
    display: block;
    float: left;
    position: relative;
}

.dj-tit-tip .titt-tip .home-right a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    bottom: -4px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .5s ease-in-out;
    margin: auto;
    background: #f34b1b;
}

.dj-tit-tip .titt-tip .home-right a.active {
    color: #f34b1b;
}

.dj-tit-tip .titt-tip .home-right a.active:after {
    opacity: 1;
    transition: .5s ease-in-out;
}

.dj-tit-tip .titt-tip .home-left a {
    display: inline-block;
    float: left;
}

.dj-tit-tip .titt-tip .home-left a:hover,
.dj-tit-tip .titt-tip .home-left a.active {
    color: #f34b1b;
}

.dj-tit-tip .titt-tip .home-left .i {
    position: relative;
    padding-left: 40px;
    margin-left: 35px;
    box-sizing: border-box;
}

.dj-tit-tip .titt-tip .home-left .i:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background: url(../img/img2/dj1.png) no-repeat center;
    background-size: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.dj-tit-tip .titt-tip .home-left .home span {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: url(../img/img2/dj0.png) no-repeat center;
    background-size: 100%;
}

.dj1-wrap .right-words .pxc .pli:last-child:after {
    display: none;
}

.dj1-wrap .left-words {
    line-height: 1.2;
    padding-top: 75px;
    box-sizing: border-box;
}

.dj1-wrap .left-words .t0 {
    color: #f34b1b;
}

.dj1-wrap .left-words .t1 {
    color: #bfbfbf;
    font-family: Arial;
    text-transform: uppercase;
    margin-top: 10px;
}

.dj1-wrap .right-words {
    padding: 80px 100px;
    box-sizing: border-box;
}

.dj1-wrap .right-words .pxc {
    padding-left: 100px;
}

.characteristics-wrap .itemsbox:nth-child(n+2) {
    border-top: 1px solid #eeeeee;
}

.characteristics-wrap .items {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 50px 60px;
    border-left: 1px solid #eeeeee;
    box-sizing: border-box;
}

.characteristics-wrap .items:nth-child(1) {
    border-left: none;
}

.characteristics-wrap .items .images {
    overflow: hidden;
}

.characteristics-wrap .items .images img {
    transition: .5s ease-in-out;
}

.characteristics-wrap .items:hover .images img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
}

.characteristics-wrap .items .words {
    padding-top: 25px;
    box-sizing: border-box;
}

.characteristics-wrap .items .p {
    font-size: 16px;
    line-height: 28px;
    color: #686868;
    height: 224px;
    overflow-y: auto;
}

.characteristics-wrap .items .t0 {
    font-size: 36px;
    color: #f34b1b;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
}

.characteristics-wrap .items .t1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    height: 24px;
    color: #686868;
    margin-top: 13px;
    margin-bottom: 25px;
}

.t60 {
    font-size: 60px;
    line-height: 1;
}

.garden {
    padding-top: 43px;
    padding-bottom: 25px;
    box-sizing: border-box;
}

.garden .items {
    position: relative;
    margin-bottom: 20px;
}

.garden .items .words {
    width: 635px;
    position: absolute;
    height: 100%;
    overflow-y: auto;
    background: #ffffff;
    padding: 85px 70px;
    box-sizing: border-box;
}

.garden .items .words.fl {
    left: 0;
    top: 0;
}

.garden .items .words.fr {
    right: 0;
    top: 0;
    text-align: right;
}

.garden .items .words .p {
    font-size: 18px;
    color: #212121;
    line-height: 30px;
    margin-top: 25px;
}

.garden .items .image {
    width: calc(100% - 635px);
}

.garden .items .i {
    overflow: hidden;
}

.garden .items .i:hover imgg {
    transform: scale3d(1.05, 1.05, 1);
}

.garden .items .i img {
    transition: .5s ease-in-out;
}

.garden-swiper0 .swiper-pagination .swiper-pagination-bullet {
    width: 60px;
    height: 4px;
    background: #fefbfe;
    opacity: 1;
    border-radius: 0;
}

.garden-swiper0 .swiper-pagination .swiper-pagination-bullet-active {
    background: #ff3323;
}

.pc0 {
    display: block;
}

.m0 {
    display: none;
}

.m-ins-navbox10.m-ins-navbox .left .ico {
    background-color: #f34b1b;
}

.m-ins-navbox10.m-ins-navbox .right .tit {
    background: url(../img/img2/dj2.png) no-repeat 93% center;
    color: #f34b1b;
}

.m-ins-navbox .right .subbox a:hover {
    color: #f34b1b;
}

.dj-news-0 .news-infor .wrap2 {
    padding-top: 0;
}

.header .right {
    width: auto;
}

.search-box input {
    border: none;
    background: none;
    outline: none;

}

.search-box {
    border-bottom: 1px solid #dddddd;
    position: relative;
}

.search-box input[type=submit] {
    width: 18px;
    height: 17px;
    background: url(../img/ico_114.png) no-repeat center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-indent: -999px;
    overflow: hidden;
}

.search-box input[type=text] {
    width: 100%;
    height: 100%;
}




.profile0-about-wrap .right-words {
    width: 100% !important;
    float: none;
}

.profile0-about-wrap .left-images {
    width: 45%;
    margin-right: 3%;
    height: auto;
}

@media screen and (max-width: 1850px) {
    .profile0-about-wrap .left-images {
        width: 45%;
        height: auto;
    }

    .dj-news .images-box {
        width: 50%;
        height: auto;
    }

    .dj-news .words-box {
        width: 47%;
    }

    .guidance-top .guidance-list {
        padding: 50px 60px;
    }

    .profile0-about-wrap .left-images img {
        width: 100%;
    }

    .profile0-about-wrap .right-words {
        width: 53%;
    }

    .profile-wrap {
        padding-top: 85px;
        padding-bottom: 100px;
    }

    .profile-wrap .cont {
        margin-top: 50px;
    }

    .profile-wrap .f48 {
        font-size: 45px;
        line-height: 1;
    }

    .profile-wrap .f36 {
        font-size: 35px;
        line-height: 1;
    }

    .w1500 {
        width: 85%;
    }

    .w1680 {
        width: 95%;
    }

    .culture2-wrap .culture2-ul .items {
        width: 49%;
        margin-left: 2%;
    }

    .culture1-wrap .culture1-ul .words {
        padding: 60px;
    }

    .t60 {
        font-size: 50px;
    }

    .garden .items .words {
        padding: 5% 6%;
    }

    .dj1-wrap .right-words {
        padding: 4.5% 5.5%;
    }

    .dj1-wrap .left-words {
        padding-top: 4%;
    }

    .dj1-wrap .right-words .pxc {
        padding-left: 5%;
    }

}

.industrial-metal .listwrap img.h-f {
    height: auto !important;
}

@media screen and (max-width: 1750px) {
    .wel-news-box {
        padding-top: 60px;
        padding-bottom: 100px;
    }

    .guidance-top .guidance-list {
        padding: 40px 50px;
    }

    .c-tit.t40 {
        font-size: 35px;
    }

    .culture1-wrap .culture1-ul .words .t0 {
        font-size: 28px;
    }

    .culture1-wrap .culture1-ul .words {
        padding: 50px;
    }

    .wel-tip-box .items .itembot .i {
        width: 100%;
        display: block;
        height: auto;
        line-height: 1;
    }

    .wel-tip-box .items .itembot img {
        width: 100%;
        height: auto;
        display: block;
    }



    .wel-news-box .item .left .num {
        font-size: 45px;
    }

    .wel-con-bot {
        height: 120px;
        line-height: 120px;
    }

    .wel-news-box .titbox {
        margin-bottom: 40px;
    }

    .wel-news-box .item {
        padding: 25px 0;
        padding-right: 55px;
    }

    .wel-news-box .titbox .t40 {
        font-size: 36px;
    }

    .culture1-wrap {
        padding-top: 75px;
        padding-bottom: 110px;
    }

    .culture1-wrap .culture1-ul {
        margin-top: 55px;
    }

    .culture2-wrap {
        padding-top: 80px;
        padding-bottom: 90px;
    }

    .culture2-wrap .culture2-ul {
        margin-top: 60px;
    }


    .ab-honor-wrap {
        margin-top: 60px;
    }

}

@media screen and (max-width: 1650px) {
    .ts.fixed {
        height: 80px;
    }

    .d-f-i {
        width: 200px;
        height: auto;
        top: 150px;
    }



    .down-box .items .images {
        width: 150px;
        height: auto;
    }

    .dj-tit-tip {
        height: 81px;
    }

    .dj-tit-tip .titt-tip {
        line-height: 80px;
        height: 80px;
    }

    .dj-news-0 {
        padding: 75px 0;
    }

    .characteristics-wrap .items:before {
        top: 35px;
        height: 60px;
        width: 3px;
    }

    .dj-news {
        padding-top: 55px;
        padding-bottom: 70px;
        box-sizing: border-box;
    }

    .dj-news .words-box .items .h0 {
        font-size: 20px;
    }

    .dj1-wrap .right-words .pxc .pli {
        padding-left: 50px;
    }

    .dj-news .words-box .items {
        padding-top: 25px;
    }

    .dj-news .words-box .items .time {
        font-size: 14px;
        margin-top: 6px;
        margin-bottom: 15px;
    }

    .kwords {
        font-size: 16px;
        line-height: 28px;
    }

    .guidance-bot .guidance0-ul .items {
        padding: 35px 0;
        padding-left: 40px;
    }

    .dj1-wrap .left-words .t0 {
        font-size: 34px;
    }

    .dj1-wrap .left-words .t1 {
        font-size: 26px;
    }

    .w1340 {
        width: 100%;
    }

    .ab-honor-wrap .items {
        height: auto;
    }

    .ab-honor-wrap .items .right-words .ul {
        padding: 40px 55px;
    }

    .ab-honor-wrap .items .right-words .ul .ul-top {
        font-size: 18px;
    }

    .ab-honor-wrap .items .right-words .ul .li {
        line-height: 40px;
        font-size: 14px;
        height: 40px;
    }

    .ab-honor-wrap .items .left-imaegs {
        width: 35%;
    }

    .ab-honor-wrap .items .right-words {
        width: 65%;
    }

    .down-box .items {
        height: auto;
    }

    .down-box .items .words {
        height: auto;
        width: calc(100% - 150px);
        padding: 15px 0;
        padding-left: 20px;
    }

    .down-box .items .words .t0 {
        margin-bottom: 15px;
    }

    .down-box .items .words .more {
        margin-top: 35px;
    }

    .ad-road-wrap .road-ul .word {
        width: calc(100% - 100px);
    }

    .ad-road-wrap .road-ul .words:before {
        width: 70px;
    }

    .ad-road-wrap .road-ul .word .box .p {
        margin-top: 20px;
    }

    .ad-road-wrap .road-tit {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .ad-road-wrap .road-ul {
        padding-top: 58px;
    }

    .ad-road-wrap .road-ul:before {
        height: 40px;
    }

    .c-tit-t40 {
        font-size: 25px;
    }

    .culture1-wrap .culture1-ul .words .t0 {
        font-size: 22px;
    }

    .culture0-wrap {
        padding-top: 75px;
        padding-bottom: 35px;
    }

    .news-infor.news-infor-2 .wrap2 .box .f18 {
        font-size: 18px;
        line-height: 26px;
        height: 52px;
    }

    .news-infor.news-infor-2 .wrap2 .box a {
        padding: 20px;
    }

    .news-infor.news-infor-2 .wrap2 .box .date {
        margin-top: 12px;
        margin-bottom: 20px;
    }

    .t60 {
        font-size: 40px;
    }

    .garden .items .words {
        padding: 3% 4.5%;
        width: 450px;
    }

    .garden .items .image {
        width: calc(100% - 450px);
    }

    .garden .items .words .p {
        font-size: 16px;
        line-height: 26px;
    }

    .characteristics-wrap .items .t0 {
        font-size: 32px;
        height: auto;
        line-height: 1.2;
    }

    .characteristics-wrap .items .t1 {
        line-height: 1.2;
        font-size: 18px;
        height: auto;
    }

    .characteristics-wrap .items {
        padding: 35px 40px;
    }

    .dj-news-0 .news-infor .wrap2 .box {
        width: 32%;
        margin-left: 2%;
    }

    .dj-news-0 .news-infor .wrap2 .box:nth-child(5n+1) {
        margin-left: 2%;
    }

    .dj-news-0 .news-infor .wrap2 .box:nth-child(3n+1) {
        margin-left: 0;
    }

    .news-infor.news-infor-2 .wrap2 .box {
        margin-bottom: 2%;
    }

    .wel-tip-box {
        height: 80px;
    }

    .wel-tip-box .items .itembot {
        bottom: 80px;
    }

    .wel-tip-box .items .itemtop {
        line-height: 80px;
    }
}

@media screen and (max-width: 1450px) {
    .wel-news-box .titbox .t40 {
        font-size: 32px;
    }


    .garden-swiper0 .swiper-pagination .swiper-pagination-bullet {
        width: 40px;
        height: 3px;
    }

    .t60 {
        font-size: 32px;
    }

    .dj1-wrap .left-words .t0 {
        font-size: 28px;
    }

    .dj1-wrap .left-words .t1 {
        font-size: 24px;
    }

    .guidance-top {
        padding-top: 75px;
    }

    .guidance-wrap {
        width: 94%;
        padding: 0 3%;
    }

    .guidance-top .guidance-tit {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .guidance-top .guidance-list {
        padding: 30px 35px;
    }

    .guidance-bot .guidance0-ul .items {
        font-size: 14px;
    }

    .guidance-bot .guidance0-ul .items .t0:after {
        left: -13px;
    }

    .guidance-bot .guidance0-ul .items .t1 span {
        width: 43px;
    }

    .guidance-bot .guidance0-ul .items .t1 {
        padding-left: 44px;
        line-height: 20px;
    }

    .guidance-bot .guidance0-ul .items {
        padding-left: 25px;
    }

    .culture0-wrap .images {
        width: 100px;
        height: 100px;
    }

    .culture0-wrap .words .h0 {
        font-size: 18px;
    }

    .culture0-wrap .culture0-line {
        height: 50px;
    }

    .c-tit.t40 {
        font-size: 30px;
    }

    .culture2-wrap .culture2-ul .items .words {
        padding: 35px 50px;
    }

    .culture2-wrap .culture2-ul .items .words .t1 {
        font-size: 14px;
        line-height: 24px;
    }

    .culture2-wrap .culture2-ul .items .words .t0 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .culture1-wrap .culture1-ul .words {
        padding: 35px;
    }

    .culture1-wrap .culture1-ul .words .t0 {
        font-size: 20px;
        line-height: 32px;
        height: 32px;
        margin-bottom: 25px;
    }

    .culture1-wrap .culture1-ul .words .wul {
        line-height: 20px;
    }

    .culture1-wrap .culture1-ul .words .p {
        height: calc(100% - 77px);
    }

    .culture1-wrap .culture1-ul .words .wul .i {
        margin: 0 15px;
        font-size: 14px;
    }

    .culture1-wrap .culture1-ul .words .p {
        font-size: 14px;
        line-height: 25px;
    }

    .ad-road-wrap .road-ul .word .box .img {
        padding: 25px;
    }

    .down-box .items .words {
        padding: 10px 0;
        padding-left: 15px;
    }

    .ad-road-wrap .road-ul .word .box .h0 {
        height: 50px;
        line-height: 50px;
    }

    .wel-news-box .item .left .num {
        font-size: 40px;
    }

    .profile-wrap {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .wel-news-box .titbox {
        line-height: 45px;
        height: 45px;
        margin-bottom: 32px;
    }

    .down-box .items .words .t0 {
        font-size: 18px;
        line-height: 20px;
        height: 20px;
    }

    .profile-wrap .cont {
        font-size: 14px;
        margin-top: 30px;
    }

    .profile-wrap .f48 {
        font-size: 35px;
    }

    .profile-wrap .f36 {
        font-size: 30px;
    }

    .wel-news-box {
        padding-top: 45px;
        padding-bottom: 80px;
    }

    .wel-news-box .item {
        padding-right: 30px;
    }

    .ab-honor-wrap .items .right-words .ul {
        padding: 30px 40px;
    }

    .ab-honor-wrap {
        margin-top: 50px;
    }

    .footer-main {
        padding-top: 45px;
        padding-bottom: 50px;
    }

    .down-box .items {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 1350px) {
    .down-box .items .images img {
        display: block;
        width: 100%;
    }

    .culture2-wrap .culture2-ul .items .words .t1 {
        line-height: 22px;
    }

    .dj-news-0 {
        padding: 55px 0;
    }

    .dj-news .words-box .items .p {
        font-size: 15px;
        line-height: 25px;
        height: 50px;
    }

    .characteristics-wrap .items:before {
        top: 20px;
    }

    .dj-news {
        padding-top: 45px;
        padding-bottom: 55px;
    }

    .dj-news .words-box .items {
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .dj-news .words-box .items .h0 {
        font-size: 18px;
    }

    .characteristics-wrap .items .t1 {
        font-size: 16px;
    }

    .characteristics-wrap .items .words {
        padding-top: 15px;
    }

    .characteristics-wrap .items .p {
        font-size: 14px;
        line-height: 25px;
    }

    .characteristics-wrap .items {
        padding: 20px 30px;
    }

    .characteristics-wrap .items .t0 {
        font-size: 25px;
    }

    .garden .items .words .p {
        font-size: 14px;
        line-height: 24px;
    }

    .t60 {
        font-size: 25px;
    }

    .garden .items .words .p {
        margin-top: 15px;
    }

    .down-box .items .images {
        width: 120px;
    }

    .down-box .items .words {
        width: calc(100% - 120px);
    }

    .ab-honor-wrap .items .right-words .ul .li {
        font-size: 13px;
    }

    .ab-honor-wrap .items .right-words .ul {
        padding: 20px 25px;
    }

    .ab-honor-wrap .items .right-words .ul .li {
        /*line-height: 2;*/
    }

    .dj-tit-tip .titt-tip .home-right a:nth-child(n+2) {
        margin-left: 45px;
    }

    .dj-tit-tip .titt-tip .home-left .i {
        padding-left: 25px;
        margin-left: 20px;
    }

    .down-box .items .words .t0 {
        font-size: 16px;
    }
}

@media screen and (max-width: 1190px) {
    .guidance-bot .guidance0-ul .items {
        width: 100%;
        border-bottom: 1px solid #dddddd;
    }

    .guidance-bot .guidance0-ul .ul:nth-child(n+2) {
        border: none;
    }

    .header .nav li {
        margin-right: 20px;
    }

    .down-box .items {
        width: 49%;
        margin-left: 2%;
    }

    .down-box .items:nth-child(3n+1) {
        margin-left: 2%;
    }

    .down-box .items:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media screen and (max-width: 1100px) {

    .down-box .items .images,
    .down-box .items .words {
        /*width: 100%;*/
    }

    .down-box .items .words {
        padding: 15px;
    }

    .ab-honor-wrap .items .right-words .ul .li {
        width: 50%;
    }

    .ab-honor-wrap .items .right-words .ul .li.active {
        width: 100%;
    }

    .characteristics-wrap .items .t0 {
        font-size: 20px;
    }

    .news-infor.news-infor-2 .wrap2 .box {
        width: 32%;
        margin-left: 2%;
    }

    .news-infor.news-infor-2 .wrap2 .box:nth-child(4n+1) {
        margin-left: 2%;
    }

    .news-infor.news-infor-2 .wrap2 .box:nth-child(3n+1) {
        margin-left: 0;
    }




}

@media screen and (max-width: 1023px) {
    .wel-news-box .titbox .t40 {
        font-size: 28px;
    }

    .profile0-about-wrap .left-images {
        margin-right: 0;
    }

    .ad-road-wrap .road-ul .word .box .p p:after {
        top: 10px;
    }

    .d-f-i {
        width: 150px;
        top: 90px;
    }

    .down-box .items .words .t1 {
        line-height: 20px;
        height: 60px;
    }

    .culture0-wrap .h1-1 {
        display: none !important;
    }

    .header.m-wrap .zihao {
        width: 26px;
        height: 46px;
        background: url(../img/img2/ziti.png) no-repeat center;
        background-size: 100%;
        margin-right: 10px;
    }

    .header .left {
        width: auto;
    }

    .header.m-wrap .logo {
        width: auto;
    }

    .culture2-wrap .culture2-ul .items .images img {
        width: 100%;
    }

    .culture2-wrap .culture2-ul .items .words {
        width: 100%;
        position: static;
        color: #666;
    }

    .footer-main .left-wrap .tx1 {
        max-width: 100%;
    }

    .dj-tit-tip {
        height: 38px;
    }

    .characteristics-wrap .items:before {
        display: block !important;
    }

    .dj-news .words-box .items .h0 {
        font-size: 16px;
    }

    .characteristics-wrap {
        margin-top: 20px;
    }

    .guidance-top .guidance-tit {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .culture0-wrap {
        padding-top: 55px;
        padding-bottom: 20px;
    }

    .culture1-wrap {
        padding-top: 55px;
        padding-bottom: 80px;
    }

    .culture1-wrap .culture1-ul {
        margin-top: 35px;
    }

    .culture2-wrap {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .culture2-wrap .culture2-ul {
        margin-top: 40px;
    }

    .culture2-wrap .culture2-ul .items {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .wel-tip-box .items .itembot {

        bottom: 80px;
    }

    .profile-wrap .f48 {
        font-size: 25px;
    }

    .profile-wrap .f36 {
        font-size: 20px;
    }

    .wel-news-box .titbox {
        line-height: 40px;
        height: 40px;
        margin-bottom: 25px;
    }

    .profile0-about-wrap .left-images {
        width: 100%;
    }

    .profile0-about-wrap .right-words {
        width: 100%;
        margin-top: 20px;
    }

    .wel-news-box .item {
        padding: 20px 0;
        padding-right: 25px;
    }

    .wel-news-box .item .right .h0 {
        margin-bottom: 10px;
    }

    .wel-news-box .item .left {
        width: 120px;
        padding: 0 3%;
        box-sizing: border-box;
    }

    .wel-news-box .item .right {
        width: calc(100% - 120px);
    }

    .wel-news-box .item .right .h0 {
        font-size: 18px;
    }

    .wel-news-box {
        padding-top: 25px;
        padding-bottom: 50px;
    }

    .wel-news-box .titbox .more {
        margin-left: 25px;
    }

    .wel-tip-box .items .itemtop {
        font-size: 16px;
    }

    .profile-wrap.m-wrap {
        padding-top: 25px;
        padding-bottom: 30px;
    }

    .ad-road-wrap .road-ul .word {
        width: calc(100% - 60px);
    }

    .ad-road-wrap .road-ul .words:before {
        width: 45px;
    }

    .ad-road-wrap .road-ul .word .box .p {
        font-size: 14px;
        line-height: 25px;
    }

    .ad-road-wrap .road-ul .word .box .h0 {
        padding: 0 20px;
    }

    .ad-road-wrap .road-ul .word .g0 {
        margin-bottom: 20px;
    }

    .culture1-wrap .culture1-ul .words,
    .culture1-wrap .culture1-ul .images {
        width: 100%;
    }

    .culture1-wrap .culture1-ul .words {
        position: static;
    }

    .culture1-wrap .culture1-ul .items {
        margin-bottom: 20px;
    }

    .culture1-wrap .culture1-ul .words .p {
        margin-bottom: 20px;
    }

    .imgcenter {
        display: none;
    }

    .guidance-top .guidance-list .imgbot .li {
        width: 49%;
        margin-left: 2%;
        margin-top: 2%;
    }

    .guidance-top .guidance-list .imgbot .li img {
        width: 100%;
        display: block;
    }

    .guidance-top .guidance-list .imgbot .li:nth-child(2n+1) {
        margin-left: 0;
    }

    .garden .items .words {
        position: static;
        width: 100%;
        text-align: justify !important;
    }

    .garden .items .image {
        width: 100%;
    }

    .pc0 {
        display: none;
    }

    .m0 {
        display: block;
    }

    .m0 .m-ins-navbox {
        display: block !important;
    }

    .characteristics-wrap .items {
        width: 100%;
    }

    .characteristics-wrap .items img {
        width: 100%;
    }

    .characteristics-wrap .items .p {
        height: auto;
    }

    .characteristics-wrap .items {
        border: none;
    }

    .dj1-wrap .left-words .t0 {
        font-size: 24px;
    }

    .dj1-wrap .left-words .t1 {
        font-size: 20px;
    }

    .dj1-wrap .left-words,
    .dj1-wrap .right-words {
        width: 100%;
        min-height: auto;
    }

    .dj1-wrap .right-words {
        border-left: none;
        padding: 20px 0;
    }

    .dj1-wrap {
        min-height: 240px;
    }

    .dj1-wrap .right-words .pxc {
        padding-left: 0;
    }

    .dj1-wrap .right-words .pxc {
        line-height: 1.8;
    }

    .dj1-wrap .right-words .pxc .pli {
        padding-left: 30px
    }

    .dj1-wrap .right-words .pxc .pli:after {
        width: 20px;
        height: 20px;
        bottom: auto;
        top: 1px;
    }

    .dj-news .words-box {
        width: 100%;
    }

    .dj-news .images-box {
        width: 100%;
    }

    .dj-news .images-box img {
        width: 100%;
    }

}

@media screen and (max-width: 900px) {
    .ab-honor-wrap .items .left-imaegs {
        width: 100%;
    }

    .guidance-bot {
        padding-bottom: 40px;
        margin-top: 25px;
    }

    .news-infor.news-infor-2 .wrap2 .box {
        width: 49%;
    }

    .news-infor.news-infor-2 .wrap2 .box:nth-child(3n+1) {
        margin-left: 2%;
    }

    .news-infor.news-infor-2 .wrap2 .box:nth-child(2n+1) {
        margin-left: 0;
    }


    .dj-news-0 .news-infor .wrap2 .box {
        width: 49%;
    }

    .dj-news-0 .news-infor .wrap2 .box:nth-child(5n+1) {
        margin-left: 2%;
    }

    .dj-news-0 .news-infor .wrap2 .box:nth-child(3n+1) {
        margin-left: 2%;
    }

    .dj-news-0 .news-infor .wrap2 .box:nth-child(2n+1) {
        margin-left: 0;
    }



    .guidance-top {
        padding-top: 35px;
    }

    .guidance-bot .guidance0-ul .items {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .guidance-bot .tit {
        font-size: 16px;
        line-height: 50px;
        height: 50px;
    }

    .wel-con-bot .y0 {
        font-size: 12px;
    }

    .wel-con-bot .y1 {
        font-size: 15px;
    }

    .wel-con-bot .con-box .images {
        width: calc(100% - 160px);
    }

    .c-tit.t40 {
        font-size: 20px;
    }

    .header .nav li a {
        font-size: 14px;
    }

    .footer .secbox span {
        display: inline-block;
    }

    .ab-honor-wrap .items .left-imaegs img {
        width: 100%;
    }

    .footer-main .left-wrap .tx1 .i {
        width: 100%;
    }

    .header {
        width: 100%;
        padding: 20px 3%;
        box-sizing: border-box;
    }

    .header.twrap .nav li {
        padding: 0 5px;
        line-height: 28px;
    }

    .header.fixed {
        height: auto;
    }

    .ab-honor-wrap .items .right-words {
        width: 100%;
        position: static;
    }

    .ab-honor-wrap {
        margin-top: 35px;
    }

    .footer .secbox {
        height: auto;
        line-height: 2;
    }

    .footer .thibox .right {
        display: block;
        width: 100%;
    }

    .footer-main .wxbox {
        width: 30% !important;
        float: left;
        margin-left: 0 !important;
        margin-right: 1%;
    }

    .footer .secbox .right a {
        float: none;
    }

    .footer-main .left-wrap {
        width: 100%;
    }

    .footer-main .right {
        width: 100%;
    }

    .ad-road-wrap .road-ul:after {
        width: 16px;
        height: 16px;
        left: -8px;
        right: auto;
    }

    .ad-road-wrap .road-ul:before,
    .ad-road-wrap .road-ul .items:before {
        right: auto;
        left: -1px;
    }

    .ad-road-wrap .road-ul .words.fl .g0 {
        text-align: left;
    }

    .ad-road-wrap .road-ul .items:nth-child(n+2) .words {
        margin-top: 0;

    }

    .ad-road-wrap .road-ul .words.fl:before {
        right: auto;
        left: 0;
    }

    .ad-road-wrap .road-ul .words {
        width: 100%;
        min-height: auto;

    }

    .ad-road-wrap .road-ul .word {
        float: right;
    }

    .ad-road-wrap .road-ul .words img {
        width: 100%;
    }

    .ad-road-wrap .road-tit {
        overflow: hidden;
    }

    .ad-road-wrap .road-tit .span {
        font-size: 12px;
    }

}

@media screen and (max-width: 800px) {
    .course-wrap .course-list .butn {
        display: none !important;
    }

    .course-wrap .course-list li .g0 {
        margin-bottom: 5px;
    }

    .course-wrap .course-list li {
        top: 0;
    }

    .course-wrap .course-list li:hover .g0 {
        font-size: 20px;
    }

    .course-wrap .course-list li:before {
        height: 100%;
    }

    .course-wrap .course-list li {
        padding: 0;
        font-size: 14px;
        padding-left: 18px;
        padding-bottom: 20px;
        width: 100%;
        line-height: 1.6;
    }

    .course-wrap .course-list li.odd:before {
        top: 0;
    }

    .course-wrap .course-list {
        margin-top: 0;
    }

    .course-wrap .course-list li.odd {
        top: 0;
    }

    .course-wrap .course-list .ovh {
        width: 95%;
    }

    .course-wrap {
        padding-top: 0;
    }

    .course-wrap .course-list {
        background: transparent;
    }
}

@media screen and (max-width: 780px) {
    .h75 {
        height: 38px;
    }

    .characteristics-wrap .items:before {
        top: 10px;
    }

    .wrap.m-wrap.header {
        width: 100%;
        box-sizing: border-box;
    }

    .kwords {
        font-size: 14px;
        line-height: 25px;
    }

    .characteristics-wrap .items .p {
        font-size: 14px;
        line-height: 24px;
    }

    .characteristics-wrap .items .t1 {
        margin-top: 8px;
        margin-bottom: 14px;
        font-size: 14px;
    }

    .characteristics-wrap .items {
        padding: 10px;
    }

    .garden .items .words {
        padding: 5%;
    }

    .t60 {
        font-size: 20px;
    }

    .ad-road-wrap .road-tit {
        width: 100%;
    }

    .culture2-wrap .culture2-ul .items .words .t0 {
        font-size: 18px;
    }

    .guidance-top .guidance-list {
        padding: 20px 25px;
    }
}

@media screen and (max-width: 768px) {
    .ab-honor-wrap .items .right-words .ul .li .li-bot {
        position: static;
        width: 100%;
        display: block;
        background: transparent;
        padding: 10px 20px;
        font-size: 16px;
        color: #888;
        display: none !important;

    }

    .ab-honor-wrap .items .right-words .ul .li .li-bot:after {
        display: none;
    }

    .wel-news-box .titbox .t40 {
        font-size: 20px;
    }

    .news-infor.news-infor-2 .wrap2 .box {
        width: 100%;
        margin-left: 0 !important;
    }

    .dj-news-0 .news-infor .wrap2 .box {
        width: 100%;
        margin-left: 0 !important;
    }

    .dj-news .words-box .items .time {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .dj-news .words-box .items .p {
        font-size: 14px;
        line-height: 24px;
        height: 48px;
    }

    .dj-news-0 .news-infor .wrap2 .box a {
        padding: 20px;
    }

    .dj-news-0 .news-infor .wrap2 .box .f18 {
        font-size: 16px;
    }

    .dj-news,
    .dj-news-0 {
        padding-top: 30px;
        padding-bottom: 35px;
    }

    .garden {
        padding-top: 30px;
    }

    .culture1-wrap .culture1-ul {
        margin-top: 20px;
    }

    .culture0-wrap .culture0-ul {
        margin-top: 30px;
    }

    .culture0-wrap {
        padding-top: 35px;
    }

    .culture0-wrap .words {
        margin-top: 20px;
    }

    .culture0-wrap .words .h0 {
        font-size: 16px;
    }

    .culture0-wrap .words .h1 {
        font-size: 13px;
        margin-top: 5px;
    }

    .culture0-wrap .images {
        width: 70px;
        height: 70px;
    }

    .culture0-wrap .culture0-line {
        height: 35px;
    }

    .culture2-wrap .culture2-ul .items .words {
        padding: 15px 20px;
    }

    .footer-main.m-wrap {
        padding: 15px 10px;
        width: 100%;
        box-sizing: border-box;
    }

    .garden-swiper0 .swiper-pagination .swiper-pagination-bullet {
        width: 30px;
    }

    .garden .items .words .p {
        line-height: 1.6;
    }

    .t60 {
        font-size: 16px;
    }

    .ad-road-wrap .road-tit {
        margin-top: 25px;
        margin-bottom: 20px;
    }

    .ad-road-wrap .road-ul .word .box .h0 {
        height: auto;
        line-height: 1.5;
        padding: 15px;
        box-sizing: border-box;
        display: block;
        overflow: visible;
        font-size: 14px;
    }

    .ad-road-wrap .road-ul .word {
        width: calc(100% - 25px);
    }

    .ad-road-wrap .road-ul .words:before {
        width: 20px;
    }

    .ad-road-wrap .road-ul .word .box .img {
        padding: 15px;
    }

    .ab-honor-wrap .items .right-words .ul .li {
        width: 100%;
        height: auto;
        line-height: 2;
    }

    .ab-honor-wrap .items .right-words .ul .ul-top {
        font-size: 16px;
    }

    .wel-tip-box .items .itembot {
        bottom: 75px;
    }

    .profile-wrap {
        padding-top: 35px;
        padding-bottom: 45px;
    }

    .down-box .items {
        width: 100%;
        margin-left: 0 !important;
        margin-bottom: 15px;
    }

    .down-box .items .words .more {
        margin-top: 20px;
    }

    .down-box .items .words .t0 {
        font-size: 16px;
    }

    .down-box .items .words .t1 {
        font-size: 14px;
        line-height: 20px;
        height: 60px;
    }

    .profile-wrap .f48 {
        font-size: 20px;
    }

    .profile-wrap .f36 {
        font-size: 18px;
    }

    .wel-con-bot {
        height: 100px;
        line-height: 100px;
    }

    .wel-news-box .titbox .more {
        font-size: 14px;
        margin-left: 18px;
    }

    .wel-news-box .item .left .num {
        font-size: 30px;
    }

    .wel-tip-box .items {
        font-weight: normal;
    }

    .wel-news-box .item {
        padding: 18px 0;
        padding-right: 1%;
        position: relative;
    }

    .wel-tip-box .items .itemtop br {
        display: block;
    }

    .wel-tip {
        position: relative;
    }

    .wel-tip-box .items .itemtop img {
        display: block;
        margin: 0 auto;
        width: 20px;
        height: 20px;
    }

    .wel-tip-box .items .itemtop .span {
        display: block;
        line-height: 16px;
        font-size: 14px;
        height: 32px;
        margin-top: 5px;
    }

    .wel-tip-box .items {
        padding: 10px 0;
        box-sizing: border-box;
        position: static;
    }

    .culture2-wrap {
        padding-top: 35px;
        padding-bottom: 30px;
    }

    .culture2-wrap .culture2-ul .items {
        margin-bottom: 15px;
    }

    .culture2-wrap .culture2-ul {
        margin-top: 25px;
    }

    .culture1-wrap {
        padding: 35px 0;
    }

    .culture1-wrap .culture1-ul .words .wul .i {
        margin: 0;
        width: 50%;
    }

    .culture1-wrap .culture1-ul .words {
        padding: 20px;
    }

    .culture1-wrap .culture1-ul .words .p {
        line-height: 1.8;
    }

    .culture1-wrap .culture1-ul .words .t0 {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 15px;
        height: auto;
    }

    .dj-wrap {
        padding-top: 30px;
        box-sizing: border-box;
    }

    .dj1-wrap .left-words .t0 {
        font-size: 20px;
    }

    .dj1-wrap .left-words .t1 {
        font-size: 18px;
    }

    .ab-honor-wrap {
        margin-top: 20px;
    }
}

@media screen and (max-width: 500px) {
    .wel-news-box .item .left .time {
        font-size: 14px;
    }

    .culture2-wrap .culture2-ul .items .words .t0 {
        font-size: 15px;
        margin-bottom: 6px;
    }

    .culture2-wrap .culture2-ul .items .words .t1 {
        line-height: 20px;
        font-size: 12px;
    }

    .wel-con-bot .y1 {
        font-size: 13px;
        line-height: 1.2;
    }

    .wel-con-bot {
        height: 80px;
        line-height: 80px;
    }

    .wel-con-bot .con-box {
        height: 100%;
    }

    .wel-con-bot img {
        height: 60%;
    }

    .wel-con-bot .images {
        height: 100%;
    }

    .wel-news-box .item .left .num {
        font-size: 22px;
    }

    .wel-news-box .item .left {
        width: 75px;
    }

    .wel-con-bot .words {
        font-size: 12px;
    }

    .wel-news-box .item .right {
        width: calc(100% - 80px);
    }

    .wel-news-box .item .right .h0 {
        font-size: 16px;
        line-height: 20px;
        height: 20px;
    }

    .wel-news-box .item .right .p {
        font-size: 13px;
        line-height: 20px;
        height: 40px;
    }

    .wel-news-box .item {
        padding: 13px 0;
        margin-bottom: 0;
        padding-right: 1%;
    }

    .wel-news-box {
        padding-bottom: 45px;
    }

    .wel-news-box .swiper-pagination {
        font-size: 14px;
    }

    .wel-tip-box .items .itemtop .span {
        font-size: 12px;
    }

    .wel-news-box .titbox {
        line-height: 30px;
        margin-bottom: 15px;
        height: 30px;
    }

    .wel-news-box .titbox .t40 {
        font-size: 18px;
    }
}

@media screen and (max-width: 375px) {
    .garden .items .words .p {
        font-size: 13px;
    }

    .c-tit.t40 {
        font-size: 18px;
    }

    .culture1-wrap .culture1-ul .words .t0 {
        font-size: 16px;
    }

    .dj1-wrap .left-words .t0 {
        font-size: 18px;
    }

    .dj1-wrap .left-words .t1 {
        font-size: 15px;
        margin-top: 6px;
    }

    .profile-wrap.m-wrap .f48 {
        font-size: 16px;
    }

}

.garden .items .image .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    width: 30px;
    background: #fff;
    height: 4px;
    border-radius: 0;
}

.garden .items .image .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f34b1b;
}