@charset "utf-8";
html {
    color: #000;
    background: #FFF;
}

body {
    color: #666;
    font: 12px/1.231 "Microsoft Yahei", arial, helvetica, clean, sans-serif;
}


/*网站字体颜色*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.qing222 {
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del,
ins {
    text-decoration: none;
}

li {
    list-style: none;
}

.f_menu a:hover {
    color: #e66b42;
}

caption,
th {
    text-align: left;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input,
button,
textarea,
select {
    *font-size: 100%;
}

input,
select {
    vertical-align: middle;
}

select,
input,
button,
textarea,
button {
    font: 99% arial, helvetica, clean, sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
    border-collapse: collapse;
}

pre,
code,
kbd,
samp,
tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
}


/*title*/

h1 {
    font-size: 32px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

.mt10 {
    margin-top: 10px;
}

#menu li.menu_on {
    width: 100px;
    height: 44px;
    float: left;
    text-decoration: none;
    background: url(menuhover.png) bottom no-repeat
}

a {
    color: #000;
    text-decoration: none;
}


/*for ie f6n.net*/

a:focus {
    outline: 0;
}


/*for ff f6n.net*/

.vam {
    vertical-align: middle;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

p {
    word-spacing: -1.5px;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.center {
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pa {
    position: absolute;
}

.pr {
    position: relative
}


/* -- 购物车外部框架 -- */

.cart_header,
.cart_content,
.cart_footer {
    width: 760px;
    margin: 0 auto;
}


/* -- 页面整体布局 -- */

.header,
.content,
.footer {
    MAX-width: 1200px !important;
    margin: 0 auto;
}

.left {
    width: 216px;
    float: left;
    overflow: hidden;
}

.left2 {
    width: 700px;
    float: left;
    overflow: hidden;
}

.left3 {
    width: 754px;
    float: left;
    overflow: hidden;
    color: #666;
}

.lefttop {
    height: 0px;
    font-size: 0;
    overflow: hidden;
    margin-top: 10px;
}

.leftbot {
    height: 0px;
    font-size: 0;
    overflow: hidden;
    margin-bottom: 10px;
}

.left2bot {
    height: 0px;
    font-size: 0;
    overflow: hidden;
    margin-bottom: 10px;
}

.right {
    max-width: 1200px;
    /* float: left; */
    display: inline;
    margin-left: 20px;
    overflow: hidden;
}

.right2 {
    width: 236px;
    float: left;
    overflow: hidden;
}

.right3 {
    width: 201px;
    float: right;
    overflow: hidden;
    color: #666;
}

.righttop {
    height: 0px;
    font-size: 0;
    overflow: hidden;
    margin-bottom: 10px;
    max-width: 1200px;
}

.right2top {
    height: 0px;
    font-size: 0;
    overflow: hidden;
    margin-bottom: 10px;
}

.rightbot {
    height: 0px;
    font-size: 0;
    overflow: hidden;
    margin-bottom: 10px;
}

.right2bot {
    height: 0px;
    font-size: 0;
    overflow: hidden;
    margin-bottom: 10px;
}

.right_main {
    max-width: 1200px;
    padding-bottom: 15px;
    overflow: hidden;
}

.right2_main {
    width: 236px;
    padding-bottom: 15px;
    overflow: hidden;
}

.left2_main {
    width: 668px;
    padding-bottom: 15px;
    overflow: hidden;
}

.rightl {
    width: 760px;
    float: right;
    display: inline;
    overflow: hidden;
}

.leftr {
    width: 216px;
    float: left;
    overflow: hidden;
    margin-top: 10px;
}

.h_nav li a:-webkit-any-link {
    display: block;
}


/*--在线客服css--*/

.ImTable * {
    padding: 0px;
    margin: 0px
}

.ImTable {
    border-collapse: collapse;
    border: none;
    background: url(/assets/image/bg.gif)
}

.ImTable h2 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px
}

.ImHeader {
    height: 121px;
    background: url(/assets/image/im_01.jpg)
}

.ImRow0 {
    background: url(/assets/image/ico_item1.gif) no-repeat;
    margin: 10px 10px 0;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
}

.ImRow1 {
    background: url(/assets/image/ico_item1.gif) no-repeat;
    margin: 10px 10px 0;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
}

a.im,
a:hover.im {
    text-decoration: none;
    height: 35px;
    color: #333;
    font-size: 12px;
}

.ImFooter {
    height: 90px;
    background: url(/assets/image/im_04.jpg) no-repeat;
    display: inline-block;
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
}

.ImFooter h5 {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    margin: 15px 0 0;
    font-family: '宋体';
}

.ImFooter p {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 10px 0;
}


/* -- 弹出窗口 -- */

#mesbook1_c,
#mesbook1 {
    display: none;
    z-index: 1001;
    width: 398px;
    border: 1px solid #ccc;
    background: #fff;
    padding-bottom: 20px;
}

#mesbook1_c div,
#mesbook1 div {
    border: 1px solid #E4E3E3;
    background: #EBECEB;
    height: 18px;
    padding: 4px .5em 0;
    margin-bottom: 10px;
}

