﻿body {
    background-color: #fff;
    color: #484848;
    font-size: 12px;
    font-family: "微软雅黑", Helvetica, Arial, sans-serif;
}

.igo-btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    margin-top: 20px;
    background-color: #0096fb;
    color: #fff;
    text-align: center;
    font-size: 22px;
}

.igo-btn:hover {
    background-color: #f66670;
    color: #fff;
}

html {
    overflow-x: hidden;
}

body .container {
    width: 1210px;
}

a:link,
a:visited,
a:active,
a {
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
}

em,
cite,
address,
i {
    font-style: normal;
}

body,
input,
select,
button,
textarea {
    color: #333;
    font-size: 14px;
    font-family: "Microsoft Yahei", "微软雅黑", arial, "\5b8b\4f53";
}

input,
textarea,
button {
    -webkit-border-radius: 0;
    -webkit-appearance: 0;
}

* {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

ul,
li {
    list-style: none;
}

button,
input,
select,
textarea {
    margin: 0;
    padding: 0;
    outline: none;
    vertical-align: middle;
}

.floatl,
.fl {
    float: left;
}

.fr {
    float: right;
}

.no-margin {
    margin: 0!important;
}

.container .portlet-content,
.main-content .portlet-content {
    margin-top: 0px;
}

.panel {
    border: 0;
}

.panel .portlet-content {
    margin-top: 0;
}

.loginout {
    text-align: center;
    font-size: 18px;
}


/*自定义样式开始*/

.login-body {
    position: absolute !important;
    width: 100%;
    top: 60px;
}

.kbz {
    background-color: #5d9cec;
}

.ywc {
    background-color: #2ecc71;
}

.tbz {
    background-color: #fc6e51;
}

.bmz {
    background-color: #8067b7;
}

.khdl .khdl_con .identify input {
    /*验证码输入框*/
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-indent: 18px;
}

.khdl .khdl_con .identify img {
    width: 125px;
}

.carousels-logined {
    display: none;
}

h2#spanUsername {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 23px;
}


/* 右侧悬浮联系方式开始*/

.service {
    position: fixed;
    right: 0px;
    top: 50%;
    width: 50px;
    height: 290px;
    z-index: 999999999999;
    margin-top: 40px;
}

.service li {
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
    margin-top: -1px;
    line-height: 50px;
    background: #333;
    text-align: center;
}

.service li.first {
    height: 45px;
    line-height: normal;
    border-top-left-radius: 3px;
}

.service li.item {
    margin-top: 5px;
}

.service li.item a {
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background-color: #f66;
}

.service li.item i {
    padding-top: 5px;
    padding-left: 3px;
}

.service li .circle {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #1f1f1f;
    border-radius: 100%;
    margin-top: 8px;
    text-align: center;
    cursor: pointer;
}

.service li i {
    font-size: 24px;
    color: #e8e8e8;
}

.service li .circle i {
    font-size: 20px;
    color: #249ae4;
    padding-top: 8px;
}

.service li.first .circle i {
    display: block;
    width: 25px;
    height: 25px;
    background: url(/EPMasterPage/chain/images/LXWM/qq.png) no-repeat center;
    margin: 5px auto;
}

.service li.kf .circle i {
    display: block;
    width: 25px;
    height: 25px;
    background: url(/EPMasterPage/chain/images/LXWM/index_20.png) no-repeat center;
    margin: 5px auto;
}

.service li.yx .circle i {
    display: block;
    width: 25px;
    height: 25px;
    background: url(/EPMasterPage/chain/images/LXWM/index_21.png) no-repeat center;
    margin: 5px auto;
}

.service li.item .circle i {
    display: block;
    width: 38px;
    height: 34px;
    background: url(/EPMasterPage/chain/images/LXWM/index_22.png) no-repeat center;
}

.service li.ma .circle i {
    display: block;
    width: 25px;
    height: 25px;
    background: url(/EPMasterPage/chain/images/LXWM/imgcode.png) no-repeat center;
    margin: 5px auto;
}

.service li.retop .circle i {
    display: block;
    width: 38px;
    height: 34px;
    background: url(/EPMasterPage/chain/images/LXWM/index_23.png) no-repeat center;
}

.service .hider {
    position: absolute;
    top: 0;
    right: 200px;
    z-index: -1;
}

.service .bgbox {
    position: relative;
    width: 160px;
    margin-right: 20px;
    padding: 10px;
    text-align: left;
    background-color: #fff;
    box-shadow: 0 1px 5px 1px rgba(216, 216, 216, 0.7);
    cursor: default;
}

.service .yx .bgbox {
    width: 190px;
}

.service .bgbox label {
    display: block;
    padding: 5px 0 0 5px;
    line-height: 1;
    color: #666;
    margin-bottom: 0;
    font-weight: normal;
}

.service .bgbox span {
    padding-left: 5px;
    font-family: "dincond-medium-webfont";
    font-size: 18px;
    color: #249ae4;
}

.service .bgbox .outart {
    position: absolute;
    top: 20px;
    right: -13px;
    height: 0;
    width: 0;
    border-width: 5px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #e9e9e9;
}

.service .bgbox .inart {
    position: absolute;
    top: 20px;
    right: -12px;
    height: 0;
    width: 0;
    border-width: 5px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.service .bgbox a {
    display: block;
    height: 35px;
    line-height: 35px;
    color: #249ae4;
    border-radius: 3px;
    padding-left: 5px;
}

.service .bgbox a.qq {
    font-size: 18px;
}

.service li.retop {
    margin-top: 5px;
}

.service li.item .circle,
.service li.retop .circle {
    background-color: transparent;
}

.service li.item .circle i,
.service li.retop .circle i {
    color: #fff;
    padding-top: 3px;
    font-size: 26px;
}

h3 {
    font-size: 100%;
    font-weight: normal;
}


/* 右侧悬浮联系方式结束*/

.container-fluid {
    width: auto;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0;
    margin-left: 0;
}

.news {
    float: left;
    padding-top: 50px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 50px;
    width: 100%;
    display: inline;
    background: url(/EPMasterPage/chain/images/video_bg.jpg) no-repeat;
}


/*新闻资讯*/


/*新闻资讯样式开始*/

.bg-grey {
    background-color: #f2f2f4;
    width: 100%;
    height: auto;
    padding: 76px 0;
}

.content {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}

.tab-block {
    /* padding: 20px; */
    margin: 20px auto 0;
    /* background-color: #FFF; */
    /* border: 1px solid #e5e5e5; */
}

.tab-block.information-tab .tabs {
    height: 380px
}

.tab-block .tab-buttons {
    width: 100%;
    height: 50px;
    background-color: #fafafa
}

.tab-block .tab-buttons .tab-button {
    width: 33.33%;
    float: left;
    height: 50px;
    text-align: center;
    font-size: 16px;
    color: #999;
    line-height: 50px;
    position: relative;
    cursor: pointer
}

.tab-block .tab-buttons .tab-button.cur {
    background-color: #fff;
    color: #333
}

.tab-block .tab-buttons .tab-button.cur:after {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1183ff
}

.tab-block .tabs {
    width: 100%;
    height: 528px
}

.tab-block .tabs .tab-item {
    width: 100%;
    height: 100%;
    padding: 20px;
    display: none
}

.tab-block .tabs .tab-item.active {
    display: block
}

.news-left {
    height: 180px;
}

.news-left dt {
    padding-bottom: 3px;
    border-bottom: 2px solid #64a0cd;
    margin-bottom: 5px;
    overflow: hidden;
}

.news-left dt p {
    float: left;
    font-size: 18px;
    margin-bottom: 0;
}

.news-left dt a {
    float: right;
    font-size: 16px;
    background: url('/EPMasterPage/chain/images/YCSC/more01.png') no-repeat center right;
    padding-right: 10px;
    font-weight: normal;
}

.news-left dd {
    overflow: hidden;
    line-height: 38px;
    background: url('/EPMasterPage/chain/images/YCSC/point.png') no-repeat 5px center;
    padding-left: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
}

.news-left dd a {
    float: left;
    font-size: 14px;
    color: #000;
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-left dd span {
    float: right;
    font-size: 14px;
    color: #999;
}

.news-zc .news-img,
.news-zc .news-type,
.news-zc .news-type .news-title,
.news-zc .news-type ul,
.news-zc .news-type ul li {
    float: left;
    overflow: hidden;
}

.news-zc .news-type .news-title,
.news-zc .news-type ul {
    width: 100%;
}

.news-zc .news-type ul {
    margin-bottom: 0;
    margin-top: 25px;
}

.news-zc .news-type ul li {
    padding-left: 10px;
    padding-right: 18px;
    color: #64a0cd;
}

.news-zc .news-type .news-title {
    font-size: 20px;
    font-weight: bold;
}

.news-zc .news-type {
    width: 370px;
    padding-left: 10px;
}

.news-right {
    height: 245px;
}

.information-tab .information-left {
    width: 49%;
    height: 300px;
    overflow: hidden;
    float: left;
    background-color: #fff;
    padding: 10px;
}

.information-tab .information-left img {
    width: 100%;
    height: auto
}

.information-tab .information-left .left-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background-color: rgba(0, 0, 0, .5);
    z-index: 2;
    color: #fff;
    padding: 0 14px
}

.information-tab .information-left .left-bottom .article-title {
    font-size: 18px;
    width: 400px;
    float: left;
}

.information-tab .information-left .left-bottom .article-time {
    font-size: 14px;
    float: right;
}

.information-tab .information-right {
    width: 49%;
    height: 300px;
    float: left;
    margin-left: 2%;
    background-color: #fff;
    padding: 10px;
}

.information-tab .information-right .article-list {
    padding-top: 20px
}

.information-tab .information-right .article-list:first-child {
    padding-top: 5px
}

.information-tab .information-right .article-list .article-link {
    display: block;
    padding: 0 20px
}

.information-tab .information-right .article-list .article-link .article-head span {
    display: inline-block;
    vertical-align: middle
}

.information-tab .information-right .article-list .article-number {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    background-color: #999;
    font-size: 14px
}

.information-tab .information-right .article-list .article-title {
    font-size: 16px;
    color: #333;
    line-height: 20px;
    margin-left: 14px;
    width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.information-tab .information-right .article-list .article-time {
    float: right;
    font-size: 12px;
    color: #999;
    line-height: 20px
}

.information-tab .information-right .article-list .article-content {
    margin-top: 10px;
    padding-left: 44px;
    width: 450px;
    font-size: 14px;
    color: #666;
    line-height: 26px;
    display: none
}

.information-tab .information-right .article-list .article-content p {
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.information-tab .information-right .article-list:nth-of-type(1) .article-number,
.information-tab .information-right .article-list:nth-of-type(2) .article-number,
.information-tab .information-right .article-list:nth-of-type(3) .article-number {
    background-color: #999
}

.information-tab .information-right .article-list.current .article-link {
    background-color: #edf7ff;
    padding: 20px
}

.information-tab .information-right .article-list.current .article-number {
    background-color: #0062ab!important
}

.information-tab .information-right .article-list.current .article-title {
    color: #0062ab
}

.information-tab .information-right .article-list.current .article-content {
    display: block
}

a:hover {
    text-decoration: none;
}

.news {
    float: left;
    padding-top: 40px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 40px;
    width: 100%;
    display: inline;
    background: url('/EPMasterPage/chain/images/YCSC/news-bg.png') no-repeat;
}


/*资讯样式结束*/

.sina-nav.navbar-fixed.scroll {
    background: rgba(255, 255, 255, 1);
}

.carousel-indicators li {
    float: left;
}

.carousel .carousel-indicators {
    display: flex!important;
}


/*解决方案开始*/

#scrollDiv {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    /*这里的height是25px*/
    overflow: hidden;
}

#scrollDiv ul {
    /*width: 80%;*/
    padding-left: 10px;
}

#scrollDiv li {
    height: 40px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fl {
    float: left
}

#scrollDiv li a {
    color: #FFFFFF;
    font-size: 20px;
}

