/* Code tidied up by ScrapBook */
body, div, p, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {
    padding: 0px;
    margin: 0px;
    outline: 0px none;

}
@font-face {
    font-family: 'iconfont';
    src: url('data:font/woff2;charset=utf-8;base64,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') format('woff2'),
    url('data:font/woff;charset=utf-8;base64,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') format('woff');
    /*url('iconfont.ttf') format('truetype');*/
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'iconfont';
    src: url('data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAAOcAA4AAAAAB9gAAANEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCQggEEQgKgyyDGgsKAAE2AiQDEAQgBYUCBzUbwgZRVFAayH4c5CarK6GU9bKsLMpp2klQYqXmfXFyiof/3+/bPveeMdGQfp9mCllXJ3mDxKxOKRopkSTVS3j+53TvM43NVaGyZK+OYXzSvV01xoPRWIxBMWWXew8i7KDKYHc3SfVsA1ZilUkHHaI6HfXz19SLtImklctbBkbi51Hb2TQS6HA2jSo7kOF4YLNjnvEG3JmIUx7OQsC36Q0G/JzeWeCkDvRiHBShqkKiILMVd9oob8sReAd8Pv7T0UnRVnEZxw/uAT73BejTdWuGqT9sCAAsIlRYilkEWvYCsw4WQUrBr4KmweWdegsg2glAFBTwjyMAb7Jc3iCaxg4k6EQXXoAvgMS+HejI7ORyZTIJR8CmcimZbCqrDcbxEYJAMGwYRTMRghjBcRhFhzEs12MHBXSxc4zwC9hDcZzgKsyYSSHDUR0wPA8vQiOEWLHZbpv2h1qQBTvIYuFoZImdMZz8QthigaARqxUxm4GzKFh8MB5VHrkdDES2h4V3wBJoAYTMCPfzzfb2yamFAErV5nh7QwAB9KJZE+aSdFKsq3sUM12T9JMiTRWoCg+aZA3a9ATXWk5zcHGZbwvZct06zm+8eu6LPa5Z2601+40cSCnkDHRfX479sOmClbWo+OVYkdnQXRgKJ3CE4fl5SZPjzcvOqnSX51UdYrEwBggBMcB4wTcCAB8g4O6/QqeAB71Mo96RPJkEQQSZoKIVOg36R0nomwkQwF5t1WER3/+DwbaUBuF+y81Okusz0KmAYOB0v58ekBX3Gpp5HCBb8r9zEdJTZ1DQrRsNDmDYDxBgxAWB0OkQgaLDQwSqTq8FSJ3eC9Cmx1cB2nX6Dgh024kWAj1G4k4V2YV1sJVhkKcs+l0pq0E1nvRT2WbcS9lu0FfZ7dJ/Wo/1eOSqEzIGVjvAWKtxylerRHUDPAeYp2XzslECKRzBS3EqFBsVjA7++iY0uXDQ+FKo00uLGYWTsF9sX3GZFT8Qr4S6Pj7Tm8S0wSDCRDq1EvMoQo5QoVBjGp1aJuQbcHhqSO+nWA9DtMM0v6s1b/PsfyCOAo/KB64zlyBEJUc5v04ftv++KLN5BnVM0OXoxlAiUvSO0v3kselGa6osBQAA') format('woff2'),
    url('data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAWMAA4AAAAAB9gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAFcAAAABoAAAAckOx+W0dERUYAAAVQAAAAHgAAAB4AKQAKT1MvMgAAAbQAAABGAAAAYDySSWhjbWFwAAACDAAAAD4AAAFCAA/qCGN2dCAAAAJMAAAABAAAAAQAIgKIZ2FzcAAABUgAAAAIAAAACP//AANnbHlmAAACXAAAAYAAAAGs8HyEcmhlYWQAAAFEAAAAMAAAADYejJuFaGhlYQAAAXQAAAAeAAAAJAfhA8FobXR4AAAB/AAAABAAAAAQDLQAXGxvY2EAAAJQAAAACgAAAAoBAABUbWF4cAAAAZQAAAAgAAAAIAEVALBuYW1lAAAD3AAAAUYAAAKCXoIBAnBvc3QAAAUkAAAAIwAAADU11etMeNpjYGRgYABi26yU0nh+m68M3CwMIHB3ifZKOK30fxcLM3MNkMvBwAQSBQAcfApGeNpjYGRgYG7438AQw2LDAAQszAyMDKiABQBNHwKsAAAAAQAAAAQAdgAHAAAAAAACAAAACgAKAAAA/wAuAAAAAHjaY2BhsWGcwMDKwMDUyXSGgYGhH0IzvmYwYuQAijKwMjNgBQFprikMB57FPotlbvjfwMDAfIcBSDIwIilRYGAEAI44DXUAAAQ8ACIAAAAABDwAAAQ8ADp42mNgYGBmgGAZBkYGELAB8hjBfBYGBSDNAoRA/rPY//8hpOQyqEoGRjYGGJOBkQlIMDGgAkaGYQ8AovAH/QAAACICiAAAACoAKgAqANYAAHjaTY1PSwJBGIffd0bdrbbJ3fyTSQtusQaR1roaiElRRiBFFEbaIYLqUCBZGATVqVNB3fIDdLOTe/TQqaPHTtJXKKhTRFmz1iEYnhl+MM8DBDQANEgVKAgQqSFEU5bggGej5nI+pSxK+BNq1J6d9mwJLvxMWWjvMTkkh2PyoIbul0aDVL9WNbID3JP8rjsoPQEJAhCFDORhG8q8o0XQTKOhoodh2EijGUGNoUdFKuiMqiQx4WcYIWmKKmEkrDPi9bg0PW6miVNF/uf/gobP4xpBTTcTMT8Xcvnkn95LHubKmUz50kYmno/H87sF0yys9Ydz2bHOganlFU0f3S/mhruntw6wInagwNziZrO+KweU48eP1rskOb1S9uZ4RgkoS1cWCUqKIr3ZqIjMzcQ28Gz26OJoto2UWWg3OPA6odDh+dxS0icHo0N+dXGvtJlwtHTK3D0d6BjvOrwv2qrT5rkkU29fN+kNbVwu2NP6bUlv3fEoP7zEO+Lr7/UDBpNYI3jafZDNSsNAFIXP9E9tQcSC61kVQUh/lqW7Qt25cFHXbTpJW5JMmEwLXbp15QO49TF8AJ9BcOWDeBqvCBWakMs3595zZiYALvEJhZ+njWthhVPcCVdwgli4Sv1RuEZ+Ea6jhTfhBvUP4SZu1Ei4hbZ6ZoKqnXHVKdP2rHCBkXAF53gQrlK3wjXyk3AdV3gVblB/F25iii/hFjpqiTEcDGbwrAtozLFjXSFkboaorB4YOzPzZqHnO70KbRbZjOK/qb/WPeNibJAw2nFp4k0yc0ctR1pTpjkUHNm3NPoI0KNsXLGyme4HvaP2W9qzMuLwngW2POaAqqdR83O0p6SJxBheISFr5GVvTSWkHjDWZMb9/pViGw+8j3TkbKon3NYkidW5s2sTeg4vyz1yDNHlGx2kB+XhU455nw+73UgCgtCm+AYPanCHAAB42mNgYoAALjDJyIAOWMCiTIxMXFmZiUWlSYl5WZkAGjgEQQAAAAAB//8AAgABAAAADAAAABYAAAACAAEAAwADAAEABAAAAAIAAAAAeNpjYGBgZACCq0vUOUD03SXaK2E0AD+xBlQAAA==') format('woff');
    /*url('iconfont.ttf') format('truetype');*/
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-yunxiazai:before {
    content: "\f011a";
}

.icon-jiarujiazu:before {
    content: "\e617";
}

.icon-liuyan:before {
    content: "\e65e";
}

.icon-8:before {
    content: "\e614";
}
.icon-jiarubanji:before {
    content: "\e65d";
}
body {
    width: 100%;
    font: 12px/20px "Microsoft Yahei", Arial, Helvetica, sans-serif;
    color: #ffffff;
    overflow-y: scroll;
}

body::-webkit-scrollbar {
    display: none;
}

ul li {
    list-style: outside none none;
}

.clear {
    clear: both;
}

article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    padding: 0px;
    margin: 0px;
    display: block;
}