#mesbook1_c dl.b1,
#mesbook1 dl.b1 {
    width: 370px;
    margin: 0 auto;
}

#mesbook1_c dl.b1 dt,
#mesbook1 dl.b1 dt {
    float: left;
    width: 105px;
    overflow: hidden;
}

#mesbook1_c dl.b1 dd,
#mesbook1 dl.b1 dd {
    width: 265px;
    float: right;
}

#mesbook1_c #mesbook1_cBtns,
#mesbook1 #mesbook1Btns {
    padding-bottom: 10px;
}

#mesbook1_c #mesbook1_cBtns input,
#mesbook1 #mesbook1Btns input {
    margin-right: 20px;
}


/*--common start--*/


/* -- 当前位置 -- */

.plc,
.plc2 {
    background: url(/assets/image/logo_03.png) no-repeat 10px 8px;
    height: 36px;
    line-height: 24px;
    padding: 7px 8px 8px 35px;
    position: relative;
    color: #666;
    overflow: hidden;
    font-size: 14px;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    padding-bottom: 8px;
    font-family: "Microsoft Yahei", "微软雅黑";
    margin-top: 10px;
}

.plc span {}

.plc i,
.plc2 i,
.plc a {
    font-style: normal;
    font-size: 14px;
    color: #666;
}


/* -- 回到顶部 -- */

#roll {
    z-index: 999;
}

#roll_top,
#fall,
#ct {
    position: relative;
    cursor: pointer;
    height: 72px;
    width: 26px;
}

#roll_top {
    background: url(/assets/image/top.gif) no-repeat;
}

#fall {
    background: url(/assets/image/top.gif) no-repeat 0 -80px;
}

#ct {
    background: url(/assets/image/top.gif) no-repeat 0 -40px;
}

#roll {
    display: block;
    width: 15px;
    margin-right: -500px;
    position: fixed;
    right: 40%;
    bottom: 0px;
    _margin-right: -505px;
    _position: absolute;
    _margin-top: 300px;
    _top: expression(eval(document.documentElement.scrollTop));
}

i,
em {
    font-style: normal;
}


/*头部开始*/

.t_bg {
    background: url(/assets/image/t_bg.jpg) no-repeat center 0;
    height: 145px;
    overflow: hidden;
    background-position-y: -67px;
}

.header1 {
    margin-top: -67px;
}

.h_top {
    height: 33px;
    line-height: 33px;
    color: #272636;
    font-size: 13px;
}

.h_top i {
    font-style: normal;
    float: right;
}

.h_top i a {
    color: #272636;
    display: inline-block;
    padding: 0 12px;
}

.h_top i a img {
    width: 48p;
    height: 30px;
}

.t_bg .nop {
    padding-right: 0;
}

.h_top i img {
    vertical-align: middle;
    padding-right: 8px;
}

.h_con {
    height: 141px;
    overflow: hidden;
    clear: both;
}

.h_con h1 {
    float: left;
    padding: 30px 24px 0 0;
    width: 244px;
}

.h_con p {
    float: left;
    padding-top: 34px;
    width: 336px;
    font-size: 16px;
    color: #333;
    line-height: 25px;
}

.h_con p i {
    display: block;
}

.h_con p em {
    font-size: 23px;
    font-weight: bold;
    display: block;
    padding-bottom: 4px;
}

.h_con p span {
    color: #284a78;
    font-size: 26px;
    font-family: Arial;
    padding: 0 17px;
    background: url(/assets/image/spn.png) no-repeat center;
}

.h_con q {
    float: right;
    color: #000;
    font-size: 14px;
    margin-top: 42px;
    display: block;
    background: url(/assets/image/tel.png) no-repeat left 1px;
    padding-left: 70px;
}

