@charset "utf-8";
/* CSS Document */


td,
th {
    font-size: 12px;
    font-family: "宋体";
    color: #000000;
}

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: "宋体";
    color: #000000;
}

ol,
ul {
    list-style: none;
}

* {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

/* link */
a:link {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}

a:visited {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}

a:hover {
    font-size: 12px;
    color: #D20202;
    text-decoration: underline;
}

a:active {
    font-size: 12px;
    color: #006600;
    text-decoration: none;
}

/*.wrapper {
    width: 960px;
    clear: both;
    margin: 0 auto;
}*/
.content-wrapper {
    width: 80%;
    margin: 0 auto;
}

#phead {
    margin-top: 0px;
    height: 60px;
    padding: 10px 0;
}

.logo {
    width: 200px;
    float: left;
}

.logo img {
    margin-top: 0px;
}

.ad_top {
    width: 730px;
    float: left;
    margin-left: 30px;
    text-align: right;
}

.logo-bg {
    width: 100%;
    height: 80px;
    BACKGROUND: url(images/logo.png) no-repeat;
    FLOAT: left;
    display: block;
}

/*menu001*/
.menu001 {
    height: 40px;
    background-color: #fff;
    margin: 10px 0;
    /*border-radius:3px;*/
    float: right;
}

.menu001 ul {
    width: 100%;
    float: left;
}

.menu001 UL LI {
    width: 88px;
    height: 38px;
    line-height: 38px;
    float: left;
    text-align: right;
    margin-left: 20px;
}

.menu001 UL LI A {
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #333;
    font-family: "宋体";
}

.menu001 ul li a:link,
.menu001 ul li a:visited,
.menu001 ul li a:active {
    font-size: 16px;
    font-family: "宋体";
    font-weight: bold;
    color: #333;
}

.menu001 ul li a:hover {
    font-size: 16px;
    font-family: "宋体";
    font-weight: bold;
    color: #004ddd;
    text-decoration: none;
}

.menu001 UL LI.on a {
    FONT-SIZE: 16px;
    COLOR: #004ddd;
}

.menu001 UL LI.on a:link,
.menu001 UL LI.on a:visited,
.menu001 UL LI.on a:active {
    font-size: 16px;
    font-family: "宋体";
    font-weight: bold;
    color: #004ddd;
}

.menu001 UL LI.on a:hover {
    font-size: 16px;
    font-family: "宋体";
    font-weight: bold;
    color: #004ddd;
    text-decoration: none;
}


.adbanner {
    width: 100%;
    height: 450px;
    /*background-color: #004ddd;*/
    background-color: #f2f2f2;
    /* background:url(../images/banner_3.png) repeat #004ddd; */
    /*background: #004ddd url('../images/banner_3.png') no-repeat fixed 85% 25%;*/
    /*background: #004ddd url('../images/banner_3.png') no-repeat 85% 55%;*/
    /*CNPart 100Years*/
    /*height: 538px;
    background: #ffffff url('http://images.wenming.cn/web_wenming/images/rlqzxzgcl20210406-11.jpg') no-repeat fixed center;*/
}

.adbanner .into,
.adbanner .imgs {
    float: left;
    margin-top: 47px;
}

.adbanner .into {
    /* width: calc(100% - 430px); */
    width: 55%;
    height: 120px;
    line-height: 60px;
    font-size: 24px;
    font-weight: normal;
    text-align: left;
    color: #fff;
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
    padding-top: 120px;
}

.adbanner .into p {
    font-size: 36px;
}

.adbanner .imgs {
    /*width: 430px;*/
    width: 45%;
    text-align: right;
}

.adbanner .imgs img {
    border: 0px;
}


#pcur_nav {
    height: 28px;
    line-height: 28px;
    /*background-color:#F2F2F2;*/
    margin-top: 10px;
    /*padding-left:10px;*/
    background-color: #fff;
    font-weight: bold;
}

#pcur_nav span {
    float: right;
}

#pleft,
.pleft {
    width: 23%;
    float: left;
    margin-top: 20px;
    background-color: #FFF;
}

#pright,
.pright {
    width: 74%;
    float: right;
    margin-top: 20px;
    background-color: #fff;
}

#pleftA,
.pleftA {
    width: 74%;
    float: left;
    margin-top: 20px;
    background-color: #fff;
}

#prightA,
.prightA {
    width: 23%;
    float: right;
    margin-top: 20px;
    background-color: #fff;
}

/* 底部 */
.bottom-wrapper {
    background-color: #666;
    margin-top: 60px;
    /*height: 200px;*/
}

.link-list {
    width: 100%;
    float: left;
    color: #ccc;
    font-size: 14px;
    margin: 32px 0 12px 0;
}

.link-list a {
    color: #ccc;
    font-size: 14px;
}

.link-list ul {
    width: 100%;
    float: left;
}

.link-list ul li {
    width: 16.6%;
    float: left;
    /*font-weight: bold;*/
    height: 32px;
    line-height: 32px;
}

#plinks {
    color: #ccc;
    /*height: 105px;*/
    min-height: 105px;
    padding: 20px 0;
    width: 100%;
    float: left;
}

#plinks a {
    color: #ccc;
}

#plinks p {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    float: left;
}

#plinks ul {
    width: 100%;
    float: left;
}

#plinks ul li {
    width: 16.6%;
    float: left;
    height: 30px;
    line-height: 30px;
}

.footer-wrapper {
    background-color: #333;
    height: 80px;
}

#pfooter {
    color: #ccc;
    padding: 12px 0 3px 0;
}

#pfooter .copy {
    font-family: Arial;
    font-size: 12px;
}

#pfooter a {
    color: #ccc;
}

#pfooter div {
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
}


.leftbox {
    width: 220px;
    color: #FF6600;
    font-size: 14px;
    font-weight: bold;
    float: left;
}

.oraleft {
    BACKGROUND: url(/images/ora_left.gif) no-repeat;
    FLOAT: left;
    WIDTH: 1px;
    HEIGHT: 28px;
}

.oraright {
    BACKGROUND: url(/images/ora_right.gif) repeat-x right top;
    FLOAT: left;
    WIDTH: 219px;
    LINE-HEIGHT: 28px;
    HEIGHT: 28px;
}

.leftbox p {
    margin-left: 9px;
}

