@charset "utf-8";
html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
}

body {
    width: 100%;
    font-family: PingFangSC-Light, sans-serif, Microsoft Yahei, Avenir, Segoe UI, Hiragino Sans GB, STHeiti, "Microsoft Sans Serif", WenQuanYi Micro Hei, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    background: #f2f3f7;
}

img {
    border: none;
    vertical-align: bottom; /* width: 280px; *//* height: 158px; */
}

* {
    padding: 0;
    margin: 0;
    word-break: break-all;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -moz-tap-highlight-color: rgba(255, 255, 255, 0);
    -ms-tap-highlight-color: rgba(255, 255, 255, 0);
    -o-tap-highlight-color: rgba(255, 255, 255, 0);
    font-family: "PingFangSC-Light, sans-serif;", Microsoft Yahei, Avenir, Segoe UI, Hiragino Sans GB, STHeiti, "Microsoft Sans Serif", WenQuanYi Micro Hei, sans-serif;
}

a, a:visited, a:hover, a:active {
    outline: 0;
    text-decoration: none;
}

a {
    color: #333333;
}

a:hover {
    text-decoration: none !important;
    color: #484848;
}

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

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


.top {
    width: 100%;
    text-align: center;
    min-width: 1200px;
    height: 35px;
    background: #a0a2ae;
}

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

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

.tleft {
    float: left;
    width: 570px;
    margin-left: -5px;
}

.tright {
    float: right;
    width: 320px;
}

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

.tleft ul li {
    float: left;
    background: url(../images/line_03.jpg) no-repeat right center;
    margin-right: 5px;
    display: block;
}

.tleft ul li:last-child {
    background: none;
}

.tleft ul li a {
    color: #ffffff;
    display: block;
    float: left;
    height: 35px;
    font: 14px/35px "Microsoft Yahei";
    padding: 0 10px 0 5px;
}

.tleft ul li a:hover span {
    background: white;
    color: #a0a0a8;
    border-bottom: 2px solid #a0a0a8;
    display: block;
}

.tleft ul li a span {
    padding: 0 10px 0 10px;
}

.tleft ul li a.cur span {
    background: #ffffff;
    color: #a0a0a8;
    border-bottom: 2px solid #a0a0a8;
    display: block;
}

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

.tright ul li {
    position: relative;
    float: right;
    background: url(../images/line_03.jpg) no-repeat right center;
    margin-right: 5px;
}

.tright ul li a {
    font: 14px/35px "Microsoft Yahei";
    color: #e5e5e5;
    padding: 0 15px 0 10px;
}

.tright ul li:hover a {
    color: #ffffff;
}

.tright ul li a em {
    font: 14px/35px "Microsoft Yahei";
    background: url(../images/downarrow.jpg) no-repeat right center;
    padding-right: 10px;
}

.tright ul li div {
    position: absolute;
    left: 10px;
    top: 35px;
    width: 100px;
    height: 120px;
    padding: 10px 0;
    background: white;
    box-shadow: 0 0 5px 1px #a0a2ad;
    display: none;
}

.tright ul li:hover div {
    display: block;
}

.tright ul li div:hover {
    display: block;
}

.tright ul li div a {
    display: block;
    text-align: center;
    width: 100px;
    height: 30px;
    color: #000 !important;
    padding: 0;
    cursor: pointer;
    line-height: 30px;
}

.tright ul li div a:hover {
    background: #dddde5;
}

.tright ul li:first-child {
    background: none;
}

.ad {
    background: #ffffff;
    padding: 15px 0 0 0;
}


/*头部导航*/
.header {
    width: 100%;
    text-align: center;
    min-width: 1200px;
    background: #ffffff;
    height: 60px;
    box-shadow: -2px 10px 10px -15px #c7c6cb;
}

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

.hleft {
    float: left;
    width: 160px;
    padding-top: 13px;
    margin-right: 50px;
}

.hleft img {
    height: 35px;
}

.hmiddle {
    float: left;
    width: 540px;
}

.hright {
    float: right;
    width: 450px;
}

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

.hmiddle ul li {
    float: left;
    background: url(../images/blackline.jpg) no-repeat right center;
    margin-right: 5px;
    display: block;
}

.hmiddle ul li:last-child {
    background: none;
}

.hmiddle ul li a {
    color: #666;
    display: block;
    float: left;
    height: 60px;
    font: 16px/60px "Microsoft Yahei";
    padding: 0 10px 0 10px;
}

.hmiddle ul li a:hover span { /*background:#f3f4f8 ;  */
    color: #2875e8; /*border-bottom:2px solid #2875e8;*/
    display: block;
    font-weight: bold;
}

.hmiddle ul li a span {
    margin: 0 10px; /* padding:0 10px 0 10px; */
}

.hmiddle ul li a.cur span { /* background:#f3f4f8; */
    color: #1b7fd4; /*border-bottom:2px solid #2875e8;*/
    display: block;
    color: #2875e8;
    font-weight: bold;
}

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

.hright dl {
    border: 1px solid #2875e8;
    height: 35px;
    margin-top: 12px;
    border-radius: 3px;
    width: 450px;
    display: block;
}

.hright dl dt {
    float: left;
    width: 373px;
}

.hright dl dt input {
    border: 0;
    height: 35px;
    font: 14px/35px "Microsoft Yahei";
    width: 235px;
    outline: 0;
    padding-left: 5px;
}

.hright dl dd {
    float: left;
    width: 77px;
    background: #2875e8;
    display: block;
    height: 35px;
}

.hright dl dd:hover {
    background: #2875e8;
}

.hright dl dd a {
    background: url(../images/search.png) no-repeat left center;
    background-size: auto 12px;
    background-size: a;
    padding-left: 19px;
    color: #ffffff;
    font: 13px/35px "Microsoft Yahei";
    margin-left: 9px;
}

/*新下滑头部*/
.newheader {
    width: 100%;
    min-width: 1200px;
    background: #ffffff;
    height: 50px;
    box-shadow: 0px 15px 10px -15px #c7c6cb;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    text-align: center;
}

.newheader .hleft {
    float: left;
    width: 160px;
    padding-top: 12.5px;
    margin-right: 50px;
}

.newheader .hleft img {
    height: 25px;
}

.newheader .hmiddle {
    float: left;
    width: 480px;
}

.newheader .hright {
    float: right;
    width: 430px;
}

.newheader .hmiddle ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.newheader .hmiddle ul li {
    float: left;
    background: url(../images/blackline.jpg) no-repeat right center;
    margin-right: 5px;
    display: block;
}

.newheader .hmiddle ul li:last-child {
    background: none;
}

.newheader .hmiddle ul li a {
    color: #190f0e;
    display: block;
    float: left;
    height: 50px;
    font: 15px/50px "Microsoft Yahei";
    padding: 0 5px 0 0px;
}

.newheader .hmiddle ul li a:hover span { /*background:#f3f4f8 ;*/
    color: #2875e8; /*border-bottom:2px solid #2875e8;*/
    display: block;
}

.newheader .hmiddle ul li a span {
    padding: 0 5px 0 5px;
}

.newheader .hmiddle ul li a.cur span { /*background:#f3f4f8 ;*/
    color: #2875e8; /*border-bottom:2px solid #2875e8;*/
    display: block;
}

.newheader .hright dl:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.newheader .hright dl {
    border: 1px solid #2875e8;
    height: 27px;
    margin-top: 10px;
    border-radius: 3px;
    width: 430px;
    display: block;
}

.newheader .hright dl dt {
    float: left;
    width: 369px;
}

.newheader .hright dl dt input {
    border: 0;
    height: 27px;
    font: 14px/27px "Microsoft Yahei";
    width: 255px;
    outline: 0;
    padding-left: 5px;
}

.newheader .hright dl dd {
    float: left;
    width: 61px;
    background: #2875e8;
    display: block;
    height: 27px;
}

.newheader .hright dl dd:hover {
    background: #2875e8;
}

.newheader .hright dl dd a {
    background: url(../images/search.png) no-repeat left center;
    background-size: auto 12px;
    padding-left: 18px;
    color: #ffffff;
    font: 13px/27px "Microsoft Yahei";
    margin-left: 5px;
}

/**/
.box {
    background: #ffffff;
    border: 1px solid #e6e7e9;
    margin-top: 20px;
    padding: 15px 10px 10px 15px;
}

.box p {
    font-family: 宋体;
    color: #606266;
    font-size: 14px;
    line-height: 24px;
}

.box .imgdiv {
    text-align: center;
}

.box .imgdiv img {
    margin: 0 auto;
}

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

.boxleft {
    float: left;
    width: 230px;
    margin-right: 10px;
}

.boxmiddle {
    float: left;
    width: 700px;
    margin-right: 25px;
}

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

.boxleft b.dateicon {
    display: block; /*background:url(../images/icon.png) no-repeat left 2px; padding-left:44px;*/
    font: 18px/25px "Microsoft Yahei";
    color: #2875e8;
    height: 25px;
    margin-bottom: 5px;
}

.boxleft dl {
    margin-top: 13px;
}

.boxleft dl dt {
    background: url(../images/circle.jpg) no-repeat left center;
    font: 18px/20px "Microsoft Yahei";
    color: #231815;
    padding-left: 14px;
}

.boxleft dl dd {
    margin-left: 14px;
    margin-top: 4px;
}

.boxleft dl dd ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.boxleft dl dd ul li {
    float: left;
    margin-right: 10px;
}

.boxleft dl dd ul li a {
    font: 12px/21px "Microsoft Yahei";
    color: #A0A2AD;
}

.boxleft dl dd ul li a:hover {
    color: #2875e8;
}


.scrollimg {
    position: relative;
}

.scrollimg a.leftarrow {
    position: absolute;
    background: url(../images/leftarrow.png) no-repeat;
    width: 25px;
    height: 64px;
    left: -1px;
    top: 118px;
    opacity: 0.5;
}

.scrollimg a.rightarrow {
    position: absolute;
    background: url(../images/rightarrow.png) no-repeat;
    width: 25px;
    height: 64px;
    right: 0px;
    top: 118px;
    opacity: 0.5;
}

.scrollimg a:hover {
    opacity: 1;
}

.scrollimg p {
    height: 300px;
    overflow: hidden;
}

.scrollimg ul {
    text-align: center;
    display: block;
}

.scrollimg ul li {
    display: inline-block;
    height: 17px;
}

.scrollimg ul li a {
    background: #f0f0f0;
    width: 35px;
    height: 2px;
    margin-right: 10px;
    display: inline-block;
}

.scrollimg ul li.scrollcur a {
    background: #2875e8;
}

.boxright b.puricon {
    display: block; /* background:url(../images/icon.png) no-repeat left 2px; padding-left:44px;*/
    font: 18px/25px "Microsoft Yahei";
    color: #2875e8;
    height: 25px;
    margin-bottom: 5px;
}

.boxright p {
    font: 12px/24px "Microsoft Yahei";
    color: #000;
    text-indent: 2em;
    margin-top: 20px;
}

.boxright a {
    display: block;
    background: #2875e8;
    width: 100px;
    height: 35px;
    font: 14px/36px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    border-radius: 3px;
    margin: 37px auto 0;
}

.boxright a:hover {
    background: #2875e8;
}

/*项目中心*/
.pro {
    margin-top: 20px;
}

.title {
    border-bottom: 3px solid #DCDEE4;
    height: 28px;
    padding-bottom: 4px;
    border-radius: 3px;
}

.title b {
    border-bottom: 3px solid #2875e8;
    display: inline-block;
    padding-bottom: 4px;
}

.title b.proicon { /*background:url(../images/icon.png) no-repeat left 4px; padding-left:44px;*/
    font: 18px/28px "Microsoft Yahei";
    color: #2875e8;
}

.title b.acticon { /*background:url(../images/icon.png) no-repeat left 4px; padding-left:44px;*/
    font: 18px/28px "Microsoft Yahei";
    color: #2875e8;
}

.title b.custicon { /*background:url(../images/icon.png) no-repeat left 4px; padding-left:44px;*/
    font: 18px/28px "Microsoft Yahei";
    color: #2875e8;
}

.title b.dateicon { /*background:url(../images/icon.png) no-repeat left 4px; padding-left:44px;*/
    font: 18px/28px "Microsoft Yahei";
    color: #2875e8;
}

.title b.newsicon { /*background:url(../images/icon.png) no-repeat left 4px; padding-left:44px;*/
    font: 18px/28px "Microsoft Yahei";
    color: #2875e8;
}


.title a {
    float: right;
    font: 14px/28px "Microsoft Yahei";
    color: #2875e8;
}

.title a:hover {
    color: #2875e8;
}

.probox {
    width: 1200px;
}

.probox ul {
    width: 1200px;
}

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

.probox ul li {
    width: 290px;
    border: 1px solid #e6e6e8;
    margin: 10px 4px;
    float: left;
}

.probox ul li:hover {
    -moz-box-shadow: 1px 2px 12px #c7c6cb;
    -webkit-box-shadow: 1px 2px 12px #c7c6cb;
    box-shadow: 1px 2px 12px #c7c6cb;
}

.proname {
    position: relative;
    background: #fafafa;
    padding: 10px 15px;
    -ms-box-shadow: 0 15px 30px -20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 15px 30px -20px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 15px 30px -20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 15px 30px -20px rgba(0, 0, 0, 0.15);
}

.proname em {
    display: block;
    background: url(../images/notime.png) no-repeat;
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
    position: absolute;
    top: -1px;
    right: -1px;
}

.proname b {
    display: block;
    font: 17px/20px "Microsoft Yahei";
    padding-top: 5px;
    color: #2875e8;
}

.proname p {
    font: 12px/20px "Microsoft Yahei";
    color: #A0A2AD;
    margin-top: 5px;
}

.proname p span {
    float: none;
}

.proname p strong {
    font-weight: normal;
    color: #2875e8;
}

.detailname {
    text-align: left;
    height: 39px;
    font: bold 15px/39px "Microsoft Yahei";
    color: #2875e8;
    background: #ffffff; /* border-bottom:1px solid #e6e6e8; */
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    padding-top: 10px;
}

.detailinfo {
    background: #ffffff;
    padding: 0px 15px 0;
    height: 144px;
}

.detailinfo p {
    font: 13px/24px "Microsoft Yahei";
    color: #999;
    display: block;
    height: 24px;
    overflow: hidden;
}

.detailinfo p span {
    color: #2875e8;
}

.detailinfo dl {
    border-top: 1px solid #e6e6e8;
    margin-top: 10px;
    padding: 9px 0 10px;
}

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

.detailinfo dl dt {
    float: left;
    font: 12px/28px "Microsoft Yahei";
    color: #A0A2AD;
}

.detailinfo dl dt span {
    padding: 0 5px;
}

.detailinfo dl dd {
    float: right;
}

.detailinfo dl dd a {
    display: block;
    background: #2875e8;
    width: 73px;
    height: 26px;
    font: 13px/26px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    border-radius: 3px;
}

.detailinfo dl dd a:hover {
    background: #2875e8;
}

.middlead {
    margin: 25px 0;
}

/*活动中心*/
.active {
    /*margin-top:15px;*/
}

.abox {
    width: 1200px;
}

.abox ul {
    width: 1200px;
}

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