.h_con q span {
    font-family: Arial;
    font-size: 30px;
    font-weight: bold;
    display: block;
    font-style: italic;
    line-height: 36px;
    margin-top: 10px;
}

.h_nav {
    height: 38px;
    line-height: 38px;
    overflow: hidden;
}

.h_nav ul li {
    font-size: 16px;
    float: left;
    background: url(/assets/image/n_lin.gif) no-repeat right 0;
}

.h_nav ul li a {
    display: inline-block;
    float: left;
    color: #fff;
    padding: 0 42px;
}

.h_nav ul .cur a,
.h_nav ul li a:hover {
    background: #e66b42;
    text-decoration: none;
}

.h_nav ul .nobor {
    background: none;
}

.h_nav ul .nobor a {
    padding: 0 16px;
}


/*搜索*/

.s_bg {
    height: 65px;
    line-height: 65px;
}

.sea {
    width: 1000px;
    margin: 0 auto;
    color: #393939;
    height: 65px;
    line-height: 65px;
    overflow: hidden;
    font-size: 13px;
}

.sea p {
    float: left;
}

.sea p b {
    color: #393939;
}

.sea p a {
    color: #393939;
    padding: 0 7px;
    font-size: 13px;
}

.s_b {
    float: right;
    margin: 17px 0 0 0;
}

.s_01 {
    float: left;
    height33px;
    width: 280px;
    color: #acacac;
    border: none;
    background: none;
    line-height: 33px;
    font-size: 14px;
    padding: 0 10px;
    border: 1px solid #bababa;
    border-right: none;
}

.s_b input {
    float: left;
}


/*头部结束*/


/*底部开始*/

.f_bg {
    background: black;
    height: 270px;
}

.f_er {
    float: left;
    width: 168px;
    background: #fff;
    height: 269px;
    text-align: center;
    font-size: 13px;
    color: #141414;
    line-height: 20px;
}

.f_er h3 {
    padding: 21px 0 29px 0;
    margin-top: 0px;
    margin-bottom: 0px;
}

.f_er i {
    display: block;
    padding-bottom: 15px;
}

.f_menu {
    float: right;
    border: 1px solid #858585;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin: 60px 0 25px 0;
    width: 810px;
}

.f_menu a {
    font-size: 13px;
    display: inline-block;
    padding: 0 14px;
    color: #e6e6e6;
    background: url(/assets/image/f_ico.gif) no-repeat left 15px;
}

.f_menu .nob {
    background: none;
}

.f_con {
    float: right;
    font-size: 13px;
    color: #adadad;
    width: 810px;
}

.f_con p {
    color: #cdcbca;
    height: 31px;
    margin: 0px;
}

.f_con p a {
    color: #cdcbca;
}

.f_con p img {
    padding-left: 14px;
}

.f_con p span {
    padding: 0 20px;
}

.f_link {
    float: right;
    padding-top: 28px;
    width: 810px;
    font-size: 12px;
}

.f_link h3 {
    margin-bottom: 16px;
    color: #cbcbcb;
    font-size: 14px;
    font-weight: normal;
}

.f_link a {
    color: #000;
}

.f_link h3 a {
    color: #cbcbcb;
    font-weight: bold;
    font-size: 16px;
    padding-right: 8px;
}

.f_link i a {
    padding-right: 42px;
    display: inline-block;
    color: #cbcbcb;
    font-size: 13px;
}

.f_link i span {
    display: inline-block;
    float: right;
    background: #4c4c4c;
    text-align: center;
    line-height: 20px;
    text-align: center;
}

.f_link i span a {
    padding: 0 5px;
}

.imgerweima {
    width: 111px;
    height: 111px;
}

.footer_logo {
    width: 122px;
    height: 43px;
}

.shipinyou {
    /* margin-left: 50px; */
    margin-right: 50px;
    width: 45%;
}

.shipinyou label {
    font-weight: bold;
}

.video_box {
    width: 50%;
    background-image: url(/assets/image/indexbor.png);
    background-size: 75% 88%;
    background-position: 21% 0%;
    background-repeat: no-repeat;
    /* margin-left: 10%; */
    /* margin-right: -9%; */
}

.mt5 video {
    float: right;
    margin-top: 8%;
}