.leftbox ul {
    width: 218px;
    border-right: solid 1px #ffb64b;
    border-bottom: solid 1px #ffb64b;
    border-left: solid 1px #ffb64b;
    float: left;
}

.leftbox ul li {
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    font-weight: normal;
    float: left;
    margin-top: 1px;
}

.lclass li {
    width: 100px;
    margin-left: 9px;
    display: inline;
}

.larea li {
    width: 45px;
    margin-left: 9px;
    display: inline;
}

.leftbox ul li h2 a,
.leftbox ul li h2 a:link,
.leftbox ul li h2 a:visited,
.leftbox ul li h2 a:hover,
.leftbox ul li h2 a:active {
    font-size: 14px;
    font-weight: normal;
}

.boxls {
    /*width: calc(100% - 2px);
	border:solid 1px #0066cc;*/
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    border-radius: 3px;
}

.boxls p {
    width: calc(100% - 9px);
    color: #fff;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    /*margin-left:9px;*/
    float: left;
    display: inline;
    background-color: #0066cc;
    padding-left: 9px;
}

.boxls .ulleft {
    width: 95%;
    float: left;
    display: inline;
    margin: 8px 0 12px 9px;
}

.boxls .ulleft li {
    width: 100%;
    height: 28px;
    line-height: 28px;
    float: left;
    overflow: hidden;
}

.boxls .ulleft li a {
    padding: 2px 5px 0 0;
}

.boxls .ulleft li.on {
    color: #0066cc;
}

.boxls .ulleft li.on a {
    color: #0066cc;
}

.listbox {
    width: 100%;
    float: left;
}

.blueleft {
    /*BACKGROUND: url(/images/blue_left.gif) no-repeat; FLOAT: left; WIDTH: 1px; HEIGHT: 28px*/
}

.blueright {
    /*BACKGROUND: url(/images/blue_right.gif) repeat-x right top; FLOAT: left; WIDTH: 729px; LINE-HEIGHT: 28px; HEIGHT: 28px*/
    height: 32px;
    line-height: 32px;
    /*background-color:#0066cc;
    color:#fff;*/
    background-color: #ccc;
    color: #333;
}

.listbox .blueright p,
.listbox .blueright h1 {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
}



/*style=1*/
.listbox_main {
    /*width:728px;*/
    width: calc(100% - 2px);
    border-right: solid 1px #9bbdd3;
    border-bottom: solid 1px #9bbdd3;
    border-left: solid 1px #9bbdd3;
    float: left;
}

.tit,
.tit a:link,
.tit a:visited {
    font-size: 13px;
    COLOR: #039;
    TEXT-DECORATION: none;
}

.tit a:hover {
    font-size: 13px;
    COLOR: #c00;
    TEXT-DECORATION: none;
}

.listbox_main div {
    width: 708px;
    float: left;
    margin-left: 10px;
    display: inline;
}

.listbox_main ul {
    width: 708px;
    float: left;
}

.listbox_main ul li {
    width: 118px;
    height: 32px;
    line-height: 32px;
    float: left;
    display: inline;
    overflow: hidden;
    margin-top: 2px;
}

.listbox_main ul li a,
.listbox_main ul li a:link,
.listbox_main ul li a:visited,
.listbox_main ul li a:hover {
    font-size: 13px;
}

.boxchange {
    border: 1px solid #ffb64b;
    margin-top: 10px;
}

.boxchange div {
    line-height: 26px;
    margin: 2px 12px 2px 12px;
}

.boxchange div span {
    font-size: 13px;
    font-weight: bold;
}

a.boxchange_cur:link,
a.boxchange_cur:visited,
a.boxchange_cur:hover,
a.boxchange_cur:active {
    font-size: 13px;
    font-weight: bold;
    color: #FF6600;
}

.citylist {
    width: 728px;
    border: solid 1px #ffb64b;
    float: left;
}

.citylist ul {
    width: 710px;
    float: left;
    margin: 1px 0 0 9px;
    display: inline;
}

.citylist ul li {
    width: 70px;
    height: 24px;
    line-height: 24px;
    float: left;
    margin-right: 1px;
    overflow: hidden;
    display: inline;
}

.subclass {
    width: 728px;
    min-height: 40px;
    border: solid 1px #f2f2f2;
    float: left;
    margin-bottom: 12px;
    background-color: #FBE0F8;
}

.subclass li {
    width: 82px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    float: left;
    display: inline;
    margin: 4px 4px 2px 5px;
}

.list_top {
    width: 100%;
    height: 28px;
    background-color: #f2f2f2;
    float: left;
}

.display-settings {
    height: 24px;
    margin-top: 2px;
}

.display-settings li {
    height: 24px;
    line-height: 24px;
    color: #666;
}

.display-mode {
    width: 220px;
    float: left;
}

.sort-mode {
    width: 360px;
    float: left;
    margin-left: 10px;
}

.display-mode span,
.sort-mode span {
    float: left;
    margin-left: 2px;
    padding: 0 5px;
}

.display-mode a,
.sort-mode a {
    width: 50px;
    height: 16px;
    float: left;
    margin-right: 10px;
}

.quick-page-changer {
    width: 94px;
    float: right;
    text-align: center;
}

.quick-page-changer span {
    background-color: #fff;
    padding: 2px 2px 1px 2px;
}

.pro_list {
    width: 730px;
    float: left;
}

.pro_list ul {
    width: 100%;
    float: left;
}

.pro_list ul li {
    width: 160px;
    height: 306px;
    float: left;
    display: inline;
    margin: 20px 0 0 18px;
    color: Gray;
}

.pro_list .pic {
    height: 200px;
    text-align: center;
    overflow: hidden;
}

.pro_list .productName {
    line-height: 16px;
}

.pro_list .price {
    height: 28px;
    line-height: 28px;
}

.pro_list .price strong {
    margin: 0 2px 0 2px;
}

.marketp {
    color: Gray;
    font-size: 11px;
    font-weight: normal;
}

.webp {
    color: #a10000;
    font-size: 13px;
}

.pro_list .brand {
    height: 24px;
    line-height: 24px;
}

.pro_list .ws {
    height: 22px;
    line-height: 22px;
}

/* article */
.focus_left {
    width: 445px;
    height: 268px;
    float: left;
}

.focus_right {
    width: 280px;
    height: 268px;
    float: left;
    margin-left: 5px;
}

