@charset "UTF-8";

/*!
 * common.css
 * Version - 1.0.0
 * Copyright (c) 2020 Gaomin
 *Creation time 2020/3/19 9:00
 *Modification time 2020/00/00
 *Modify content
*/

body {
    margin: 0px;
    padding: 0px;
    min-width: 1280px;
    font-size: 14px;
    font-family: 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
    background: url(../images/footbg.png) repeat-x left bottom;
}

button {
    -webkit-appearance: none;
}

input[type=submit] {
    border: 0px;
    cursor: pointer;
    -webkit-appearance: none;
}

input[type=button] {
    -webkit-appearance: none;
}

input[type=text] {
    outline: none;
    -webkit-appearance: none;
}

input[type=date] {
    border: 0px;
    padding: 0px;
    outline: none;
    -webkit-appearance: none;
}

* {
    outline: none;
    tap-highlight-color: rgba(0, 0, 0, 0);
    focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-focus-ring-color: rgba(0, 0, 0, 0);
}

p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

body,
h1,
h2,
h3,
dl,
dd,
dt,
p,
ul,
li,
ol {
    margin: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    border: none;
    margin: 0;
    outline: none;
    padding: 0;
    background: none;
}

ol,
ul,
li {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
}

img {
    border: 0;
}

h1,
h2,
h3 {
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #404040;
}

a:active {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0 none;
    color: #1C50B5;
}

a:focus {
    outline: 0 dotted
}

img {
    vertical-align: middle;
}

div {
    width: auto;
}

i {
    font-style: normal;
}

.F_L {
    float: left;
}

.F_R {
    float: right;
}

.bg_f5 {
    background: #F5F6FA !important;
}


/* 浮动点位 */

.p_r {
    position: relative;
}

.p_a {
    position: absolute;
}


/* 文字对齐 */

.t_l {
    text-align: left;
}

.t_c {
    text-align: center;
}

.t_r {
    text-align: right;
}


/* 颜色 */

.red {
    color: #B9202F;
}

.green {
    color: #267a09;
}

.orange {
    color: #F5AB3F;
}

.blue {
    color: #1C50B6;
}

.blues {
    color: #4C8EF7;
}

.c_222 {
    color: #222;
}

.c_333 {
    color: #333 !important;
}

.c_666 {
    color: #666;
}

.c_999 {
    color: #999;
}

.c_ccc {
    color: #ccc;
}

.c_cce {
    color: #DCE5EC;
}

.c_fff {
    color: #fff;
}


/* 字号 */

.s_12 {
    font-size: 12px;
}

.s_14 {
    font-size: 14px;
}

.s_16 {
    font-size: 16px;
}

.s_18 {
    font-size: 18px;
}

.s_20 {
    font-size: 20px;
}

.s_22 {
    font-size: 22px;
}

.s_24 {
    font-size: 24px;
}

.s_26 {
    font-size: 26px;
}

.s_30 {
    font-size: 30px;
}

.s_32 {
    font-size: 32px;
}

.s_48 {
    font-size: 48px;
}

.s_56 {
    font-size: 56px;
}


/* 间距 */

.l_h1 {
    line-height: 1.5;
}

.l_h22 {
    line-height: 22px;
}

.l_h24 {
    line-height: 24px;
}

.l_h30 {
    line-height: 30px;
}

.l_h32 {
    line-height: 32px;
}

.l_h40 {
    line-height: 40px;
}

.l_h65 {
    line-height: 65px;
}

.b_r4 {
    border-radius: 4px;
}


/* 宽高 */

.w_1200 {
    width: 1200px;
    margin: 0 auto;
}

.w_100 {
    width: 100%;
}

.w_50 {
    width: 50% !important;
}

.w_90 {
    width: 90%;
}

.w_25 {
    width: 25%;
}

.w_20 {
    width: 20%;
}

.w_28 {
    width: 28%;
}

.w_33 {
    width: 33%;
}

.w_37 {
    width: calc(37.5% - 40px) !important;
}