.shipinyou p {
    text-indent: 2em;
    margin: 0;
    line-height: 26px;
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
    margin-left: 27%;
    margin-top: 7%;
}


/*底部结束*/

.cptab_relevant {
    height: 245px;
}

.hzkh4.news_hover4 dt {
    padding: 10px;
    width: 260px;
    /* float: left; */
}

.hzkh4.news_hover4 dd {
    padding: 10px;
    width: 433px;
    /* float: left; */
}

.hzkh4.news_hover4 {
    border: 1px solid #ddd;
    /* float: left; */
    margin-right: 10px;
    margin-top: 10px;
    max-width: 1200spx;
    padding: 12px 0;
    display: flex;
    justify-content: space-around;
}

.hzkh4.news_hover4 h4 a {
    color: #1c1c1c;
    font-size: 16px;
}

.hzkh4.news_hover4 p {
    font-size: 14px;
    height: 82px;
    line-height: 26px;
    overflow: hidden;
    text-align: justify;
}

.hzkh4.news_hover4 span a {
    border: 1px solid #c3c8cd;
    color: #333;
    display: block;
    font-size: 12px;
    /* height: 15px; */
    margin-top: 10px;
    padding: 5px;
    width: 78px;
}

.hzkh4.news_hover4 img {
    width: 100%;
}

.dlDownload {
    border: 1px solid #d7d7d7;
    margin-top: 20px;
    overflow: hidden;
    padding: 15px 15px 0 15px;
}

.dlDownload dt {
    float: left;
    overflow: hidden;
    width: 260px;
    margin-bottom: 15px;
}

.dlDownload dt img {
    height: 170px;
    width: 260px;
}

.dlDownload dd {
    float: right;
    overflow: hidden;
    width: 436px;
    text-align: justify;
    margin-top: 6px;
}

.dlDownload dd h4 {
    font: 16px/28px "Microsoft Yahei";
    height: 26px;
    overflow: hidden;
    font-weight: bold;
}

.dlDownload dd h4 span {
    background: #ff9012 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    float: left;
    font: 24px/40px "Microsoft Yahei";
    height: 40px;
    margin-right: 8px;
    overflow: hidden;
    text-align: center;
    width: 78px;
}

.dlDownload dd h4 a {
    color: #284a78;
}

.dlDownload dd p {
    color: #737373;
    font: 14px/24px "Microsoft Yahei";
    height: 70px;
    margin-top: 8px;
    overflow: hidden;
}

.dlDownload dd em a {
    border: 1px solid #0080FF;
    color: #0080FF;
    display: block;
    font: 14px/34px "Microsoft Yahei";
    height: 34px;
    margin-top: 13px;
    overflow: hidden;
    text-align: center;
    width: 148px;
    border-radius: 11px;
}


/* leftsead 网站左侧导航 */

#hover {
    position: relative;
}

#leftsead {
    width: 161px;
    position: absolute;
    bottom: 0;
    left: 1px;
}

*html #leftsead {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop));
}

#leftsead li {
    width: 80px;
    height: 77px;
}

#leftsead li a.youhui .2wm {
    display: none;
    position: absolute;
    right: 143px;
}

@charset "utf-8";

/**
* fengbuy.com
* 2013.06.06
*/

body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

* {
    text-decoration: none;
}


/* quick_links */

.quick_links_wrap {
    font-size: 0;
    width: 80px;
    position: fixed;
    left: 30px;
    bottom: 100px;
    z-index: 9;
    -webkit-transition: width linear .4s;
    -moz-transition: width linear .4s;
    -ms-transition: width linear .4s;
    transition: width linear .4s;
    _position: absolute;
    _bottom: auto;
    _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-10);
}

.quick_links_wrap.quick_links_min {
    width: 34px;
}

.quick_links_wrap.quick_links_dockright {
    margin-left: 0;
    left: auto;
    right: 4px;
}

.quick_links_panel {
    background: #FBFBFB;
    border: 1px solid #EAEAEA;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14);
    height: 308px;
    width: 80px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    transition: all ease .4s;
}

.quick_links_min .quick_links_panel {
    height: 0;
    width: 32px;
    position: relative;
}

.quick_links_allow_gotop {
    height: 460px;
}

.quick_links_min .quick_links_allow_gotop {
    height: 32px;
}