.artlist {
    width: 360px;
    float: left;
    border: solid 1px #F5F5F5;
}

.artlist p {
    width: 336px;
    height: 32px;
    line-height: 32px;
    margin: 4px 0 0 5px;
    padding-left: 14px;
    background-color: #f2f2f2;
}

.artlist ul {
    width: 336px;
    margin: 4px 0 4px 19px;
}

.artlist ul li {
    height: 22px;
    line-height: 22px;
}


/*style=0*/
.news_list {
    width: 100%;
}

.news_list ul li {
    width: 99%;
    height: 32px;
    line-height: 32px;
    float: left;
    display: inline-block;
    padding-left: 1%;
}

.news_list ul li div {
    float: left;
}

.news_list ul li .nl-a {
    /*width:472px;*/
    /*padding-left:18px;*/
    width: 70%;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}

.news_list ul li .nl-b,
.news_list ul li .nl-c,
.news_list ul li .nl-d {
    display: block;
    width: 15%;
    text-align: center;
}

.news_list ul li a.ltit {
    color: #000;
    font-size: 13px;
    font-weight: normal;
}


/*style=2*/
.trade_list {
    /*width:728px;
	border-right:solid 1px #9bbdd3;
	border-bottom:solid 1px #9bbdd3;
	border-left:solid 1px #9bbdd3;*/
    float: left;
    width: 100%;
}

.trade_list ul {
    /*width:720px;*/
    float: left;
    /*margin-left:4px;*/
    display: inline;
    width: 100%;
}

.trade_list li {
    width: 98%;
    padding: 8px 1%;
    float: left;
    display: inline;
}

.trade_list li .tl-img {
    width: 20%;
    height: 74px;
    /*margin-right:18px;*/
    float: left;
}

.trade_list li .tl-img img {
    margin: 17px 0 0 2px;
}

.trade_list li .tl-r {
    width: 80%;
    float: left;
}

.trade_list li .tl-a {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-weight: bold;
    color: #305FC0;
}

.trade_list li .tl-a h3 {
    float: left;
}

.trade_list li .tl-a span {
    float: right;
    font-weight: normal;
    display: block;
}

.trade_list li .tl-b {
    height: 24px;
    line-height: 24px;
    color: #999999;
}

.trade_list li .tl-b span {
    margin-left: 150px;
}

.trade_list li .tl-c {
    height: 24px;
    line-height: 24px;
    color: #666666;
    overflow: hidden;
}

.trade_list li .tl-c1 {
    height: 48px;
    line-height: 24px;
    color: #666666;
    overflow: hidden;
}

.artlist_r {
    width: 220px;
    float: left;
}

.artlist_r p {
    width: 206px;
    height: 32px;
    line-height: 32px;
    margin: 4px 0 0 5px;
    padding-left: 14px;
    background-color: #f2f2f2;
    font-size: 13px;
    font-weight: bold;
}

.artlist_r ul {
    width: 206px;
    margin: 4px 0 4px 19px;
}

.artlist_r ul li {
    width: 206px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}

/* 内容详情 */
.art_main {
    /*width:728px;
	border-right:solid 1px #9bbdd3;
	border-bottom:solid 1px #9bbdd3;
	border-left:solid 1px #9bbdd3;*/
    /*float:left;*/
    width: 100%;
}

.arttit {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    float: left;
    /*margin-top:24px;
	margin-left:9px;*/
    display: inline;
    text-align: center;
    height: 36px;
    line-height: 36px;
    margin-bottom: 24px;
}

.arttit div {
    /*width:350px;
	height:60px;
	line-height:30px;
	margin-right:5px;
	float:left;
	overflow:hidden;*/
}

.arttit div h1 {
    font-size: 16px;
    font-weight: bold;
    color: #D20202;
}

.arttit div p {
    color: Gray;
}

/*.arttit div img
{
	width:120px;
	height:40px;
	margin-top:10px;
	margin-left:115px;
}*/
.arttop {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin-bottom: 24px;
}

.arttop ul {
    width: 100%;
    /*width:710px;*/
    /*margin-top:12px;
	margin-left:9px;*/
}

.arttop ul li {
    /*width:700px;*/
    width: 100%;
    height: 28px;
    line-height: 28px;
    float: left;
}

.arttop ul li b {
    color: #D20202;
}

.artcontent {
    /*width:710px;*/
    font-size: 14px;
    font-family: "宋体";
    line-height: 24px;
    color: #000000;
    /*margin:24px 0 24px 9px;*/
    word-break: break-all;
    word-wrap: break-word;
    margin-bottom: 24px;
    float: left;
    /*min-height:300px;*/
}

.artcontent img {
    width: 100%;
}

.art-short {
    width: 100%;
    height: 32px;
    line-height: 32px;
    float: left;
    margin-bottom: 24px;
    color: #666;
    background-color: #f2f2f2;
}

.art-short ul {
    width: 100%;
    float: left;
}

.art-short ul li {
    width: 50%;
    float: left;
    text-align: center;
}

.art-img {
    width: 100%;
    padding: 24px 0;
    float: left;
    padding: 24px 0;
    margin-bottom: 24px;
    overflow: hidden;
}

.art-img img {
    /*width:100%;*/
    max-width: 100%;
}

/*评论*/
.commentlist {
    margin-top: 24px;
}

.commentbox {
    width: 70%;
    margin-top: 24px;
    margin-bottom: 48px;
}

.a_ad_a {
    width: 336px;
    height: 280px;
    border: 1px solid #F2F2F2;
    float: left;
    margin: 0px 12px 12px 0px;
}

.a_ad_b {
    width: 336px;
    height: 280px;
    border: 1px solid #F2F2F2;
    float: right;
    margin: 0px 0px 12px 12px;
}

.a_ad_brand {
    height: 60px;
    text-align: center;
}

/* style */
.sbold {
    font-weight: bold;
}

.Red {
    color: #DF0B48;
}

.sred {
    color: #DF0B48;
}

.sblue {
    color: #0033CC;
}

.sblueA {
    color: #0000FF;
    font-family: Arial;
    font-size: 13px;
}

.syellow {
    color: #FE7300;
}

/* form elements */
.form_side {
    margin: 0px;
}

.form_input {
    border-top: #333333 1px solid;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    border-left: #333333 1px solid;
    font-size: 12px;
    color: #222222;
    height: 20px;
    line-height: 20px;
    background-color: #ffffff;
}