img, div {
}

.pos {
    position: relative;
}

.abs {
    position: absolute;
}

.FontRed {
    color: rgb(255, 0, 0);
}

h3 {
    font-size: 14px;
}

img {
    border: 0px none;
}

.gray {
    color: rgb(102, 102, 102);
}

a {
    color: rgb(34, 34, 34);
    text-decoration: none;
    outline: medium none;
}

p {
    line-height: 180%;
}

/*设置浮动*/
.fl {
    float: left;
}

.fr {
    /*float: right;*/
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    zoom: 1;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

input, textarea {
    font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
}

img {
    border: 0px;
    vertical-align: middle;
}

#wrapper {
    width: 100%;
    margin: 0px auto;
}

.table_box {
    display: table;
    text-align: center;
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
}

.common-img {
    background: url(../common.png) no-repeat;
}

/*.su_leftmenu{display: none;}*/

/*头部*/
.top {
    width: 100%;
    height: 28px;
    line-height: 28px;
    background-color: #c9c9c9;
}

.top .topbar {
    text-align: right;
    margin: 0px auto;
    color: #6b6b6b;
}

.top .topbar .topbar-l {
    padding-left: 40px;
}

.top .topbar .topbar-r a {
    color: #6b6b6b;
    padding: 0 10px;
}