.abox ul li {
    float: left;
    width: 448px;
    height: 218px;
    background: #ffffff;
    border: 1px solid #e6e6e8;
    border-radius: 3px;
    margin-right: 150px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

.abox ul li dl dt {
    float: left;
    width: 260px;
    padding: 20px 20px 0 20px;
    height: 260px;
    overflow: hidden;
}

.abox ul li dl dd {
    float: right;
    width: 280px;
    height: 158px;
    position: absolute;
    top: 29px;
    right: -140px;
}

.abox ul li dl dd img {
    width: 280px;
    height: 158px;
}

.abox ul li dl dt b {
    display: block;
    font: bold 18px/30px "Microsoft Yahei";
    color: #2875e8;
}

.abox ul li dl dt em {
    display: block;
    width: 50px;
    height: 3px;
    background: #DCDEE4;
    margin: 10px 0 14px 0;
}

.abox ul li dl dt p {
    display: block;
    font: 13px/24px "Microsoft Yahei";
    color: #666;
}

/*.abox ul li dl dt a{width: 100px;height: 30px;display:block;position:absolute;left:20px;bottom: -15px;background: #2875e8 url(../images/actapply.png) no-repeat center;background-size: 80px 30px;border-radius: 5px;}*/
/*.abox ul li dl dt a:hover {background: url(../images/actapply.png) no-repeat; background-size: 100% 100%;}*/
.abox ul li dl dt span a {
    display: block;
    width: 90px;
    line-height: 32px;
    height: 32px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background-color: #2875e8;
    text-align: center;
    margin-top: 15px;
}

.abox ul li dl dt span a.finish {
    display: block;
    width: 90px;
    line-height: 32px;
    height: 32px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background-color: #CCCCCC;
    text-align: center;
    margin-top: 15px;
}


.back {
    margin-top: 30px;
}

.backtitle {
    border-bottom: 3px solid #DCDEE4;
    height: 28px;
    padding-bottom: 4px;
    border-radius: 3px;
}

.backtitle span {
    border-bottom: 3px solid #2875e8;
    display: inline-block;
    padding-bottom: 4px;
    font: 18px/28px "Microsoft Yahei";
    color: #000;
}

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

.back ul {
    margin-top: 12px;
}

.back ul li {
    float: left;
    width: 400px;
}

.back ul li a {
    background: url(../images/circle.jpg) no-repeat left center;
    padding-left: 20px;
    font: 12px/32px "Microsoft Yahei";
    color: #000000;
    margin-left: 20px;
    display: block;
}

.back ul li a:hover {
    color: #2875e8;
}


.custom {
    margin-top: 30px;
}

.custombox {
    width: 1199px;
    border-top: 1px solid #e6e6e8;
    border-left: 1px solid #e6e6e8;
    margin-top: 25px;
}

.custombox ul {
    width: 1201px;
}

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

.custombox ul li {
    float: left;
    width: 359px;
    border-bottom: 1px solid #e6e6e8;
    border-right: 1px solid #e6e6e8;
    padding: 20px;
    background: #ffffff;
}

.custombox ul li:hover {
    -moz-box-shadow: 0 0 20px #c7c6cb;
    -webkit-box-shadow: 0 0 20px #c7c6cb;
    box-shadow: 0 0 20px #c7c6cb;
    transform: scale(1.001, 1.001);
    -webkit-transform: scale(1.001, 1.001);
    -moz-transform: scale(1.001, 1.001);
    -o-transform: scale(1.001, 1.001);
}

.custombox ul li dl:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.custombox ul li dl dt {
    float: left;
    width: 50px;
    height: 50px;
    FONT-WEIGHT: 500;
    margin-right: 15px;
    border-radius: 5px;
    overflow: hidden; /* margin-top:28px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #ddd;
}

.custombox ul li dl dt img {
    width: 100%;
    height: auto;
}

.custombox ul li dl dd {
    float: left;
    width: 264px;
    line-height: 60px;
}

.custombox ul li dl dd div p {
    height: 44px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box !important;
}

.custombox ul li dl dd b {
    display: block;
    font: bold 18px/50px "Microsoft Yahei";
    color: #2875e8;
    height: 50px;
    overflow: hidden;
}

.custombox ul li:hover dl dd b {
    color: #2875e8;
}

.custombox ul li dl dd em {
    display: block;
    width: 55px;
    height: 2px;
    background: #ffffff;
    margin: 8px 0 4px;
    overflow: hidden;
    font-size: 0; /* display: none; */
}

.custombox ul li .info {
    margin-top: 10px;
}

.custombox ul li .info div {
    width: 360px;
    height: 24px
}

.custombox ul li .info div:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.custombox ul li .info span {
    display: block;
    float: left;
    width: 70px;
    font: 13px/24px "Microsoft Yahei";
    color: #2875e8;
}

.custombox ul li .info p {
    display: block;
    float: left;
    width: 290px;
    font: 13px/24px "Microsoft Yahei";
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-wrap: normal;
}


.custombox ol {
    text-align: center;
    display: block;
}

.custombox ol li {
    display: inline-block;
    height: 17px;
}

.custombox ol li a {
    background: #e6e6e8;
    width: 35px;
    height: 2px;
    margin-right: 10px;
    display: inline-block;
}

.custombox ol li.scrollcur a {
    background: #2875e8;
}

/*底部*/
.footer {
    margin-top: 30px;
    width: 100%;
    min-width: 1200px;
}

.footnav {
    width: 100%;
    min-width: 1200px;
    background: #039997;
    height: 34px;
    border-top: 1px solid #0a7b7f;
    -moz-box-shadow: inset 0 0 5px #0a7b7f;
    -webkit-box-shadow: inset 0 0 5px #0a7b7f;
    box-shadow: inset 0 0 5px #0a7b7f;
}

.footnav ul {
    width: 1200px;
    height: 34px;
    margin: 0 auto;
}

/*.footnav ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }*/
.footnav ul li {
    display: inline-block;
    vertical-align: top;
}

.footnav ul li a {
    display: inline-block;
    width: 100px;
    text-align: center;
    height: 34px;
    background: url(../images/rightline.jpg) no-repeat right center;
    font: 14px/30px "Microsoft Yahei";
    color: #ffffff;
    padding: 0 40px;
}

.footnav ul li a span {
    display: inline-block;
    width: 100px;
    height: 30px;
    margin: 2px auto;
}

.footnav ul li:hover a span {
    background: #1aa9aa;
}

.footnav ul li:last-child a {
    background: none;
}

.clearfloat {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0px;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 0;
}

.logocontent {
    width: 100%;
    min-width: 1200px;
    height: 160px;
    background: #00a9ac;
    padding: 10px 0;
}

.lc {
    width: 1200px;
    height: 160px;
    margin: 0 auto;
    text-align: left;
}

.lleft {
    float: left;
    width: 117px;
    height: 30px;
    margin: 60px 85px;
}

.lright {
    float: left;
    width: 912px;
    height: 160px;
    border-left: 1px solid #2875e8;
}

.lright dl {
    margin: 28px 0 28px 85px;
}

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

.lright dl dt {
    float: left;
    width: 500px;
}

.lright dl dd {
    float: right;
    width: 235px;
    padding-top: 10px;
}

.lright dl dd img {
    width: 150px;
    height: 85px;
}

.lright dl dt b {
    display: block;
    font-size: 14px;
    color: #ffffff;
    border-bottom: 1px solid #2875e8;
    padding-bottom: 5px;
    font-weight: normal;
}

.lright dl dt ul {
    margin-top: 5px;
}

.lright dl dt ul li {
    font: 12px/24px "Microsoft Yahei";
    color: #ffffff;
    display: block;
}

.lright dl dt ul li.btel {
    background: url(../images/tel.png) no-repeat left center;
    padding-left: 25px;
    background-size: 12px 12px;
}

.lright dl dt ul li.bemail {
    background: url(../images/email.png) no-repeat left center;
    padding-left: 25px;
    background-size: 12px 12px;
}

.lright dl dt ul li.badd {
    background: url(../images/home.png) no-repeat left center;
    padding-left: 25px;
    background-size: 12px 12px;
}

.copyright {
    min-width: 1200px;
    background: #00a9ac;
    height: 34px;
    border-top: 1px solid #0a7b7f;
    -moz-box-shadow: inset 0 0 5px #0a7b7f;
    -webkit-box-shadow: inset 0 0 5px #0a7b7f;
    box-shadow: inset 0 0 5px #0a7b7f;
    text-align: center;
    font: 12px/34px "Microsoft Yahei";
    color: #ffffff;
}

.rightbar {
    position: fixed;
    bottom: 10%;
    right: 0;
}

.rightbar ul li {
    margin-top: 10px;
    position: relative;
}

.rightbar a {
    background: #A8A8A8;
    width: 41px;
    height: 41px;
    display: inline-block;
}

.rightbar a:hover {
    background: #888888;
}

.rightbar img {
    width: 40px;
    height: 40px;
}

.rightbar .rightblock {
    display: none;
    width: 210px;
    height: 160px;
    position: absolute;
    right: 41px;
    top: 0;
    background: white;
    padding-top: 10px;
}

.rightbar .rightblock2 {
    display: none;
    width: 130px;
    height: 130px;
    position: absolute;
    right: 41px;
    top: 0;
    background: white;
}

.rightbar ul li:hover .rightblock {
    display: block;
}

.rightbar ul li:hover .rightblock2 {
    display: block;
}

.rightbar .rightblock span {
    display: block;
    padding: 0 10px 0 30px;
    font: 12px/24px "microsoft yahei";
}

.rightbar .rightblock2 img {
    width: 130px;
    height: 130px;
}

.rightbar .rightblock .r1 {
    background: url(../images/0410-01.png) no-repeat;
    background-size: 12px 12px;
    background-position: 9px 6px;
}

.rightbar .rightblock .r2 {
    background: url(../images/0410-02.png) no-repeat;
    background-size: 12px 12px;
    background-position: 9px 6px;
}

.rightbar .rightblock .r3 {
    background: url(../images/0410-03.png) no-repeat;
    background-size: 12px 12px;
    background-position: 9px 6px;
}

.rightbar .rightblock .r4 {
    background: url(../images/0410-04.png) no-repeat;
    background-size: 12px 12px;
    background-position: 9px 6px;
}


/*数据中心*/
.date {
    margin-top: 20px;
}

.dateleft {
    float: left;
    width: 850px;
    margin-right: 30px;
}

.dateright {
    float: left;
    width: 285px;
}

.choose {
    background: #ffffff;
    border: 1px solid #e6e6e8;
    padding: 25px;
    margin-top: 12px;
}

.choose dl {
    margin-bottom: 17px;
}

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

.choose dl.c01 {
    background: url(../images/c01icon.png) no-repeat left 5px;
    background-size: 30px 30px;
    padding-left: 60px;
}

.choose dl.c02 {
    background: url(../images/c01icon.png) no-repeat left 5px;
    background-size: 30px 30px;
    padding-left: 60px;
}

.choose dl.c03 {
    background: url(../images/c01icon.png) no-repeat left 5px;
    background-size: 30px 30px;
    padding-left: 60px;
    margin-bottom: 0;
}

.choose dl dt {
    font: 18px/28px "Microsoft Yahei";
    color: #000000;
    border-bottom: 1px solid #e6e6e8;
    padding-bottom: 10px;
    padding-top: 5px;
}

.choose dl dd {
    margin-left: -10px;
}

.choose dl dd ul li {
    float: left;
    margin-right: 20px;
    height: 33px;
    position: relative;
}

.choose dl dd ul li a {
    font: 12px/32px "Microsoft Yahei";
    color: #000;
    display: block;
    border-bottom: 1px solid #fffffff;
    padding: 0 10px;
}

.choose dl dd ul li a.catcur {
    background: #f2f3f7;
    border-bottom: 2px solid #30a4a5;
}

.choose dl dd ul li a:hover {
    background: #f2f3f7;
    border-bottom: 2px solid #30a4a5;
}

.choose dl dd ul li .downlist {
    display: none;
}

.choose dl dd ul li:hover .downlist {
    display: block;
}

.downlist {
    position: absolute;
    z-index: 10;
    -moz-box-shadow: 0 0 20px #c7c6cb;
    -webkit-box-shadow: 0 0 20px #c7c6cb;
    box-shadow: 0 0 20px #c7c6cb;
    background: #ffffff;
    padding: 2px 5px;
    width: 380px;
    left: 0px;
}

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

.choose dl dd .downlist ol li {
    float: left;
    position: static;
    height: 30px;
    margin-right: 10px;
}

.choose dl dd .downlist ol li a {
    font: 12px/30px "Microsoft Yahei";
    color: #000000;
    padding: 0 10px;
}

.choose dl dd .downlist ol li.downcur a {
    background: #f2f3f7;
    border-bottom: 1px solid #30a4a5;
}


.search {
    margin-top: 21px;
}

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

.search dl dt {
    float: left;
    width: 210px;
    margin-right: 5px;
    position: relative;
}

.search dl dd {
    float: left;
    width: 633px;
    border: 1px solid #2875e8;
    height: 32px;
    border-radius: 3px;
    background: #fffffff;
    display: block;
    -moz-box-shadow: inset 0 0 4px #d2d3d5;
    -webkit-box-shadow: inset 0 0 4px #d2d3d5;
    box-shadow: inset 0 0 4px #d2d3d5;
}

.select {
    position: relative;
}

.select a {
    display: block;
    text-align: left;
    border-radius: 3px;
    width: 163px;
    padding-left: 45px;
    height: 32px;
    border: 1px solid #2875e8;
    -moz-box-shadow: inset 0 0 4px #d2d3d5;
    -webkit-box-shadow: inset 0 0 4px #d2d3d5;
    box-shadow: inset 0 0 4px #d2d3d5;
    font: 14px/32px "Microsoft Yahei";
    color: #000;
}

.select a.sdown {
    background: #ffffff url(../images/downarrow.png) no-repeat right 45px center;
}

.select a.sup {
    background: #ffffff url(../images/downup.png) no-repeat right 45px center;
}

.select ul {
    width: 210px;
    background: #ffffff;
    -moz-box-shadow: 0 0 20px #c7c6cb;
    -webkit-box-shadow: 0 0 20px #c7c6cb;
    box-shadow: 0 0 20px #c7c6cb;
    position: absolute;
    left: 0;
    padding: 5px 0;
    z-index: 999;
}

.select ul li a {
    display: block;
    font: 14px/32px "Microsoft Yahei";
    display: block;
    border: 0;
    width: 210px;
    padding: 0;
    height: 32px;
    box-shadow: none;
    border: 0;
    text-align: center;
    border-radius: 0;
}

.select ul li a.secur {
    background: #e6e8ed;
}

.select ul li a:hover {
    background: #e6e8ed;
}

.search dl dd input {
    border: 0;
    background: #ffffff;
    height: 32px;
    font: 14px/32px "Microsoft Yahei";
    width: 523px;
    outline: 0;
    padding-left: 10px;
    -moz-box-shadow: inset 0 0 4px #d2d3d5;
    -webkit-box-shadow: inset 0 0 4px #d2d3d5;
    box-shadow: inset 0 0 4px #d2d3d5;
}

.search dl dd a {
    background: #2875e8 url(../images/search.png) no-repeat 10px center;
    color: #ffffff;
    font: 14px/32px "Microsoft Yahei";
    float: right;
    display: block;
    width: 60px;
    padding-left: 40px;
}

.search dl dd a:hover {
    background: #2875e8 url(../images/search.png) no-repeat 10px center;
}


.comlist {
    margin-top: 17px;
    background: #ffffff;
    border: 1px solid #e6e6e8;
    border-bottom: 0;
}

.comtitle {
    border-bottom: 1px solid #e6e6e8;
    height: 48px;
    font: 18px/48px "Microsoft Yahei";
    padding-left: 15px;
}

.comtitle a {
    padding: 0 10px;
}

.lists {
    padding: 25px 25px 25px 25px;
    border-bottom: 1px solid #e6e6e8;
}

.lists:hover {
    -moz-box-shadow: 0 0 20px #c7c6cb;
    -webkit-box-shadow: 0 0 20px #c7c6cb;
    box-shadow: 0 0 20px #c7c6cb;
    transform: scale(1.001, 1.001);
    -webkit-transform: scale(1.001, 1.001);
    -moz-transform: scale(1.001, 1.001);
    -o-transform: scale(1.001, 1.001);
}

.lists a.contact {
    float: right;
    width: 100px;
    height: 30px;
    border: 1px solid #2875e8;
    border-radius: 5px;
    font-size: 13px;
    text-align: center;
    line-height: 30px;
    background: #2875e8;
    color: #ffffff;
    margin-top: 0px;
}

.lists b {
    position: relative;
    display: block;
    font: bold 18px/28px "Microsoft Yahei";
    color: #2875e8;
}

.lists b em {
    position: absolute;
    left: 560px;
    color: #231815;
    font-weight: 600;
    font-family: Arial, Microsoft YaHei;
    font-size: 15px;
    font-style: normal;
}

.lists b em img {
    width: 30px;
    height: 20px;
    vertical-align: middle;
}

.lists dl { /* margin-top:16px; */
}

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

.lists dl dt {
    float: left;
    width: 90px;
    height: 90px;
    border: 1px solid #e6e6e8;
    margin-right: 19px;
    border-radius: 5px;
    overflow: hidden;
}

.lists dl dt span {
    height: 90px;
    width: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.lists dl dt span img {
    width: 100%;
    height: auto;
}

.lists dl dd {
    float: left;
    width: 515px;
    height: auto;
}

.lists dl dt a {
    display: block;
    background: #2875e8;
    height: 30px;
    border-radius: 2px;
    width: 90px;
    font: 14px/30px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    margin: 10px auto 0;
}

.lists dl dt a:hover {
    background: #2875e8;
}

.lists dl dd ul {
    margin-top: 13px;
}

.lists dl dd ul li:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.lists dl dd ul li {
    margin-bottom: 2px; /* height: 24px; */
    overflow: hidden; /* font-size: 13px; *//* line-height: 24px; */
}

.lists dl dd ul li span {
    float: left;
    width: 75px;
    display: block;
    font: 13px/24px "Microsoft Yahei";
    color: #2875e8;
}

.lists dl dd ul li p {
    float: left;
    width: 440px;
    display: block;
    font: 13px/24px "Microsoft Yahei";
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal
}

.lists dl dd ul li p a {
    color: #2875e8;
}

.page {
    padding: 20px 0;
    text-align: center;
}

.page ul li {
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
}

.page ul li a {
    display: inline-block;
    height: 39px;
    padding: 0 17px;
    font: 14px/39px "Microsoft Yahei";
    color: #000;
    background: #ffffff;
    border: 1px solid #e6e6e8;
    border-radius: 5px;
}

.page ul li a.pagecur {
    background: #2875e8;
    color: #ffffff;
}

.page ul li a:hover {
    background: #2875e8;
    color: #ffffff;
}

.page ul li a.comfirmbut {
    background: #2875e8;
    color: #ffffff;
    padding: 0 20px;
}

.page ul li a.comfirmbut:hover {
    background: #2875e8;
}

.page ul li input {
    display: inline-block;
    height: 39px;
    width: 39px;
    text-align: center;
    font: 14px/39px "Microsoft Yahei";
    color: #000;
    background: #ffffff;
    border: 1px solid #e6e6e8;
    border-radius: 5px;
    margin: 0 5px;
}

.page ul li input:focus {
    outline: none;
    width: 37px;
    height: 37px;
    border: 2px solid #2875e8;
}


.purpub {
    background: #ffffff;
    border: 1px solid #e6e6e8; /* height: 403px; */
    padding: 15px;
    box-sizing: border-box
}

.purpub b {
    display: block; /* border-bottom:1px solid #e6e6e8; */
    margin-top: 20px;
}

.purpub b span {
    display: inline-block; /* background:url(../images/icon.png) no-repeat left 6px; background-size: 24px 24px; background-position: 0 12px; padding-left:34px;*/
}

.purpub b.poricons span {
    padding-top: 20px; /*background:url(../images/icon.png) no-repeat left 6px; background-size: 24px 24px; background-position: 0 12px; padding-left:34px;*/
}

.purpub b.newproicon span { /* background:url(../images/icon.png) no-repeat left 6px; background-size: 24px 24px; background-position: 0 12px; padding-left:34px;*/
}

.purpub b.newproicon {
}

.purpub p {
    display: block;
    color: #7F8388;
    line-height: 22px;
    font-size: 12px;
    margin-top: 12px
}

.purpub ul {
    margin: 10px 0 0 0px;
}

.purpub ul li {
    background: url(../images/circle.jpg) no-repeat left center;
    padding-left: 15px;
    font: 15px/32px "Microsoft Yahei";
}

.purpub ul li:hover a {
    color: #2875e8;
}

.pubut { /* border-top:1px solid #e6e6e8; */
    padding: 24px 0 4px 0 ; /* margin-top:22px; */
}

.pubut a {
    background: #0063FE;
    color: #ffffff;
    width: 100%;
    height: 47px;
    font: 16px/47px "PingFangSC";
    display: flex;
    align-items: center;
    justify-content: center
}

.seemore { /* border-top:1px solid #e6e6e8; */
    margin-top: 15px;
    padding-bottom: 10px;
}

.seemore a {
    text-align: right;
    font: 14px/32px "Microsoft Yahei";
    color: #2875e8;
    display: block;
    padding-right: 20px;
}

.seemore a:hover {
    color: #2875e8;
}

.purnewa {
    margin-top: 20px;
}

.purnewa i {
    display: block;
    width: 280px;
    height: 158px;
    margin: 5px auto 0;
}

.purnewa ul li {
    font-size: 14px;
    padding: 0 15px 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
}

.purnewa i img {
    display: block;
    width: 254px;
}

.purnewa p {
    padding: 10px 20px 0;
    text-indent: 0;
}

.rad {
    margin-top: 25px;
}

.rad img {
    width: 320px;
    height: 200px;
}


/*项目中心*/
.prosearch {
    margin-top: 23px;
}

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

.prosearch dl dt {
    float: left;
    width: 120px;
    margin-right: 5px;
    position: relative;
}

.prosearch dl dd {
    float: left;
    width: 723px;
    border: 1px solid #2875e8;
    height: 32px;
    border-radius: 3px;
    background: #fffffff;
    display: block;
    -moz-box-shadow: inset 0 0 4px #d2d3d5;
    -webkit-box-shadow: inset 0 0 4px #d2d3d5;
    box-shadow: inset 0 0 4px #d2d3d5;
}

.select {
    position: relative;
}

.prosearch .select a {
    display: block;
    text-align: left;
    border-radius: 3px;
    width: 90px;
    padding-left: 30px;
    height: 32px;
    border: 1px solid #2875e8;
    -moz-box-shadow: inset 0 0 4px #d2d3d5;
    -webkit-box-shadow: inset 0 0 4px #d2d3d5;
    box-shadow: inset 0 0 4px #d2d3d5;
    font: 14px/32px "Microsoft Yahei";
    color: #000;
}

.select a.sdown {
    background: #ffffff url(../images/downarrow.png) no-repeat right 30px center;
}

.select a.sup {
    background: #ffffff url(../images/downup.png) no-repeat right 30px center;
}

.select:hover a.sdown {
    background: #ffffff url(../images/downup.png) no-repeat right 30px center;
    color: #2875e8;
}

.select ul {
    display: none;
}

.select:hover ul {
    display: block;
}

.prosearch .select ul {
    width: 120px;
    background: #ffffff;
    -moz-box-shadow: 0 0 20px #c7c6cb;
    -webkit-box-shadow: 0 0 20px #c7c6cb;
    box-shadow: 0 0 20px #c7c6cb;
    position: absolute;
    left: 0;
    padding: 5px 0;
}

.prosearch .select ul li a {
    display: block;
    font: 14px/32px "Microsoft Yahei";
    display: block;
    border: 0;
    width: 120px;
    padding: 0;
    height: 32px;
    box-shadow: none;
    border: 0;
    text-align: center;
    border-radius: 0;
}

.prosearch .select ul li a.secur {
    background: #e6e8ed;
}

.prosearch .select ul li a:hover {
    background: #e6e8ed;
}

.prosearch dl dd input {
    border: 0;
    background: #ffffff;
    height: 32px;
    font: 14px/32px "Microsoft Yahei";
    width: 643px;
    outline: 0;
    padding-left: 10px;
    -moz-box-shadow: inset 0 0 4px #d2d3d5;
    -webkit-box-shadow: inset 0 0 4px #d2d3d5;
    box-shadow: set 0 0 4px #d2d3d5;
}

.prosearch dl dd a {
    background: #2875e8 url(../images/search.png) no-repeat 10px center;
    color: #ffffff;
    font: 14px/32px "Microsoft Yahei";
    float: right;
    display: block;
    width: 40px;
    padding-left: 30px;
}

.hotkey {
    margin-top: 5px;
    background: #ffffff;
    border: 1px solid #e6e6e8;
    height: 20px;
    padding: 7px 15px;
    font: 12px/20px "Microsoft Yahei";
    color: #999;
}

.hotkey a {
    background: #f2f3f7;
    padding: 0 10px;
    margin-left: 10px;
    height: 20px;
    font: 12px/20px "Microsoft Yahei";
    color: #999;
    display: inline-block;
}

.hotkey a:hover {
    background: #dddde2;
}

.project {
    margin-top: 20px;
}

.promain {
    margin-top: 20px;
    width: 850px;
    position: relative;
}

.promain ul {
    width: 856px;
}

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

.promain ul li {
    float: left;
    width: 425px;
    font: 18px/48px "Microsoft Yahei";
    color: #231815;
    text-align: left;
    text-indent: 20px;
}

.promain ul li a {
    background: #F5F7FA;
    display: block;
    border: 1px solid #e6e6e8;
    border-bottom: 0;
    position: relative;
    top: 0;
    z-index: 99;
    font: 18px/49px "microsoft yahei";
}

.promain ul li a.tabcur {
    background: #ffffff;
    border-top: 2px solid #2875e8;
    color: #2875e8;
    top: 0;
    height: 48px;
    font: 18px/48px "microsoft yahei";
}

.prbox {
    border: 1px solid #e6e6e8;
    border-top: 0;
    background: #ffffff;
}

.promain:hover {
    -moz-box-shadow: 0 0 20px #c7c6cb;
    -webkit-box-shadow: 0 0 20px #c7c6cb;
    box-shadow: 0 0 20px #c7c6cb;
}

.prbox dd ol li img {
    width: 100px;
    height: 100px;
}


.prbox dl {
    position: relative;
    top: -1px;
    border-top: 1px solid #e6e6e8;
    padding: 20px;
}

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

.promain dl dt {
    float: left;
    width: 530px;
    margin-right: 15px;
}

.promain dl dd {
    float: left;
    width: 260px;
}

.promain dl dt b {
    display: block;
    font: 12px/24px "Microsoft Yahei";
    color: #000; /*margin-bottom:20px;*/
}

.promain dl dt p {
    display: block;
    font: 12px/24px "Microsoft Yahei";
    color: #000; /*margin-bottom:20px;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.promain dl dt p span {
    color: #999;
}

.promain dl dd ol {
    position: absolute;
    bottom: 40px;
}

.promain dl dd ol:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.promain dl dd ol li {
    border: 1px solid #e6e6e8;
    width: 100px;
    height: 100px;
    margin-left: 8px;
    float: left;
}

.prfot {
    border-top: 1px solid #e6e6e8;
    height: 36px;
    padding: 6px 20px;
    font: 12px/36px "Microsoft Yahei";
}

.prfot a {
    float: right;
    background: #2875e8;
    color: #ffffff;
    width: 100px;
    height: 36px;
    font: 14px/36px "Microsoft Yahei";
    text-align: center;
    border-radius: 3px;
    margin: 0 auto;
    display: block;
}

.prfot a:hover {
    background: #2875e8;
}

.prfot p span {
    margin-right: 60px;
}


/*活动中心*/
.actbox {
    margin-top: 20px;
    width: 850px;
    position: relative;
}

.actbox ul {
    width: 856px;
}

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

.actbox ul li {
    float: left;
    width: 141px;
    font: 14px/48px "Microsoft Yahei";
    color: #231815;
    text-align: left;
    text-indent: 20px;
}

.actbox ul li a {
    background: #F5F7FA;
    display: block;
    border: 1px solid #e6e6e8;
    border-bottom: 0;
    border-right: 0;
    position: relative;
    top: 0;
    z-index: 99;
}

.actbox ul li:last-child {
    width: 145px;
}

.actbox ul li:last-child a {
    border-right: 1px solid #e6e6e8;
}

.actbox ul li a.tabcur {
    background: #ffffff;
    border-top: 2px solid #2875e8;
    color: #2875e8;
    top: 0;
    height: 49px;
}

.acindu {
    position: relative;
    top: -1px;
    border: 1px solid #e6e6e8;
    padding: 15px 20px;
    background: #ffffff;
}

.acindu p {
    display: block;
    font: 12px/24px "Microsoft Yahei";
    color: #999999;
}

.actlist {
    margin-top: 20px;
    border-left: 1px solid #e6e6e8;
    border-top: 1px solid #e6e6e8;
    background: #ffffff;
}

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

.actlist ul li {
    float: left;
    width: 282px;
    border-right: 1px solid #e6e6e8;
    border-bottom: 1px solid #e6e6e8;
    padding: 20px 0 10px;
}

.actlist ul li:hover {
    -moz-box-shadow: 0 0 20px #c7c6cb;
    -webkit-box-shadow: 0 0 20px #c7c6cb;
    box-shadow: 0 0 20px #c7c6cb;
}

.actlist ul li em {
    display: block;
    width: 240px;
    margin: 0 auto;
    height: 135px;
}

.actlist ul li em img {
    display: block;
    width: 240px;
    height: 135px;
}

.actlist ul li b {
    display: block;
    font: 14px/24px "Microsoft Yahei";
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0 20px;
    height: 24px;
    overflow: hidden;
}

.actlist ul li p {
    display: block;
    font: 12px/24px "Microsoft Yahei";
    padding: 0 20px;
    color: #999999;
    height: 48px;
    overflow: hidden;
}

.actlist ul li span {
    display: block;
    font: 12px/24px "Microsoft Yahei";
    color: #606060;
    margin-left: 20px;
    height: 24px;
    overflow: hidden;
}

.actlist ul li span.datime {
    background: url(../images/time.png) no-repeat left center;
    background-size: 12px 12px;
    padding-left: 20px;
    margin-top: 25px;
    color: #999999;
}

.actlist ul li span.datlocation {
    background: url(../images/location.png) no-repeat left center;
    background-size: 12px 12px;
    padding-left: 20px;
    color: #999999;
}

.actlist ul li div {
    border-top: 1px solid #e6e6e8;
    padding: 10px 0 0 20px;
    margin-top: 20px;
}

.actlist ul li a {
    display: block;
    background: #2875e8;
    color: #ffffff;
    width: 77px;
    height: 28px;
    font: 14px/28px "Microsoft Yahei";
    text-align: center;
    border-radius: 3px;
}

.actlist ul li a:hover {
    background: #2875e8;
}


/*新闻资讯*/
.activeshow {
    background: #ffffff;
    border: 1px solid #e6e6e8;
    margin-top: 60px;
}

.activeshow dl {
    padding: 40px 0 0 30px;
    height: 380px;
}

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

.activeshow dl dt {
    float: left;
    width: 570px;
    height: 430px;
    position: relative;
    top: -70px;
}

.activeshow dl dd {
    float: left;
    width: 560px;
}

.activeshow dl dt img {
    display: block;
}

.activeshow dl dt span {
    display: block;
    background: #000000;
    opacity: 0.6;
    filter: Alpha(opacity=60);
    height: 90px;
    position: absolute;
    width: 100%;
    bottom: 20px;
    z-index: 9;
}

.activeshow dl dt a {
    display: block;
    color: #ffffff;
    font-size: 18px;
    line-height: 32px;
    position: absolute;
    left: 25px;
    z-index: 99;
    bottom: 32px;
}

.activeshow dl dd ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.activeshow dl dd ul li {
    float: left;
    width: 240px;
    margin-left: 40px;
}

.activeshow dl dd ul li em {
    display: block;
}

.activeshow dl dd ul li em img {
    width: 240px;
    height: 155px;
}

.activeshow dl dd ul li b {
    display: block;
    font: 18px/20px "Microsoft Yahei";
    margin-top: 15px;
    margin-bottom: 25px;
}

.activeshow dl dd ul li a {
    display: block;
    background: url(../images/circle.jpg) no-repeat left center;
    padding-left: 15px;
    font: 12px/24px "Microsoft Yahei";
    color: #000000;
}

.activeshow dl dd ul li a:hover {
    color: #2875e8;
}

.newsss {
    position: relative;
    top: -15px;
}

.xwlist {
    background: #ffffff;
    border: 1px solid #e6e6e8;
    margin-top: 15px;
}

.xwlist ul li {
    border-bottom: 1px solid #e6e6e8;
}

.xwlist ul li:hover {
    -moz-box-shadow: 0 0 20px #c7c6cb;
    -webkit-box-shadow: 0 0 20px #c7c6cb;
    box-shadow: 0 0 20px #c7c6cb;
}

.xwlist ul li:last-child {
    border-bottom: 0;
}

.xwlist ul li dl {
    padding: 25px;
}

.xwlist ul li dl:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.xwlist ul li dl dt {
    float: left;
    width: 240px;
    margin-right: 20px;
}

.xwlist ul li dl dt img {
    width: 240px;
    height: 155px;
}

.xwlist ul li dl dd {
    float: left;
    width: 510px;
}

.xwlist ul li dl dd b a {
    display: block;
    font-size: 18px;
    font-weight: normal;
    margin-top: 15px;
}

.xwlist ul li:hover dl dd b a {
    color: #2875e8;
}

.xwlist ul li dl dd p {
    display: block;
    font: 12px/20px "Microsoft Yahei";
    color: #999;
    margin-top: 10px;
    height: 40px;
    overflow: hidden;
}

.xwlist ul li dl dd span {
    display: block;
    background: url(../images/time.png) no-repeat left center;
    background-size: 14px 14px;
    background-position: 0 -1px;
    padding-left: 25px;
    font-size: 12px;
    color: #999;
    margin-top: 25px;
}


.categolry {
    background: #ffffff;
    border: 1px solid #e6e6e8;
    margin-top: 5px;
    padding: 15px;
    font: 14px/26px "Microsoft Yahei";
}

.crumb {
}

.categolry dl {
    margin-top: 10px;
}

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

.categolry dl dt {
    float: left;
    width: 95px;
}

.categolry dl dd {
    float: left;
    width: 700px;
    margin-left: -20px;
}

.categolry dl dd ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.categolry dl dd ul li {
    float: left;
    margin-bottom: 5px;
}

.categolry dl dd ul li a {
    display: inline-block;
    height: 25px;
    border-bottom: 1px solid #ffffff;
    padding: 0 10px;
    font: 14px/25px "Microsoft Yahei";
}

.categolry dl dd ul li a.catlocur {
    background: #f2f3f7;
    border-bottom: 1px solid #30a4a5;
}

.categolry dl.cateline {
    border-top: 1px solid #e6e6e8;
    margin-top: 5px;
    padding-top: 10px;
}

/**/
.cbanner {
    background: url(../images/bannerb_02.jpg) no-repeat top center;
    height: auto;
    width: 100%;
    margin-top: 40px;
    padding-top: 280px;
}

.comptitle {
    background: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.comptitle em {
    display: block;
    position: absolute;
    left: 55px;
    top: -60px;
    width: 120px;
    height: 120px;
}

.comptitle em img {
    width: 120px;
    height: 120px;
}

.comptitle b {
    display: block;
    text-align: center;
    font: 24px/26px "Microsoft Yahei";
    color: #2875e8;
    padding-top: 46px;
    margin-bottom: 30px;
}

.comptitle p {
    display: block;
    text-align: center;
    font: 14px/26px "Microsoft Yahei";
    color: #000;
}

.companynav {
    background: #2875e8;
    height: 35px;
    width: 1200px;
    margin: 15px auto 0;
}

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

.companynav dl dt {
    float: left;
    width: 760px;
}

.companynav dl dd {
    float: right;
    width: 183px;
    margin-right: 30px;
}

.companynav dl dt ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.companynav dl dt ul li {
    float: left;
    position: relative;
    display: block;
    height: 50px;
}

.companynav dl dt ul li a {
    display: block;
    background: url(../images/line_03.jpg) no-repeat right center;
    font: 14px/35px "Microsoft Yahei";
    color: #ffffff;
    padding: 0 20px; /* width:70px; */
    text-align: center;
}

.companynav dl dt ul li a:hover {
    background: #2875e8;
}

.companynav dl dt ul li em {
    background: url(../images/arrowdown.png) no-repeat top center;
    width: 22px;
    height: 8px;
    display: block;
    position: absolute;
    top: 34px;
    left: 62px;
    display: none;
}

.companynav dl dt ul li.comcur em {
    display: block;
}

.companynav dl dd ol:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.companynav dl dd ol li {
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}

.companynav dl dd ol li.star a {
    background: url(../images/focus.png) no-repeat;
    width: 72px;
    height: 26px;
    display: block;
}

.companynav dl dd ol li.comdown a {
    background: url(../images/download.png) no-repeat;
    width: 91px;
    height: 26px;
    display: block;
}

.b01 {
    padding-top: 0;
    height: 400px;
}

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

.b01 em {
    display: block;
    width: 120px;
    height: 100px;
    margin-top: -5px;
}

.b01 .companynav {
    margin-top: 266px;
    position: relative;
}

.b01 .companynav dl dt ul li em {
    top: 38px;
}

.company {
    width: 1200px;
    margin: 30px auto 0;
}

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

.comleft {
    float: left;
    width: 894px;
    margin-right: 20px;
}

.comright {
    float: right;
    width: 286px;
    box-sizing: border-box;
}

.comindu {
    background: #ffffff;
    border: 1px solid #e6e6e8;
}

.comindu b {
    display: block;
    font: 18px/42px "Microsoft Yahei";
    border-bottom: 1px solid #e6e6e8;
    padding-left: 25px;
    color: #A0A2AD;
}

.comindu b span {
    color: #231815;
}

.comindu p {
    padding: 40px 30px;
    font: 14px/26px "Microsoft Yahei";
    text-indent: 2em;
    color: #333333;
}

.comcustom {
    background: #ffffff;
    border: 1px solid #e6e6e8;
    margin-top: 15px;
}

.comcustom b {
    display: block;
    font: 18px/42px "Microsoft Yahei";
    border-bottom: 1px solid #e6e6e8;
    padding-left: 25px;
    color: #A0A2AD;
}

.combox {
    padding: 30px 30px;
    color: #606060;
}

.combox p {
    font: 14px/26px "Microsoft Yahei";
    display: block;
    margin-bottom: 30px;
}

.combox strong {
    display: block;
    font: 18px/26px "Microsoft Yahei";
    margin-bottom: 10px;
}

.comproduct {
    background: #ffffff;
    border: 1px solid #e6e6e8;
    margin-top: 15px;
}

.comproduct b {
    display: block;
    font: 18px/42px "Microsoft Yahei";
    border-bottom: 1px solid #e6e6e8;
    padding-left: 25px;
    color: #A0A2AD;
}

.compro {
    padding-bottom: 20px;
}

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

.compro ul li {
    float: left;
    width: 250px;
    margin-left: 25px;
    margin-top: 20px;
}

.compro ul li em {
    display: block;
    border: 1px solid #e6e6e8;
    width: 248px;
    height: 138px;
}

.compro ul li span {
    display: block;
    background: #2875e8;
    width: 210px;
    height: 28px;
    border-radius: 3px;
    font: 14px/28px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0 auto;
}

.compcert {
    background: #ffffff;
    border: 1px solid #e6e6e8;
    margin-top: 15px;
}

.compcert b {
    display: block;
    font: 18px/42px "Microsoft Yahei";
    border-bottom: 1px solid #e6e6e8;
    padding-left: 25px;
    color: #A0A2AD;
}

.certbox {
    padding: 20px 0 0;
}

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

.certbox ul li {
    float: left;
    width: 180px;
    margin-left: 25px;
    text-align: center;
    display: block;
    margin-bottom: 25px;
}

.certbox ul li em {
    display: block;
    border: 1px solid #e6e6e8;
    height: 245px;
    width: 178px;
}

.certbox ul li span {
    display: block;
    font: 12px/26px "Microsoft Yahei";
    color: #606060;
    text-align: center;
    margin-top: 5px;
}

.comcerbook {
    background: #ffffff;
    border: 1px solid #e6e6e8;
    margin-top: 15px;
}

.comcerbook b {
    display: block;
    font: 18px/42px "Microsoft Yahei";
    border-bottom: 1px solid #e6e6e8;
    padding-left: 25px;
    color: #A0A2AD;
}

.boox {
}

.boox ul {
    width: 849px;
}

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

.boox ul li {
    float: left;
    width: 242px;
    border-right: 1px solid #e6e6e8;
    padding: 20px;
}

.boox ul li b {
    display: block;
    border: 0;
    padding-left: 0;
    font: 14px/22px "Microsoft Yahei";
    margin-bottom: 5px;
}

.boox ul li p {
    display: block;
    font: 12px/22px "Microsoft Yahei";
    margin-bottom: 5px;
    color: #606060;
}

.boox ul li a {
    display: block;
    color: #2875e8;
    margin-top: 10px;
    font-size: 14px;
}

.compa {
    background: #ffffff;
    border: 1px solid #e6e6e8;
    padding: 20px;
}

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

.compa dl dt {
    float: left;
    width: 78px;
    height: 78px;
    position: relative;
    margin-right: 20px;
}

.compa dl dd {
    float: left;
    width: 180px;
}

.compa dl dt span img {
    width: 76px;
    height: 76px;
    border: 1px solid #e6e6e8;
    border-radius: 76px;
}

.compa dl dt em {
    display: block;
    position: absolute;
    top: 0px;
    right: -6px;
}

.compa dl dt em img {
    width: 30px;
    height: 20px;
}

.compa dl dd b {
    display: block;
    font: 14px/28px "Microsoft Yahei";
}

.compa dl dd ul {
    margin-top: 5px;
}

.compa dl dd ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.compa dl dd ul li {
    float: left;
    margin-right: 15px;
}

.compa dl dd ul li.years {
    border: 1px solid #e6e6e8;
    height: 16px;
    width: 49px;
    border-radius: 16px;
    text-align: center;
    font: 12px/16px "Microsoft Yahei";
    color: #999999;
}

.compa dl dd ul li.nation {
    background: url(../images/chi5.jpg) no-repeat left center;
    padding-left: 25px;
    font: 12px/16px "Microsoft Yahei";
    color: #999999;
}


.coninfos {
    margin-top: 18px;
}

.coninfos ol li {
    font: 12px/22px "Microsoft Yahei";
    color: #999999;
    margin-bottom: 10px;
}

.coninfos ol li:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.coninfos ol li span {
    display: block;
    float: left;
    width: 75px;
}

.coninfos ol li p {
    float: left;
    display: block;
    width: 200px;
}

.comcontact {
    background: #ffffff;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.04);
    padding-bottom: 20px;
}

.comcontact b {
    display: block;
    height: 54px;
    background: #F9F9F9;
    font-size: 16px;
    padding-left: 20px;
    color: #333;
    line-height: 54px;
    border-bottom: 1px solid #F3F3F3;
}

.comcontact b span { /*background:url(../images/sssmalicon.png) no-repeat left center; padding-left:20px;*/
}

.comcontact ul {
    padding: 15px 20px;
}

.comcontact ul li {
    font: 13px/26px "Microsoft Yahei";
    color: #999999;
    margin-bottom: 5px;
}

.comcontact ul li a {
    color: #2875e8;
}

.comcontact p {
    margin-left: 20px;
}

.comcontact p a {
    margin-right: 15px;
    width: 100px;
    height: 25px;
    display: inline-block;
}

.comcontact p a.sendemail {
    background: url(../images/mail.png) no-repeat;
    width: 100px;
    height: 25px;
}

.comcontact p a.sendemail:hover {
    background: url(../images/mailcur.png) no-repeat;
    width: 100px;
    height: 25px;
}

.comcontact p a.sendmessage {
    background: url(../images/send.png) no-repeat;
    width: 100px;
    height: 25px;
}

.comcontact p a.sendmessage:hover {
    background: url(../images/sendcur.png) no-repeat;
    width: 100px;
    height: 25px;
}


.machine {
    background: #ffffff;
    border: 1px solid #e6e6e8;
}

.machine dl dt {
    background: #E6E8ED;
    height: 30px;
    font: 14px/30px "Microsoft Yahei";
    color: #333333;
    padding-left: 30px;
}

.machine dl dd {
}

.machine dl dd ul {
    padding: 20px 30px;
}

.machine dl dd ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.machine dl dd ul li {
    float: left;
    width: 350px;
    margin-right: 30px;
    height: 50px;
    overflow: hidden;
}

.machine dl dd ul li:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.machine dl dd ul li {
    font: 14px/26px "Microsoft Yahei";
    color: #606060;
    margin-bottom: 5px;
}

.machine dl dd ul li span {
    display: block;
    float: left;
    width: 75px;
}

.machine dl dd ul li p {
    display: block;
    float: left;
    width: 245px;
}

.conindu {
    padding: 20px 30px;
}

.machine dl dd p {
    font: 14px/26px "Microsoft Yahei";
    color: #606060;
    margin-bottom: 26px;
}

.sub {
    margin-top: 0;
}


/*走进系列 */

.combanner {
    background: url(../images/topbanner.jpg) no-repeat top center;
    height: 400px;
    margin-top: 20px;
    padding-bottom: 5px;
}

.orgindu {
    background: #ffffff;
    border: 1px solid #e6e6e8;
    margin-top: 15px;
}

.orgindu b {
    display: block;
    font: 18px/42px "Microsoft Yahei";
    border-bottom: 1px solid #e6e6e8;
    padding-left: 25px;
    color: #A0A2AD;
}

.orgindu b span {
    color: #231815;
}

.orgindu div {
    padding: 20px 25px;
}

.orgindu div p {
    font: 14px/20px "Microsoft Yahei";
    color: #606060;
    text-indent: 2em;
}

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

.orgindu dl {
    padding: 15px 25px 20px;
}

.orgindu dl dt {
    float: left;
    width: 100px;
    text-align: center;
    margin-right: 20px;
}

.orgindu dl dd {
    float: left;
    width: 1010px;
    font: 14px/20px "Microsoft Yahei";
    color: #606060;
    padding-top: 5px;
}

.orgindu dl dt em {
    display: block;
    background: url(../images/people.jpg) no-repeat;
    width: 57px;
    height: 26px;
    margin: 0 auto 3px;
}

.messageindu {
    margin-top: 15px;
    background: #ffffff;
    border: 1px solid #e6e6e8;
}

.messageindu b {
    background: #ffffff;
    border-bottom: 1px solid #e6e6e8;
    display: block;
    font: 18px/42px "Microsoft Yahei";
    padding-left: 25px;
    color: #A0A2AD;
}

.messageindu b span {
    color: #231815;
}

.messageindu table {
    font: 18px/20px "Microsoft Yahei";
    width: 100%;
}

.messageindu table tr:nth-child(odd) {
    background: url(../images/graybgs.jpg) repeat-y top left;
    font: 18px/20px "Microsoft Yahei";
}

.messageindu table tr td {
    padding: 15px 15px 15px 30px;
    text-align: left;
    font: 14px/20px "Microsoft Yahei";
    display: inline-block;
}

.messageindu table tr td.t01 {
    width: 199px;
}

.messageindu table tr td.t02 {
    width: 900px;
}

.messageindu table tr:nth-child(even) {
    background: url(../images/graybgse.jpg) repeat-y top left;
}


.actrend {
    margin-top: 15px;
    background: #ffffff;
    border: 1px solid #e6e6e8;
}

.actrend b {
    background: #ffffff;
    border-bottom: 1px solid #e6e6e8;
    display: block;
    font: 18px/42px "Microsoft Yahei";
    padding-left: 25px;
    color: #A0A2AD;
}

.actrend b span {
    color: #231815;
}

.actrend ul {
    padding: 30px 0 40px;
}

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

.actrend ul li {
    float: left;
    width: 282px;
    text-align: center;
}

.actrend ul li.midarrow {
    background: url(../images/arrow.jpg) no-repeat;
    width: 15px;
    height: 20px;
    margin: 30px 0 0 0;
}

.actrend ul li strong {
    display: block;
    width: 88px;
    height: 88px;
    border-radius: 88px;
    overflow: hidden;
    font: 52px/88px "Microsoft Yahei";
    text-align: center;
    color: #ffffff;
    background: #3B302A;
    margin: 0 auto;
}

.actrend ul li span {
    display: block;
    width: 106px;
    height: 28px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #3B302A;
    font: 14px/28px "Microsoft Yahei";
    color: #3B302A;
    margin: 10px auto;
}

.actrend ul li p {
    display: block;
    text-align: center;
    font: 14px/20px "Microsoft Yahei";
    color: #3B302A;
    padding: 0 30px;
}


.acmethod {
    margin-top: 15px;
    background: #ffffff;
    border: 1px solid #e6e6e8;
}

.acmethod b {
    background: #ffffff;
    border-bottom: 1px solid #e6e6e8;
    display: block;
    font: 18px/42px "Microsoft Yahei";
    padding-left: 25px;
    color: #A0A2AD;
}

.acmethod b span {
    color: #231815;
}

.acmethod ol {
    margin: 20px 29px;
    background: url(../images/methodbg.jpg) repeat-x;
    height: 107px;
    display: block;
}

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

.acmethod ol li {
    width: 140px;
    margin: 0 120px;
    float: left;
    background: #ffffff;
}

.acmethod ol li a {
    display: block;
    background: #3B302A;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    text-align: center;
    margin: 0 auto;
}

.acmethod ol li a span {
    display: block;
    font: 18px/28px "Microsoft Yahei";
    color: #ffffff;
    padding: 20px 0 0;
}

.methodshow {
    margin: 20px 29px;
    overflow: hidden;
}

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

.methodshow ul {
    width: 1160px;
}

.methodshow ul li {
    float: left;
    width: 268px;
    margin-right: 20px;
    border: 1px solid #e6e6e8;
    height: 188px;
    margin-bottom: 20px;
    overflow: hidden;
}

.methodshow ul li img {
    display: block;
    width: 100%;
}

.actshow {
    margin: 20px 29px;
    overflow: hidden;
}

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

.actshow ul {
    width: 1280px;
}

.actshow ul li {
    float: left;
    width: 360px;
    margin-right: 26px;
    border: 1px solid #e6e6e8;
    height: 210px;
    margin-bottom: 20px;
    overflow: hidden;
}

.actshow ul li img {
    display: block;
    width: 100%;
}


/*新闻详细*/
.newsdetail {
    margin-top: 30px;
}

.newsleft {
    float: left;
    width: 865px;
    margin-right: 15px;
}

.newsright {
    float: left;
    width: 320px;
}

.newscrumb {
    border-bottom: 3px solid #DCDEE4;
    font: 14px/32px "Microsoft Yahei";
    height: 32px;
}

.newscrumb p {
    border-bottom: 3px solid #2875e8;
    display: inline-block;
}

.detailcontent {
    background: #fff;
    padding: 45px 40px;
}

.detailcontent b {
    display: block; /*text-align:center;padding:30px 0;*/
    font: 28px/32px "Microsoft Yahei";
    margin-bottom: 20px;
    color: #000000;
}

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

.detailcontent dl {
    border-bottom: 1px solid #e6e6e8;
    height: 32px;
    font: 14px/32px "Microsoft Yahei";
    overflow: hidden;
}

.detailcontent dl dt {
    float: left;
    width: 400px;
}

.detailcontent dl dd {
    float: right;
    color: #e6e6e8;
    height: 15px;
}

.detailcontent dl dt span {
    font: 14px/32px "Microsoft Yahei";
    color: #A0A2AD;
    margin-right: 20px;
}

.detailcontent dl dd a.chat {
    background: url(../images/chat.png) no-repeat left center;
    display: inline-block;
    width: 14px;
    height: 12px;
    margin: 2px 8px 0;
}

.detailcontent dl dd a.good {
    background: url(../images/good.png) no-repeat left center;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0px 8px;
}

.detailcontent p {
    font: 14px/24px "Microsoft Yahei";
    color: #000000;
    margin-top: 15px;
}

.conimg {
    margin-top: 20px;
    width: 850px;
    overflow: hidden;
}

.conimg ul {
    width: 890px;
}

.conimg ul li {
    float: left;
    width: 410px;
    margin-right: 30px;
    height: 280px;
    overflow: hidden;
}

.conimg ul li img {
    display: block;
    width: 100%;
}

.share {
    border-bottom: 1px solid #e6e6e8;
    height: 17px;
    padding-bottom: 10px;
    margin-top: 20px;
}

.share a {
    float: right;
    background: url(../images/share.png) no-repeat;
    display: block;
    width: 17px;
    height: 17px;
    margin-bottom: 10px;
}

.newcomment {
    margin-top: 25px;
}

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

.newcomment input {
    display: block;
    border: 1px solid #e6e6e8;
    background: #ffffff;
    padding: 10px 20px;
    height: 120px;
    width: 745px;
}

.newcomment a {
    display: block;
    width: 100px;
    height: 35px;
    background: #2875e8;
    border-radius: 3px;
    text-align: center;
    font: 14px/35px "Microsoft Yahei";
    color: #ffffff;
    float: right;
    margin-top: 15px;
}

.newslist {
    margin-top: 15px;
    position: relative;
    width: 320px;
}

.newslist ul {
    width: 856px;
}

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

.newslist ul li {
    float: left;
    width: 160px;
    font: 14px/30px "Microsoft Yahei";
    color: #231815;
    text-align: center;
}

.newslist ul li a {
    background: #F5F7FA;
    display: block;
    border: 1px solid #e6e6e8;
    border-bottom: 0;
    border-right: 0;
    position: relative;
    top: 0;
    z-index: 99;
}

.newslist ul li:last-child {
    width: 160px;
}

.newslist ul li:last-child a {
    border-right: 1px solid #e6e6e8;
}

.newslist ul li a.tabcur {
    background: #ffffff;
    border-top: 1px solid #2875e8;
    color: #2875e8;
    top: 0;
    height: 31px;
}

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

.newslist ol {
    border: 1px solid #e6e6e8;
    border-top: 0;
    background: #ffffff;
    padding: 15px 20px;
}

.newslist ol li a {
    display: block;
    background: url(../images/circle.jpg) no-repeat left center;
    padding-left: 15px;
    font: 14px/32px "Microsoft Yahei";
}

/*登录*/
.logos {
    background: #ffffff;
    padding: 40px 0;
}

.logos p {
    width: 1200px;
    margin: 0 auto;
}

.login {
    min-width: 1200px;
    background: url(../images/lobgnew.jpg) no-repeat top center;
    height: 700px;
}

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

.logleft {
    float: left;
    width: 800px;
    padding-top: 240px;
}

.logright {
    float: right;
    width: 350px;
    background: #ffffff;
    padding: 30px 25px;
    height: 320px;
    margin-top: 160px;
    overflow: hidden;
}

.wxlogin {
    float: right;
    width: 400px;
    height: 380px;
    background: #ffffff;
    padding: 0;
}

.logleft p {
    font: 31px/64px "Microsoft Yahei";
    color: #ffffff; /*text-align:center;*/
}

.logright dl {
    margin-bottom: 10px;
}

.logright dl dt {
    font: 14px/30px "Microsoft Yahei";
    color: #2875e8;
}

.logright dl dt a {
    float: right;
    font: 14px/30px "Microsoft Yahei";
    color: #2875e8;
}

.logright dl dd {
    height: 34px;
    border: 1px solid #2875e8;
    border-radius: 3px;
    padding: 0 10px;
    font: 14px/34px "Microsoft Yahei";
}

.logright dl dd input {
    background: url(../images/lohuman.png) no-repeat left 9px;
    padding-left: 25px;
    border: 0;
    width: 90%;
    height: 34px;
    outline: 0;
}

.logright dl dd input.passport {
    background: url(../images/lopas.png) no-repeat left 7px;
    padding-left: 25px;
    border: 0;
    width: 90%;
    height: 34px;
}

.logright dl dd.telephone {
    height: 34px;
    border: 1px solid #2875e8;
    border-radius: 3px;
    padding: 0;
    font: 14px/34px "Microsoft Yahei";
}

.logright dl dd.telephone span {
    float: left;
    background: #2875e8;
    font: 12px/34px "Microsoft Yahei";
    color: #ffffff;
    width: 90px;
    text-align: center;
}

.logright dl dd.telephone input {
    background: none;
    padding-left: 10px;
    border: 0;
    height: 34px;
    float: left;
    width: 240px;
}


.logright p a {
    display: block;
    width: 350px;
    height: 35px;
    border-radius: 3px;
    background: #2875e8;
    font: 15px/35px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    margin-top: 20px;
}

.lreg {
    margin-top: 15px;
}

.lreg a {
    font: 14px/20px "Microsoft Yahei";
    color: #2875e8;
}

.lreg span a {
    float: right;
}

.other {
    border-top: 1px solid #e6e6e8;
    margin-top: 25px;
    padding-top: 20px;
    font: 14px/32px "Microsoft Yahei";
    color: #A8A8A8;
    height: 32px;
}

.other a.qq {
    background: url(../images/qq.jpg) no-repeat;
    width: 32px;
    height: 32px;
    margin-left: 20px;
    display: block;
    float: left;
}

.other a.wx {
    background: url(../images/wx.jpg) no-repeat;
    width: 32px;
    height: 32px;
    margin-left: 20px;
    display: block;
    float: left;
}

.other span {
    display: block;
    font: 14px/32px "Microsoft Yahei";
    color: #A8A8A8;
    float: left;
}

.lobuttom {
    background: #f2f3f7;
    padding: 20px 0;
}

.bubdd {
    width: 850px;
    margin: 0 auto;
}

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

.buleft {
    float: left;
    width: 650px;
    text-align: center;
}

.buright {
    float: right;
    width: 182px;
}

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

.buright dl {
    border: 1px solid #029995;
    height: 70px;
    padding: 10px;
    width: 160px;
    background: #ffffff;
}

.buright dl dt {
    float: left;
    width: 70px;
    margin-right: 15px;
}

.buright dl dd {
    float: left;
    width: 75px;
    font: 12px/20px "Microsoft Yahei";
    color: #029995;
}

.buleft p {
    font: 16px/32px "Microsoft Yahei";
    color: #029995;
}

.regcopyright {
    background: #ffffff;
    height: 36px;
    border-top: 1px solid #c7c6cb;
    -moz-box-shadow: inset 0 0 5px #c7c6cb;
    -webkit-box-shadow: inset 0 0 5px #c7c6cb;
    box-shadow: inset 0 0 5px #c7c6cb;
    text-align: center;
    font: 12px/36px "Microsoft Yahei";
    color: #000000;
}


.wxlogin {
    text-align: center;
}

.wxlogin b {
    display: block;
    text-align: center;
    font: 18px/32px "Microsoft Yahei";
    color: #ffffff;
    padding-top: 30px;
}

.wxlogin p {
    margin-top: 20px;
}

.wxlogin span {
    display: block;
    width: 145px;
    height: 28px;
    font: 12px/14px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    border-radius: 36px;
    margin: 10px auto;
    background: #029995;
    padding: 4px 0;
}

/*我要报名*/
.wantapplyform {
    background: #ffffff;
    width: 895px;
    margin-top: 25px;
    box-sizing: border-box;
    margin-bottom: 100px;
}

.wantapplyform b {
    background: #ffffff;
    border-bottom: 1px solid #e6e6e8;
    display: block;
    font: 18px/42px "Microsoft Yahei";
    padding-left: 25px;
    color: #A0A2AD;
}

.wantapplyform b span {
    color: #231815;
}

.forms {
    padding-top: 25px;
}

.forms dl {
    margin-bottom: 10px;
}

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

.forms dl dt {
    float: left;
    width: 100px;
    text-align: right;
    font: 14px/28px "Microsoft Yahei";
}

.forms dl dt em {
    color: #2875e8;
    font-style: normal;
    margin-right: 5px;
}

.forms dl dd {
    float: left;
    width: 360px;
}

.forms dl dd input {
    width: 348px;
    border: 1px solid #e6e6e8;
    height: 26px;
    border-radius: 3px;
    padding-left: 10px;
    line-height: 26px;
    font-size: 12px;
}

.forms dl dd select {
    width: 125px;
    border: 1px solid #e6e6e8;
    height: 26px;
    border-radius: 3px;
    padding-left: 10px;
    margin-right: 10px;
    font-size: 12px;
}

.forms a.formbut {
    background: #2875e8;
    width: 195px;
    height: 35px;
    text-align: center;
    font: 14px/35px "Microsoft Yahei";
    color: #ffffff;
    display: inline-block;
    margin: 10px 0 0 130px;
}

.forms dl dd.ots input {
    width: 120px;
    margin-right: 10px;
}

.forms dl dd.ots input.short {
    width: 80px;
    margin-right: 10px;
}

.forms p.finfo {
    color: #606060;
    display: block;
    margin-bottom: 20px;
}

.forms a.mt {
    margin-top: 30px;
}

.agree {
    color: #85888C;
    font: 14px/20px "PingFangSC";
    margin: 20px 0 0 20px;
}

.agree input {
    height: 14px;
    width: 14px;
    border: 1px solid #e6e6e8;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.lastno {
    border-bottom: 0;
    padding-bottom: 30px;
}

/*注册*/

.register {
    background: url(../images/lobg.jpg) no-repeat top center;
    height: 740px;
}

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

.regleft {
    float: left;
    width: 750px;
    padding-top: 240px;
}

.regleft p {
    font: 31px/64px "Microsoft Yahei";
    color: #ffffff;
}

.regright {
    float: right;
    width: 450px;
    background: #ffffff;
    margin-top: 60px;
    overflow: hidden;
}

.regtab {
    width: 450px;
    position: relative;
}

.regtab ul {
    width: 451px;
}

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

.regtab ul li {
    float: left;
    width: 225px;
    font: 18px/48px "Microsoft Yahei";
    color: #231815;
    text-align: center;
}

.regtab ul li a {
    background: #F5F7FA;
    display: block;
    border: 1px solid #e6e6e8;
    border-bottom: 0;
    border-right: 0;
    position: relative;
    top: 0;
    z-index: 99;
}

.regtab ul li:last-child {
    width: 225px;
}

.regtab ul li:last-child a {
    border-right: 1px solid #e6e6e8;
}

.regtab ul li a.tabcur {
    background: #ffffff;
    border-top: 1px solid #2875e8;
    color: #2875e8;
    top: 0;
    height: 49px;
}

.regboxs {
    position: relative;
    top: -1px;
    border: 1px solid #e6e6e8;
    padding: 40px;
    border-bottom: 0;
}

.regboxs dl {
    height: 60px;
}

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

.regboxs dl dt {
    float: left;
    width: 90px;
    font: 14px/28px "Microsoft Yahei";
    color: #606060;
    text-align: right;
}

.regboxs dl dt em {
    color: #2875e8;
    font-style: normal;
    margin-right: 3px;
}

.regboxs dl dd {
    float: left;
    width: 270px;
}

.regboxs dl dd:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.regboxs dl dd input {
    width: 230px;
    border-radius: 3px;
    height: 26px;
    float: left;
    display: block;
    outline: 0;
    border: 1px solid #e6e6e8;
    padding-left: 10px;
    font: 13px/26px "Microsoft Yahei";
    color: #A8A8A8;
}

.regboxs dl dd.regname input {
    background: url(../images/lliohuman.png) no-repeat right 10px center;
}

.regboxs dl dd.regpassword input {
    background: url(../images/lliopas.png) no-repeat right 10px center;
}

.regboxs dl dd div:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.regboxs dl dd p {
    display: block;
    width: 270px;
    overflow: hidden;
    font: 12px/18px "Microsoft Yahei";
    color: #2875e8;
    margin-top: 2px;
}

.regboxs dl dd p.cannotsee {
    width: 125px;
    padding-left: 145px;
}

.regboxs dl dd p:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.regboxs dl dd div span.error {
    display: block;
    background: url(../images/close.png) no-repeat;
    width: 12px;
    height: 12px;
    float: left;
    margin: 7px 0 0 8px;
}

.agrees {
    margin: 30px 0 0 60px;
}

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

.agrees input {
    width: 12px;
    height: 12px;
    border: 1px solid #e6e6e8;
    display: block;
    float: left;
    margin-right: 3px;
}

.agrees span {
    font: 12px/14px "Microsoft Yahei";
    color: #A8A8A8;
    display: block;
    float: left;
}

.regboxs a.agreebut {
    display: block;
    width: 240px;
    height: 35px;
    background: #2875e8;
    border-radius: 3px;
    text-align: center;
    font: 14px/35px "Microsoft Yahei";
    color: #ffffff;
    line-height: 35px;
    margin: 10px auto;
}

.haved {
    text-align: center;
    font: 12px/24px "Microsoft Yahei";
    margin-top: 15px;
    color: #A8A8A8;
}

.haved a {
    color: #2875e8;
}

.regboxs dd.tels input {
    width: 125px;
    margin-right: 5px;
}

.regboxs dd.tels a.telcode {
    background: #2875e8;
    border-radius: 3px;
    text-align: center;
    font: 12px/26px "Microsoft Yahei";
    color: #ffffff;
    line-height: 26px;
    display: block;
    width: 100px;
    float: left;
}

.regboxs dd.regcode input {
    width: 125px;
    margin-right: 5px;
}

.regboxs dd.regcode span.cop {
    border-radius: 3px;
    border: 1px solid #e6e6e8;
    height: 26px;
    display: block;
    width: 100px;
    text-align: center;
    position: relative;
    left: 140px;
}

.regboxs dd.regcode span.cop img {
    display: block;
    top: 0;
    width: 80px;
    height: 24px;
    position: absolute;
    top: 0;
}

.regboxs dd.regcode span.cop a.refresh {
    background: url(../images/relash.png) no-repeat;
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    right: 2px;
    top: 2px;
}


/*发布采购需求*/

.publish {
    background: #ffffff;
    border-radius: 2px;
    padding: 3px 30px 20px;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
}

.title a.gray {
    color: #999999;
}

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

.publish dl span {
    color: #2875e8;
    margin-right: 5px;
}

.publish dl.prossname {
}

.publish dl.prossname dt {
    width: 85px;
    float: left;
    font: 14px PingFangSC-Regular, sans-serif;;
    color: #666666;
    margin-right: 10px;
    margin-bottom: 12px;
}

.publish dl.prossname dd {
    width: 695px;
    float: left;
}

.publish dl.prossname dd input {
    border: 1px solid #eee;
    display: block;
    height: 44px;
    padding-left: 10px;
    box-sizing: border-box;
}

.type {
    margin-top: 13px;
}

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

.typeleft {
    float: left;
    width: 490px;
}

.typeright {
    float: right;
    width: 180px;
}

.typeleft dl dt {
    width: 85px;
    float: left;
    font: 14px/30px "Microsoft Yahei";
    color: #666666;
    margin-right: 10px;
}

.typeleft dl dd {
    float: left;
    width: 390px;
}

.typeright dl dt {
    width: 70px;
    float: left;
    font: 14px/30px "Microsoft Yahei";
    color: #666666;
    margin-right: 10px;
}

.typeright dl dd {
    float: left;
    width: 100px;
}

.typeleft dl dd ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.typeleft dl dd ul li {
    float: left;
    width: 110px;
    height: 30px;
    font: 14px/30px "Microsoft Yahei";
    color: #4d4d4d;
}

.typeleft dl dd ul li input {
    margin: 0 5px 0 0; /*appearance: none; -webkit-appearance: none; -moz-appearance: none; */
    vertical-align: -1px;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    overflow: hidden; /*border:1px solid #858585;*/
    display: inline-block;
}

.typeright dl dd .ss {
    width: 98px;
    height: 28px;
    border-radius: 2px;
    position: relative;
    border: 1px solid #eee;
}

.typeright dl dd .ss select {
    border: none;
    outline: none;
    width: 100%;
    height: 28px;
    line-height: 28px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 8px;
}

.typeright dl dd .ss:after {
    content: "";
    width: 8px;
    height: 6px;
    background: url(../images/icon.gif) no-repeat 0 -60px;
    position: absolute;
    right: 10px;
    top: 45%;
    pointer-events: none;
}

.typeright dl dd .ss select option {
    font-size: 14px;
}

dl.protype {
    margin-top: 5px;
}

dl.protype dt {
    width: 85px;
    float: left;
    font: 14px/30px "Microsoft Yahei";
    color: #666666;
    margin-right: 10px;
}

dl.protype dd {
    width: 661px;
    float: left;
}

dl.protype dd ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

dl.protype dd ul li {
    float: left;
    width: 110px;
    height: 30px;
    font: 14px/30px "Microsoft Yahei";
    color: #4d4d4d;
}

dl.protype dd ul li input {
    margin: 0 5px 0 0; /*appearance: none; -webkit-appearance: none; -moz-appearance: none;*/
    vertical-align: -1px;
    width: 12px;
    height: 12px;
    overflow: hidden; /* border:1px solid #858585;*/
    display: inline-block;
}

dl.protype dd ul li.bigwidth {
    width: 130px;
}

dl.protype dd ul li.smallwidth {
    width: 80px;
}

.typepubut {
    margin-top: 18px;
}

.typepubut a {
    display: block;
    background: #0063FE;
    width: 240px;
    height: 48px;
    font: 16px/48px "PingFangSC";
    color: #fff;
    text-align: center;
    margin: 0 auto;
    text-decoration: none;
    margin-bottom: 24px;
}
.typepubut a:after{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background:url('/static/diy/image/ic_16_next@2x.png') no-repeat;
    background-size: contain;
}

.typepubut span {
    display: block;
    text-align: center;
    font: 12px/16px "Microsoft Yahei";
    color: #A8A8A8;
    margin-top: 8px;
}


.proinfo {
    border-top: 1px solid #f3f3f3;
    margin-top: 17px;
    padding-top: 22px;
    overflow: hidden;
}

.proinfo ul {
}

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

.proinfo ul li {
    float: left;
    margin-bottom: 8px;
}

.proinfo ul li dl:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.proinfo ul li dl dt {
    float: left;
    text-align: left;
    font: 14px/36px "Microsoft Yahei";
    color: #666666;
    margin-right: 10px;
}

.proinfo ul li dl dd {
}

.proinfo ul li dl dd input {
    width: 288px;
    border: 1px solid #eee;
    height: 34px;
    padding-left: 10px;
    outline: 0;
}

.proinfo ul li dl dt.textr {
    text-align: right;
}

.projectapply {
    margin-top: 10px;
    padding-top: 10px;
}

.projectapply b {
    border-bottom: 0;
}

.projectapply .forms dl dd input {
    width: 680px;
}

.projectapply .forms dl dd textarea {
    border: 1px solid #e6e6e8;
    height: 75px;
    width: 680px;
    border-radius: 3px;
    padding-left: 10px;
    line-height: 26px;
    font-size: 12px;
}

.projectapply .forms dl dd input.short {
    width: 115px;
}

.projectapply a.formbut {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto;
    background: #0063FE;
    width: 240px;
    height: 48px;
    font-size: 16px;
    line-height: 48px
}

.projectapply .agree {
    text-align: center;
}

.publish dl.value {
    margin-top: 16px;
}

.publish dl.value dt {
    width: 85px;
    float: left;
    font: 14px/36px "Microsoft Yahei";
    color: #666666;
    margin-right: 10px;
}

.publish dl.value dd {
    width: 695px;
    float: left;
}

.publish dl.value dd select {
    width: 190px;
    border: 1px solid #eee;
    display: block;
    height: 34px;
    padding-left: 10px;
    font: 13px/36px "Microsoft Yahei";
    color: #666666;
}

.publish dl.prother {
    margin-top: 16px;
}

.publish dl.prother dt {
    width: 85px;
    float: left;
    font: 14px/36px "Microsoft Yahei";
    color: #666666;
    margin-right: 10px;
}

.publish dl.prother dd {
    width: 695px;
    float: left;
}

.publish dl.prother dd textarea {
    border: 1px solid #e6e6e8;
    height: 75px;
    width: 680px;
    border-radius: 3px;
    padding-left: 10px;
    line-height: 26px;
    font-size: 12px;
}


.publish dl.proupload {
}

.publish dl.proupload dt {
    width: 85px;
    float: left;
    font: 14px/36px 'PingFangSC-Regular', sans-serif;;
    color: #666666;
    margin-right: 10px;
}

.publish dl.proupload dd {
    width: 695px;
    float: left;
}

.publish dl.proupload dd ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.publish dl.proupload dd ul li span {
    width: 26px;
    height: 26px;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.publish dl.proupload dd ul li span img {
    display: block;
    width: 100%;
}

.publish dl.proupload dd ul li span a.closes {
    background: url(/static/diy/image/project/ic_16_close@2x.png) no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    display: block;
    margin-left: auto;
}
.publish dl.proupload dd ul li span span.diy-title{
    color: #25262A;
    font-size: 16px;
    margin-left: 8px;
    display: inline-block;
    width: auto;
    height: auto;
    border: none;

}

.publish dl.proupload dd ul li.upicon {
    width: 100px;
    margin-top: 20px;
}

.publish dl.proupload dd ul li.upicon a {
    background: url(../images/uploads.png) no-repeat left center;
    padding-left: 20px;
    font-size: 12px;
    color: #2875e8;
}

.publish dl.proupload dd ul li.upicon #uploadImg {
}

.publish dl.proupload dd p {
    display: block;
    font-size: 12px;
    color: #999;
}

.afterlogin {
    border-top: 0;
    margin-top: 20px;
}

.afterlogin ul li {
}

.afterlogin ul li dl dt {
    float: left;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    color: #0A0B0E;
    margin-right: 10px;
    margin-bottom: 8px;
}

.afterlogin ul li dl dd {
    position: relative;
}

.afterlogin ul li dl dd input {
    border: 1px solid #eee;
    height: 44px;
    padding-left: 10px;
    outline: 0;
    box-sizing: border-box;
    width: 100%;
}


.mypro {
    width: 1200px;
    margin: 30px auto;
}

.prolist {
    background: #ffffff;
    margin-top: 10px;
    border: 1px solid #F2F3F7;
    padding-top: 20px;
    padding-bottom: 100px;
}

.prolist ul {
    width: 636px;
    margin: 0 auto;
}

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

.prolist ul li {
    float: left;
    border: 1px solid #eee;
}

.prolist ul li a {
    display: block;
    width: 210px;
    height: 48px;
    background: #F5F7FA;
    font: 18px/48px "Microsoft Yahei";
    color: #231815;
    text-align: center;
}

.prolist ul li.procur a {
    background: #2875e8;
    color: #ffffff;
}

.prolist table {
    margin-top: 15px;
    width: 100%;
    background: #eee;.typepubut a
}

.prolist table tr th {
    background: #E6E8ED;
    height: 37px;
    font: 14px/37px "Microsoft Yahei";
    color: #231815;
    text-align: left;
}

.prolist table tr th.prtime {
    width: 180px;
    text-align: center
}

.prolist table tr th.prname {
    width: 300px;
}

.prolist table tr th.prtype {
    width: 175px;
    text-align: center;
}

.prolist table tr th.prvalue {
    width: 200px;
    text-align: center;
}

.prolist table tr th.prstate {
    width: 175px;
    text-align: center;
}

.prolist table tr th.prback {
    width: 266px;
    text-align: center;
}

.prolist table tr td {
    background: #ffffff;
    padding: 15px 0;
    font: 14px/22px "Microsoft Yahei";
    border-bottom: 1px solid #eee;
}

.prolist table tr td.sprtime {
    width: 180px;
    text-align: center
}

.prolist table tr td.sprname {
    width: 300px;
}

.prolist table tr td.sprtype {
    width: 175px;
    text-align: center;
}

.prolist table tr td.sprvalue {
    width: 200px;
    text-align: center;
}

.prolist table tr td.sprstate {
    width: 175px;
    text-align: center;
}

.prolist table tr td.sprback {
    width: 266px;
    text-align: center;
}

.down {
    position: relative;
}

.down a.downarrow {
    background: url(../images/graydownarrow.png) no-repeat right center;
    padding-right: 20px;
}

.prolist .down ol {
    display: block;
    background: #ffffff;
    -moz-box-shadow: 0 0 20px #c7c6cb;
    -webkit-box-shadow: 0 0 20px #c7c6cb;
    box-shadow: 0 0 20px #c7c6cb;
    position: absolute;
    width: 95px;
    z-index: 99;
    top: 37px;
    left: 32px;
    padding-top: 5px;
}

.prolist .down ol li.listcur a {
    display: block;
    background: #E6E8ED;
}


/*忘记密码*/
.hmright {
    float: left;
    font: 18px/41px "Microsoft Yahei";
    color: #231815;
    border-left: 2px solid #a0a2ad;
    height: 41px;
    margin-top: 13px;
    padding-left: 40px;
}

.forget .hleft {
    margin-right: 40px;
}

.step {
    background: #F2F3F7;
    -moz-box-shadow: inset 0px 15px 10px -15px #c5c6c9;
    -webkit-box-shadow: inset 0px 15px 10px -15px #c5c6c9;
    box-shadow: inset 0px 15px 10px -15px #c5c6c9;
    height: 90px;
}

.dstep {
    width: 670px;
    margin: 0 auto;
    padding-top: 20px;
}

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

.dstep ul li {
    float: left;
    width: 70px;
    text-align: center;
}

.dstep ul li.grayline {
    background: url(../images/grayline.jpg) no-repeat;
    width: 220px;
    height: 2px;
    margin-top: 15px;
}

.dstep ul li.greenline {
    background: url(../images/lines.jpg) no-repeat;
    width: 220px;
    height: 2px;
    margin-top: 15px;
}

.dstep ul li b {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    overflow: hidden;
    font: 14px/30px "Microsoft Yahei";
    color: #ffffff;
    background: #cccccc;
    margin: 0 auto;
}

.dstep ul li b.grecircl {
    background: #2875e8;
}

.dstep ul li span {
    display: block;
    font: 12px/20px "Microsoft Yahei";
    color: #000;
    margin-top: 3px;
}

.stepform {
    background: #ffffff;
    padding: 30px 0 390px 0;
}

.dforms {
    width: 540px;
    margin: 0 auto;
}

.dforms b {
    display: block;
    font: 12px/18px "Microsoft Yahei";
    color: #000000;
    margin-bottom: 10px;
}

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

.dforms dl {
    margin-bottom: 20px;
}

.dforms dl dt {
    float: left;
    width: 310px;
    margin-right: 10px;
}

.dforms dl dd {
    float: left;
    width: 220px;
}

.dforms dl dt input {
    width: 298px;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 32px;
    padding-left: 10px;
    font: 12px/32px "Microsoft Yahei";
    color: #999;
}

.dforms dl dd {
    font: 12px/32px "Microsoft Yahei";
    color: #2875e8;
}

.dforms dl dd a {
    font: 12px/32px "Microsoft Yahei";
    color: #2875e8;
}

.dforms dl.codenumb dt {
    width: 270px;
}

.dforms dl.codenumb dt input {
    width: 158px;
    margin-right: 10px;
    float: left
}

.dforms dl.codenumb dt span {
    display: block;
    float: left;
    width: 88px;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 32px;
    text-align: center;
}

.dforms dl.codenumb dt span img {
    display: block;
    height: 24px;
    margin-top: 4px;
}

.next a {
    display: block;
    background: #2875e8;
    width: 320px;
    height: 35px;
    border-radius: 3px;
    text-align: center;
    font: 14px/35px "Microsoft Yahei";
    color: #ffffff;
}

.layer {
    background: #767676;
    filter: alpha(opacity:50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
}

.delayer {
    width: 410px;
    margin: 0 auto;
    position: fixed;
    top: 20%;
    left: 50%;
    margin-left: -205px;
    background: #ffffff;
}

.delayer .detitle {
    background: #E6E8ED;
    height: 44px;
    padding: 0 10px;
    font: 14px/44px "Microsoft Yahei";
}

.delayer .detitle a {
    float: right;
    background: url(../images/clsoe.gif) no-repeat;
    width: 13px;
    height: 13px;
    display: block;
    margin-top: 15px;
}

.delaybox {
    padding: 20px 30px;
}

.delaybox b {
    display: block;
    font: 13px/24px "Microsoft Yahei";
    margin-bottom: 10px;
}

.delaybox p {
    display: block;
    margin-bottom: 10px;
}

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

.delaybox span input {
    display: block;
    width: 330px;
    padding-left: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 32px;
    margin-bottom: 20px;
}

.delaybox span input.codess {
    width: 195px;
    padding-left: 10px;
    float: left;
    margin-right: 10px;
}

.delaybox span a {
    display: block;
    float: left;
    width: 120px;
    border-radius: 3px;
    height: 32px;
    border: 1px solid #ccc;
    text-align: center;
    font: 13px/32px "Microsoft Yahei";
}

.layerbut a {
    background: #2875e8;
    display: block;
    height: 35px;
    font: 13px/35px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    border-radius: 3px;
    width: 330px;
}

.step2 {
    width: 520px;
    margin: 0 auto;
}

.step2 b {
    display: block;
    font: 12px/18px "Microsoft Yahei";
    color: #000000;
    margin-bottom: 10px;
    margin-left: 75px;
}

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

.step2 dl dt {
    float: left;
    width: 65px;
    text-align: right;
    margin-right: 10px;
    font: 12px/32px "Microsoft Yahei";
    color: #999;
}

.step2 dl dd {
    float: left;
    width: 445px;
}

.step2 dl {
    margin-bottom: 20px;
}

.step2 dl dd input {
    background: url(../images/lliopas.png) no-repeat right 10px center;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-left: 10px;
    font: 12px/32px "Microsoft Yahei";
    color: #999;
    width: 305px;
    margin-right: 10px;
}

.step2 dl dd span {
    font: 12px/32px "Microsoft Yahei";
    color: #999;
}

.step2 .next a {
    margin-left: 75px;
    width: 315px;
}

.step3 {
    width: 200px;
    margin: 0 auto;
}

.step3 span {
    background: url(../images/rightright.gif) no-repeat;
    width: 80px;
    height: 56px;
    display: block;
    margin: 0 auto;
}

.step3 p {
    border: 1px solid #ccc;
    width: 198px;
    height: 40px;
    border-radius: 3px;
    margin-top: 20px;
    font: 14px/40px "Microsoft Yahei";
    text-align: center;
}

.step3 p a {
    color: #2875e8;
}

.setting {
    width: 930px;
    margin: 0 auto;
    padding-top: 50px;
}

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

.setting dl {
    height: 60px;
    border-top: 1px solid #eceef1;
    font: 15px/60px "Microsoft Yahei";
    width: 930px;
}

.setting dl.last-child {
    border-bottom: 1px solid #eceef1
}

.setting dl dt {
    float: left;
    width: 150px;
    padding-left: 20px;
}

.setting dl dd {
    float: left;
    width: 700px;
}

.setting dl dd:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.setting dl dd input {
    display: block;
    width: 680px;
    border: 0;
    height: 60px;
    color: #606060;
    outline: none;
}

.setting dl dd.upload:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.setting dl dd.upload span {
    display: block;
    background: #2875e8;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    margin-top: 5px;
    float: left;
    margin-right: 10px;
}

.setting dl dd.upload a {
    color: #2875e8;
    text-decoration: underline;
    display: block;
    float: left;
    line-height: 20px;
    margin-top: 32px;
}

.setting dl.sepae {
    height: auto;
}

.setting dl.sepae dt {
    border-bottom: 1px dashed #eceef1;
    width: 910px;
}

.setting dl.sepae dt a.ups {
    background: url(../images/grarydownarrow.png) no-repeat right center;
    float: right;
    padding-right: 20px;
}

.setting dl.sepae dt a.downs {
    background: url(../images/graydownarrow.png) no-repeat right center;
    float: right;
    padding-right: 20px;
}

.setting dl.sepae .step2 {
    width: 570px;
    margin-left: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.setting dl.sepae .step2 dl {
    border-top: 0;
    width: 570px;
    font: 12px/34px "Microsoft Yahei";
    color: #999;
    height: 34px;
}

.setting dl.sepae .step2 dl:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.setting dl.sepae .step2 dl dt {
    float: left;
    width: 65px;
    text-align: right;
    margin-right: 10px;
    font: 12px/32px "Microsoft Yahei";
    color: #999;
    border: 0;
}

.setting dl.sepae .step2 dl dd {
    float: left;
    width: 445px;
}

.setting dl.sepae .step2 dl {
    margin-bottom: 20px;
}

.setting dl.sepae .step2 dl dd input {
    background: url(../images/lliopas.png) no-repeat right 10px center;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-left: 10px;
    font: 12px/32px "Microsoft Yahei";
    color: #999;
    width: 305px;
    margin-right: 10px;
    display: inline-block;
}

.setting dl.sepae .step2 dl dd span {
    font: 12px/32px "Microsoft Yahei";
    color: #999;
}

.setting dl.sepae .step2 .next a {
    margin-left: 95px;
    width: 85px;
}

.butsubmit a {
    background: #2875e8;
    width: 320px;
    height: 35px;
    display: block;
    border-radius: 3px;
    margin: 50px auto;
    color: #ffffff;
    text-align: center;
    line-height: 35px;
}


/*通用样式*/
/*.fixedheader{position: fixed; left: 0; top: 0; z-index: 9999; width: 100%;}*/
.partingline {
    width: 850px;
    height: 2px;
    margin: 30px auto;
    font-size: 0;
}

.grayline {
    width: 280px;
    height: 2px;
    border-radius: 1px;
    background: #dddddd;
    display: inline-block;
    margin-left: 5px;
}


/* 404 */
.bline {
    border: 1px solid #ddd
}

.error {

}

.error p {

}

.error a {
}

.regboxs dl {
    height: 50px;
}

.regboxs dl dd select {
    width: 240px;
    border-radius: 3px;
    height: 26px;
    float: left;
    display: block;
    outline: 0;
    border: 1px solid #e6e6e8;
    padding-left: 10px;
    font: 13px/26px "Microsoft Yahei";
    color: #A8A8A8;
}


/*展示厅 */
.ccompany {
    min-width: 1200px; /*background:url(../images/cbanner.jpg) no-repeat top center;*//* height: 170px; */
}

.ccompany dl {
    background: #ffffff;
}

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

.ccompany dl dt {
    float: left;
    width: 92px;
    margin-right: 20px;
    cursor: pointer;
}

.ccompany dl dd {
    float: left;
}

.photo120 {
    background: #FFF;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    width: 90px;
    height: 90px;
}

.photo120 img {
    vertical-align: middle;
    width: 90px;
    height: 90px;
    border: 1px solid #F1F3F6;
    border-radius: 4px;
}

.ccompany dl dd b {
    display: block;
    font: bold 20px/30px "PingFangSC";
    color: #231815;
}

.ccompany dl dd span {
    display: block;
    font: 10x/26px "PingFangSC";
    color: #231815;
    margin-top: 5px;
}

.ccompany dl dd div {
    font-weight: normal !important;
    color: #999999;
}

.ccnav .companynav {
    margin-top: 20px;
    background: #fff;
    height: 50px;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.04);
    border: 1px solid #FFFFFF;
}

.ccnav .companynav dl dt ul {
    padding-left: 20px;
}

.ccnav .companynav dl dt ul li a { /* margin:0 24px 0 0; */
    display: inline-block;
    font: 14px/50px "Microsoft Yahei";
    color: #666;
    padding: 0;
    margin: 0 20px;
}

.ccnav .companynav dl dt ul li:hover a, .ccnav .companynav dl dt ul li.comCur a {
    background: none;
    border-bottom: 3px solid #2875e8;
    color: #2875e8;
}

/*.ccnav .companynav dl dt ul li em{ background:url(../images/hoverarrow.png) no-repeat; display:none; width:22px; height:8px; display:block; position:absolute; top:34px; left:62px; display:none;}
.ccnav .companynav dl dt ul li:hover em{ display:block;}
.ccnav .companynav dl dt ul li.comcur em{ display:block;}*/
.ccnav .companynav dl dt ul li.comcur a {
    border-bottom: 3px solid #2875e8;
    color: #2875e8;
}

.ccnav .companynav dl dd ol li {
    float: right;
    margin-right: 0;
}

.ccnav .companynav dl dd ol li.comdown a {
    background: url(../images/d1.png) no-repeat;
    width: 100px;
    height: 25px;
    display: block;
}

.ccnav .companynav dl dd ol li.comdown a:hover {
    background: url(../images/d1cur.png) no-repeat;
}

/*导航调整*/
.NavigationExhibitionHall {
    width: 1170px;
    margin: 0 auto;
    margin-top: 16px;
    background: #fff;
    height: 54px;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.04);
    border: 1px solid #FFFFFF;
}

.NavigationExhibitionHall ul {
    padding-left: 30px;
    text-align: left;
}

.NavigationExhibitionHall ul li {
    margin: 0 24px 0 0;
    display: inline-block;
}

.NavigationExhibitionHall ul li a {
    padding: 0;
    font: 14px/52px "Microsoft Yahei";
    height: 52px;
    display: block;
    border-bottom: 3px solid #ffffff;
}

.NavigationExhibitionHall ul li.tabDcur a, .NavigationExhibitionHall ul li a:hover {
    border-bottom: 3px solid #F54749;
    line-height: 52px;
    display: block;
    border-radius: 1px;
}

.NavigationExhibitionHall ul li a:hover {
    border-bottom: 3px solid #f44749;
    color: #f44749;
}

.NavigationExhibitionHall ul li.tabDcur a {
    border-bottom: 3px solid #f44749;
    color: #f44749;
}

.NavigationExhibitionHall ul li span.iconVip {
    width: 14px;
    height: 14px;
    background: url("../images/vip@2x.png") no-repeat;
    background-size: 14px;
    display: inline-block;
    float: right;
    margin-top: 20px;
    margin-left: 3px;
}


.cindu {
    background: #ffffff;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.04);
    padding: 16px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.subtitle {
    display: block;
    font: bold 18px/34px "Microsoft Yahei"; /* border-bottom:1px solid #e6e6e8; */
    color: #A0A2AD;
    margin-bottom: 16px;
}

.subtitle span {
    color: #0A0B0E;
    font-weight: 600;
    font-size: 16px;

}

.subtitle a {
    font: 14px/20px "Microsoft Yahei";
    color: #0e6ab8;
    margin-left: 20px;
}

.cindu p {
    font: 12px/24px "Microsoft Yahei";
    color: #9FA1AC;
    padding: 0px 25px;
}

.cindu p.inds {
    text-indent: 2em;
    padding: 20px 25px;
}

.cindu span.img {
    display: block;
    text-align: center;
}

.produboxs {
    width: 848px;
    padding: 20px 0 0 0;
}

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

.produboxs ul li {
    float: left;
    width: 240px;
    margin-left: 30px;
    margin-bottom: 20px;
}

.produboxs ul li img:hover {
    box-shadow: 0 0 6px 2px #999;
}

.produboxs ul li img {
    display: block;
}

.produboxs ul li span {
    display: block;
    color: #2875e8;
    padding-bottom: 10px;
    width: 150px;
    height: 25px;
    border-radius: 5px;
    margin: 0 auto;
    font: 18px/25px "Microsoft Yahei";
    text-align: center
}


/*公司信息*/
.companyinfo {
    width: 1100px;
    margin: 20px auto 0;
}

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

.compleft {
    float: left;
    width: 220px;
    margin-right: 20px;
}

.compright {
    float: left;
    width: 860px;
}

.compleft b.tits {
    background: #2875e8;
    height: 36px;
    display: block;
    text-align: center;
}

.compleft b.tits span {
    background: url(../images/icons.png) no-repeat left center;
    font: 18px/36px "Microsoft Yahei";
    color: #ffffff;
    padding-left: 30px;
}

.leftbox {
    background: #ffffff;
    border: 1px solid #e6e8ed;
    padding: 25px 10px 10px;
    border-bottom: 0;
}

.leftbox dl {
    margin-bottom: 10px;
}

.leftbox dl dt a {
    background: url(../images/arrow.png) no-repeat left center;
    padding-left: 12px;
    font: 14px/20px "Microsoft Yahei";
    color: #2875e8;
    display: block;
    margin-bottom: 5px;
    margin-left: 35px;
}

.leftbox dl dd a {
    display: block;
    font: 12px/26px "Microsoft Yahei";
    color: #000000;
    padding-left: 50px;
}

.leftbox dl dd a:hover, .leftbox dl dd p.lcur a {
    background: #2875e8;
    color: #ffffff;
}

.compleft a.review {
    border: 1px solid #e6e8ed;
    padding: 10px 0;
    display: block;
    background: #ffffff;
}

.compleft a.review span {
    background: #2875e8;
    display: block;
    width: 100px;
    height: 35px;
    border-radius: 5px;
    margin: 0 auto;
    font: 14px/35px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
}

.compleft a.review:hover span {
    background: #271C61;
    display: block;
    width: 100px;
    height: 35px;
    border-radius: 5px;
    margin: 0 auto;
    font: 14px/35px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
}


.comboxs {
    border: 1px solid #e6e8ed;
    margin-bottom: 20px;
}

.comboxs b {
    display: block;
    background: #a0a2ad;
    height: 33px;
    font: 15px/33px "Microsoft Yahei";
    color: #ffffff;
    padding-left: 25px;
}

.comboxs p {
    padding: 18px 20px;
    background: #ffffff;
}

.comboxs p em {
    display: block;
    font: 13px/24px "Microsoft Yahei";
    color: #231815;
    padding-left: 5px;
}

.comboxs p span {
    display: block;
    font: 13px/24px "Microsoft Yahei";
    color: #999999;
    padding-left: 25px;
}

.propub {
    background: #ffffff;
    border: 1px solid #e6e8ed;
}

.propub b.protitle {
    display: block;
    border-bottom: 1px solid #e6e8ed;
    font: 14px/34px "Microsoft Yahei";
    color: #333;
    padding-left: 25px;
}

.pboxs {
    padding: 15px 25px 35px;
}

.propub dl {
    margin-bottom: 15px;
}

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

.propub dl dt {
    float: left;
    width: 80px;
    text-align: right;
    font: 12px/24px "Microsoft Yahei";
    color: #333;
    margin-right: 5px;
}

.propub dl dt em {
    color: #2875e8;
    font-style: normal;
}

.propub dl dd {
    float: left;
    width: 680px;
}

.propub dl dd input {
    border-radius: 2px;
    border: 1px solid #e6e8ed;
    height: 22px;
    display: block;
    width: 548px;
}

.propub dl dd ul.cars li {
    float: left;
    margin-right: 25px;
}

.propub dl dd ul.cars li a {
    background: url(../images/cur.png) no-repeat left center;
    padding-left: 35px;
    font: 12px/22px "Microsoft Yahei";
    padding-left: 20px;
}

.propub dl dd ul.cars li.pcur a {
    background: url(../images/racur.png) no-repeat left center;
}

.propub dl dd ol.cuset {
    margin-bottom: 10px;
    display: block;
}

.propub dl dd ol.cuset:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.propub dl dd ol.cuset li {
    float: left;
    text-align: center;
    width: 170px;
    margin-right: 45px;
    font: 12px/24px "Microsoft Yahei";
    color: #333;
}

.propub dl dd ul.cude li {
    display: block;
    margin-bottom: 10px;
}

.propub dl dd ul.cude li:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.propub dl dd ul.cude li input {
    border-radius: 2px;
    border: 1px solid #e6e8ed;
    height: 22px;
    display: block;
    width: 168px;
    float: left;
}

.propub dl dd ul.cude li em {
    background: url(../images/lefar.png) no-repeat;
    display: block;
    width: 28px;
    height: 16px;
    float: left;
    margin: 0 9px;
}

.propub dl dd ul.cude li a.minus {
    background: url(../images/minus.png) no-repeat;
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin: 2px 0 0 5px;
}

.propub dl dd ul.cude li a.lus {
    background: url(../images/pls.png) no-repeat;
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin: 2px 0 0 5px;
}

.pboxs p {
    font: 12px/22px "Microsoft Yahei";
    color: #aaa;
}

.pboxs p span {
    margin-left: 50px;
}

.propub dl dd textarea {
    border-radius: 2px;
    border: 1px solid #e6e8ed;
    height: 90px;
    display: block;
    width: 548px;
}

.propub dl dd p:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.pboxs p a.up {
    background: url(../images/upload1.png) no-repeat;
    width: 100px;
    height: 25px;
    display: block;
    float: left;
}

.pboxs p a.up:hover {
    background: url(../images/upcr.png) no-repeat;
    width: 100px;
    height: 25px;
}

.pboxs p span.tips {
    display: block;
    float: left;
    font: 12px/25px "Microsoft Yahei";
    color: #aaa;
    margin-left: 20px;
    margin-bottom: 15px;
}

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

.buicon {
    margin: 0 0 0 85px;
}

.buicon a {
    float: left;
    width: 100px;
    height: 25px;
    background: #2875e8;
    border-radius: 2px;
    display: block;
    margin-right: 13px;
    font: 15px/25px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
}

.buicon a:hover {
    background: #2875e8;
}


.edit {
    border: 1px solid #e6e8ed;
}

.edit p.edititle {
    display: block;
    border-bottom: 1px solid #e6e8ed;
    font: 14px/34px "Microsoft Yahei";
    color: #333;
    padding-left: 25px;
    background: #ffffff;
}

.edit p.edititle span {
    color: #2875e8;
    margin-left: 10px;
}

.cinfo p.cname {
    background: #f2f3f7;
    display: block;
    height: 38px;
    padding: 0 25px;
    font: 14px/38px "Microsoft Yahei";
    color: #333;
}

.cinfo p.cname span {
    float: right;
    color: #aaa;
    font: 14px/38px "Microsoft Yahei";
}

.cbos {
    background: #ffffff;
    padding: 20px 0 10px 35px;
}

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

.cbos ul li {
    float: left;
    width: 400px;
}

.cbos ul li dl {
    margin-bottom: 10px;
}

.cbos ul li dl:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.cbos ul li dl dt {
    float: left;
    text-align: right;
    width: 80px;
    font: 12px/24px "Microsoft Yahei";
    color: #000;
}

.cbos ul li dl dt em {
    color: #2875e8;
    margin-right: 5px;
    font-style: normal;
}

.cbos ul li dl dd {
    float: left;
    width: 300px;
}

.cbos ul li dl dd input {
    width: 220px;
    height: 22px;
    border: 1px solid #e6e8ed;
    border-radius: 2px;
    display: block;
    float: left;
    margin-right: 5px;
    font-size: 12px;
    padding: 0 3px;
}

.cbos ul li dl dd span {
    display: block;
    float: left;
    font: 12px/24px "Microsoft Yahei";
    color: #000;
}

.cbos ul li dl dd select {
    width: 226px;
    height: 22px;
    border: 1px solid #e6e8ed;
    border-radius: 2px;
    display: block;
}

.cpro dl {
    margin-bottom: 10px;
}

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

.cpro dl dt {
    float: left;
    text-align: right;
    width: 80px;
    font: 12px/24px "Microsoft Yahei";
    color: #000;
}

.cpro dl dd {
    float: left;
    width: 560px;
}

.cpro dl.grays {
    margin-left: 35px;
    padding: 10px 0 0;
}

.cpro dl dt em {
    color: #2875e8;
    margin-right: 5px;
    font-style: normal;
}

.cpro dl dd input {
    width: 534px;
    height: 22px;
    border: 1px solid #e6e8ed;
    border-radius: 2px;
    display: block;
    padding: 0 3px;
    font-size: 12px;
}

.cpro dl dd textarea {
    width: 534px;
    height: 90px;
    border: 1px solid #e6e8ed;
    border-radius: 2px;
    display: block;
    padding: 0 3px;
    line-height: 20px;
    font-size: 12px;
}

.cp {
    background: #ffffff;
    padding: 20px 0 5px 35px;
}

.cp dl {
    margin-bottom: 15px;
}

.cpro dl dd ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.cpro dl dd ul li {
    float: left;
    margin-right: 20px;
    margin-top: 4px;
}

.cpro dl dd ul li a {
    background: url(../images/no.png) no-repeat left center;
    padding-left: 16px;
    font: 12px/16px "Microsoft Yahei";
}

.cpro dl dd ul li.cpcur a {
    background: url(../images/yes.png) no-repeat left center;
    padding-left: 16px;
}

.cp dl dd p:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.cp dl dd p a.up {
    background: url(../images/upload1.png) no-repeat;
    width: 100px;
    height: 25px;
    display: block;
    float: left;
}

.cp dl dd p a.up:hover {
    background: url(../images/upcr.png) no-repeat;
    width: 100px;
    height: 25px;
}

.cp dl dd p span {
    display: block;
    float: left;
    font: 12px/25px "Microsoft Yahei";
    color: #aaa;
    margin-left: 20px;
    margin-bottom: 15px;
}

.cp dl.mts {
    margin-top: 25px;
}

.study {
    padding: 15px 35px 0;
}

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

.study dl dt {
    float: left;
    text-align: right;
    width: 80px;
    font: 12px/24px "Microsoft Yahei";
    color: #000;
}

.study dl dd {
    float: left;
    width: 540px;
    font: 12px/24px "Microsoft Yahei";
}

.study dl dd ul li:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.study dl dd ul li {
    margin-bottom: 10px;
    font: 12px/24px "Microsoft Yahei";
    height: 24px;
    float: none;
    margin-right: 0;
    margin-top: 0;
}

.study dl dd ul li span {
    float: left;
    display: block;
    width: 170px;
    font: 12px/22px "Microsoft Yahei";
    color: #000;
}

.study dl dd ul li a {
    background: url(../images/no.png) no-repeat left center;
    padding-left: 16px;
    font: 12px/16px "Microsoft Yahei";
    float: left;
    margin-right: 20px;
    display: block;
    margin-top: 4px;
}

.study dl dd ul li a.cpcur {
    background: url(../images/yes.png) no-repeat left center;
    padding-left: 16px;
}

.edit .buicon {
    background: #ffffff;
    margin: 0;
    padding: 10px 0 50px 115px;
}

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


/*管理产品*/
.manage {
    background: #ffffff;
    border: 1px solid #e6e8ed;
}

.manage p.edititle {
    display: block;
    border-bottom: 1px solid #e6e8ed;
    font: 14px/34px "Microsoft Yahei";
    color: #333;
    padding-left: 25px;
    background: #ffffff;
}

.manage p.edititle span {
    color: #2875e8;
    margin-left: 10px;
}

.manage p.edititle a.adds {
    float: right;
    background: url(../images/addds.png) no-repeat left center;
    padding-left: 30px;
    font: 14px/34px "Microsoft Yahei";
    color: #2875e8;
    margin-right: 35px;
}

.matab {
    border-bottom: 1px solid #e6e8ed;
    height: 36px;
}

.matab ul {
    width: 435px;
    display: block;
    margin: 0 auto;
    border-right: 1px solid #e6e8ed;
    height: 36px;
}

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

.matab ul li {
    float: left;
    width: 145px;
}

.matab ul li a {
    display: block;
    background: #f5f7fa;
    font: 16px/34px "Microsoft Yahei";
    color: #333;
    text-align: center;
    border-left: 1px solid #e6e8ed;
    border-top: 2px solid #f5f7fa;
}

.matab ul li.mcur a {
    border-top: 2px solid #2875e8;
    background: #ffffff;
}

.matable {
    background: #fffffff;
    padding: 20px 28px;
}

.matable table {
    background: #f2f3f7;
    width: 100%;
}

.matable table tr th {
    background: #2875e8;
    height: 35px;
    font: 14px/35px "Microsoft Yahei";
    color: #ffffff;
    text-align: center;
    border-right: 1px solid #e6e8ed;
}

.matable table tr th.p01 {
    width: 120px;
}

.matable table tr th.p02 {
    width: 370px;
}

.matable table tr th.p03 {
    width: 150px;
}

.matable table tr td {
    background: #ffffff;
    padding: 15px 0;
    text-align: center;
    font: 12px/20px "Microsoft Yahei";
}

.matable table tr td a {
    font: 12px/20px "Microsoft Yahei";
    color: #2875e8;
    padding: 0 8px;
}

.matable table tr th.c01 {
    width: 120px;
}

.matable table tr th.c02 {
    width: 100px;
}

.matable table tr th.c03 {
    width: 260px;
}

.matable table tr th.c04 {
    width: 100px;
}

.matable table tr th.c05 {
    width: 100px;
}


/*.matable table tr th.c01{ width:490px; }*/
/*.matable table tr th.c02{ width:150px;}*/

.matable table tr th.u01 {
    width: 100px;
}

.matable table tr th.u02 {
    width: 390px;
}

.matable table tr th.u03 {
    width: 100px;
}

.matable table tr th.u04 {
    width: 100px;
}

.matable table tr td.pass {
    color: #a0a2ad;
}


.matable p {
    text-align: center;
    font: 14px/35px "Microsoft Yahei";
    color: #333;
    padding-bottom: 30px;
}

.matable p a {
    color: #2875e8;
}

.maform {
    padding: 20px 35px 50px;
}

.maform dl {
    margin-bottom: 15px;
}

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

.maform dl dt {
    float: left;
    text-align: right;
    width: 80px;
    font: 12px/24px "Microsoft Yahei";
    color: #000;
}

.maform dl dt em {
    color: #2875e8;
    margin-right: 5px;
    font-style: normal;
}

.maform dl dd {
    float: left;
    width: 540px;
    font: 12px/24px "Microsoft Yahei";
}

.maform dl dd input {
    width: 390px;
    height: 22px;
    border: 1px solid #e6e8ed;
    border-radius: 2px;
    display: block;
}

.maform dl dd select {
    width: 390px;
    height: 22px;
    border: 1px solid #e6e8ed;
    border-radius: 2px;
    display: block;
}

.maform dl dd p {
    width: 540px;
    display: block;
}

.maform dl dd p:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.maform dl dd p a.up {
    background: url(../images/upload1.png) no-repeat;
    width: 100px;
    height: 25px;
    display: block;
    float: left;
}

.maform dl dd p a.up:hover {
    background: url(../images/upcr.png) no-repeat;
    width: 100px;
    height: 25px;
}

.maform dl dd p span {
    display: block;
    float: left;
    font: 12px/25px "Microsoft Yahei";
    color: #aaa;
    margin-left: 20px;
    margin-bottom: 15px;
}

.maform dl dd p span.pdf {
    background: url(../images/pdf.png) no-repeat left center;
    padding-left: 25px;
    color: #231815;
    margin-bottom: 10px;
}

.maform dl dd p.tips {
    color: #A0A2AD;
    margin-bottom: 10px;
}

.maform .buicon {
    margin-left: 80px;
}

.ser table tr td {
    padding: 5px 0;
}

a.up {
    position: relative !important;
    cursor: pointer;
}

.uploadbtn {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

.container {
    width: 1170px !important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
    box-sizing: border-box;
}

col-md-2 {
    width: 16.66666667%;
    box-sizing: border-box;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-md-1 {
    width: 8.33333333%;
    box-sizing: border-box;
}

.col-md-2 {
    width: 16.66666667%;
    box-sizing: border-box;
}

.footer-wrap p {
    color: #ededed;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.42857143;
    box-sizing: border-box;
}

.footer-wrap a {
    color: #999999;
    text-decoration: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.8;
    box-sizing: border-box;
}

.text-center {
    text-align: center;
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.search-select {
    float: left;
    display: inline-block;
    position: relative;
}

.search-select a {
    display: block;
    text-align: center;
    width: 110px;
    padding-left: 0px;
    padding-right: 12px;
    height: 35px;
    border-right: 1px solid #2875e8;
    -moz-box-shadow: inset 0 0 4px #d2d3d5;
    -webkit-box-shadow: inset 0 0 4px #d2d3d5;
    box-shadow: inset 0 0 4px #d2d3d5;
    font: 14px/35px "Microsoft Yahei";
    color: #000;
}

.search-select ul {
    display: none;
    width: 110px;
    background: #ffffff;
    -moz-box-shadow: 0 0 20px #c7c6cb;
    -webkit-box-shadow: 0 0 20px #c7c6cb;
    box-shadow: 0 0 20px #c7c6cb;
    position: absolute;
    left: 0;
    padding: 5px 0;
    z-index: 999;
}

.search-select ul li {
    width: 110px;
}

.search-select ul li a {
    display: block;
    font: 14px/35px "Microsoft Yahei";
    display: block;
    border: 0;
    width: 110px;
    padding: 0;
    height: 35px;
    box-shadow: none;
    border: 0;
    text-align: center;
    border-radius: 0;
    color: #000;
}

.search-select ul li a:hover {
    background: #e6e8ed;
}

.search-select2 {
    float: left;
    display: inline-block;
    position: relative;
}

.search-select2 a {
    display: block;
    text-align: center;
    width: 90px;
    padding-left: 0px;
    padding-right: 12px;
    height: 27px;
    border-right: 1px solid #2875e8;
    -moz-box-shadow: inset 0 0 4px #d2d3d5;
    -webkit-box-shadow: inset 0 0 4px #d2d3d5;
    box-shadow: inset 0 0 4px #d2d3d5;
    font: 14px/27px "Microsoft Yahei";
    color: #000;
}

.search-select2 ul {
    display: none;
    width: 90px;
    background: #ffffff;
    -moz-box-shadow: 0 0 20px #c7c6cb;
    -webkit-box-shadow: 0 0 20px #c7c6cb;
    box-shadow: 0 0 20px #c7c6cb;
    position: absolute;
    left: 0;
    padding: 5px 0;
    z-index: 999;
}

.search-select2 ul li {
    width: 90px;
}

.search-select2 ul li a {
    display: block;
    font: 14px/27px "Microsoft Yahei";
    display: block;
    border: 0;
    width: 90px;
    padding: 0;
    height: 35px;
    box-shadow: none;
    border: 0;
    text-align: center;
    border-radius: 0;
    color: #000;
}

.search-select2 ul li a:hover {
    background: #e6e8ed;
}

.search-select .dataType {
    background: #ffffff url(../images/downarrow.png) no-repeat right 10px center;
    color: #2875e8;
}

.search-select2 .dataType {
    background: #ffffff url(../images/downarrow.png) no-repeat right 5px center;
    color: #2875e8;
}


/*展示厅*/

.newComIndu dl {
}

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

.newComIndu dl dt {
    float: left;
    width: 340px;
    height: 192px;
    margin-right: 20px;
    overflow: hidden;
}

.newComIndu dl dt img {
    display: block;
    width: 312px;
}

.newComIndu dl dd {
    float: left;
    position: relative;
}

.comText {
    font-size: 13px;
    color: #333;
    line-height: 26px;
    height: 192px;
    overflow: hidden;
}

.comText div {
    width: 490px;
    height: auto;
    overflow: auto;
}

.comText div p {
    font-family: "Microsoft YaHei", Arial;
    padding: 0;
    font-size: 13px;
    line-height: 26px;
    color: #666;
}

.comText div p a:hover {
    color: #666666;
}

.nquicksroll {
    height: 100%;
    position: absolute;
    top: 10px;
    right: -10px;
    width: 3px; /*visibility: hidden;*/
    z-index: 999;
}

.nscrollbg {
    width: 3px;
    margin: 0 auto;
    border-radius: 3px;
    background: #FAFAFA;
    height: 182px;
}

.nscrollBar {
    background: #EBEBEB;
    width: 3px;
    height: 50px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0px;
    border-radius: 3px;
    text-align: center;
}

::-webkit-scrollbar { /*滚动条整体样式*/
    width: 3px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background: #ebebeb;
    border-radius: 3px;
}

::-webkit-scrollbar-track {
    background: none; /*滚动条里面轨道*/
}

.newBussiness {
}

.newBussiness table {
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.newBussiness table th {
    text-align: center;
    background: #fafafa;
    border: #f0f0f0 1px solid;
    border-collapse: collapse;
    padding: 12px 12px 12px 12px;
    font-weight: normal;
    color: #444;
    line-height: 19px;
}

.newBussiness table th:not(:last-child) {
    border-right: #F0F0F0 1px solid;
}

.newBussiness table th.tx {
    text-align: center;
    width: 56px;
    padding-left: 0px;
    padding-right: 0px;
}

.newBussiness table td.tx {
    text-align: center;
    width: 56px;
    padding-left: 0px;
    padding-right: 0px;
}

.newBussiness .tdbg {
    background: #fafafa;
}

.newBussiness td {
    padding: 10px 12px 11px 12px;
    border: 1px solid #f0f0f0;
    word-break: break-all;
    font: 13px/24px "Microsoft Yahei";
    color: #333333;
    word-wrap: break-word;
}

.newBussiness th {
    font: 13px/24px "Microsoft Yahei";
}

.text-center {
    text-align: center;
}

.newBussiness td a {
    color: #0e6ab8;
}

.homePro {
    zoom: 1;
    width: 790px;
    overflow: hidden;
    padding: 0 0 30px 30px;
}

.homePro ul {
    width: 840px;
    margin-top: 20px;
}

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

.homePro ul li {
    float: left;
    width: 230px;
    margin-right: 50px;
    margin-bottom: 20px;
}

.homePro ul li:last-child {
    margin-right: 0;
}

.proDeShow {
    width: 230px;
    height: 163px;
    background-color: #f8f8f8;
    overflow: hidden;
    margin-top: 5px;
    padding: 10px 0;
}

.proDeShow a {
    width: 230px;
    height: 163px;
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font-size: 173px;
}

.proDeShow a img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.proDeShow a:hover img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04)
}

.homePro ul li span {
    display: block;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    margin-top: 10px;
    font: 14px/17px "Microsoft YaHei";
}

.homePro ul li span a {
    display: block;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    margin-top: 10px;
    font: bold 15px/17px "Microsoft YaHei";
}


.mainbanner {
    padding: 15px 0 0;
}

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


.purchseProducts {
    background: #ffffff;
    padding: 16px;
    margin-top: 16px;
    width: 895px;
    height: 186px;
    box-sizing: border-box;
    position: relative;
}

.purchseProducts:hover {
    box-shadow: 0 0 8px 1px #d9d9d9;
}

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

.purchseProducts b a {
    font: 20px/30px "PingFangSC", "PingFang SC", "Microsoft Yahei";
    color: #0A0B0E;
    text-decoration: none;
    font-weight: 600
}

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

.purchseProducts dl {
}

.purchseProducts dl dt {
    float: left;
    width: 450px;
}

.purchseProducts dl dd {
    float: right;
}

.purchseProducts dl dt ul {
    margin-top: 24px;
}

.purchseProducts dl dt ul li {
    display: block;
    background: url(../images/icon.jpg) no-repeat left center;
    font: 12px/18px "PingFangSC-Regular", sans-serif;
    color: #808080;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.purchseProducts dl dt ul li span {
    color: #7F8388;
    line-height: 24px
}

.purchseProducts dl dd p {
    display: block;
    margin-bottom: 5px;
    text-align: right;
    height: 18px;
    line-height: 18px;
}

.purchseProducts dl dd p span {
    display: inline-block;
    text-align: right;
    float: none;
    width: 270px;
    color: #5d5d5d;
    font: 13px/18px "Microsoft Yahei";
    margin-right: 0;
}

.purchseProducts dl dd em {
    display: block;
    text-align: right;
    font: 12px/18px "PingFangSC";
    color: #999;
}

.purchseProducts dl dd a.applybut {
    display: block;
    float: right;
    border: 1px solid #2875e8;
    color: #2875e8;
    width: 65px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
}

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

.cNm b {
    float: left;
    margin-right: 15px;
}

.cNm div {
    float: left;
    font-size: 13px;
    color: #999;
    line-height: 28px;
}

.cNm div img {
    width: 22px;
    height: auto;
    valign: middle;
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.cNm div em {
    font-style: normal;
}

/*20220608*/
.newheader:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.topBanner {
    background: #ffffff;
    height: 400px;
    padding: 6px 0 20px;
}

.topBanner ul li {
    height: 400px;
}

.topBanner ul li a img {
    display: block;
    width: 1200px;
    height: 400px;
}

.navNew {
    background: #ffffff;
    height: 50px;
    margin-top: 10px;
}

.navNew a {
    line-height: 50px;
    font-size: 16px;
    color: #666;
    margin: 0 43px;
    display: inline-block;
}

.navNew a:hover {
    border-bottom: 2px solid #2875e8;
    color: #2875e8;
}

.navNew a.navCur {
    border-bottom: 2px solid #2875e8;
    color: #2875e8;
}

.newActive {
    margin-top: 20px;
}

.acTitle {
    font-size: 24px;
    width: 100%;
    margin-top: 20px;
    color: #333;
    font-weight: 300;
}

.acBox {
    width: 1200px;
    overflow: hidden;
    margin-top: 5px;
}

.acBox ul {
    width: 1230px;
}

.acBox ul li {
    width: 380px;
    margin-right: 30px;
    float: left;
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
}

.acBox ul li dl dt {
    width: 380px;
}

.acBox ul li dl dt {
    display: block;
    width: 100%;
}

.acBox ul li dl dt img {
    display: block;
    width: 100%;
}

.acBox ul li dl dd {
    padding: 10px 15px 15px;
}

.acBox ul li dl dd b {
    display: block;
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid #eee;
    height: 32px;
    line-height: 32px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.acBox ul li dl dd p {
    font-size: 12px;
    color: #666;
    line-height: 24px;
}

.acBox ul li dl dd p.times {
    background: url(../images/lock.png) no-repeat left center;
    background-size: auto 14px;
    padding-left: 22px;
}

.acBox ul li dl dd p.address {
    background: url(../images/add.png) no-repeat left center;
    background-size: auto 14px;
    padding-left: 20px;
}

.moreBut {
    width: 98px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background-color: #2875e8;
    cursor: pointer;
    margin: 40px auto 0;
}

.moreBut a {
    display: block;
    color: #ffffff;
    text-align: center;
}

.project {
    margin-top: 16px;
}

.purpub {
    border: 0;
    width: 285px
}

.purpub b {
    margin-top: 0;
}

.purnewa {
}

.acList {
    background: #ffffff;
}

.dateleft {
    width: 895px;
    margin-right: 20px;
}

.acNav {
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    border-bottom: 1px solid #f5f5f5;
}

.acNav a {
    display: inline-block;
    width: 80px;
    margin-right: 20px;
    line-height: 30px;
    border-radius: 15px;
    text-align: center;
    background-color: #f5f5f5;
    font-size: 14px;
    color: #666;
}

.acNav a.acur, .acNav a:hover {
    background-color: #2875e8 !important;
    color: #fff !important;
}

.acList {
    margin-bottom: 30px;
}

.acList ul li {
    border-bottom: 1px solid #f5f5f5;
    padding: 20px;
}

.acList ul li dl:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.acList ul li dl dt {
    float: left;
    width: 240px;
    height: 146px;
    margin-right: 20px;
    border-radius: 5px;
}

.acList ul li dl dt img {
    display: block;
    width: 100%;
}

.acList ul li dl dd {
    float: left;
    width: 555px;
}

.acList ul li dl dd b a {
    display: block;
    font-size: 20px;
    color: #333;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 10px;
}

.acList ul li dl dd p.times {
    background: url(../images/lock.png) no-repeat left center;
    background-size: auto 14px;
    padding-left: 22px;
    font-size: 12px;
    color: #999;
}

.acList ul li dl dd p.address {
    background: url(../images/add.png) no-repeat left center;
    background-size: auto 14px;
    padding-left: 20px;
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}

.acList ul li dl dd span a {
    display: block;
    width: 90px;
    line-height: 32px;
    height: 32px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background-color: #2875e8;
    text-align: center;
    margin-top: 15px;
}

.acList ul li dl dd span a.finish {
    display: block;
    width: 90px;
    line-height: 32px;
    height: 32px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background-color: #CCCCCC;
    text-align: center;
    margin-top: 15px;
}

.acBox ul li dl dd span a {
    display: block;
    width: 90px;
    line-height: 32px;
    height: 32px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background-color: #2875e8;
    text-align: center;
    margin-top: 15px;
}

.acBox ul li dl dd span a.finish {
    display: block;
    width: 90px;
    line-height: 32px;
    height: 32px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background-color: #CCCCCC;
    text-align: center;
    margin-top: 15px;
}

.l-project-list-con-r-con {
    width: 100%;
    background-color: #fff;
    padding: 16px;
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 16px;
}

.l-project-list-con-r-con ul {
    width: 100%;
    margin-top: 12px;
}

.l-project-list-con-r-con ul li {
    width: 95%;
    float: left;
    border-bottom: 1px solid #e6e8eb;
    padding: 0 0 20px;
    margin-bottom: 20px;
}
.l-project-list-con-r-con ul li:last-child{
    margin-bottom: 0;
    padding: 0;
}

.l-project-list-con-r-con ul li:last-child {
    border-bottom: none;
}

.l-project-list-con-r-con ul li a {
    font: bold 14px/20px "PingFangSC";
    color: #0A0B0E;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px;
    /*float: left;*/
    box-sizing: border-box;
}

.l-supplier-list-img {
    width: 280px;
    height: 158px;
}

.l-supplier-list-img img {
    width: 254px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
}

.l-project-list-con-r-con ul li p {
    color: #484D55;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    /*    两行*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 8px;
}

.mainbox1 {
    width: 1170px;
    margin: 0 auto;
}

.bkTitle {
    background: #0A2D87;
    background-size: auto 100px;
    height: 100px;
    margin-top: 20px;
}

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

.bkTitle dl dt {
    float: left;
    width: 790px;
    margin-left: 50px;
}

.bkTitle dl dd {
    float: right;
    width: 270px;
    margin-right: 50px;
}

.bkTitle dl dt span {
    display: block;
    width: 84px;
    height: 57px;
    float: left;
    margin: 21px 7px 0 0;
}

.bkTitle dl dt span img {
    display: block;
    width: 100%;
}

.bkTitle dl dt p {
    display: block;
    width: 539px;
    height: 57px;
    float: left;
    margin: 21px 38px 0 0;
}

.bkTitle dl dt p img {
    display: block;
    width: 100%;
}

.bkTitle dl dt em {
    display: block;
    width: 74px;
    height: 72px;
    float: left;
    margin: 14px 0 0 0;
}

.bkTitle dl dt em img {
    display: block;
    width: 100%;
}

.bkTitle dl dt:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.bkSbox {
    background: #ffffff;
    width: 240px;
    height: 37px;
    border-radius: 19px;
    overflow: hidden;
    margin-top: 32px;
    padding: 0 15px;
}

.bkSbox a.bsearIcon {
    float: right;
    background: url(../images/btsearch.png) no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    display: block;
    margin-top: 10px;
}

.bkSbox input {
    width: 210px;
    height: 37px;
    line-height: 37px;
    font-size: 14px;
    outline: 0;
    border: none;
    font-style: normal;
    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}


.deTips {
    background-size: auto 14px;
    font-size: 12px;
    color: #666666;
    padding-left: 20px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.bkList {
    width: 1170px;
    overflow: hidden;
}

.bkList ul {
    width: 1188px;
}

.bkList ul li {
    width: 330px;
    height: 226px;
    background: #FFFFFF;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.04);
    margin-right: 18px;
    margin-top: 20px;
    padding: 16px 24px 20px;
    float: left;
}

.bkList ul li a b {
    display: block;
    font-size: 18px;
    color: #333333;
    height: 20px;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
}

.bkList ul li dl {
    margin-top: 16px;
}

.bkList ul li dl:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.bkList ul li dl dt {
    float: left;
    width: 320px;
    height: 180px;
    margin-right: 16px;
    float: left;
    overflow: hidden;
    justify-content: center;
    width: 320px;
    text-align: center;
    align-items: center;
    height: 180px;
    margin-right: 16px;
}

.bkList ul li dl dd {
    float: left;
    width: 320px;
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    height: 88px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    word-wrap: normal;
    margin-top: -3px;
}

.bkList .paging {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    background-color: #FFF;
    margin-bottom: 13px;
}

.bkList ul li dl dt p img {
    display: block;
    margin: 0 auto;
}

.bkList ul li dl dt p {
    width: 320px;
    height: 180px;
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font-size: 120px;
}

.bkList .paging {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    background-color: #FFF !important;
    margin-bottom: 13px;
}

.bkList .paging a {
    display: inline-block;
    padding: 5px 11px;
    border: 1px solid #dbdbdb;
    font-size: 14px;
    color: #787575;
    font-family: "Microsoft YaHei";
    height: 20px;
    line-height: 20px;
}

.bkList .paging .current {
    display: inline-block;
    padding: 5px 11px;
    border: 1px solid #0d9be6;
    font-size: 14px;
    color: #FFF;
    background: #55b9ed;
    height: 20px;
    line-height: 20px;
}

.bkuser {
    margin-top: 15px;
}

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

.bkuser p {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    overflow: hidden;
    margin-right: 8px;
}

.bkuser p img {
    display: block;
    width: 100%;
}

.bkuser span {
    display: block;
    float: left;
    font-size: 12px;
    color: #999999;
    line-height: 20px;
    width: 290px;
}

.bkList .paging {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    background-color: #FFF !important;
    margin-bottom: 13px;
}

.bkList .paging a {
    display: inline-block;
    padding: 5px 11px;
    border: 1px solid #dbdbdb;
    font-size: 14px;
    color: #787575;
    font-family: "Microsoft YaHei";
    height: 20px;
    line-height: 20px;
}

.bkList .paging .current {
    display: inline-block;
    padding: 5px 11px;
    border: 1px solid #2875e8;
    font-size: 14px;
    color: #FFF;
    background: #2875e8;
    height: 20px;
    line-height: 20px;
}

.bkTitle dl dt {
    margin-left: 30px;
}

.bkTitle dl dt p {
    margin-right: 21px;
}

.smallSystem {
    float: left;
    width: 121px;
    position: relative;
}

.smallSystem a.default {
    display: block;
    width: 121px;
    height: 36px;
    border-radius: 18px;
    border: 1px solid #1FCC5D;
    margin-top: 32px;
    text-align: center;
}

.smallSystem a.default span {
    display: inline-block;
    background: url(../images/littlesystem@2x1.png) no-repeat left center;
    background-size: auto 20px;
    width: auto;
    height: 20px;
    margin: 8px 0 0 0;
    float: none;
    font-size: 14px;
    color: #1FCC5D;
    padding-left: 26px;
}

.smallSystem p.downlayer {
    position: absolute;
    left: -20px;
    top: 58px;
    display: block;
    background: #ffffff;
    width: 170px;
    height: 170px;
    background: #FFFFFF;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #F3F3F3;
    padding: 14px 0;
}

.smallSystem p.downlayer em {
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    float: none;
}

.smallSystem p.downlayer span {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #666666;
    float: none;
    width: auto;
    height: auto;
    margin: 5px 0 0 0;
}

.l-project-r-title {
    font: bold 16px/24px "PingFangSC";
    color: #0063FE;
    display: flex;
    align-items: center;
}

.l-project-r-title:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 14px;
    background: #0063FE;
    margin-right: 6px;
    border-radius: 2px;
}

hr {
    height: 1px;
    border: none;
    margin: 0;
    *margin: 0 0 -15px 0;
    float: none;
    *float: left;
    display: block;
    clear: both;
    color: #FFF;
}

*::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

*::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
    display: none;
}

*::-webkit-scrollbar-corner {
    background-color: transparent;
}

*::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0, 0, 0, 0);
    height: 6px;
    border-radius: 25px;
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.30);
}