.form_input_head {
    border-top: #333333 1px solid;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    border-left: #333333 1px solid;
    font-size: 12px;
    color: #222222;
    height: 15px;
    background-color: #ffffff;
}

.form_submit {
    border: outset 1px #e7e7e7;
    padding: 1px 3px 2px 3px;
    font-size: 12px;
    margin: 1px 0px 0px;
    color: #222222;
    height: 21px;
    line-height: 17px;
    background-color: #e7e7e7;
}

.form_select {
    border: solid 1px #333;
    font-size: 12px;
    color: #222222;
    height: 20px;
    background-color: #ffffff;
}

.form_mark {
    border-top: #333333 1px solid;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    border-left: #333333 1px solid;
    font-size: 12px;
    color: #222222;
    background-color: #ffffff;
}

#iNavpager_ANPager {
    height: 35px;
    line-height: 35px;
    background-color: #9bbdd3;
    font-size: 14px;
    margin-top: 8px;
}

#iNavpager_ANPager a {
    font-size: 14px;
    padding: 0 3px;
}

/* link */
a.lred:link,
a.lred:visited {
    font-size: 12px;
    color: #a10000;
    text-decoration: none;
}

a.lred:hover {
    font-size: 12px;
    color: #a10000;
    text-decoration: underline;
}

a.lred:active {
    font-size: 12px;
    color: #a10000;
    text-decoration: none;
}

a.lblue:link {
    font-size: 13px;
    color: #0000FF;
    text-decoration: none;
    font-weight: bold;
}

a.lblue:visited {
    font-size: 13px;
    color: #0000FF;
    text-decoration: none;
    font-weight: bold;
}

a.lblue:hover {
    font-size: 13px;
    color: #0000FF;
    text-decoration: underline;
    font-weight: bold;
}

a.lblue:active {
    font-size: 13px;
    color: #009900;
    text-decoration: none;
    font-weight: bold;
}

a.ltit:link,
a.ltit:visited {
    font-size: 14px;
    font-weight: bold;
    color: #d20202;
    text-decoration: none;
}

a.ltit:hover {
    font-size: 14px;
    font-weight: bold;
    color: #d20202;
    text-decoration: underline;
}

a.ltit:active {
    font-size: 14px;
    font-weight: bold;
    color: #d20202;
    text-decoration: none;
}

.logolist {
    float: left;
}

.logolist h2 {
    height: 32px;
    line-height: 32px;
    padding-left: 14px;
    background-color: #f2f2f2;
    font-size: 13px;
    font-weight: bold;
}

.logolist ul {
    float: left;
}

.logolist li {
    width: 170px;
    height: 66px;
    margin: 16px 4px 0px 6px;
    float: left;
    display: inline;
    text-align: center;
    border: solid 1px #f2f2f2;
    padding-top: 8px;
    padding-bottom: 2px;
}

.logolist li img {
    width: 120px;
    height: 40px;
}

.logolist li div {
    width: 100%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 6px;
    word-break: break-all;
    word-wrap: break-word;
}

.exchg {
    background-color: #f7f7f7;
}

/* end */



/*style=101*/

.goods_list {
    width: 100%;
    float: left;
}

.goods_list ul {
    /*width: calc(100% - 8px);*/
    width: 100%;
    float: left;
}

.goods_list ul li {
    /*width:23.5%;*/
    width: calc(23.5% - 2px);
    height: 230px;
    float: left;
    display: inline;
    /*margin:22px 0 0 18px;*/
    color: Gray;
    border: solid 1px #D7D7D7;
    /*margin-right: calc((8% - 8px) / 3);*/
    /*margin-right: calc(2.66% - 2px);*/
    margin-right: 2%;
    margin-top: 24px;
}

.goods_list ul li.last {
    margin-right: 0px;
}

.goods_list .pic {
    height: 158px;
    text-align: center;
    overflow: hidden;
    /*border:solid 1px #D7D7D7;*/
    /*background-color: #D7D7D7;*/
}

.goods_list .pic img {
    width: 150px;
    /*height:150px;*/
    /*margin-top:4px;*/
    position: relative;
    /*脱离文档流*/
    top: 50%;
    /*偏移*/
    transform: translateY(-50%);
}

.goods_list .productName {
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 4px;
    margin: 12px 0;
    word-break: break-all;
    word-wrap: break-word;
    text-align: center;
}

.goods_list .price {
    line-height: 22px;
    margin-top: 2px;
}

.goods_list .price strong {
    margin: 0 2px 0 2px;
}


/*直接显示内容*/
.content_wrap {
    width: 100%;
    float: left;
    margin-top: 24px;
}


/*首页*/
.index-wrap {
    width: 100%;
    margin-top: 24px;
    float: left;
}

.corp-intro {
    width: 55%;
    float: left;
    font-size: 15px;
    line-height: 26px;
    font-weight: bold;
    color: #333;
    height: 288px;
    overflow: hidden;
}

.corp-news {
    width: 40%;
    float: right;
}

.corp-news p {
    width: 98%;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    font-weight: bold;
    background-color: #0066cc;
    padding-left: 2%;
    color: #fff;
}

.index-wrap .corp-news .news_list ul li {
    width: 97%;
    height: 32px;
    line-height: 32px;
    float: left;
    display: inline-block;
    padding-left: 3%;
    background: url(/images/news_item_dot.png) no-repeat left;
}

.index-wrap .corp-news .news_list ul li.exchg {
    background-color: #fff;
}

.index-wrap .corp-news .news_list ul li .nl-a {
    width: 99%;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}


.index-goods {
    width: 100%;
    margin: 24px 0;
    float: left;
}

.index-goods p {
    width: 98%;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    font-weight: bold;
    background-color: #0066cc;
    padding-left: 2%;
    color: #fff;
}

.index-goods .goods_list ul li {
    width: calc(18.4% - 2px);
    margin-right: 2%;
}

.index-goods .goods_list ul li.last {
    margin-right: 0px;
}

.index-intro {
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
    padding: 55px 0 75px 0;
}

.index-intro p {
    line-height: 50px;
    font-size: 36px;
    margin: 24px 0;
    color: #004ddd;
    text-align: center;
    font-weight: bold;
}

.content-wrapper.jxc-wrap .index-intro p {
    color: #00CCCC;
}