.top .topbar .topbar-r a:not(:last-child) {
    border-right: 1px solid #6b6b6b;
}

.header .tel {
    margin-top: 15px;
    padding-left: 60px;
    background: url(../icon_tel.png) no-repeat left center;
}

.company_name {
    margin-left: 10px;
    padding-left: 20px;
    background: url(../logo_line.png) no-repeat left center;
}

.company_name_title {
    font-size: 24px;
    color: rgb(48, 114, 201);
    font-weight: bold;
}

.company_name_ps, .top_number_ps::-webkit-scrollbar {
    font-size: 14px;
    color: #999;
    line-height: 18px;
    font-family: "Calibri Light";
}

.top_number {
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    color: #d81e06;
}

.header .nav {
    height: 50px;
    line-height: 50px;
}

.top a {
    color: rgb(238, 238, 238);
}

.top a:hover {
    color: rgb(255, 255, 255);
}

.header {
    width: 100%;
    /*height: 90px;*/
    background: rgba(0, 0, 0, 0) /*-moz-linear-gradient(center bottom, rgb(249, 248, 248), rgb(241, 241, 241))*/ repeat scroll 0% 0%;
    /*background-color: #00a0e9;*/
}

.header .logo {
    float: left;
    margin-top: 15px;
}

.header .logo a {
    display: block;
}

.header .tel {
    color: rgb(159, 159, 159);
}

.tel a {
    margin-right: 15px;
    padding-left: 20px;
    background-position: -182px -43px;
    color: rgb(159, 159, 159);
}

.tel span {
    margin-left: 15px;
    background-position: -188px 0px;
    padding: 0px 0px 0px 15px;
    color: rgb(255, 0, 0);
    font-weight: bold;
}

.header .nav {
    background: rgb(48, 114, 201);
    width: 100%;
    position: relative;
}

.header .menu ul {
    width: 70%;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.header .menu ul li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
}

.header .menu ul span {
    display: inline-block;
    height: 50px;
    width: 1px;
    line-height: 50px;
    color: #ffffff;
    float: left;
}

.header .menu ul li a {
    color: #ffffff;
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
}

.header .menu ul > li > a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
}

.header .menu ul li a:hover {
    color: yellow;
}

.header .menu ul li a.selected {
    color: yellow;
}

.header .mainlevel em {
    position: absolute;
    top: -7px;
    left: 78px;
    display: block;
    width: 22px;
    height: 16px;
    background: rgba(0, 0, 0, 0) url("../common.png") no-repeat scroll -79px -23px;
}

.header .mainlevel .menuitem2 em {
    left: 160px;
}

.header .mainlevel .menuitem3 em {
    left: 302px;
}

.header .mainlevel .menuitem4 em {
    left: 80px;
}

.header .mainlevel .menuitem5 em {
    left: 87px;
}

.header .mainlevel .menuitem6 em {
    left: 730px;
}