#scrollDiv li a:hover {
    color: #0196fc;
}


/*解决方案结束*/


/*名企商机开始*/

#wrap {
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 1180px;
    height: 690px;
    margin-bottom: 10px;
}

#wrap>ul {
    list-style: none;
    padding: 0;
}

#wrap>ul>li {
    float: left;
    width: 100px;
    height: 690px;
    cursor: pointer;
}

#wrap>ul>li>.text {
    width: 100px;
    height: 100%;
    background: #000;
    position: relative;
    /*opacity: .5;*/
    background-repeat: no-repeat;
    background-size: 124%;
    background-position: -18px 0;
}

#wrap>ul>li>.t1 {
    background-image: url(/EPMasterPage/chain/images/MQSJ/t-1.png);
}

#wrap>ul>li>.t2 {
    background-image: url(/EPMasterPage/chain/images/MQSJ/t-2.png);
}

#wrap>ul>li>.t3 {
    background-image: url(/EPMasterPage/chain/images/MQSJ/t-3.png);
}

#wrap>ul>li>.t4 {
    background-image: url(/EPMasterPage/chain/images/MQSJ/t-4.png);
}

#wrap>ul>li>.text p {
    font-family: 'Microsoft yahei';
    color: #fff;
    font-size: 26px;
	margin-top: 50px;
	text-align: center;
}


/*手风琴内tab*/

.tabmore {
    line-height: 40px;
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
    background: url('/EPMasterPage/chain/images/YCSC/more01.png') no-repeat center right;
    padding-right: 10px;
    font-weight: normal;
    font-size: 16px;
}

.tabitemcon {
    padding: 5px 10px;
    border: 1px solid #eee;
    margin-bottom: 5px;
    overflow: hidden;
}

.tabitemcon:hover {
    border: 0;
    -webkit-box-shadow: 0 0 10px #5d9cec;
    box-shadow: 0 0 10px #5d9cec;
}

.tabitemcon h3 {
    float: left;
    width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    /* font-weight:900; */
    line-height: 26px;
    margin: 0;
}

.tabtime {
    float: right;
    font-weight: 400;
    /* line-height: 18px; */
    color: #2E2E35;
    margin-left: 10px;
}

.tabmark {
    height: 18px;
    line-height: 18px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 10px;
    border-radius: 5px;
    margin-right: 10px;
    padding: 0 5px;
}

.company {
    float: left;
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7f7f83;
}

.tabstatus span {}

.tabcompany {
    float: right;
    height: 20px;
    line-height: 26px;
    /* margin-top: 9px; */
}

.tabcompany a:hover {
    color: #0196fc;
}

.tabcompany a {
    color: #0062AB;
}

.tabview {
    font-size: 16px;
    /* font-weight: 900; */
    line-height: 18px;
    color: #333;
    cursor: pointer;
}

.voice_2 ul {
    padding-left: 0px;
}

.jjnt .arrowbox {
    float: left;
    width: 100px;
    height: 578px;
    background: #fff;
    position: relative;
    transition: all 0.6s;
    overflow: hidden;
}

.jjnt .arrowbox:first-child {
    margin-left: 0;
    background: url(/EPMasterPage/chain/images/t-1.png) no-repeat left;
}

.arrowbox dl {
    position: absolute;
    top: 240px;
    width: 20px;
    left: 40px;
    line-height: 30px;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
}

.jjnt .arrowbox .boxmore {
    position: absolute;
    left: 100px;
    top: 0;
    width: 300px;
    height: 574px;
    padding: 0;
    overflow: hidden;
}

.jjnt .arrowbox.hasCur {
    float: left;
    width: 600px;
    height: 578px;
    position: relative;
    transition: all 0.6s;
    overflow: hidden;
}

.jjnt .arrowbox.hasCur .boxmore {
    position: absolute;
    left: 100px;
    top: 0;
    width: auto;
    height: 574px;
    padding: 0;
    overflow: hidden;
}

.childwrap {
    width: 780px;
    height: 100%;
    background-color: #FFFFFF;
}

.childwrap ul {
    list-style: none;
    width: 100%;
    padding: 0;
    float: none;
}

.childtab li {
    float: left;
    padding: 0 15px;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
}

.childtab li.active {
    color: #0062ac;
    font-weight: 600;
}

.wrapli {
    overflow: hidden;
    width: 100px;
}

#wrap>ul>li.wrapli.curr {
    width: 880px;
    transition: transform 5s;
}


/*清除浮动*/

.clearfix:after {
    content: '';
    display: table;
    clear: both
}

.clearfix {
    *zonm: 1;
}


/* IE 6/7 */

.clearfix {
    zoom: 1;
}

.childproduct {
    padding: 5px 10px;
}

.childproduct .childmain a img {
    vertical-align: top;
}

.childproduct .childmain {
    display: none;
}

.childproduct .childmain.selected {
    display: block;
}


/*名企商机结束*/


/*招标项目数字统计开始*/

.countnum {
    text-align: center;
}

.counter {
    font-size: 40px;
    color: #FDCC3E;
    font-weight: 700;
}


/*结束*/


/*自定义样式结束*/


/*采购招标模块开始*/


/*分类图标*/

i.fa-wuzi,
i.fa-wuzi:hover {
    background: url(/EPMasterPage/chain/images/i-1.png) no-repeat center;
}

i.fa-shebei,
i.fa-shebei:hover {
    background: url(/EPMasterPage/chain/images/i-2.png) no-repeat center;
}

i.fa-gongcheng,
i.fa-gongcheng:hover {
    background: url(/EPMasterPage/chain/images/i-3.png) no-repeat center;
}

i.fa-laowu,
i.fa-laowu:hover {
    background: url(/EPMasterPage/chain/images/i-4.png) no-repeat center;
}

i.fa-fuwu,
i.fa-fuwu:hover {
    background: url(/EPMasterPage/chain/images/i-5.png) no-repeat center;
}

i.fa-xianzhi,
.i.fa-xianzhi:hover {
    background: url(/EPMasterPage/chain/images/i-6.png) no-repeat center;
}

i.fa-wuzi:hover,
i.fa-shebei:hover,
i.fa-gongcheng:hover,
i.fa-laowu:hover,
i.fa-fuwu:hover,
i.fa-xianzhi:hover {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    /* IE 9 */
    -moz-transform: rotate(360deg);
    /* Firefox */
    -webkit-transform: rotate(360deg);
    /* Safari å’Œ Chrome */
    -o-transform: rotate(360deg);
}


/*分类图标*/


/*采购招标模块结束*/


/*轮播上文字样式*/

.carousel {
    /* padding-top: 60px; */
	margin-top: 60px;
}

.carousel-inner .carousel-item,
.carousel-inner .carousel-item img {
    width: 100%;
    height: auto;
}

.carousel-caption {
    top: 180px;
    text-align: left;
}

.carousel-caption h2 {
    color: #fff;
}

.carousel-caption h2 span {
    display: block;
    font-size: 50px;
    margin-bottom: 30px;
    font-weight: normal;
}

.carousel-caption h2 p {
    display: block;
    font-size: 20px;
}

.carousel-caption .link {
    color: #fff;
    padding-left: 0;
}

.carousel-control-next {
    z-index: 999999999;
}

.link li {
    width: auto;
    padding: 0 15px;
    float: left;
    border-right: 1px solid #e0f2ff;
    height: 18px;
    line-height: 20px;
}

.link li:first-child {
    padding-left: 0;
}

.link li:last-child {
    border-right: 0px solid #e0f2ff;
}