.content-wrapper.dht-wrap .index-intro p {
    color: #004ddd;
}

.content-wrapper.wd-wrap .index-intro p {
    color: #6600cc;
}

.content-wrapper.jz-wrap .index-intro p {
    color: #F90;
}

.content-wrapper.xiaofu-wrap .index-intro p {
    color: #bc2329;
}

.index-intro .content {
    text-align: center;
    font-size: 18px;
    line-height: 32px;
    color: #444;
}

.index-intro .content a {
    font-size: 18px;
    color: #004ddd;
    font-style: italic;
}

.index-intro .content a:hover {
    font-size: 18px;
    color: #666;
    font-style: italic;
    text-decoration: none;
}

.index-intro table td {
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
    font-size: 16px;
    color: #444;
}


.index-intro ul {
    width: 100%;
    float: left;
}

.index-intro ul li {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 45px;
}

.index-intro ul li img {
    width: 100%;
}

.index-intro ul.system-show {}

.index-intro ul.system-show li {
    text-align: center;
}

.index-intro ul li.sys-mobile img {
    width: 375px;
}

.index-intro ul li.sys-pc img {
    /* width: 800px; */
    width: 98%;
}

/*同一行显示所有截图*/
.index-intro .system-img-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    /*height: 340px;*/
    /*float: left;
    margin-left: 10%;*/
}

.index-intro .system-img-list img {
    height: 450px;
}

/*.index-intro .system-img-list.mb-list img {
    width: 45%;
    height: auto;
}*/

/*同一行显示所有截图 图片同大小占位*/
.index-intro .img-samesize-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*width: 100%;*/
    margin-top: 48px;
}

.index-intro .img-samesize-list div {
    width: 45%;
}

.index-intro .img-samesize-list div span.content {
    display: block;
    padding: 24px 0;
    text-align: left;
    margin-bottom: 24px;
}

.index-intro .img-samesize-list div img {
    width: 100%;
}

.site_mb_list img {
    border: solid 2px #f2f2f2;
}




.index-intro .functions {
    /*width:100%;*/
    /*float: left;*/
    line-height: 45px;
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
    font-size: 18px;
    color: #444;
    /*margin: 0 0 0 20%;*/
    display: flex;
    justify-content: center;
}

/*首页产品矩阵 begin */
.index-soft-wrap {
    background-color: #00CCCC;
    width: 94%;
    min-height: 280px;
    border-radius: 3px;
    margin: 48px 0 0 0;
    /* box-shadow: h-shadow v-shadow blur spread color inset; */
    /* box-shadow: X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色 投影方式 */
    /*box-shadow: 5px 5px 10px 5px #999999;*/
    float: left;
    padding: 40px 3%;
}

.index-soft-wrap .img-list {
    display: flex;
    justify-content: space-around;
    width: 80%;
    min-height: 340px;
    float: left;
    margin-left: 10%;
}

.index-soft-wrap .img-list img {
    height: 340px;
}

.index-soft-wrap .opt-btns {
    float: right;
    padding-right: 6%;
    margin-top: 40px;
}

.index-soft-wrap .opt-btns a {
    color: #ffffff;
    font-size: 18px;
    text-decoration: none;
}

.index-soft-wrap .opt-btns a:hover {
    font-size: 18px;
    text-decoration: none;
}

.btn-experience,
.btn-viewdetail {
    /*width: 120px;*/
    padding: 0 24px;
    height: 42px;
    line-height: 42px;
    border-radius: 8px;
    font-family: "Microsoft YaHei", sans-serif !important;
    font-size: 18px;
    color: #ffffff;
    border: solid 1px #ffffff;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}


.index-soft-wrap .btn-experience {
    background-color: #fff;
    color: #666;
}

.index-soft-wrap.bg-jxc .btn-experience {
    color: #00CCCC;
}

.index-soft-wrap.bg-dht .btn-experience {
    color: #004ddd;
}

.index-soft-wrap.bg-wd .btn-experience {
    color: #6600cc;
}

.index-soft-wrap.bg-jz .btn-experience {
    color: #F90;
}

.index-soft-wrap .into {
    /*width: 100%;*/
    /*height: 120px;*/
    line-height: 60px;
    /*font-size: 24px;*/
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    color: #fff;
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
    /*padding-top: 40px;*/
    padding-bottom: 40px;
}

.index-soft-wrap .into p {
    font-size: 32px;
}

.index-soft-wrap.bg-dht .into,
.index-soft-wrap.bg-jz .into {
    /*text-align: right;*/
    float: right;
    padding-right: 6%;
}

/*首页产品矩阵 end */

.advantage {
    width: 100%;
    float: left;
    text-align: center;
}

.advantage img {
    width: 500px;
}

.advantage-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.advantage-header div {
    width: 50%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-style: italic;
}
.advantage-header .adh-left {
    background-color: #758fab;
}
.advantage-header .adh-right {
    background-color: #004ddd;
}

.advantage-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #f7f7f7;
    padding: 0 0 32px 0;
}
.advantage-list ul {
    width: 50%;
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
    font-size: 16px;
    color: #444;
}
.advantage-list ul li {
    width: 84%;
    height: 40px;
    line-height: 40px;
    margin: 10px 8% 10px 8%;
    border-bottom: 1px solid #c7c7c7;
    padding: 10px 0;
    overflow: hidden;
}


.about-intro p {
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
    line-height: 50px;
    font-size: 20px;
    margin: 24px 0;
    color: #666;
    padding: 36px 24px;
}

.about-agreement {
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
    line-height: 24px;
    font-size: 14px;
    margin: 24px 0;
    color: #333;
    padding: 36px 24px;
}