.header .mainlevel .menuitem7 em {
    left: 385px;
}

.header .mainlevel .menuitem8 em {
    left: 297px;
}

.header .mainlevel .menuitem9 em {
    left: 440px;
}

.header .submenu {
    position: absolute;
    z-index: 100;
    display: none;
    width: auto;
    height: 260px;
}

.header .menuitem1 {
    left: 115px;
    top:43px;
}

.header .menuitem2 {
    left: 0px;
}

.header .menuitem3 {
    left: 0px;
}

.header .menuitem4 {
    left: 255px;
    top:43px;
}

.header .menuitem5 {
    left: 375px;
    top:43px;
}

.header .menuitem6 {
    left: 0px;
}

.header .menuitem7 {
    right: 0px;
}

.header .menuitem8 {
    right: 0px;
}

.header .menuitem9 {
    right: 0px;
}

.header .submenu .sub-left {
    width: 9px;
    height: 260px;
    float: left;
    background: rgba(0, 0, 0, 0) url("../menulist_l.png") repeat scroll 0% 0%;
}

.header .submenu .sub-right {
    width: 9px;
    height: 260px;
    float: left;
    background: rgba(0, 0, 0, 0) url("../menulist_r.png") repeat scroll 0% 0%;
}

.header .submenu .sub-center {
    padding-top: 45px;
    height: 215px;
    width: 185px;
    float: left;
    background: rgba(0, 0, 0, 0) url("../menulist_c.png") repeat-x scroll 0% 0%;
}

.header .submenu dl {
    float: left;
    margin-top: 0px;
    padding: 0px 0px 0px 40px;
    width: 190px;
    min-height: 140px;
    max-height: 180px;
    overflow: auto;
    border-left: 1px solid rgb(204, 204, 204);
    text-align: left;
}

.header .submenu dl:first-child {
    border: medium none;
}

.header .submenu dl dt a {
    font-size: 14px;
    color: rgb(85, 85, 85);
    margin-bottom: 2px;
    text-shadow: none;
    transition-duration: 0.5s;
}

.header .submenu dl dt a:hover {
    color: #00a0e9;
}

.header .submenu dl dd {
    margin-top: 10px;
}

.header .submenu dl dd a {
    padding-left: 10px;
    font-size: 12px;
    color: rgb(137, 136, 136);
    background: rgba(0, 0, 0, 0) url("../dot.jpg") no-repeat scroll 1px center;
    transition: all 0.2s ease 0s;
    text-shadow: none;
    height: 16px;
    line-height: 16px;
}

.header .submenu dl dd a:hover {
    background: rgba(0, 0, 0, 0) url("../dot_h.jpg") no-repeat scroll 1px center;
    color: #00a0e9;
    padding-left: 15px;
}


/*底部*/
.footer .footer_top {
    /* margin-top: 30px;*/
    padding-top: 25px;
}

.footer .footer_top .friend-ico {
    float: left;
    width: auto;
}

.footer .footer_top .top_right {
    color: #222222;
    font-size: 12px;
    text-align: center;
}

.footer .footer_top .top_right li {
    display: inline-block;
}

.footer .footer_top .top_right li a {
    color: #fff;
}

.footer .footer_top .top_right li a:hover {
    color: rgb(255, 255, 255);
}

.footer .footer_top .top_right span {
    display: inline-block;
    padding: 0px 5px;
    color: white;
}

.footer .footer_top .top_right p {
    display: inline-block;
    margin: 5px 0px 5px 8px;
    color: white;
}

.footer_bottom {
    width: 100%;
    /* background: url(../bg_footer.jpg) no-repeat;*/
    /*background-color: #222;*/
    background:#00589e url(/images/map.3a2479d1.png) no-repeat;
   /* background-color: ;*/
    height: 230px;
    background-size: 100% 100%;
    padding: 20px 0;
}

.bottom_left {
    float: left;
   /* width: 50%;*/
}

.footer_logo {
    float: left;
    height: 150px;
}

.company_info {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    float: left;
    margin-left: 30px;
    padding-left: 22px;
    /*background: url(../foot_line.png) no-repeat left center;*/
    border-left: 1px solid #fff;
}