.w_34 {
    width: calc(34% - 50px) !important;
    padding: 0 20px;
}

.w_24 {
    width: 22%;
    display: block;
    padding-right: 2%;
}

.w_76 {
    width: 76%;
    display: block;
}

.w_72 {
    width: 72%;
    display: block;
}

.w_48 {
    width: 48% !important;
}

.w_40 {
    width: 40% !important;
}

.w_750 {
    width: 750px !important;
    margin: 0 auto;
}

.w_950 {
    margin: 0 auto;
    width: 950px !important;
}

.h_100 {
    height: 100%;
}


/* 字体 */

.s_b {
    font-weight: bold;
}

.s_n {
    font-weight: normal;
}

.s_a {
    font-family: 'Arial';
}

.s_c {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}


/* 边框 */

.side_b_1 {
    border-bottom: 1px solid #EBEEF5;
}

.side_1 {
    padding: 10px 12px 0 12px;
    border: 0 solid #eee;
    background: #fff;
    box-shadow: 0 2px 6px rgba(137, 137, 137, 0.4);
}

.side_2 {
    padding: 0;
    border: 0 solid #eee;
    background: #fff;
    box-shadow: 0 2px 6px rgba(137, 137, 137, 0.4);
}

.side_r1 {
    border-right: 1px solid #eee;
}

.side_b1 {
    border-bottom: 1px solid #eee;
}

.side_s2 {
    border: 2px solid #eee !important;
}

.side_red {
    border: 1px solid #EA3F25;
}


/* 边界 */

.ma_20 {
    margin: 20px;
}

.ma_t20 {
    margin-top: 20px;
}

.ma_t10 {
    margin-top: 10px;
}

.ma_t30 {
    margin-top: 30px;
}

.ma_b30 {
    margin-bottom: 30px;
}

.ma_b20 {
    margin-bottom: 20px;
}

.ma_b10 {
    margin-bottom: 10px;
}

.ma_r20 {
    margin-right: 20px;
}

.ma_l20 {
    margin-left: 20px;
}

.ma_r24 {
    margin-right: 24px;
}

.pa_tl {
    padding: 16px 10px;
}

.pa_tb10 {
    padding: 10px 0 !important;
}

.pa_tb5 {
    padding: 5px 0 !important;
}

.l_t {
    left: 0;
    top: 0;
}

.r_t {
    right: 0;
    top: 0;
}

.lt_2 {
    left: 20px;
    top: 20px !important;
}


/*header*/

.top_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    box-shadow: 0 1px 5px #adadad;
    background: rgba(0, 0, 0, 0.2);
    z-index: 100;
}

.top_bgs {
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 100;
}

.top_main {
    width: 100%;
    margin: 0 auto;
    height: 90px;
}

.top_logo {
    float: left;
    padding-right: 1%;
}


/*导航*/

.dh_bg {
    margin: 0 auto;
    max-width: 820px;
    position: relative;
    height: 88px;
    float: left;
}

.dh_bg ul:after {
    display: table;
    content: '';
    clear: both;
    /*清除浮动*/
}

.dh_bg ul li {
    float: left;
    text-align: center;
    position: relative;
    z-index: 5;
    padding: 0 19px;
}

.dh_bg ul li>a {
    font-size: 18px;
    color: #fff;
    display: block;
    height: 90px;
    line-height: 90px;
}

.dh_bg ul li>a:hover {
    background: url(../images/navbg.png);
    color: #f00;
}

.dh_bg ul li.cur>a {
    color: #fff;
}

.dha {
    color: #333 !important;
}

.dha:hover {
    color: #057EFF !important;
}

.two_nav_box {
    position: relative;
    position: absolute;
    width: 1000px;
    right: 0;
    margin-top: -5px;
    z-index: 999;
}

.two_nav_box .two_nav {
    position: absolute;
    right: 0;
    overflow: visible;
    background-color: #ffffff;
    box-shadow: 0 0 6px #888888;
    border-radius: 3px;
    padding: 20px 0 40px 0;
    display: none;
}