.about-contact {
    min-height: 450px;
    /*text-align: center;*/
    padding-top: 100px;
    /*height: 500px;*/
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.about-contact p.tip {
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
    line-height: 50px;
    font-size: 16px;
    color: #333;
}

.about-contact .contact-item {
    /*width: 200px;*/
    /*float: left;*/
    text-align: center;
    margin: 0 50px;
}


.saas-list p,
.func-list p {
    width: 100%;
    height: 100px;
    line-height: 100px;
    font-size: 36px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
}

.func-list p {
    color: #004ddd;
}


.saas-list {
    background-color: #444;
    /*height: 500px;*/
}

.saas-list ul {
    width: 100%;
    /* float: left; */
    margin-top: 45px;
    display: flex;
    justify-content: center;
}

.saas-list ul li {
    width: 21%;
    /*height: 280px;*/
    /* float: left; */
    margin: 0 2%;
    border-radius: 4px;
    color: #fff;
    text-align: center;
}

/*.saas-list ul li.standard {
	background-color: #06C;
}

.saas-list ul li.professional {
	background-color: #F90;
}*/

.saas-list ul li.jxc {
    background-color: #00CCCC;
}

.saas-list ul li.dht {
    /*background-color: #06C;*/
    background-color: #004ddd;
}

.saas-list ul li.wd {
    background-color: #6600cc;
}

.saas-list ul li.jz {
    background-color: #F90;
}

.bg-jxc {
    background-color: #00CCCC;
}

.bg-dht {
    /*background-color: #06C;*/
    background-color: #004ddd;
}

.bg-wd {
    background-color: #6600cc;
}

.bg-jz {
    background-color: #F90;
}


.sass-item {
    padding: 20px 24px;
}

.sass-item p {
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
    height: 45px;
    line-height: 45px;
}

.sass-item .intro {
    color: #fff;
    font-size: 12px;
    height: 88px;
    line-height: 22px;
    overflow: hidden;
    text-align: left;
}

.sass-item .price {
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
    height: 36px;
    line-height: 36px;
    margin: 20px 0;
}

.sass-item .price span {
    font-size: 12px;
    display: inline-block;
    padding-left: 4px;
}

.sass-item .btns {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.sass-item .btn {
    /*width: 100%;*/
    width: 40%;
    text-align: center;
}

.sass-item .btn a1 {
    display: block;
    /*width: 175px;*/
    height: 28px;
    line-height: 28px;
    /*color: #F63;*/
    color: #fff;
    margin: 10px auto;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    background-color: #ccc;
}

.sass-item .btn a {
    display: block;
    /*width: 175px;*/
    height: 28px;
    line-height: 28px;
    /*color: #F63;*/
    color: #fff;
    margin: 10px auto;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    /*background-color: #ccc;*/
    border: solid 1px #ffffff;
}

/*.sass-item .btn a.btn-buy {
    background: url(../images/bg_button.gif) no-repeat #FC3;
    color: #fff;
}

.sass-item .btn a.btn-buy:hover {
    color: #ffff80;
    text-decoration: none;
    font-size: 13px;
}*/

.sass-item .btn a.btn-buy {
    background-color: #fff;
    color: #F63;
}

.sass-item .btn a.btn-buy:hover {
    color: #FF0033;
    text-decoration: none;
    font-size: 13px;
}

/*.sass-item .btn a.btn-tryout {
    background: url(../images/bg_button_b.gif) no-repeat #FC3;
    color: #F63;
}

.sass-item .btn a.btn-tryout:hover {
    color: #FF0033;
    text-decoration: none;
    font-size: 13px;
}*/

.sass-item .btn a.btn-tryout {
    color: #fff;
}

.sass-item .btn a.btn-tryout:hover {
    color: #ffff80;
    text-decoration: none;
    font-size: 13px;
}

.probation {
    width: 100%;
    /*height:45px;*/
    line-height: 45px;
    text-align: center;
    padding: 45px 0 25px 0;
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}

.probation a {
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}

.probation a:hover {
    color: #FFF;
}


.func-list {
    padding: 60px 0 120px 0;
}

.func-list table {
    border: 1px solid #ccc;
}

.func-list table td {
    border: 1px solid #ccc;
    padding-left: 16px;
}

/*公众号*/
.rightfloat-box {
    /*width:129px;*/
    /*height:150px;*/
    /*width: 135px;*/
    width: 141px;
    position: fixed;
    z-index: 10000;
    top: 250px;
    right: 1px;
    background-color: #E2E2E2;
    text-align: center;
    border-radius: 3px;
    opacity: 0.90;
}

.rightfloat-box img {
    border: 0;
    /*opacity: 1;*/
    /*margin: 4px;*/
}

.rightfloat-box .wx {
    /*margin-top: 12px;*/
    margin: 12px 0;
}

.rightfloat-box .qq {
    margin-top: 24px;
    margin-bottom: 24px;
}

/*支付*/

.payment {
    /* margin-bottom: 50px; */
}

.payment h1 {
    line-height: 80px;
}

.pay-info {
    width: 100%;
    height: 72px;
    background-color: #f2f2f2;
    line-height: 36px;
    font-size: 14px;
    padding: 24px 36px;
}

.pay-info .l {
    width: 70%;
    float: left;
}

.pay-info .r {
    width: 30%;
    float: left;
    line-height: 72px;
    font-size: 16px;
    font-weight: bold;
    color: #F33;
}

.payment .pay-box {
    width: 100%;
    float: left;
    margin: 50px 0;
}

.payment .channels {
    width: 100%;
    float: left;
    z-index: 200;
}

.payment .channels li {
    width: 165px;
    float: left;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: solid 1px #ccc;
    background-color: #ddd;
    /* border-radius: 3px; */
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    z-index: 200;
}

.payment .channels li.cur {
    background-color: #fff;
}

.pay-box .pay-code {
    width: 100%;
    float: left;
    height: 254px;
    padding: 40px;
    border: solid 1px #ccc;
    border-radius: 3px;
    margin-top: -1px;
    z-index: 99;
}

.pay-box .wx-pay {
    display: none;
}

.pay-box .ali-pay {
    display: block;
}

.pay-box .pay-code .title {
    height: 58px;
    /* background-color: #0066cc; */
}

.pay-box .pay-code .cnt {
    /* width: 100%;
		float: left; */
    /* height: 254px; */
    text-align: center;
    /* background-color: #F63; */
    margin-top: -58px;
}

.pay-box .ali-pay .cnt {
    padding-top: 129px;
}

.pay-box .submit-pay {
    display: block;
    width: 200px;
    height: 28px;
    line-height: 28px;
    background: url(../images/bg_button_b.gif) no-repeat #FC3;
    color: #F63;
    margin: 10px auto;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    box-shadow: none;
    border-style: none;
    cursor: pointer;
}


.pay-success {
    height: 500px;
    /* border-top: solid 1px #444; */
    background-color: #f2f2f2;
}

.pay-success p {
    width: 100%;
    height: 100px;
    line-height: 100px;
    font-size: 36px;
    font-weight: normal;
    text-align: center;
    color: #F63;
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
}

.pay-result {
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #F63;
    text-decoration: none;
    padding-top: 140px;
}

.pay-result p {
    font-size: 20px;
}

.pay-result a {
    font-size: 24px;
    color: #F63;
    text-decoration: none;
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
}

.pay-result a:link,
.pay-result a:visited,
.pay-result a:hover,
.pay-result a:active {
    font-size: 24px;
    color: #F63;
    text-decoration: none;
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
}


.app-down {
    width: 100%;
    min-height: 450px;
    /*background-color: #fff;*/
    padding: 45px 0;
    font-size: 20px;
    /*float: left;*/
}

.app-down td {
    font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
    font-size: 16px;
}

.app-down td p {
    font-size: 20px;
    color: #F63;
    font-weight: bold;
}

.app-down td a {
    color: #D20202;
    font-size: 14px;
}

.app-down .down-cate {
    width: 100%;
    margin: 0 0 45px 0;
    background-color: #fff;
    padding-left: 45px;
    border-radius: 5px;
}

.aos-down a {
    color: #D20202;
    font-size: 14px;
}


/*jxc begin*/

.funcs-wrap {
    box-sizing: border-box;

    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    margin-top: 24px;
    padding: 48px 0;
}

.func-intro {
    font-family: "Microsoft YaHei", sans-serif !important;
    color: #666;
    font-size: 18px;
    /*height: 32px;*/
    line-height: 32px;
}

.func-title {
    color: #000;
    font-size: 28px;
    height: 48px;
    line-height: 48px;
    margin-bottom: 24px;
    font-style: italic;
}

.func-img img {
    width: 450px;
    height: 220px;
    border: 0;
}

.funcs-wrap.float-r {
    flex-direction: row-reverse;
    background-color: #f9f9f9;
    padding: 48px;
}

.funcs-wrap.float-r .func-intro {
    /*text-align:right;*/
}

.bottom-btns {
    width: 100%;
    text-align: center;
    margin: 48px 0 60px 0;
    padding: 48px 0;
}

.bottom-btns a {
    font-size: 18px;
    text-decoration: none;
}

.bottom-btns a:hover {
    text-decoration: none;
}

.bottom-btns .btn-experience {
    font-size: 18px;
    /*background-color: #004ddd;*/
    /*color: #fff;*/
    background-color: #fff;
    color: #333;
}

.content-wrapper.jxc-wrap .bottom-btns {
    background-color: #00CCCC;
}

.content-wrapper.jxc-wrap .bottom-btns .btn-experience {
    color: #00CCCC;
}

.content-wrapper.dht-wrap .bottom-btns {
    background-color: #004ddd;
}

.content-wrapper.dht-wrap .bottom-btns .btn-experience {
    color: #004ddd;
}

.content-wrapper.wd-wrap .bottom-btns {
    background-color: #6600cc;
}

.content-wrapper.wd-wrap .bottom-btns .btn-experience {
    color: #6600cc;
}

.content-wrapper.jz-wrap .bottom-btns {
    background-color: #F90;
}

.content-wrapper.jz-wrap .bottom-btns .btn-experience {
    color: #F90;
}

.content-wrapper.xiaofu-wrap .bottom-btns {
    background-color: #bc2329;
}

.content-wrapper.xiaofu-wrap .bottom-btns .btn-experience {
    color: #bc2329;
}


/*网店场景列表 begin*/
.scene-list {
    width: 100%;
    float: left;
}

.scene-list ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.scene-list ul li {

    width: 30%;
    font-family: "Microsoft YaHei", sans-serif !important;
    text-align: left;
    margin: 0;
}

.scene-list ul li .title {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 28px;
    font-style: italic;
    height: 48px;
    line-height: 48px;
    color: #000;
    padding: 24px 0;
}

.scene-list ul li span {
    width: 100%;
    float: left;
    display: block;
    color: #666;
    font-size: 18px;
    line-height: 32px;
}


/*网店场景列表 end*/

/*首页数据汇总begin*/

.index-data-summary {
    /*background-color:#004ddd;*/
    background-color: #f2f2f2;
    /*margin-top: 48px;*/
    /*color:#FFF;*/
    padding: 72px 0 72px 0;
}

.index-data-summary .content-wrapper {
    /*background-color:#F2F2F2;*/
    /*background-color:#004ddd;*/
    background-color: #fff;
    border-radius: 3px;
}

.index-data-summary .index-intro {
    padding: 24px 0 48px 0;
}

.index-data-summary .index-intro p,
.index-data-summary .index-intro .content {
    /*color:#FFF;*/
    /*color:#004ddd;*/
}

.data-summary-wrap {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 48px;
}

.data-summary-box {
    width: 180px;
    height: 180px;
    background-color: #004ddd;
    border-radius: 90px;
    /*border:dashed 1px #fff;*/
    color: #FFF;
    font-size: 16px;
    font-family: "Microsoft YaHei", sans-serif !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*box-shadow: 5px 5px 5px 5px #999999;*/
}

.data-summary-box:hover {
    box-shadow: 0px 1px 3px 3px #999999;

}

.data-summary-box .icon {
    overflow: hidden;
    border-color: transparent;
    border-width: 0px;
    width: 100%;
    height: 40px;
    text-align: center;
}

.data-summary-box .icon img {
    width: 40px;
    height: 40px;
    color: #fff;
    border: 0;
}

.data-summary-box .data {
    font-size: 32px;
    padding: 12px 0 6px 0;
}

.data-summary-box .text {
    /*line-height:40px;*/
}

/*首页数据汇总end*/

#tip-pc {
    display: block;
}
#tip-m {
    display: none;
}