.link li a {
    color: #FFFFFF;
    display: block;
    text-align: center;
    cursor: default;
}

.link li a:hover {
    color: #cee9ff;
}


/*轮播图上文字样式结束*/


/*登录框样式开始*/

.khdl {
    height: 0;
}

.khdl .container {
    height: 0;
    position: relative;
}

.khdl .khdlBox {
    width: 360px;
    height: 408px;
    position: absolute;
    right: 0;
    /* top: -408px; */
    color: #fff;
    overflow: hidden;
}

.khdl .khdlBox .khdl_con {
    position: relative;
    top: 470px;
    height: 408px;
    padding: 0 40px;
    transition: all 0.5s;
    background-color: hsla(224, 9%, 34%, 0.74);
}

.khdl .khdlBox .p1 {
    height: 40px;
    font-size: 18px;
    cursor: pointer;
    padding-top: 8px;
}

.khdl .khdl_con.cur {
    top: 0;
    padding-top: 10px;
}

.khdl .khdl_con.cur .p1 span {
    /*background: url(/EPMasterPage/chain/images/khdlicon04.png)*/
    no-repeat right center;
}


/*.khdl .khdl_con .contop {margin-top: 10px;}*/

.khdl .khdl_con .p2 {
    height: 260px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 10px;
}

.khdl .khdl_con .p2 input {
    display: block;
    height: 50px;
    line-height: 50px;
    border: none;
    text-indent: 20px;
    font-size: 14px;
    color: #999;
    width: 235px;
    padding-right: 40px;
    ;
    box-sizing: content-box;
    border-radius: 5px;
}

.khdl .khdl_con .identify {
    margin-bottom: 10px;
}

.khdl .khdl_con .p3 {
    height: 260px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 10px;
}

.khdl .khdl_con .p3 input {
    display: block;
    height: 50px;
    line-height: 50px;
    border: none;
    text-indent: 20px;
    font-size: 14px;
    color: #999;
    width: 235px;
    padding-right: 40px;
    /*background: url(/EPMasterPage/chain/images/khdlicon03.png) no-repeat 250px center;*/
    box-sizing: content-box;
}

.khdl .khdl_con .p4 {
    overflow: hidden;
    height: 50px;
    margin-bottom: 10px;
}

.khdl .khdl_con .p4 a {
    float: right;
    width: 125px;
    height: 50px;
    line-height: 50px;
    background: #e0f2ff;
    text-align: center;
    color: #0196fc;
}

.khdl .khdl_con .p4 a:first-child {
    float: left;
    width: 125px;
    height: 50px;
    line-height: 50px;
    background: #0196fc;
    color: #fff;
    text-align: center;
}

.xyhzc {
    color: #000;
}

.khdl .khdl_con .p5 {
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 2px;
    border-bottom: 1px solid #ccc;
}

.khdl .khdl_con .p5 label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 10px;
}

.khdl .khdl_con .p5 input {
    position: relative;
    top: -1px;
    vertical-align: middle;
}

.khdl .khdl_con .p5 a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    margin: 0 10px;
}

.khdl .khdl_con .conbot {
    padding-top: 4px;
    height: 65px;
    text-align: center;
}

.khdl .khdl_con .conbot .p6 b {
    display: block;
    font-size: 26px;
    margin-bottom: 10px;
}

.khdl .khdl_con .conbot .p6 i {
    display: block;
    font-size: 10px;
}


/*登录框样式结束*/


/*导航样式开始*/

.sina-nav.navbar-fixed {
    position: fixed;
    background: transparent;
    border: 0;
    z-index: 9999999999;
}

.search-box {
    padding: 8px 0;
    display: none;
    border-radius: 4px;
    overflow: hidden;
    background-color: #f6f6f6;
}

.search-box input.form-control {
    border: 0;
    box-shadow: 0px 0px 0px;
    color: #222;
    background-color: transparent;
}

.search-box .search-input {
    float: left;
    width: calc( 100% - 108px);
}

.search-box .search-addon {
    padding: 12px 20px;
    float: left;
    color: #222;
    background-color: transparent;
}

.search-box .search-addon.close-search {
    cursor: pointer;
}

.sina-nav {
    margin-bottom: 0;
    border-radius: 0px;
    min-height: 60px;
    z-index: 999;
    left: 0;
    right: 0;
    transition: color, background 0.3s ease-in-out;
    background: #fff;
    border: 1px solid #eee;
}

.sina-nav ul,
.sina-nav ul ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sina-nav ul li a {
    display: block;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    line-height: 20px;
    text-decoration: none;
    white-space: normal;
    transition: all 0.3s ease-in-out;
    background: transparent;
}

.sina-nav .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.sina-nav .container,
.sina-nav .container-fluid {
    position: relative;
}

.sina-nav .sina-brand {
    height: 60px;
    max-width: 210px;
    padding: 0;
    margin: 0 50px 0 0;
    float: left;
    text-decoration: none;
}

.sina-nav .sina-brand>img {
    display: block;
    margin-top: 5px;
    width: 67px;
}

.sina-nav .sina-brand h2 {
    color: #222;
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    padding: 0;
}

.sina-nav .sina-brand p {
    color: #222;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    padding: 0;
}

.sina-nav .logo-primary,
.sina-nav.navbar-transparent .logo-secondary {
    display: inline-block;
}

.sina-nav .logo-secondary,
.sina-nav.navbar-transparent .logo-primary {
    display: none;
}

.sina-nav .dropdown-toggle::after {
    width: inherit;
    height: inherit;
    border: 0;
    margin: 0;
}

.sina-nav .dropdown {
    position: relative;
}

.sina-nav .dropdown-menu {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 1000;
}

.sina-nav .open>.dropdown-menu {
    display: block;
}

.sina-nav .collapse:not(.show) {
    display: none;
}

.sina-nav .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

.sina-nav .navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-overflow-scrolling: touch;
}

.sina-nav .navbar-collapse.show {
    overflow-y: auto;
}

.sina-nav .navbar-collapse:before,
.sina-nav .navbar-collapse:after {
    content: " ";
    display: table;
}

.sina-nav .navbar-collapse:after {
    clear: both;
}

.sina-nav .sina-menu li a {
    position: relative;
    display: block;
    font-size: 14px;
}

.sina-nav .sina-menu li .fa-icon-left {
    margin-right: 8px;
}

.sina-nav .sina-menu li .fa-icon-right {
    margin-left: 8px;
}

.sina-nav .sina-menu>li>a {
    padding: 20px 24px;
    max-width: 160px;
}

.sina-nav .sina-menu>li.active>a,
.sina-nav .sina-menu>li>a:hover,
.sina-nav .sina-menu>li>a:focus {
    color: #1085e4;
    background-color: transparent;
}

.sina-nav .sina-menu li .description {
    font-style: italic;
    font-size: 90%;
    margin: 6px 0 0;
    font-weight: 400;
}

.sina-nav .sina-menu .dropdown-menu {
    background-color: #fcfcfc;
    margin: 0;
}

.sina-nav .sina-menu .dropdown-menu li a {
    color: #222;
	padding: 5px 0;
}

.sina-nav .sina-menu .dropdown-menu li.active>a,
.sina-nav .sina-menu .dropdown-menu li>a:hover,
.sina-nav .sina-menu .dropdown-menu li>a:focus {
    color: #1085e4;
    background-color: #f6f6f6;
}