.bottom_right {
    float: right;
    /*width: 50%;*/
    text-align: right;
}

.bottom_right .imgbox {
    text-align: center;
    display: inline-block;
    margin: 0 20px;
}

.bottom_right .imgbox p {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}


.search-true-false {
    position: fixed;
    top: 400px;
    right: 10px;
    background: rgba(0, 0, 0, 0) url("../staff_bg.png") no-repeat scroll 0% 0%;
    width: 150px;
    height: 134px;
    text-align: center;
    z-index: 100;
}

.search-true-false .search-close {
    position: absolute;
    right: -2px;
    top: 0px;
    display: block;
    width: 30px;
    height: 21px;
    background: rgba(0, 0, 0, 0) url("../common.png") no-repeat scroll -99px -18px;
}

.search-true-false h4 {
    padding: 35px 0px 0px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    font-weight: normal;
}

.search-true-false .search-code {
    width: 120px;
    display: inline-block;
    margin-top: 5px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
    height: 15px;
    padding: 5px 0px;
    text-indent: 5px;
}

.search-true-false .search-submit {
    display: inline-block;
    margin-top: 10px;
    padding: 4px 10px;
    border: medium none;
    background-color: rgb(224, 4, 61);
    color: rgb(255, 255, 255);
    border-radius: 5px;
    cursor: pointer;
}

.clearfix::after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0px;
    clear: both;
}

.clearfix {
    clear: both;
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgb(0, 0, 0) none repeat scroll 0% 0%;
    opacity: 0.35;
    z-index: 100;
    display: none;
    top: 0px;
    left: 0px;
}

.reveal-modal {
    visibility: hidden;
    top: 300px;
    left: 50%;
    margin-left: -300px;
    width: 620px;
    background: rgb(0, 0, 0) none repeat scroll 0% 0%;
    opacity: 0.8;
    position: fixed;
    z-index: 101;
    padding: 30px 0px 30px 55px;
}

.reveal-modal p {
    font-size: 25px;
    color: rgb(255, 255, 255);
}

.reveal-modal p span {
    display: block;
    margin-top: 20px;
}