.two_nav_box .two_nav dl {
    float: left;
    padding: 0 20px;
    position: relative;
}

.two_nav_box .two_nav dl dt {
    font-size: 16px;
    line-height: 40px;
}

.two_nav_box .two_nav dl dt a {
    font-weight: bold;
    color: #222;
    display: block;
}

.two_nav_box .two_nav dl i {
    position: absolute;
    left: 0;
    width: 1px;
    height: 100%;
    background: url(../images/menu_line.png) no-repeat center center;
    background-size: 1px 100%;
}

.two_nav_box .two_nav>div dl:first-child i {
    display: none;
}

.two_nav_box .two_nav>span {
    position: absolute;
    left: 365px;
    top: -13px;
    width: 37px;
    height: 13px;
    background: url(../images/menu_xsj.png) no-repeat center center;
}

.two_nav_box .two_nav dl dd a {
    font-size: 14px;
    color: #666;
    line-height: 36px;
}

.two_nav_box .two_nav dl dd:hover a {
    color: #3385cc;
    text-decoration: underline;
}


/*搜索*/

.search {
    width: 220px;
    height: 35px;
    float: right;
    top: 30px;
    right: 1.5%;
    position: absolute;
}

.search input[type=search] {
    border-radius: 3px;
    width: 100%;
    padding: 0 5%;
    background: rgba(0, 0, 0, 0.1);
}

.search input[type=submit] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    right: 10px;
    top: 5px;
    position: absolute;
}

.search_a {
    height: 33px;
    border: 1px solid #fff;
    color: #fff;
}

.search_s {
    height: 33px;
    border: 1px solid #999;
    color: #666;
}

.sea_a {
    background: url(../images/seabg.png) no-repeat;
}

.sea_a:hover {
    background: url(../images/seabg_1.png) no-repeat;
}

.sea_s {
    background: url(../images/seabg.png) no-repeat 0 -20px;
}

.sea_s:hover {
    background: url(../images/seabg_1.png) no-repeat 0 -20px;
}


/* 标题 */

.title {
    width: 100%;
    height: 80px;
    margin: 80px auto 50px auto;
    font-size: 28px;
}

.t_bga {
    background: url(../images/tbg.png) no-repeat top center;
}

.t_bgb {
    background: url(../images/tbg1.png) no-repeat top center;
}


/*floor*/

.floor {
    width: 100%;
    height: 350px;
    background: #002F62;
    margin: 0 auto 0 auto;
}

.container {
    width: 1200px;
    height: 235px;
    padding-top: 49px;
    margin: 0 auto;
}

.container_l {
    width: 700px;
    height: 235px;
    float: left;
}

.container_l ul {
    float: left;
    margin-right: 60px;
}

.container_l ul li {
    line-height: 30px;
}

.container_l ul span {
    font-size: 16px;
    color: #fff;
}

.container_l ul a {
    color: #999;
}

.container_l ul a:hover {
    color: #3f7cf8;
}

.focus {
    float: right;
    width: 350px;
    height: auto;
    border-left: 1px solid #8097B1;
    padding-left: 90px;
}

.copyright {
    width: 100%;
    height: 60px;
    line-height: 50px;
    border-top: 1px solid #1A4472;
    font-size: 14px;
}

.copyright a {
    text-align: right;
    color: #fff;
}

.copyright a:hover {
    color: #ccc;
}


/*分页*/

.paging {
    width: 100%;
    height: 65px;
    margin-top: 50px;
    padding-bottom: 50px;
}

.paging a {
    margin: 0 20px;
    background: #F8F8F8;
    width: 45px;
    height: 45px;
    border-radius: 100px;
    display: inline-block;
    color: #999;
    font-size: 24px;
    line-height: 45px;
    text-align: center;
}

.paging a:hover {
    background: #4C8EF7;
    color: #fff;
}

.paging_a {
    background: #4C8EF7 !important;
    color: #fff !important;
}

.paging_L {
    background: url(../images/L1.png) no-repeat center center #F8F8F8 !important;
}