.sina-nav .sina-menu .dropdown-toggle:focus {
    outline: 0;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.sina-nav .sina-menu .mega-menu-col-title:before,
.sina-nav .sina-menu .dropdown .dropdown-toggle:before,
.sina-nav .sina-menu .dropdown .dropdown-toggle:after {
    font-family: 'FontAwesome';
}

.sina-nav.navbar-reverse .search-box .form-control {
    text-align: right;
}

.sina-nav .navbar-collapse {
    padding: 0;
}

.sina-nav .menu-item-has-mega-menu.dropdown {
    position: static;
}

.sina-nav .menu-item-has-mega-menu.dropdown .mega-menu.dropdown-menu {
    width: 100%;
    padding: 0;
    background-color: #fcfcfc;
}

.sina-nav .menu-item-has-mega-menu.dropdown .mega-menu-row {
    width: 100%;
    float: left;
}

.sina-nav .menu-item-has-mega-menu.dropdown .mega-menu-col {
    list-style: none;
    color: #222;
}

.sina-nav .menu-item-has-mega-menu.dropdown .mega-menu-col a {
    color: #222;
}

.sina-nav .menu-item-has-mega-menu.dropdown .mega-menu-col .active>a,
.sina-nav .menu-item-has-mega-menu.dropdown .mega-menu-col>a:hover,
.sina-nav .menu-item-has-mega-menu.dropdown .mega-menu-col>a:focus {
    color: #1085e4;
    background: transparent;
}

.sina-nav .menu-item-has-mega-menu.dropdown .mega-menu-col-title {
    font-size: 15px;
    line-height: 20px;
    margin: 0;
}

.sina-nav .extension-nav {
    float: right;
    margin-left: 50px;
}

.sina-nav .extension-nav>ul {
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 40px;
}

.sina-nav .extension-nav>ul>li {
    float: left;
}

.sina-nav .extension-nav>ul>li>a {
    display: block;
    padding: 20px 12px;
    position: relative;
    font-size: 18px;
    color: #222;
}

.sina-nav .extension-nav>ul>li>a:hover,
.sina-nav .extension-nav>ul>li>a:focus {
    color: #1085e4;
    background-color: transparent;
}

.sina-nav .extension-nav>ul>li>a .shop-badge {
    position: absolute;
    top: 12px;
    right: 10px;
    padding: 4px 5px;
    font-size: 10px;
    line-height: 10px;
    border-radius: 50%;
    background-color: #1085e4;
    color: #fff;
}

.sina-nav .extension-nav>ul>li.dropdown .dropdown-menu {
    border-radius: 0px;
    box-shadow: 0px 0px 0px;
    margin-left: 40px;
    width: 232px;
    left: -232px;
    background-color: #fcfcfc;
    border: solid 1px #eee;
}

.sina-nav .extension-nav>ul>li .shop-menu>li {
    padding: 12px 15px;
    width: 100%;
    overflow: hidden;
    border-bottom: solid 1px #eee;
}

.sina-nav .extension-nav>ul>li .shop-menu>li:last-child {
    border-bottom: 0;
}

.sina-nav .extension-nav>ul>li .shop-menu>li .shop-item-photo {
    padding: 0;
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border: solid 1px #eee;
}

.sina-nav .extension-nav>ul>li .shop-menu>li .shop-item-link,
.sina-nav .extension-nav>ul>li .shop-menu>li .shop-item-price {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    max-width: 130px;
    color: #222;
}

.sina-nav .extension-nav>ul>li .shop-menu>li .shop-item-link {
    color: #1085e4;
}

.sina-nav .extension-nav>ul>li .shop-menu>li .shop-item-link:hover,
.sina-nav .extension-nav>ul>li .shop-menu>li .shop-item-link:focus {
    background-color: transparent;
}

.sina-nav .extension-nav>ul>li .shop-menu>li.shop-total-price .shop-btn {
    display: inline-block;
    color: #222;
    background-color: #fcfcfc;
}

.sina-nav .extension-nav>ul>li .shop-menu>li.shop-total-price .shop-btn:hover,
.sina-nav .extension-nav>ul>li .shop-menu>li.shop-total-price .shop-btn:focus {
    background-color: #1085e4;
    color: #eee;
}

.sina-nav .extension-nav>ul>li .shop-menu>li.shop-total-price>span {
    color: #222;
    float: right;
    font-weight: 700;
    margin-top: 5px;
}

.sina-nav.navbar-fixed.navbar-freez.wp-topbar,
.sina-nav.mobile-sidebar.wp-topbar .navbar-collapse,
.sina-nav.wp-topbar .widget-bar {
    top: 32px;
}

.sina-nav .widget-bar {
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: -300px;
    width: 300px;
    padding: 20px;
    height: 100%;
    z-index: 999;
    transition: all 0.3s ease-in-out;
    background-color: #333;
}

.sina-nav .widget-bar.on {
    right: 0;
}

.sina-nav .widget-bar .widget {
    margin-bottom: 30px;
}

.sina-nav .widget-bar .widget .link li a {
    color: #ccc;
    font-size: 14px;
}

.sina-nav .widget-bar .widget .link li a:focus,
.sina-nav .widget-bar .widget .link li a:hover {
    color: #fcfcfc;
}

.sina-nav .widget-bar .widget .title {
    font-size: 16px;
    margin-bottom: 10px;
    color: #ccc;
    font-weight: 700;
}

.sina-nav .widget-bar .close-widget-bar {
    float: right;
    font-size: 16px;
    color: #ccc;
}

.sina-nav.navbar-reverse .widget-bar {
    right: inherit;
    left: -300px;
    text-align: right;
}

.sina-nav.navbar-reverse .widget-bar.on {
    right: inherit;
    left: 0;
}

.sina-nav.navbar-reverse .widget-bar .close-widget-bar {
    float: left;
}

@media (min-width: 992px) {
    .sina-nav .navbar-toggle {
        display: none;
    }
    .sina-nav .navbar-collapse.collapse {
        display: block;
    }
    .sina-nav.navbar-reverse .sina-nav-header {
        float: right;
    }
    .sina-nav.navbar-reverse .sina-brand {
        margin: 0 0 0 50px;
        text-align: right;
    }
    .sina-nav.navbar-reverse .extension-nav {
        float: left;
        margin-right: 50px;
        margin-left: 0;
    }
    .sina-nav.navbar-reverse .extension-nav li {
        float: right;
    }
    .sina-nav .sina-menu {
        float: left;
    }
    .sina-nav .sina-menu>li {
        float: left;
		position: relative;
    }
    .sina-nav .sina-menu.navbar-left {
        float: left !important;
    }
    .sina-nav .sina-menu>.dropdown>.dropdown-toggle:after {
        content: "\f0d7";
        position: absolute;
        top: 20px;
        right: 5px;
    }
    .sina-nav .sina-menu .dropdown .dropdown-menu {
        box-shadow: 0px 0px 0px;
        border-radius: 0px;
        width: 200px;
        border: solid 1px #eee;
    }
    .sina-nav .sina-menu .dropdown .dropdown-menu .dropdown-menu {
        left: 100%;
        top: 0;
    }
    .sina-nav .sina-menu .dropdown .dropdown-menu .dropdown:first-child .dropdown-menu {
        top: -1px;
    }
    .sina-nav .sina-menu .dropdown .dropdown-menu>li>a {
        padding: 10px 12px;
        border-top: solid 1px #eee;
    }
    .sina-nav .sina-menu .dropdown .dropdown-menu>li:first-child>a {
        border-top: 0;
    }
    .sina-nav .sina-menu .dropdown .dropdown-menu .dropdown>.dropdown-toggle {
        padding: 10px 20px 10px 12px;
    }
    .sina-nav .sina-menu .dropdown .dropdown-menu .dropdown>.dropdown-toggle:before {
        float: right;
        content: "\f105";
        position: absolute;
        right: 8px;
    }
    .sina-nav .sina-menu .dropdown .mega-menu.dropdown-menu {
        max-height: 400px;
        overflow-y: auto;
    }
    .sina-nav .sina-menu .mega-menu-col {
        padding: 10px 15px;
        float: left;
    }
    .sina-nav .sina-menu .mega-menu-col .sub-menu a {
        padding: 6px 10px;
        display: inline-block;
    }
    .sina-nav .sina-menu .mega-menu-col .sub-menu a:hover,
    .sina-nav .sina-menu .mega-menu-col .sub-menu a:focus {
        color: #1085e4;
        background: transparent;
    }
    .sina-nav .sina-menu .mega-menu-col-title {
        font-weight: 700;
        padding: 6px 10px;
        display: inline-block;
    }
    .sina-nav .sina-menu .mega-menu-col-content {
        padding: 4px 10px;
    }
    .sina-nav .sina-menu.navbar-right {
        float: right !important;
        left: auto;
        right: 0;
    }
    .sina-nav .sina-menu.navbar-right .mega-menu.dropdown-menu .mega-menu-col {
        float: right;
    }
    .sina-nav .sina-menu.navbar-right .dropdown-menu .dropdown-menu {
        left: -200px;
    }
    .sina-nav .sina-menu.navbar-right>.dropdown>.dropdown-toggle:after {
        left: 5px;
    }
    .sina-nav .sina-menu.navbar-right .dropdown .dropdown-menu {
        text-align: right;
    }
    .sina-nav .sina-menu.navbar-right .dropdown .dropdown-menu .dropdown>.dropdown-toggle {
        padding: 10px 12px 10px 20px;
    }
    .sina-nav .sina-menu.navbar-right .dropdown .dropdown-menu .dropdown>.dropdown-toggle:before {
        float: left;
        content: "\f104";
        left: 8px;
        right: inherit;
    }
    .sina-nav.navbar-fixed.navbar-freez {
        position: fixed !important;
        top: 0;
    }
    .sina-nav.navbar-transparent {
        background-color: transparent;
        border-color: transparent;
    }
    .sina-nav.navbar-transparent .sina-brand {
        color: #dddddd;
    }
    .sina-nav.navbar-transparent .extension-nav>ul>li>a,
    .sina-nav.navbar-transparent .sina-menu>li>a {
        color: #dddddd;
    }
    .sina-nav.navbar-transparent .extension-nav>ul>li.active>a,
    .sina-nav.navbar-transparent .extension-nav>ul>li>a:hover,
    .sina-nav.navbar-transparent .extension-nav>ul>li>a:focus,
    .sina-nav.navbar-transparent .sina-menu>li.active>a,
    .sina-nav.navbar-transparent .sina-menu>li>a:hover,
    .sina-nav.navbar-transparent .sina-menu>li>a:focus {
        color: #1085e4;
    }
    .sina-nav.logo-center .sina-nav-header {
        width: 100%;
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
    }
    .sina-nav.logo-center .sina-brand {
        float: none;
        display: inline-block;
        margin: 0;
    }
    .sina-nav.logo-center .navbar-collapse {
        text-align: center;
    }
    .sina-nav.logo-center .navbar-collapse .col-half {
        width: 50%;
        float: left;
        display: block;
    }
    .sina-nav.logo-center .navbar-collapse .col-half.left {
        text-align: right;
        padding-right: 120px;
    }
    .sina-nav.logo-center .navbar-collapse .col-half.right {
        text-align: left;
        padding-left: 120px;
    }
    .sina-nav.logo-center .sina-menu {
        float: none !important;
        margin: 0 0 -7px 0;
        display: inline-block;
        padding: 0;
    }
    .sina-nav.logo-center .sina-menu>li>.dropdown-menu {
        margin-top: -1px;
    }
    .sina-nav.logo-center .sina-menu>li>.dropdown-menu.mega-menu {
        margin-top: 0;
    }
    .sina-nav .sina-menu.navbar-center {
        float: none;
        margin: 0 auto;
        display: table;
    }
}

@media (max-width: 991px) {
    .sina-nav {
        background-color: #fff;
        border-color: #eee;
    }
    .sina-nav.navbar-fixed.navbar-freez.wp-topbar {
        top: inherit;
    }
    .sina-nav .sina-brand {
        display: inline-block;
        float: none;
        text-align: center;
        margin: 0 0 0 -35px;
        color: #222;
    }
    .sina-nav .sina-brand h2 {
        margin-top: 0;
    }
    .sina-nav.navbar-reverse .sina-brand,
    .sina-nav.navbar-reverse .sina-brand {
        margin: 0 -26px 0 15px;
    }
    .sina-nav .sina-nav-header {
        float: none;
        display: block;
        text-align: center;
        height: 60px;
    }
    .sina-nav .navbar-toggle {
        display: inline-block;
        position: relative;
        float: left;
        font-size: 18px;
        margin: 13px 0 0 0;
        padding: 4px 10px;
        width: 38px;
        cursor: pointer;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        transition: all 0.3s ease-in-out;
        color: #222;
    }
    .sina-nav .navbar-toggle:hover,
    .sina-nav .navbar-toggle:focus {
        outline: 0;
        color: #222;
        background-color: #f6f6f6;
    }
    .sina-nav.navbar-reverse .navbar-toggle {
        float: right;
    }
    .sina-nav.navbar-reverse .extension-nav {
        left: 15px;
        right: inherit;
        margin-left: 0;
        margin-right: 15px;
    }
    .sina-nav.navbar-reverse .extension-nav li {
        float: right;
    }
    .sina-nav .navbar-collapse {
        overflow-y: auto !important;
        border: 1px solid #eee;
    }
    .sina-nav .mega-menu-col .mega-menu-col-title,
    .sina-nav .dropdown .dropdown-toggle {
        padding: 12px 24px 12px 12px;
    }
    .sina-nav .mega-menu-col .mega-menu-col-title:before,
    .sina-nav .dropdown .dropdown-toggle:before {
        float: right;
        content: "\f105";
        font-size: 16px;
        position: absolute;
        right: 8px;
    }
    .sina-nav .mega-menu-col.on .mega-menu-col-title:before,
    .sina-nav .dropdown.on>.dropdown-toggle:before {
        content: "\f107";
    }
    .sina-nav .sina-menu {
        float: none !important;
    }
    .sina-nav .sina-menu li {
        float: none;
    }
    .sina-nav .sina-menu li .mega-menu-col-title,
    .sina-nav .sina-menu li a {
        max-width: inherit;
        padding: 12px;
        font-weight: 400;
        display: block;
        cursor: pointer;
        font-size: 14px;
        line-height: 20px;
        transition: all 0.3s ease-in-out;
        color: #222;
        border-top: solid 1px #eee;
    }
    .sina-nav .sina-menu li a:hover,
    .sina-nav .sina-menu li a:focus,
    .sina-nav .sina-menu li.active>a,
    .sina-nav .sina-menu li .mega-menu-col-title:hover,
    .sina-nav .sina-menu li .mega-menu.dropdown-menu .mega-menu-col .active>a,
    .sina-nav .sina-menu li .dropdown-menu li.active>a,
    .sina-nav .sina-menu li .dropdown-menu li a:hover,
    .sina-nav .sina-menu li .dropdown-menu li a:focus,
    .sina-nav .sina-menu li .mega-menu .mega-menu-col ul li a:hover,
    .sina-nav .sina-menu li .mega-menu .mega-menu-col ul li a:focus {
        color: #222;
        background-color: #f6f6f6;
    }
    .sina-nav .sina-menu>li:first-child>a {
        border-top: 0;
    }
    .sina-nav .sina-menu .dropdown .mega-menu.dropdown-menu,
    .sina-nav .sina-menu .dropdown .dropdown-menu {
        float: none;
        position: relative;
        left: 0;
        box-shadow: 0px 0px 0px;
        border-radius: 0px 0px 0px;
        border: 0;
        background-color: transparent;
    }
    .sina-nav .sina-menu .dropdown .mega-menu.dropdown-menu .mega-menu-row {
        float: none;
    }
    .sina-nav .sina-menu .dropdown .mega-menu.dropdown-menu .mega-menu-row .mega-menu-col {
        padding: 0;
    }
    .sina-nav .sina-menu .dropdown .mega-menu.dropdown-menu .mega-menu-row .mega-menu-col-title {
        font-size: 14px;
    }
    .sina-nav.navbar-transparent {
        border-color: transparent;
    }
    .sina-nav.logo-center .sina-menu .dropdown .dropdown-toggle:before {
        content: "\f105";
        float: right;
    }
    .sina-nav.logo-center .sina-menu .dropdown.on>.dropdown-toggle:before {
        content: "\f107";
    }
    .sina-nav.logo-center .col-half:first-child .sina-menu {
        padding-bottom: 0;
    }
    .sina-nav.logo-center .col-half:first-child .sina-menu>li:first-child>a {
        border-top: 0;
    }
    .sina-nav.logo-center .col-half:last-child .sina-menu {
        padding-top: 0;
    }
    .sina-nav.logo-center .col-half:last-child .sina-menu>li:first-child>a {
        border-top: solid 1px #eee;
    }
    .sina-nav .extension-nav {
        position: absolute;
        right: 15px;
        margin-right: 0;
    }
    .sina-nav .extension-nav>ul>.dropdown>.dropdown-toggle,
    .sina-nav .extension-nav>ul>li>a {
        padding: 20px 10px;
        color: #222;
    }
    .sina-nav .extension-nav>ul>.dropdown>.dropdown-toggle:hover,
    .sina-nav .extension-nav>ul>.dropdown>.dropdown-toggle:focus,
    .sina-nav .extension-nav>ul>li>a:hover,
    .sina-nav .extension-nav>ul>li>a:focus {
        color: #222;
    }
    .sina-nav .extension-nav>ul .dropdown>.dropdown-toggle:before {
        display: none;
    }
    .sina-nav.mobile-sidebar .navbar-collapse {
        position: fixed;
        overflow-x: hidden;
        display: block;
        z-index: 99;
        width: 300px;
        height: 100% !important;
        max-height: 100%;
        left: -300px;
        top: 0;
        padding: 0 0 60px;
        margin: 0;
        transition: all 0.3s ease-in-out;
        background-color: #fcfcfc;
    }
    .sina-nav.mobile-sidebar .navbar-collapse.show {
        left: 0;
    }
    .sina-nav.mobile-sidebar .navbar-collapse .mega-menu-col {
        width: 100%;
        max-width: 100%;
    }
    .sina-nav.mobile-sidebar .sina-menu {
        padding: 15px;
        margin: 0;
    }
    .sina-nav.mobile-sidebar.navbar-reverse .navbar-collapse {
        right: -300px;
        left: inherit;
    }
    .sina-nav.mobile-sidebar.navbar-reverse .navbar-collapse.show {
        right: 0;
        left: inherit;
    }
    body.mobile-left>.wrapper {
        margin-left: 300px;
        margin-right: -300px;
    }
    body.mobile-right>.wrapper {
        margin-right: 300px;
        margin-left: -300px;
    }
    body>.wrapper {
        transition: all 0.3s ease-in-out;
        position: relative;
    }
}

@media (max-width: 767px) {
    .sina-nav .sina-nav-header,
    .sina-nav .navbar-collapse {
        margin: 0;
    }
    .sina-nav .sina-brand.social-on {
        margin-top: 60px;
    }
}

@media (max-width: 479px) {
    .sina-nav .widget-bar {
        right: -250px;
        width: 250px;
    }
    body.on-side {
        margin-left: -250px;
    }
    body.mobile-left>.wrapper {
        margin-left: 250px;
        margin-right: -250px;
    }
    body.mobile-right>.wrapper {
        margin-right: 250px;
        margin-left: -250px;
    }
    .sina-nav.mobile-sidebar .navbar-collapse {
        width: 250px;
        left: -250px;
    }
}

@media (max-width: 782px) {
    .sina-nav.mobile-sidebar.wp-topbar .navbar-collapse {
        top: 46px;
    }
    .sina-nav.wp-topbar .widget-bar {
        top: 46px;
    }
}


/*导航样式结束*/


/*homepage.css开始*/


/*固定导航栏*/

.sina-nav .sina-menu>li>a {
    color: #2E2E35;
    font-family: "微软雅黑";
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.sina-nav .sina-menu>.dropdown>.dropdown-toggle:after {
    content: none;
}

.sina-nav .extension-nav>ul>li>a {
    display: block;
    padding: 10px 12px;
    position: relative;
    font-size: 20px;
    color: #ffffff;
}

.sina-nav.scroll .extension-nav>ul>li>a {
    color: #222;
}

.sina-nav .extension-nav {
    margin-left: 40px;
}

.sina-nav .sina-brand {
    margin: 0 20px 0 0;
}

.sina-nav {
    border-left: 0px solid #eee;
    border-right: 0px solid #eee;
    border-bottom: 1px solid #0096FB;
    border-top: 0px solid #eee;
}

.sina-nav .menu-item-has-mega-menu.dropdown .mega-menu-col a.s-c {
    float: left;
    color: #FDCC3E;
}

.sina-nav .menu-item-has-mega-menu.dropdown .mega-menu-col a.more {
    float: right;
    color: #0196fc;
}

.r-bg-parallax .dropdown-menu {
    border: 1px solid rgba(137, 137, 137, 0.15);
}

.dropdown-menu dd,
.dropdown-menu li {
    /* width: 220px; */
    /* float: left;*/
	text-align: center;
}

.r-bg-parallax .dropdown-menu li {
    width: 100%;
    float: left;
    line-height: 36px;
    padding: 0 10px;
}

.r-bg-parallax .dropdown-menu li:nth-child(even) {
    background: #eee;
}

.dropdown-menu li p {
    color: #868789;
    font-size: 12px;
}

.dropdown-menu li a {
    display: block;
    color: #2E2E35;
}

.btn-2 {
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    background: #0096fb;
    overflow: hidden;
    width: auto;
    padding-top: 0px;
    padding-right: 22px;
    padding-left: 22px;
    padding-bottom: 0px;
    margin-right: 2.5em;
    line-height: 40px;
    float: left;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
}

.btn-2 a {
    text-decoration: none;
    display: block;
}

.btn-2 span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-2:hover {
    background-color: #dff2ff;
    color: #2E2E35;
}

.btn-2:hover>span {
    opacity: 0;
    -webkit-transform: translate(0px, -40px);
    transform: translate(0px, -40px);
}

.btn-2::after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate(0, 30%);
    transform: translate(0, 30%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-2:hover::after {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.btn-3 {
    color: #0096fb;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    background: #dff2ff;
    overflow: hidden;
    width: auto;
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 22px;
    padding-bottom: 0px;
    margin-right: 2.5em;
    line-height: 38px;
    float: left;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #0096FB;
}

.btn-3 a {
    text-decoration: none;
    display: block;
}

.btn-3 span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-3:hover {
    background-color: #0096FB;
    color: #ffffff;
}

.btn-3:hover>span {
    opacity: 0;
    -webkit-transform: translate(0px, -40px);
    transform: translate(0px, -40px);
}

.btn-3::after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate(0, 30%);
    transform: translate(0, 30%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-3:hover::after {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.search-box {
    background-color: #dff2ff;
}

.sina-nav .widget-bar {
    background-color: #1c3e58;
}

.sina-nav ul li a {
    font-family: "微软雅黑";
}

.sina-nav .widget-bar .widget .link li a {
    margin-right: 15px;
    margin-left: 15px;
}

.sina-nav .widget-bar .widget .title {
    margin-top: 100px;
}


/*共同*/

.box-title {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
    padding: 0 25%;
}

.box-title h2 {
    color: #323232;
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.box-title h2:after {
    content: '';
    width: 80px;
    height: 2px;
    display: inline-block;
    background: #0062ab;
    position: absolute;
    top: 36px;
    left: 46.5%;
}

.box-title p {
    font-size: 14px;
    color: #868789;
}


/*采购招标*/

.nt-box {
    background-color: #ffffff;
    float: left;
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 10px;
    width: 100%;
    display: inline;
}

.c-box {
    float: left;
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0;
    /* padding-bottom:20px; */
    width: 100%;
    display: inline;
    background-image: url("/EPMasterPage/chain/images/c-bg-1.png");
}

.classify {
    /* padding-top: 25px; */
    /* padding-bottom: 25px; */
    text-align: center;
    display: block;
}

.classify i {
    font-size: 40px;
    text-align: center;
    /* height: 80px; */
    padding-top: 10px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border: 2px dashed #eee;
    width: 50px;
    border-radius: 100%;
    height: 50px;
    padding-top: 30px;
    color: #868789;
    background-size: 50%;
}

.classify i:hover {
    background-size: 50%;
}

.classify h3 {
    margin: 10px 0px;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    color: #333;
}

.classify:hover i {
    color: #0096fb;
    border-color: #0096fb;
    /*background: #fff;*/
}

.classify:hover h3 {
    color: #0096fb;
}

.clearfix {
    zoom: 1;
}


/* 数字化采购平台 */

.re-box {
    float: left;
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
    width: 100%;
    display: inline;
    background-image: url(/EPMasterPage/chain/images/bg-1.jpg);
}

.r-bg-parallax {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    min-height: 100%;
}

.re-box h2 {
    color: #FFFFFF;
}

.col-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    float: left;
    color: #FFFFFF;
    padding-top: 10px;
}

.time1 {
    text-align: center;
    padding-top: 11px;
}

.counter {
    border-radius: 5px;
    padding-bottom: 20px;
}

.timex {
    font-size: 18px;
    padding-top: 32px;
}

.count-title {
    font-weight: normal;
    text-align: center;
}

.timey {
    font-size: 16px;
    text-align: center;
    color: #ffffff;
}

.n-i i {
    font-size: 45px;
    color: #e0f2ff;
    text-align: center;
    display: block;
}


/* 产品与服务 */

.pr-box {
    background-color: #ffffff;
    float: left;
    padding-top: 50px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 50px;
    width: 100%;
    display: inline;
}

.card-box {
    padding-top: 20px;
    padding-bottom: 60px;
}

.card-area {
    padding: 0;
    margin: 0;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    width: 100%;
}

.card-area .card-item {
    float: left;
    position: relative;
    list-style: none;
    width: 25%;
    background-color: #ffffff;
    border: 1px solid #e2f1ff;
    height: 480px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.card-area .card-item .card-title {
    padding-top: 20px;
    padding-bottom: 5px;
}

.card-area .card-item .card-title h4 {
    font-weight: bold;
    color: #0062ab;
}

.card-area .card-item .card-title h4,
.card-area .card-item .card-title a {
    margin: 0;
    line-height: 2em;
}

.card-area .card-item .card-content {
    padding-top: 10px;
    padding-bottom: 30px;
}

.card-area .card-item .card-content a {
    line-height: 45px;
    display: block;
    color: #2E2E35;
    text-decoration: none;
}

.card-area .card-item .card-content a {
    padding-left: 20px;
    padding-right: 20px;
}

li.card-item:hover {
    border: 1px solid #0062ab;
    box-shadow: 0 0 20px 0 rgba(45, 183, 245, .5);
    color: #fff;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    z-index: 11;
}

li.card-item.bg1:hover {
    background-image: url("/EPMasterPage/chain/images/CPFW/pr-1.jpg");
}

li.card-item.bg2:hover {
    background-image: url("/EPMasterPage/chain/images/CPFW/pr-2.jpg");
}

li.card-item.bg3:hover {
    background-image: url("/EPMasterPage/chain/images/CPFW/pr-3.jpg");
}

li.card-item.bg4:hover {
    background-image: url("/EPMasterPage/chain/images/CPFW/pr-4.jpg");
}

li.card-item:hover .card-title h4 {
    color: #fff;
}

li.card-item:hover .card-content a {
    color: #fff;
    text-decoration: none;
}

.more {
    font-size: 18px;
    text-decoration: none;
}


/*解决方案*/

.solution {
    float: left;
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
    width: 100%;
    display: inline;
    /* background-image: url("/EPMasterPage/chain/images/s-bg.png"); */
}

.solution-title {
    width: 100%;
}

.solution-title h4 {
    font-size: 24px;
    text-align: center;
}

.solution-title h3 {
    text-align: center;
    margin-top: -9px;
    margin-bottom: -2px;
}

.solution-title label {
    width: 100px;
    border-top: 2px solid #3180ba;
}

.solution-title h5 {
    font-size: 14px;
    text-align: center;
}

.solution .yun_model {
    float: left;
    width: 20%;
    height: 300px;
    position: relative;
    margin-top: 20px;
}

.solution .yun_model .yun_bg {
    width: 100%;
    height: 100%;
    color: #fff;
    position: relative;
}

.solution .yun_model .yun_bg h4 {
    position: absolute;
    bottom: 20px;
    font-size: 22px;
    left: 20px;
    color: #fff;
}

.solution .cgzb {
    background: url('/EPMasterPage/chain/images/YCSC/cgzb.png') no-repeat top left;
}

.solution .agsc {
    background: url('/EPMasterPage/chain/images/YCSC/agsc.png') no-repeat top left;
}

.solution .gyljr {
    background: url('/EPMasterPage/chain/images/YCSC/gyljr.png') no-repeat top left;
}

.solution .clfw {
    background: url('/EPMasterPage/chain/images/YCSC/clfw.png') no-repeat top left;
}

.solution .fjwz {
    background: url('/EPMasterPage/chain/images/YCSC/fjwz.png') no-repeat top left;
}

.solution .yun_model:hover .yun_bg h4 {
    display: none;
    transition: all 0.5s;
}

.solution .yun_model .yun_mark {
    display: block;
    width: 100%;
    height: 0;
    background-color: #3180ba;
    opacity: .8;
    transition: all 0.5s;
    position: absolute;
    top: 0px;
}

.solution .yun_model .yun_mark h4 {
    display: none;
    font-size: 22px;
    transition: all 0.5s;
    padding: 20px 0 0 20px;
    color: #fff;
}

.solution .yun_model .yun_mark p {
    display: none;
    font-size: 14px;
    transition: all 0.5s;
    padding: 10px 20px 0 20px;
}

.solution .yun_model .yun_mark h4 a,
.solution .yun_model .yun_mark p a {
    color: #fff;
}

.solution .yun_model:hover .yun_mark {
    display: block;
    width: 100%;
    height: 100%;
}

.solution .yun_model:hover .yun_mark h4,
.solution .yun_model:hover .yun_mark p {
    display: block;
}

.solution .solution-btn {
    margin: 0 auto;
    background-color: #0096fb;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    margin-top: 30px;
    transition: all 0.3s;
}

.solution .solution-btn:hover {
    background-color: #dff2ff;
    color: #000;
}

.solution h2 {
    color: #FFFFFF;
    font-size: 2rem;
}

.solution p {
    color: #FFFFFF;
    font-size: 16px;
}

.igo-service {
    width: 100%;
    height: 590px;
    background: url('/EPMasterPage/chain/images/agy.png') no-repeat center center;
}

.igo-service ul {
    position: relative;
    margin: 0px auto;
    padding: 0;
    left: -18px;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    list-style: none;
    overflow: hidden;
}

.igo-service ul li {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 50%;
    transform-origin: 0% 100%;
    overflow: hidden;
    transition: all 0.5s;
}

.igo-service ul li.splice-one {
    /* transform: rotate(0deg) skewY(-18deg); */
    /* background: black; */
    background-size: 73%;
    background-position: 23px 30px;
    right: 10px;
}

.igo-service ul li.splice-one:hover {
    /* transform: rotate(0deg) skewY(0deg); */
    /* background: black; */
    background: url('/EPMasterPage/chain/images/YCSC/one.png') no-repeat;
    background-size: 76%;
    background-position: 21px 25px;
}

.igo-service ul li.splice-one a {
    width: 100%;
    height: 74%;
    display: block;
}

.igo-service ul li.splice-two {
    /* transform: rotate(-72deg) skewY(-18deg); */
    /* background: yellow; */
    top: 20px;
    right: 220px;
    /* background: url('/EPMasterPage/chain/images/YCSC/two.png') no-repeat; */
    background-size: 73%;
    background-position: 37px 12px;
}

.igo-service ul li.splice-two:hover {
    background: url('/EPMasterPage/chain/images/YCSC/two.png') no-repeat;
    background-size: 76%;
    background-position: 32px 7px;
}

.igo-service ul li.splice-two a {
    width: 80%;
    height: 74%;
    display: block;
}

.igo-service ul li.splice-three a {
    width: 80%;
    height: 74%;
    display: block;
}

.igo-service ul li.splice-four a {
    width: 80%;
    height: 74%;
    display: block;
}

.igo-service ul li.splice-three {
    /* transform: rotate(-144deg) skewY(-18deg); */
    /* background: black; */
    top: 175px;
    right: 245px;
    background: url('/EPMasterPage/chain/images/YCSC/three.png') no-repeat;
    background-size: 63%;
    background-position: 41px 25px;
}

.igo-service ul li.splice-three:hover {
    background: url('/EPMasterPage/chain/images/YCSC/three.png') no-repeat;
    background-size: 66%;
    background-position: 36px 24px;
}

.igo-service ul li.splice-four {
    /* transform: rotate(-216deg) skewY(-18deg); */
    /* background: yellow; */
    top: 280px;
    right: 110px;
    background: url('/EPMasterPage/chain/images/YCSC/four.png') no-repeat;
    background-size: 86%;
    background-position: 31px 38px;
}

.igo-service ul li.splice-four:hover {
    background: url('/EPMasterPage/chain/images/YCSC/four.png') no-repeat;
    background-size: 89%;
    background-position: 25px 36px;
}

.igo-service ul li.splice-five {
    /* transform: rotate(-288deg) skewY(-18deg); */
    /* background: black; */
    top: 150px;
    right: -25px;
    /*   background: url('/EPMasterPage/chain/images/YCSC/five.png') no-repeat; */
    background-size: 62%;
    background-position: 55px 17px;
}

.igo-service ul li.splice-five:hover {
    background: url('/EPMasterPage/chain/images/YCSC/five.png') no-repeat;
    background-size: 62%;
    background-position: 57px 15px;
}

.igo-service ul li.splice-five a {
    width: 62%;
    height: 50%;
    display: block;
    margin-left: 65px;
    margin-top: 53px;
}

.igo-service ul li.splice-six {
    position: relative;
    top: 148px;
    left: 160px;
    background-position: center;
    transition: All 1s;
    opacity: .8;
    transform-origin: center;
    text-align: center;
    line-height: 190px;
    width: 42%;
    height: 38%;
}

.igo-service ul li.splice-six:hover {
    background: url('/EPMasterPage/chain/images/YCSC/zero_01.png') no-repeat center;
    transform: rotate(360deg);
}

.igo-service ul li.splice-six a {
    font-size: 20px;
    font-weight: bold;
    transition: all 1s;
    opacity: 0;
}

.igo-service ul li.splice-six:hover a {
    opacity: 1;
}

.news-r {
    width: 340px;
    height: 40px;
    float: left;
    border-bottom: 1px solid #555555;
    margin-top: 22px;
    color: #FFFFFF;
    font-size: 16px;
}

.news-r.notice_active {
    float: left;
    height: 40px;
    overflow: hidden;
    position: relative;
}

.news-r .notice_active li {
    list-style-type: none;
    line-height: 2.4rem;
    overflow: hidden;
}

.nr-i i {
    font-size: 30px;
    line-height: 40px;
}

.btn-4 {
    background-color: #0198fc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 16px;
    padding: 16px 31px;
    text-decoration: none;
}

.btn-4:hover {
    background-color: #e0f2ff;
}

.btn-4:active {
    position: relative;
    top: 1px;
}

.ycsc-content {
    float: left;
    width: 100%;
}

.ycsc-title h2,
.ycsc-title p {
    display: block;
    width: 100%;
    text-align: center;
    color: #868789;
    margin-bottom: 0;
}

.ycsc-title h2 {
    margin-top: 20px;
    font-size: 28px;
    color: #323232;
    margin-bottom: 10px;
    position: relative;
}

.ycsc-title h2:after {
    content: '';
    width: 100px;
    height: 2px;
    display: inline-block;
    background: #0062ab;
    position: absolute;
    top: 35px;
    left: 520px;
}

.ycsc-box {
    margin-top: 20px;
}

.left-top {
    overflow: hidden;
    margin-bottom: 0;
}

.left-top li {
    float: left;
}

.left-top li.leftimg,
.left-top li.leftimg img {
    width: 258px;
    height: auto;
    margin-left: 0px;
}

.left-top li img {
    width: 86px;
    display: block;
    font-size: 0;
    margin-left: -1px;
}

.left-bottom {
    overflow: hidden;
}

.left-bottom li {
    float: left;
}

.left-bottom li img {
    width: 86px;
    height: auto;
    margin-top: -1px;
}

.ycsc-news dt,
.ycsc-news dd {
    overflow: hidden;
}

.ycsc-news dt p {
    float: left;
    font-size: 18px;
    background: url('/EPMasterPage/chain/images/YCSC/news01.png') no-repeat center left;
    padding-left: 20px;
    margin-bottom: 0;
}

.ycsc-news dt a {
    float: right;
    font-size: 16px;
    background: url('/EPMasterPage/chain/images/YCSC/more01.png') no-repeat center right;
    padding-right: 10px;
    font-weight: normal;
}

.ycsc-news dt {
    padding-bottom: 3px;
    border-bottom: 2px solid #64a0cd;
    margin-bottom: 5px;
}

.ycsc-news dd a {
    float: left;
    padding-left: 6px;
    color: #000;
}

.ycsc-news dd span {
    float: right;
    padding-right: 10px;
}

.gys {
    text-align: center;
}

.gys img {
    /* width: 100%; */
    height: 335px;
}


/* 云采商城 */

.mall-box {
    background-color: #fbfbfb;
    float: left;
    padding-top: 40px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 40px;
    width: 100%;
    display: inline;
}

.box {
    text-align: center;
    overflow: hidden;
    position: relative;
}

.box:before {
    content: "";
    width: 0;
    height: 100%;
    background: #000;
    padding: 14px 18px;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

.box:hover:before {
    width: 100%;
    left: 0;
    opacity: 0.5;
}

.box img {
    width: 100%;
    height: auto;
}

.box .box-content {
    width: 100%;
    padding: 14px 18px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.box .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 12px;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.box p {
    opacity: 0;
}

.box:hover .box-content p {
    opacity: 1;
    transform: translateY(0px);
    transition-delay: 0.5s;
}

.box .post {
    font-size: 15px;
    text-transform: capitalize;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.box:hover .title,
.box:hover .post {
    opacity: 1;
    transition-delay: 0.7s;
}

.box {
    padding: 0;
    margin: 0;
    list-style: none;
    /* margin-top: 10px; */
}

.box-content a {
    display: block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #0196fc;
    font-size: 14px;
    color: #fff;
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.5s ease 0s;
    text-decoration: none;
    margin: auto;
    border-radius: 5px;
}

.box:hover .box-content a {
    opacity: 1;
    transform: translateY(0px);
    transition-delay: 0.5s;
}

.agscmiddle {
    width: 750px;
}

.agscmiddle .box {
    float: left;
    margin-left: 10px;
    margin-bottom: 14px;
}


/*联系方式*/

.c-us {
    float: left;
    padding-top: 50px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 50px;
    width: 100%;
    display: inline;
    background-image: url(/EPMasterPage/chain/images/bg-2.jpg);
}

.c-us h2 {
    color: #FFFFFF;
    float: right;
    font-size: 2rem;
    font-weight: 500;
    margin-top: 0;
}

.btn-5 {
    background-color: #0198fc;
    color: #ffffff;
    font-size: 22px;
    width: 150px;
    height: 38px;
    display: block;
    text-align: center;
    line-height: 38px;
    border-radius: 5px;
    margin-top: 3px;
}

.radius {
    border-radius: 0px;
}

.btn-5:hover {
    background-color: #e0f2ff;
    border-bottom-right-radius: 0px;
}

.btn-5:active {
    position: relative;
    top: 1px;
}

.centre {
    margin-left: auto;
    margin-right: auto;
}

.centre a {
    display: block;
}


/*供应链结算与支付*/

.finance {
    float: left;
    padding-top: 40px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 40px;
    width: 100%;
    display: inline;
    background-color: #FFFFFF;
}


/*合作伙伴*/

.Partners {
    float: left;
    padding: 50px 0;
    width: 100%;
    display: inline;
    background-image: url(/EPMasterPage/chain/images/banner.jpg);
}

.Partners dl {
    overflow: hidden;
}

.Partners dl dt,
.Partners dl dd {
    float: left;
}

.Partners dl dt {
    width: 160px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}

.Partners dl dd {
    padding-left: 30px;
}

.Partners h2 {
    color: #FFFFFF;
}

.Partners p {
    color: #FFFFFF;
}

.p-box {
    color: #FFFFFF;
    text-align: center;
    padding-left: 250px;
    padding-right: 250px;
}


/*页脚*/

.footer {
    background-color: #434343;
    float: left;
    padding: 20px 0;
    width: 100%;
    display: inline;
    color: #FFFFFF;
}

.footer-list h4,
.contact-list h4 {
    font-size: 18px;
}

.contact-list a {
    color: #fff;
}

.footer-list ul {
    padding-left: 0;
    list-style: none;
}

.red {
    color: #BE0A13;
}

.footer-list ul li a,
.contact-list ul li label {
    float: left;
    width: 160px;
    margin-top: 8px;
    margin-bottom: 0;
    color: #FFFFFF;
    text-decoration: none;
}

.footer-list ul li a:hover {
    color: #8fcdff;
}

.call-n {
    padding-top: 50px;
    padding-right: 10px;
    float: right;
}

.footer-wechat {
    float: right;
}

.footer-wechat p {
    margin-top: 10px;
}

.copyright {
    float: left;
    width: 100%;
    display: inline;
    background-color: #0062AB;
}

.copyright div[class*=col-sm-] {
    min-height: 40px;
}

.copyright p {
    text-align: center;
    margin: 10px;
    line-height: 40px;
    color: #ffffff;
}

.copyright a {
    color: #ffffff;
}


/*homepage.css结束*/

p#userinfo {
    line-height: 30px;
}

p.login-btn a {
    padding: 0 10px;
    background: #437cff;
    color: #fff;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 5px;
}

p.login-btn a.btn-click{
    display: block;
	width: 160px;
	margin: 10px auto;
}

.padding0 {
    padding: 0;
}

.pl10 {
    padding-left: 10px;
    padding-right: 0;
}

.ycsctitle {
    padding-left: 20px;
}


/* 登录页 */

.LoginPage {
    width: 100%;
    height: 100%;
    min-height: 500px;
    background: url('/EPMasterPage/chain/images/YCSC/loginbg.jpg') no-repeat top center;
    background-size: 100%;
}

.login-logo {
    padding-top: 10px;
}

.loginpage-box {
    width: 350px;
    float: right;
    background-color: #fff;
    border-radius: 3px;
    margin-top: 100px;
}

.loginpage-box h3 {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    font-size: 18px;
    margin: 10px;
}

.loginpage-name,
.loginpage-pass,
.loginpage-identity,
.login-check,
.register {
    position: relative;
    padding: 5px 20px;
}

.loginpage-name input,
.loginpage-pass input,
.loginpage-identity input {
    width: 100%;
    height: 34px;
    text-indent: 40px;
    border: 1px solid #eee;
}

.loginpage-identity input {
    width: 73%;
}

.loginpage-identity img {
    height: 32px;
}

.loginpage-name label,
.loginpage-pass label,
.loginpage-identity label {
    position: absolute;
    width: 40px;
    height: 34px;
    margin: 0;
}

.loginpage-name label {
    background: url('/EPMasterPage/chain/images/YCSC/username.png') no-repeat center;
}

.loginpage-pass label {
    background: url('/EPMasterPage/chain/images/YCSC/password.png') no-repeat center;
}

.loginpage-identity label {
    background: url('/EPMasterPage/chain/images/YCSC/indent.png') no-repeat center;
}

.loginpage-box button {
    width: 284px;
    height: 34px;
    margin: 5px auto;
    background-color: #0095fb;
    display: block;
    outline: none;
    border: none;
    color: #fff;
    margin-top: 10px;
    cursor: pointer;
}

.login-check,
.register {
    font-size: 12px;
    /* line-height: 18px; */
    overflow: hidden;
    color: #333;
}

.login-check input {
    margin-top: -2px;
}

.login-check a {
    color: #333;
}

.login-check .checkbox {
    float: left;
}

.login-check .forget {
    float: right;
}

.register {
    text-align: right;
}

.hidden{
	display: none !important;
}

/* 公告详情 */
.message-box .message-danger{
	padding: 15px;
	background-color: #f2dede;
	border-radius: 3px;
	margin-bottom: 20px;
	border: 1px solid #ebccd1;
	color: #a94442;
}


/* 提示信息 */
.tips-box{
	position: fixed;
	top: 50%;
	left: 5px;
	width: 212px;
	padding: 15px;
	margin-top: 40px;
	color: #fff;
	background: rgba(0,0,0,.6);
	z-index: 999999999999;
}
.tips-box .tips-close{
	margin-top: -10px;
	height: 21px;
}
.tips-box .tips-close a{
	float: right;
	margin-top: -8px;
	margin-right: -5px;
	color: #ddd;
	font-size: 24px;
}
.tips-box .tips-content a{
	color: #007bff;
}

/* 手机端适配调试开始 */
.agsc0000{
	width: 185px;
}
.agsc0000 .box{
	float: left;
    margin-left: 10px;
    margin-bottom: 14px;
}
.agscright{
	margin-left: 10px;
}
.agscphone{
	display: none;
}
@media screen and (max-width: 576px){
	body .container{
		width: 100%;
	}
	.extension-nav{
		display: none;
	}
	.sina-nav .navbar-toggle{
		display: none;
	}
	.sina-nav .sina-nav-header{
		float: left;
	}
	.sina-nav .sina-brand.social-on{
		margin: 0;
	}
	.sina-nav .sina-brand>img{
		margin-top: 10px;
	}
	.sina-nav.mobile-sidebar .navbar-collapse{
		position: initial;
		width: auto;
		padding: 0;
		border: none;
	}
	.sina-nav.mobile-sidebar .sina-menu{
		width: 1200px;
		padding: 0;
	}
	.sina-nav .sina-menu>li{
		float: left;
	}
	.sina-nav .sina-menu>li>a{
		line-height: 35px;
	}
	
	
	.re-box{
		padding: 0;
	}
	.countnum span{
		font-size: 14px;
	}
	.timey{
		font-size: 12px;
	}
	.col-1-5{
		width: 20%;
	}
	.classify h3{
		width: 50px;
	}
	#wrap{
		width: auto;
	}
	#wrap>ul>li{
		width: 10%;
	}
	#wrap>ul>li.wrapli.curr{
		width: 80%;
	}
	#wrap>ul>li>.text{
		width: 100%;
		background-position: 0 0;
		background-repeat-y: repeat;
	}
	#wrap>ul>li.curr.wrapli>.text{
	    width: 13%;
	}
	#wrap>ul>li.curr.wrapli>.childwrap{
	    width: 87%;
	}
	.childwrap ul{
		width: 600px;
	}
	.childtab li{
		padding-left: 0;
	}
	.childtab li:first-child{
		padding-left: 15px;
	}
	.tabcompany{
		display: none;
	}
	.tabitemcon h3{
	    width: 100%;
	}
	
	.igo-service ul{
		display: none;
	}
	.igo-service{
		height: 225px;
		background-size: 100%;
	}
	
	
	.agsc0000{
		width: 50%;
	}
	.agsc0000 .box{
	    height: 46%;
	}
	.agsc0000 .box img{
	    height: 100%;
	}
	.agscleft{
		width: 50%;
		height: 334px;
	}
	.agscleft .box{
		margin-left: 10px;
	}
	.agscleft img{
	    height: 320px;
	}
	.agscright img{
		width: 100%;
	}
	.agscright{
		width: 50%;
		margin: 0;
	}
	.agscright .gys{
		margin-left: 10px;
		margin-bottom: 15px;
	}
	
	
	
	.news-left dd a{
		width: 100%;
	}
	.news-left dd span{
		display: none;
	}
	.news-zc .news-img,
	.news-zc .news-type{
		display: none;
	}
	.information-tab .information-left,
	.information-tab .information-right{
		height: 230px;
	}
	
	
	.Partners dl dt{
		width: 130px;
		height: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.Partners dl dd{
		padding-left: 10px;
	}
	
	.footer .col-2{
		display: none;
	}
	.footer .contactUs{
	    flex: 0 0 74%;
	    max-width: 74%;
	}
	
	
	
	
	.agscleft,
	.agsc0000,
	.agscright{
	    display: none;
	}
	.agscphone{
	    display: block;
	    width: 100%;
	}
	.agscphone .box1{
	    position: relative;
	}
	.agscphone .box1>img{
	    /* position: absolute; */
	    width: 100%;
	    height: auto;
	    /* top: 0; */
	    /* left: 0; */
	}
	.agscphone .box1 .title{
	    display: none;
	}
	.agscphone .box-content00{
	    position: absolute;
	    top: 0;
	    left: 0;
		width: 100%;
		height: 100%;
	}
	.agscphone .box-content00>div{
		position: absolute;
	}
	.agscphone .box-content00 a{
		display: block;
		height: 100%;
	    opacity: 0;
	}
	.agscphone .box-content0{
	    width: 14%;
	    height: 100%;
	}
	.agscphone .box-content1{
	    width: 16.4%;
	    height: 50%;
		top: 0;
		left: 14%;
	}
	.agscphone .box-content2{
	    width: 16.4%;
	    height: 50%;
		top: 0;
		left: 30.4%;
	}
	.agscphone .box-content3{
	    width: 16.4%;
	    height: 50%;
		top: 0;
		left: 46.8%;
	}
	.agscphone .box-content4{
	    width: 16.4%;
	    height: 50%;
		top: 0;
		left: 63.2%;
	}
	.agscphone .box-content5{
	    width: 20.4%;
	    height: 100%;
		top: 0;
		left: 79.6%;
	}
	.agscphone .box-content6{
	    width: 16.4%;
	    height: 50%;
		top: 50%;
		left: 14%;
	}
	.agscphone .box-content7{
	    width: 16.4%;
	    height: 50%;
		top: 50%;
		left: 30.4%;
	}
	.agscphone .box-content8{
	    width: 16.4%;
	    height: 50%;
		top: 0;
		left: 46.8%;
	}
	.agscphone .box-content9{
	    width: 16.4%;
	    height: 50%;
		top: 0;
		left: 63.2%;
	}
}

/* 手机端适配调试结束 */
span#cnzz_stat_icon_1277666029{
    display: none;
}