.quick_links_panel .quick_toggle {
    background: #FBFBFB;
    height: 30px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.quick_links_panel .toggle {
    background: url(/assets/image/bg_hor.png) no-repeat -160px -62px;
    margin: -10px 0 0 -10px;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -ms-transition: all linear .4s;
    transition: all linear .4s;
}

:root .quick_links_panel .toggle {
    background-position: -160px -82px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.quick_links_min .quick_links_panel .toggle {
    background-position: -160px -82px;
}

:root .quick_links_min .quick_links_panel .toggle {
    background-position: -160px -82px;
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.quick_links {
    width: 100%;
    position: absolute;
    left: 0;
    top: -77px;
    -webkit-transition: top ease .4s;
    -moz-transition: top ease .4s;
    -ms-transition: top ease .4s;
    transition: top ease .4s;
}

.quick_links_allow_gotop .quick_links,
.quick_links_min .quick_links_allow_gotop .quick_links {
    top: 0;
}

.quick_links_min .quick_links {
    top: 32px;
}

.quick_links a {
    display: block;
    border: 1px solid #fff;
    border-bottom-color: #edecec;
    color: #4467a7;
    font-size: 12px;
    margin: 0;
    padding: 8px 0;
    text-align: center;
}

.quick_links a:hover,
.quick_links a.current {
    background-color: #4467a7;
    border-color: #4467a7;
    color: #fff;
}

.quick_links i {
    display: inline-block;
    background: url(/assets/image/bg_hor.png) no-repeat 0 -182px;
    cursor: pointer;
    height: 38px;
    width: 38px;
    vertical-align: top;
}

.quick_links a:hover i,
.quick_links a.current i {
    background-position: 0 -220px;
}

.quick_links .message {
    background-position: -190px -182px;
}

.quick_links a:hover .message,
.quick_links a.current .message {
    background-position: -190px -220px;
}

.quick_links .cart {
    background-position: -38px -182px;
}

.quick_links a:hover .cart,
.quick_links a.current .cart {
    background-position: -38px -220px;
}

.quick_links .view {
    background-position: -76px -182px;
}

.quick_links a:hover .view,
.quick_links a.current .view {
    background-position: -76px -220px;
}

.quick_links .view01 {
    background-position: -37px -182px;
}

.quick_links a:hover .view01,
.quick_links a.current .view01 {
    background-position: -37px -220px;
}

.quick_links .qa {
    background-position: -114px -182px;
}

.quick_links a:hover .qa,
.quick_links a.current .qa {
    background-position: -114px -220px;
}

.quick_links .top {
    background-position: -152px -182px;
}

.quick_links_min .quick_links .top {
    background-position: -180px -62px;
    height: 20px;
    width: 20px;
}

.quick_links a:hover .top,
.quick_links a.current .top {
    background-position: -152px -220px;
}

.quick_links_min .quick_links a:hover .top,
.quick_links_min .quick_links a.current .top {
    background-position: -180px -82px;
}

.quick_links span {
    display: block;
    cursor: pointer;
    padding-top: 3px;
    height: 1.5em;
    width: 100%;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-weight: 600;
}

.quick_links .num,
.quick_links .num b,
.quick_links_pop .num,
.quick_links_pop .num b {
    display: inline-block;
    background: url(/assets/image/bg_hor.png) no-repeat 100% -102px;
    padding-right: 6px;
    vertical-align: top;
}

.quick_links .num,
.quick_links_pop .num {
    background-position: -210px -82px;
    color: #fff;
    cursor: pointer;
    font: 12px/18px Arial;
    margin-left: 6px;
    padding: 0 0 0 6px;
    vertical-align: middle;
}

.quick_links .num {
    margin: -40px 0 0;
    position: absolute;
    left: 38px;
}

.quick_links a:hover .num,
.quick_links a.current .num {
    background-position: -220px -82px;
}

.quick_links a:hover .num b,
.quick_links a.current .num b {
    background-position: 100% -122px;
}

.weixin {
    width: 188px;
    height: 188px;
    position: absolute;
    left: 56px;
    bottom: -60px;
}

.weixin img {
    width: 100%;
}

.kuaisu-box {
    width: 20px;
    position: absolute;
    background: #4467a7;
    color: #fff;
    top: 172px;
    right: -48px;
    padding: 12px;
}

.kuaisu-box h3 {
    line-height: 24px;
    font-family: "微软雅黑";
    font-size: 18px;
}


/*--------- 产品中心参数对比样式 -----------*/

#duibi-box {
    width: 744px;
    text-align: center;
}

#duibi-box h1 {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    color: white;
    width: 744px;
    color: #284a78;
    font-family: "微软雅黑";
}

#duibi-box dl {
    width: 704px;
    background: white;
    padding: 20px;
    overflow: hidden;
}