/*响应式*/

@media screen and (min-width: 1240px) {

    .wrapper {
        width: 100%;
        clear: both;
        /* margin: 0 auto; */
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .wrapper {
        width: 100%;
        clear: both;
        /* margin: 0 auto; */
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .wrapper {
        width: 100%;
        clear: both;
        /* margin: 0 auto; */
    }

    .content-wrapper {
        width: 96%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .wrapper {
        width: 100%;
        clear: both;
        /* margin: 0 auto; */
    }

    .content-wrapper {
        width: 96%;
    }

    /* .rightfloat-box {
        display: none;
    } */
    .rightfloat-box {
        /*width:129px;*/
        /*height:150px;*/
        /*width: 145px;*/
        /* position:fixed; */
        position: relative;
        z-index: 10000;
        top: 0px;
        right: 1px;
        margin: 0 auto;
        /*background-color: #F2F2F2;*/
        text-align: center;
        border-radius: 3px;
        padding: 4px 0;
    }
}

@media screen and (max-device-width: 479px) {

    .wrapper {
        width: 100%;
        clear: both;
        /* margin: 0 auto; */
    }

    /*.corp-intro {
		width: 100%;
	}

	.corp-news {
		width: 100%;
		float: left;
	}

	.index-wrap .corp-news .news_list ul {
		width: 100%;
		float: left;
	}

	.index-goods .goods_list ul li {
		width: calc(47% - 2px);
		margin-right: 3%;
	}

	#pleft,
	.pleft {
		width: 100%;
		float: left;
		margin-top: 20px;
		background-color: #FFF;
	}

	#pright,
	.pright {
		width: 100%;
		float: left;
		margin-top: 20px;
		background-color: #fff;
	}

	.goods_list ul li {
		width: calc(47% - 2px);
		margin-right: 3%;
	}*/

    /*.menu001 ul li div {
		width: 100%;
	}*/

    .menu001 {
        width: 100%;
        /*height: 40px;*/
        /*height: 80px;*/
        height: auto;
        background-color: #fff;
        margin: 10px 0;
        /*border-radius:3px;*/
        /*float: right;*/
        float: left;
    }

    .menu001 ul {
        width: 100%;
        float: left;
    }

    .menu001 UL LI {
        width: 33%;
        height: 38px;
        line-height: 38px;
        float: left;
        /*text-align: right;*/
        /*margin-left: 20px;*/
        text-align: left;
        margin-left: 0;
    }

    .menu001 UL LI A {
        FONT-WEIGHT: bold;
        FONT-SIZE: 16px;
        COLOR: #333;
        font-family: "宋体";
    }

    .menu001 ul li a:link,
    .menu001 ul li a:visited,
    .menu001 ul li a:active {
        font-size: 16px;
        font-family: "宋体";
        font-weight: bold;
        color: #333;
    }

    .menu001 ul li a:hover {
        font-size: 16px;
        font-family: "宋体";
        font-weight: bold;
        color: #004ddd;
        text-decoration: none;
    }

    .menu001 UL LI.on a {
        FONT-SIZE: 16px;
        COLOR: #004ddd;
    }

    .menu001 UL LI.on a:link,
    .menu001 UL LI.on a:visited,
    .menu001 UL LI.on a:active {
        font-size: 16px;
        font-family: "宋体";
        font-weight: bold;
        color: #004ddd;
    }

    .menu001 UL LI.on a:hover {
        font-size: 16px;
        font-family: "宋体";
        font-weight: bold;
        color: #004ddd;
        text-decoration: none;
    }

    .content-wrapper {
        width: 96%;
    }

    .adbanner {
        background-position: 50% 50%;
    }

    .adbanner .into {
        width: 100%;
        height: 120px;
        line-height: 60px;
        /*font-size: 24px;*/
        font-size: 20px;
        font-weight: normal;
        text-align: left;
        color: #fff;
        font-family: Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
        padding-top: 40px;
    }

    .adbanner .into p {
        font-size: 32px;
    }

    .adbanner .content-wrapper .imgs {
        display: none;
    }

    .index-intro p {
        font-size: 32px;
    }

    .index-intro ul li.sys-mobile img {
        width: 50%;
    }

    .index-intro ul li.sys-pc img {
        width: 100%;
    }

    .index-intro .functions {
        margin: 0 0 0 0;
    }

    .advantage img {
        width: 100%;
    }

    .data-summary-wrap {
        flex-direction: column;
    }

    .data-summary-box {
        margin-top: 24px;
    }

    /*首页产品矩阵*/
    .index-soft-wrap {
        width: 96%;
        padding: 24px 2%;
    }

    .index-soft-wrap .img-list {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        /*height: 340px;*/
        height: auto;
        float: left;
        /*margin-left: 10%;*/
        margin-left: 0;
        flex-direction: column;
    }

    .index-soft-wrap .img-list img {
        max-width: 340px;
        height: auto;
        margin-top: 24px;
    }

    .index-soft-wrap .opt-btns {
        width: 100%;
        float: left;
        /*padding-right: 10%;*/
        padding: 0;
        text-align: center;
        margin-top: 40px;
    }

    .index-soft-wrap.bg-jxc .into,
    .index-soft-wrap.bg-dht .into,
    .index-soft-wrap.bg-wd .into,
    .index-soft-wrap.bg-jz .into {
        width: 100%;
        text-align: center;
        float: left;
        padding-right: 0;
    }

    .index-intro .system-img-list {
        flex-direction: column;
    }

    .index-intro .system-img-list img {
        max-width: 340px;
        height: auto;
        margin-top: 24px;
    }

    .index-intro .img-samesize-list {
        flex-direction: column;
    }

    .index-intro .img-samesize-list div {
        width: 98%;
        margin-top: 24px;
    }

    .funcs-wrap,
    .funcs-wrap.float-r {
        flex-direction: column;
        align-items: center;
        padding: 12px;
    }

    .func-intro {
        width: 100%;
    }

    .func-img {
        max-width: 100%;
        margin-top: 24px;
    }

    .func-img img {
        width: 100%;
    }


    .link-list ul li {
        width: 25%;
        float: left;
        height: 32px;
        line-height: 32px;
    }

    #plinks {
        display: none;
    }

    #plinks ul li {
        width: 33%;
        float: left;
        height: 30px;
        line-height: 30px;
    }

    /* .rightfloat-box {
        display: none;
    } */
    .rightfloat-box {
        /*width:129px;*/
        /*height:150px;*/
        /*width: 145px;*/
        /* position:fixed; */
        position: relative;
        z-index: 10000;
        top: 0px;
        right: 1px;
        margin: 40px auto 0 auto;
        /*background-color: #F2F2F2;*/
        text-align: center;
        border-radius: 3px;
        padding: 4px 0;
    }


    .saas-list ul {
        flex-direction: column;
        align-items: center;
    }

    .saas-list ul li {
        width: 70%;
        margin: 0 0 40px 0;
    }


    #tip-pc {
        display: none;
    }
    #tip-m {
        display: block;
    }

}