.paging_L:hover {
    background: url(../images/L01.png) no-repeat center center #4C8EF7 !important;
}

.paging_R {
    background: url(../images/R1.png) no-repeat center center #F8F8F8 !important;
}

.paging_R:hover {
    background: url(../images/R01.png) no-repeat center center #4C8EF7 !important;
}


/*悬浮链接*/

.suspension {
    position: fixed;
    z-index: 55;
    right: 0;
    bottom: 85px;
    width: 115px;
    height: 420px;
}

.suspension-box {
    position: relative;
    float: right;
}

.suspension .a {
    display: block;
    width: 100px;
    height: 100px;
    background-color: #3F7CF8;
    margin-bottom: 6px;
    cursor: pointer;
    outline: none;
}

.suspension .a.active,
.suspension .a:hover {
    background: #104ECC;
}

.suspension .a span {
    display: block;
    float: left;
    width: 100%;
}

.suspension .a .i {
    float: left;
    width: 44px;
    height: 44px;
    background-image: url(../images/side_icon.png);
    background-repeat: no-repeat;
}


/* .suspension .a-service .i{background-position:0 0;} */

.suspension .a-service .i {
    width: 55px;
    height: 55px;
    margin-top: 10px;
    margin-left: 25px;
    background: url(../images/jew.png) no-repeat;
}

.suspension .a-service-phone .i {
    width: 55px;
    height: 55px;
    margin-top: 10px;
    margin-left: 25px;
    background: url(../images/wx.png) no-repeat;
}

.suspension .a-qrcode .i {
    width: 55px;
    height: 55px;
    margin-top: 10px;
    margin-left: 25px;
    background: url(../images/dh.png) no-repeat;
}

.suspension .a-cart .i {
    background-position: -88px 0;
}

.suspension .a-top .i {
    width: 55px;
    height: 55px;
    margin-top: 10px;
    margin-left: 25px;
    background: url(../images/top.png) no-repeat;
}

.suspension .d {
    display: none;
    width: 223px;
    background: #fff;
    position: absolute;
    right: 67px;
    min-height: 90px;
    border: 1px solid #E0E1E5;
    border-radius: 3px;
    box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}

.suspension .d .arrow {
    position: absolute;
    width: 8px;
    height: 12px;
    background: url(../images/side_bg_arrow.png) no-repeat;
    right: -8px;
    top: 31px;
}

.suspension .d-service {
    top: 0;
}

.suspension .d-service-phone {
    top: 85px;
    right: 105px;
}

.suspension .d-qrcode {
    top: 208px;
    right: 105px;
    width: 250px;
}

.suspension .d .inner-box {
    padding: 8px 22px 10px 10px;
    display: block;
}

.suspension .d-service .d-service-item {
    border-bottom: none;
}

.suspension .d-service-item .circle {
    width: 44px;
    height: 58px;
    overflow: hidden;
    float: left;
    margin-left: 10px;
}

.suspension .d-service-item .i-qq {
    width: 44px;
    height: 44px;
    background: url(../images/side_con_icon03.png) no-repeat center 15px;
    display: block;
    transition: all .2s;
    border-radius: 50%;
    overflow: hidden;
}

.suspension .d-service-item:hover .i-qq {
    background-position: center 3px;
}

.suspension .d-service-item .i-tel {
    width: 48px;
    height: 58px;
    background: url(../images/side_con_icon02.png) no-repeat bottom left;
    margin-right: 10px;
    display: block;
}

.suspension .d-service-item h3 {
    float: left;
    width: 112px;
    line-height: 44px;
    font-size: 15px;
    margin-left: 12px;
}

.suspension .d-service-item .text {
    width: 220px;
    line-height: 22px;
    font-size: 16px;
    margin-left: 12px;
}

.suspension .d-service-item .text p {
    padding-bottom: 10px;
    padding-left: 50px;
}

.suspension .d-service-intro {
    padding: 10px 0 20px 0;
}

.suspension .d-qrcode {
    text-align: left;
}

.suspension .d-qrcode .inner-box {
    padding: 20px 0;
}