.titles-all01 {
    float: left;
    width: 88px;
    background: #284a78;
    height: 40px;
    line-height: 40px;
    margin-bottom: 1px;
}

.titles-all02 {
    float: left;
    width: 88px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    background: #dcdcdc;
    margin-bottom: 1px;
}

.titles-all03 {
    float: left;
    width: 140px;
    background: #284a78;
    height: 40px;
    line-height: 40px;
    margin-bottom: 1px;
    margin-right: 1px;
}

.titles-all04 {
    float: left;
    width: 140px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    background: #dcdcdc;
    margin-bottom: 1px;
    margin-right: 1px;
}

.bg {
    background: #ededed;
}

strong {
    font-weight: bold;
    font-family: "微软雅黑";
    font-size: 14px;
    /*! color:#fff; */
}

.xinghao-ba {
    width: 118px;
}

.miaoshu-chanpin {
    width: 205px;
}


/*--------- 产品后缀表格 -----------*/

#houzhui-box {
    width: 744px;
    overflow: hidden;
}

#houzhui-box dl {
    width: 360px;
    overflow: hidden;
    float: left;
    margin: 6px;
}

#houzhui-box h1 {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    color: white;
    width: 744px;
    color: #284a78;
    font-family: "微软雅黑";
    float: left;
    text-align: center;
}

.houzhui-fuhao {
    width: 90px;
    float: left;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-family: "微软雅黑";
    background: #284a78;
    color: #fff;
    font-size: 16px;
    margin-bottom: 1px;
}

.houzhui-annotation {
    width: 270px;
    float: left;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-family: "微软雅黑";
    background: #ededed;
    color: #333;
    font-size: 16px;
    margin-bottom: 1px;
}


/* 产品型号及数量 */

.tbody-trcssbt {
    border-bottom: 1px solid #fff;
    background: #d7d7d7;
    color: #444;
}

.tbody-trcss01 {
    border-bottom: 1px solid #fff;
    background: #f8f8f8;
    color: #444;
}

.tbody-trcss02 {
    border-bottom: 1px solid #fff;
    background: #ededed;
    color: #444;
}

.et4 {
    width: 150px;
    line-height: 40px;
}

.et5 {
    width: 80px;
    line-height: 40px;
}

.et6 {
    width: 150px;
    line-height: 25px;
    text-align: center;
    border-top: 1px solid #fff;
}

.et7 {
    color: #003366;
    width: 80px;
    line-height: 25px;
    border-top: 1px solid #fff;
}

@media(max-width:1024px) {
    .xymj img {
        width: 100%;
    }
    #dituContent {
        width: 100% !important;
    }
}

@media(max-width:992px) {
    .qing222 {
        display: flex;
        flex-flow: column;
        margin: 0px 13px;
    }
    .shipinyou {
        width: 100%;
    }
    .video_box {
        width: 100%;
        background-image: none;
    }
    video {
        width: 100%;
        height: 300px;
        margin-top: 0 !important;
    }
    .hyxwxqy_box {
        padding: 50px 20px !important;
    }
    .hyxwxqy_box .nr_text img {
        width: 100% !important;
    }
    .f_bg {
        height: auto !important;
    }
    .footer {
        background-color: black;
    }
    .footer .f_er {
        width: 100% !important;
        float: none;
    }
    .footer .f_menu {
        width: 100% !important;
        margin: 0px !important;
        float: none;
        height: auto;
    }
    .footer .f_con {
        float: none;
        padding-left: 10px;
        width: 100% !important;
    }
    .footer .copyright_all {
        display: none !important;
    }
    .f_con p span {
        padding: 0 0 !important;
    }
    .footer .f_con span {
        padding-left: 0px;
        display: block;
    }
    .f_link {
        float: none;
        width: 100%;
    }
    .f_con p {
        line-height: 29px;
        height: auto;
    }
    #dituContent {
        width: 100% !important;
    }
    .xymj {
        height: 150px;
    }
    .mm-slideout .xymj img {
        width: 100%;
        height: 100%;
    }
}

@media(max-width:768px) {}