.reveal-modal p a {
    font-size: 18px;
    margin-right: 47px;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.reveal-modal p a:hover {
    color: rgb(43, 154, 243);
}

.reveal-modal .close-reveal-modal {
    position: absolute;
    top: 46px;
    right: 50px;
    font-size: 28px;
    color: rgb(255, 255, 255);
    font-family: Arial;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
}

.reveal-modal .close-reveal-modal:hover {
    color: red;
}

.online {
    position: fixed;
    top: 250px;
    right: 10px;
}

.anti-btn {
    position: fixed;
    top: 425px;
    right: -46px;
    display: none;
}


@media (max-width: 1024px) {
    .wrap {
        width: 96%;
        margin: 0 auto;
    }

    .top .topbar .topbar-l {
        padding-left: 0px;
    }

    .hidden_xs {
        display: none;
    }

    .headDiv {
        height: 60px;
        z-index: 7;
    }

    .headDiv .logo {
        left: 10px;
        top: 17px;
    }

    .headDiv .logo img {
        height: 50px;
        margin: 5px 0;
    }

    .headDivcon {
        position: relative;
    }

    .navIco {
        display: block;
        width: 38px;
        height: 60px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .navIco img {
        width: 30px;
        position: relative;
        top: 20px;
    }

    .navContent a {
        display: block;
        height: 36px;
        line-height: 36px;
        color: #333;
        font-size: 14px;
    }

    /*导航菜单触发*/
    .navLayer {
        overflow-x: auto;
        height: 100%;
        width: 100%;
        overflow: hidden;
        position: fixed;
        z-index: 22;
        right: -100%;
        top: 0px;
    }

    .navLayer .top {
        position: relative;
        height: 60px;
        background: #fff;
    }

    .navLayer .logo {
        position: absolute;
        left: 10px;
        top: 7px;
    }

    .navLayer .logo img {
        position: relative;
        width: 70px;
    }

    .navLayer .closeBtn {
        display: block;
        width: 24px;
        height: 24px;
        background: url(../close3.png) center no-repeat;
        background-size: 24px;
        position: absolute;
        top: 12px;
        right: 10px;
        z-index: 11;
    }

    .navLayer .bg {
        overflow-x: auto;
        position: relative;
        background: #fafafa;
        height: 100%;
        width: 80%;
        margin-left: 20%;
    }

    .sideNav {
        padding: 0 15px;
    }

    .subNav {
        cursor: pointer;
        display: block;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #ccc;
        position: relative;
        font-size: 14px;
        color: #333;
    }

    .subNav1 {
        background: url(../nimg28_1.png) right center no-repeat;
        background-size: 16px;
    }

    .subNav .name {
        position: relative;
    }

    .subNav .name a {
        display: block;
        color: #333;
    }

    .currentDt {
        background: url(../nimg28_1.png) right center no-repeat;
        background-size: 16px;
    }

    .navContent {
        display: none;
    }

    .navContent li {
        position: relative;
    }

    .navContent .back {
        border-bottom: #ccc solid 1px;
    }

    .navContent .back img {
        width: 9px;
    }

    .navContent a {
        display: block;
        height: 36px;
        line-height: 36px;
        color: #333;
        font-size: 14px;
    }

    .navContent .list {
        display: none;
    }

    .sideNav .list .aNow {
        color: #fff;
    }

    .sideNav .list a {
        font-size: 13px;
        color: #666;
    }

    .sideNav li em a {
        background: url(../nimg28_1.png) right center no-repeat;
        background-size: 16px;
    }

    .sideNav li em a.aNow {
        background: url(../nimg28_1.png) right center no-repeat;
        background-size: 16px;
    }

}

@media (min-width: 768px) {

    .wrap {
        width: 96%;
        margin: 0px auto;
    }

}


@media (min-width: 1025px) {
    .wrap {
        width: 992px;
        margin: 0px auto;
    }

    .hidden_lg {
        display: none;
    }

}


@media screen and (min-width: 1280px) {
    .wrap {
        width: 85%;
        /*margin: 0px auto;*/
        margin-left: 102px;
        height: 50px;
    }
}

@media (max-width: 767px) {
    .bdshare-slide-button-box {
        display: none !important;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .bottom_left {
        width: 60%;
    }

    .bottom_right {
        width: 40%;
    }

    .footer_logo img {
        max-width: 90px;
    }

    .company_info {
        margin-left: 20px;
        padding-left: 20px;
    }

    .bottom_right .imgbox img {
        max-width: 100px;
    }
}

@media (max-width: 767px) {

    .bottom_left {
        width: 100%;
    }

    .bottom_right {
        width: 100%;
        text-align: center;
    }

    .footer_logo img {
        max-width: 50px;
    }

    .company_info {
        margin-left: 10px;
        padding-left: 10px;
        font-size: 13px;
        line-height: 22px;
    }

    .bottom_right .imgbox img {
        max-width: 100px;
    }

    .news .news-left .switch-bar ul li {
        width: 25%;
    }

    .news .news-left .sublist li span {
        width: 70%;
    }

    .footer_bottom .footer_top {
        text-align: center;
        color: #fff;
    }

    .footer_bottom .footer_top .top_right {
        /*text-align: left;*/
    }

    .footer_bottom .footer_top .friend-ico {
        float: none;
        display: inline-block;
        margin-bottom: 10px;
    }

    .footer_bottom .footer_top .top_right {

    }

    .footer_bottom .footer_top .top_right p {
        margin: 4px 0;
        color: white;
    }
}

.main {
    width: 100%;
    height: auto;
    /*background-color: #0a74c1;*/
}

.Company_profile {
    width: 100%;
    height: 530px;
    background-color: rgb(250, 250, 250);
    text-align: center;
    font: bold 20px Arial, Helvetica, sans-serif;
    padding-top: 20px;
}

.animated {
    animation: fade-in; /*动画名称*/
    animation-duration: 2.5s; /*动画持续时间*/
    -webkit-animation: fade-in 2.5s; /*针对webkit内核*/
}

.about_us {
    font-size: 48px;
    font-weight: bold;
    text-align: left;
    margin-left: 80px;
    height: 81px;
    /*width: 100%;*/
}

.text_1 {
    color: rgb(0, 119, 207);
    margin-top: 20px;
}

.text_2 {
    color: rgb(204, 204, 204);
    margin-left: -10px;
}

.text_2:hover {
    color: #f00;
}

.text_3 {
    color: #1c1c1c;
    font: bold 20px Arial, Helvetica, sans-serif;
}

.text_4 {
    color: rgb(0, 116, 201);
    margin-right: 80px;
    bottom: 0;
    font: bold 30px Arial, Helvetica, sans-serif;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    /*初始状态 透明度为0*/
    40% {
        opacity: 0.4;
    }
    /*过渡状态 透明度为0*/
    100% {
        opacity: 1;
    }
    /*结束状态 透明度为1*/
}

@-webkit-keyframes fade-in { /*针对webkit内核*/
    0% {
        opacity: 0;
    }
    40% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}

.profile {
    width: calc(49.5% - 100px);
    /*height: 400px;*/
    text-align: left;
    padding: 20px 25px 20px 80px;
    float: left;
    /*background-color: #0a74c1;*/
}

.profile p {
    font: 14px Arial, Helvetica, sans-serif;
    color: #000;
    line-height: 32px;
}

.photo {
    float: right;
    width: calc(49.5% - 100px);
    padding: 20px 80px 20px 25px;
    /*background-color: #00b8fa;*/
}

.photo img {
    width: 100%;
    max-height: 352px;
}

.system_architecture {
    width: 100%;
    /* height: 830px;*/
    background-color: #fff;
    text-align: center;
    font: bold 20px Arial, Helvetica, sans-serif;
    padding-top: 20px;
}

.picture1 {
    margin: 0 80px 20px 80px;
    width: calc(100% - 160px);
}

.xuanzhuan {
    animation-name: xuanzhuan;
    -webkit-animation-name: xuanzhuan;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes xuanzhuan {
    0% {
        opacity: 0;
        transform: rotate(120deg);
        -webkit-transform: rotate(120deg);
    }
    50% {
        opacity: 0.5;
        transform: scale(0.5, 0.5);
        -webkit-transform: scale(0.5, 0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
}

@-webkit-keyframes xuanzhuan {
    0% {
        opacity: 0;
        transform: rotate(120deg);
        -webkit-transform: rotate(120deg);
    }
    50% {
        opacity: 0.5;
        transform: scale(0.5, 0.5);
        -webkit-transform: scale(1.5, 1.5);
    }
    100% {
        opacity: 1;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
}

.Solution {
    width: 100%;
    height: 530px;
    background-color: rgb(250, 250, 250);;
    text-align: center;
    font: bold 20px Arial, Helvetica, sans-serif;
    padding-top: 20px;
}

.solution_content {
    padding-top: 20px;
    width: calc(100% - 160px);
    /*background-color: #2c2c2c;*/
    margin: 0 auto;
    height: 530px;
}

.solution_content img {
    width: 90%;
    margin-top: 10px;
}

.solution_content img:last-child {
    margin-right: 0;
}

.t1 {
    color: #000;
    text-align: left;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 30px;
}

.server {
    width: 100%;
    text-align: center;
    font: bold 20px Arial, Helvetica, sans-serif;
    padding: 20px 0;
    background-color: #fff;
}

.server_left {
    float: left;
    width: calc(50% - 80px);
    margin-left: 80px;
    /*background-color: #2c2c2c;*/
}

.server_left img {
    height: 402px;
    width: 100%;
}

.server_right {
    float: right;
    width: calc(50% - 80px);
    margin-right: 80px;
    /*background-color: #2c2c2c;*/
}

.server_right .img1 {
    width: calc(50% - 2px);
    /*background-color: #eee;*/
    border: 1px solid #eee;
    color: #0077cf;
    font: bold 14px Arial, Helvetica, sans-serif;
    height: 200px;
}
.img1:hover{
    background-color: #0077cf;
    color: #fff;
}

.icon {
    margin-top: 56px;
}

.img_text {
    margin-top: 10px
}
.icon span{
    font-size: 48px;
}
.topA {
    z-index: 5;
    position: fixed;
    right: 2%;
    /*margin-right: -8.3rem;*/
    bottom: 70px;
    display: none;
    width: 34px;
    height: 34px;
    background: #0075cf;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 10px #ddd;
}