/* css reset www.admin10000.com */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,img{ margin:0; padding:0; }
body { background:#fff; color:#333; font-size:14px; font-family: "Microsoft YaHei",Verdana, Arial, Helvetica, sans-serif; overflow-x: hidden;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#333; text-decoration:none;
    cursor: pointer; }
a.wfEditorMode{
    color: #3da6f3;
}
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll; min-height: 100%;}
body{min-height: 100%;overflow-x: hidden;}
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
/*css初始化END*/
.l-center{text-align: left;}
.c-center{text-align: center;}
.l-center{text-align: right;}


.main{width: 100%; }
.header{position: absolute;top: 0;left: 0;width: 100%;z-index: 5;height: 120px;}
.header2{background:url("http://www.shdksupplychain.com/static/image/navbg.png") repeat;position:fixed;}
.header  .logo{float: left;margin: 20px 0; }
.header .nav{float: right;line-height: 30px;position: relative;margin-top: 20px;}
.header .nav .nav-title{font-size: 16px;color: #fff;text-align: right;}
.header .nav .nav-title .tel b{font-size:24px;margin-left:10px;}
.header .nav .nav-title a{color: #fff;padding: 0 10px; }
.header .nav .nav-title a.active{
    color: #f78833;
}
.header .nav .nav-title a:hover{
    color: #f78833;
}
.header .nav ul li{float: left;display: inline;margin-left: 32px ;}
.header .nav ul li a{padding: 20px 0;font-size: 16px;color: #fff;font-weight: bold;}
/*.header .nav ul li.active a{border-bottom: 2px solid #418c96;color: #418c96;}*/
.header .nav ul li a:hover{border-bottom: 2px solid #fff;color: #fff;}
.header  .search{position: absolute;top:3px;right: 0;}
.header  .search input{width: 0px;height: 30px;border: none;border-bottom: 1px solid #418c96;}
.con-cen{width: 1200px;margin: 0 auto;position: relative;}
.banner{width: 100%;position: relative;}
.banner .banner-con{width: 100%;}
.banner .banner-con .indexbg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("http://www.shdksupplychain.com/static/image/indexbg.png") repeat;z-index: 1;}
.banner .banner-items{width: 1920px;}
.banner .banner-items .fss-wrapper{width: 100%;float: left;}
.banner .banner-items .fss-wrapper img{width: 100%;height: 100%;overflow: hidden;}

/*.banner .banner-items .item{width: 100%;}*/ 
/*.banner .banner-items .fss-wrapper img{width: 100%;}*/
.banner-pagination{position: absolute;bottom: 40px;margin-left: -45px;left: 50%;width: 100%;z-index: 2;}
.banner-pagination a{width: 8px;height: 8px;background: url(http://www.shdksupplychain.com/static/image/quan.png) center no-repeat;margin-right:8px;text-indent: -999px;float: left;}
.banner-pagination a{*width: 8px; *height: 8px; *background: url(http://www.shdksupplychain.com/static/image/quan.png) center no-repeat ;}
.banner-pagination a span{visibility: hidden;display: inline-block;width: 8px;}
.banner-pagination  a.selected {width: 18px;height: 8px;background: url(http://www.shdksupplychain.com/static/image/quan2.png) center  no-repeat;}
.banner-logo{position: absolute;top:300px;left:0;width: 100%;z-index: 2;}
.b-logo-img{}
.b-logo-img .b-logo{width: 1200px;margin: 0 auto;}



#homebanner .sq{position:absolute;z-index:2;width:1210px;left:50%;margin-left:-605px;bottom:60px;height:150px;}
#homebanner .sq .sqitem{float:left;height:100%;width:403px;text-align: center;}
#homebanner .sq .sqitem .yuan{width:100px;height:100px;background:url(http://www.shdksupplychain.com/static/image/yuan.png) no-repeat center center;display: inline-block;font-size:30px;color:#ffffff;text-align: center;line-height:100px;position:relative;}
#homebanner .sq .sqitem p{float:left;width:100%;font-size:16px;color:#fff;margin-top:26px;}
#homebanner .sq .sqitem .yuan .canvas{position:absolute;top:0px;left:0px;}

#homebanner .sq .sqitem .yuan1ie8{background:url(http://cn.poweruping.com/themes/basiccn/skin/images/yuan1ie8.png) no-repeat center center;}
#homebanner .sq .sqitem .yuan2ie8{background:url(http://cn.poweruping.com/themes/basiccn/skin/images/yuan2ie8.png) no-repeat center center;}
#homebanner .sq .sqitem .yuan3ie8{background:url(http://cn.poweruping.com/themes/basiccn/skin/images/yuan3ie8.png) no-repeat center center;}




#business {
        float: left;
        width: 100%;
        height: 800px;
        overflow: hidden;
        position: relative;
        background: url("../image/pp_02.jpg") center no-repeat; 
}
 .container1 {
        width: 1200px;
        margin: 0 auto;
}

#business .key {
        margin-top: 60px;
        text-align: center;
}

#business .key p {
        font: bold 26px arial, sans-serif;
        text-align: center;
}
#business .key img {
        margin-top: 35px;
}
.business_left {
        margin-top: 100px;
        margin-bottom:100px;
        float: left;
        width: 500px;
        height: 521px;
        position: relative;
        background: url(http://www.shdksupplychain.com/static/image/hover_01.jpg) no-repeat;
}
.business_left2 {
        margin-top: 100px;
        float: left;
        width: 500px;
        height: 521px;
        position: relative;
        background: url(http://www.shdksupplychain.com/static/image/hover_02.jpg) no-repeat;
}
.business_left3 {
        margin-top: 100px;
        float: left;
        width: 500px;
        height: 521px;
        position: relative;
        background: url(http://www.shdksupplychain.com/static/image/hover_03.jpg) no-repeat;
	}
.business_left img {
        width: 100%;
}
#right_list{float:right;}
.business_right {
        float: right;
        width: 590px;
        display: none;
        height: 500px;
        margin: 60px 0px 0px 26px;
        /*text-align: Justify;*/
        /*text-justify: inter-ideograph;*/
}
.business_right.active{
    display: block;
}
.business_right .business_right_con{
    width: 100%;
    height: 450px;
}
.business_right h2{
        font-size: 22px;
        /*font-weight: bold;*/
        font-family: "微软雅黑";
        color: #f78833;
        margin-bottom: 24px;
}
.business_right .business_right_con img{
    width: 100%;
    
}
.business_right .business_right_con p{
    line-height: 24px;
    margin: 10px 0;
}

.business-con{
    width: 100%;
    margin-top: 60px;
}
.business-con .business-slider{
    width: 1200px;
    height: 500px;
    position: relative;
}
.business-con .business-slider .item{
     width: 1200px;
    height: 500px;
    float: left;
    /*cursor: pointer;*/
}
.business-con .business-slider .item .business-left{
    float: left;
    width: 417px;
}
.business-con .business-slider .item .business-right{
    width: 500px;
    float: right;
    height: 500px;
    cursor: pointer;
    border: 1px solid #bbbbbb;
    box-sizing: border-box;
    background: url("../image/bgg.png") repeat;
}
.business-con .business-slider .item .business-right h2{
     font-size: 20px;
	 font-weight: bold;
        color: #000000;
        margin-top: 20px;
        margin-bottom: 24px;
        padding: 0 20px;
}
.business-con .business-slider .item .business-right img{
    width: 100%;
}
.business-con .business-slider .item .business-right .content{
    width: 500px;
    height: 360px !important;
}
.business-con .business-slider .item .business-right p{
    color: #333;
    font-size: 14px;
    line-height: 24px;
    padding: 0 20px;
}


.business-pagation{position: absolute;bottom: 180px;margin-left: -30px;left: 30%;width: 90px;z-index: 2;}
.business-pagation a{width: 12px;height: 12px;background: url(http://www.shdksupplychain.com/static/image/qquan1.png) center no-repeat;margin-right:8px;text-indent: -999px;float: left;}
.business-pagation a{*width: 12px; *height: 12px; *background: url(http://www.shdksupplychain.com/static/image/qquan1.png) center no-repeat ;}
.business-pagation a span{visibility: hidden;display: inline-block;width: 12px;}
.business-pagation  a.selected {width: 12px;height: 12px;background: url(http://www.shdksupplychain.com/static/image/qquan2.png) center  no-repeat;}



.b-item{
    cursor: pointer;
}
.b-item1 {
        width: 340px;
        height: 208px;
        position: absolute;
        top: 30px;
        left: 188px;
        
}

.b-item2 {
        width: 340px;
        height: 300px;
        position: absolute;
        top: 262px;
        left: 263px;
}

.b-item3 {
        width: 330px;
        height: 340px;
        position: absolute;
        top: 239px;
        left: -69px;
}
    


#network {
        float: left;
        width: 100%;
        overflow: hidden;
        position: relative;
        background: url(http://www.shdksupplychain.com/static/image/network_01.jpg) center no-repeat;
}
#network .container1{
    text-align: center;
}
#network .top {
        text-align: center;
        margin-top: 60px;
}

#network .top p {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
}

#network .top img {
        margin: 30px 0px 60px 0px;
}

#network .middle ul {
        overflow: hidden;
        margin: 0 auto;
}

#network .middle li {
        float: left;
        text-align: center;
        padding:0 25px;
        font-size: 17px;
        border-right: 1px solid #fff;
}



#network .middle li a {
        color: #fff;
}

#network .middle li a:hover {
        color: #f39800;
}
#network .middle li a.selected{color:#f39800;}


#network .container {
        text-align: center;
}

#network .bottom {
        margin: 55px 0px 116px 0px;
        position: relative;
}

#network div.bottom.active {
        display: block;
}

#network div.bottom {
        display: none;
}
#network div.cn img:hover{cursor:pointer;}
/*欧洲*/
#network .bottom>div{position: relative;display: inline-block;/*border:1px solid blue;*/top:-25px;}
div.eu{color:#f39800;cursor: pointer;}
div.eu>div{position: absolute;display: none;z-index:20;width:150px;text-align:left;font-size: 16px;}
.eu.eu_01{top:44%;left:26%;}
.eu.eu_02{top:53%;left:23%;}
.eu.eu_03{top:51%;left:29%;}
.eu.eu_04{top:57%;left:28%;}
.eu.eu_05{top:57%;left:32%;}
.eu.eu_06{top:87%;left:20%;}
.eu.eu_07{top:83%;left:29%;}
.eu.eu_08{top:79%;left:30%;}
.eu.eu_09{top:81%;left:33%;}
.eu.eu_10{top:86%;left:31%;}
.eu.eu_11{top:74%;left:32%;}
.eu.eu_12{top:61%;left:36%;}
.eu.eu_13{top:67%;left:31%;}
.eu.eu_14{top:65%;left:33%;}
.eu.eu_15{top:76%;left:39%;}
.eu.eu_16{top:66%;left:41%;}
.eu.eu_17{top:69%;left:42%;}
.eu.eu_18{top:70%;left:45%;}
.eu.eu_19{top:67%;left:45%;}
.eu.eu_20{top:60%;left:39%;}
.eu.eu_21{top:53%;left:40%;}
.eu.eu_22{top:56%;left:43%;}
.eu.eu_23{top:51%;left:46%;}
.eu.eu_24{top:54%;left:50%;}
.eu.eu_25{top:60%;left:45%;}
.eu.eu_26{top:64%;left:44%;}
.eu.eu_27{top:65%;left:49%;}
.eu.eu_28{top:61%;left:52%;}
.eu.eu_29{top:66%;left:54%;}
.eu.eu_30{top:64%;left:56%;}
.eu.eu_31{top:67%;left:58%;}
.eu.eu_32{top:46%;left:49%;}
.eu.eu_33{top:73%;left:46%;}
.eu.eu_34{top:82%;left:53%;}
.eu.eu_35{top:94%;left:51%;}
.eu.eu_36{top:38%;left:49%;}
.eu.eu_37{top:34%;left:47%;}
.eu.eu_38{top:36%;left:56%;}
.eu.eu_39{top:49%;left:57%;}
.eu.eu_40{top:56%;left:61%;}
.eu.eu_41{top:72%;left:68%;}
.eu.eu_42{top:43%;left:65%;}
.eu.eu_43{top:36%;left:67%;}
.eu.eu_44{top:31%;left:67%;}
.eu.eu_45{top:46%;left:82%;}
.eu.eu_46{top:85%;left:72%;}



/*北美*/
div.nh{color:red;position: absolute;}
div.nh{cursor: pointer;}
div.nh{color:#f39800;cursor: pointer;}
div.nh>div{position: absolute;display: none;z-index:20;width:150px;text-align:left;font-size: 16px;}
.nh.nh_01{top:43%;left:28%;}
.nh.nh_02{top:48%;left:30%;}
.nh.nh_03{top:64%;left:28%;}
.nh.nh_04{top:74%;left:51%;}
.nh.nh_05{top:90%;left:48%;}
.nh.nh_06{top:80%;left:74%;}
.nh.nh_07{top:61%;left:67%;}
.nh.nh_08{top:73%;left:71%;}
.nh.nh_09{top:65%;left:77%;}
.nh.nh_10{top:56%;left:72%;}
.nh.nh_11{top:51%;left:80%;}

/*南美*/
div.sh{color:red;position: absolute;}
div.sh{cursor: pointer;}
div.sh{color:#f39800;cursor: pointer;}
div.sh>div{position: absolute;display: none;z-index:20;width:150px;text-align:left;font-size: 16px;}
.sh.sh_01{top:33%;left:9%;}
.sh.sh_02{top:63%;left:29%;}
.sh.sh_03{top:65%;left:53%;}
.sh.sh_04{top:47%;left:80%;}

/*澳大利亚*/
div.au{color:red;position: absolute;}
div.au{cursor: pointer;}
div.au{color:#f39800;cursor: pointer;}
div.au>div{position: absolute;display: none;z-index:20;width:150px;text-align:left;font-size: 16px;}
.au.au_01{top:61%;left:8%;}
.au.au_02{top:69%;left:62%;}
.au.au_03{top:79%;left:75%;}
.au.au_04{top:67%;left:90%;}
.au.au_05{top:46%;left:96%;}

/*东南亚*/
div.est{color:red;position: absolute;}
div.est{cursor: pointer;}
div.est{color:#f39800;cursor: pointer;}
div.est>div{position: absolute;display: none;z-index:20;width:150px;text-align:left;font-size: 16px;}
.est.est_01{top:18%;left:27%;}
.est.est_02{top:35%;left:18%;}
.est.est_03{top:41%;left:25%;}
.est.est_04{top:43%;left:30%;}
.est.est_05{top:61%;left:21%;}
.est.est_06{top:66%;left:26%;}
.est.est_07{top:86%;left:30%;}
.est.est_08{top:33%;left:58%;}

/*中东地区*/
div.mst{color:red;position: absolute;}
div.mst{cursor: pointer;}
div.mst{color:#f39800;cursor: pointer;}
div.mst>div{position: absolute;display: none;z-index:20;width:150px;text-align:left;font-size: 16px;}
.mst.mst_01{top:5%;left:21%;}
.mst.mst_02{top:36%;left:12%;}
.mst.mst_03{top:55%;left:41%;}
.mst.mst_04{top:69%;left:67%;}
.mst.mst_05{top:43%;left:71%;}
.mst.mst_06{top:91%;left:72%;}
.mst.mst_07{top:87%;left:73%;}
.mst.mst_08{top:87%;left:75%;}


/*亚洲*/
div.cn{color:red;position: absolute;}
div.cn{cursor: pointer;}
div.cn{color:#f39800;cursor: pointer;}
div.cn>div{position: absolute;display: none;z-index:20;width:150px;text-align:left;font-size: 16px;}
.cn.cn_01{left:16%;top:30%;}
.cn.cn_02{left:37%;top:63%;}
.cn.cn_03{left:44%;top:62%;}
.cn.cn_04{left:50%;top:68%;}
.cn.cn_05{left:53%;top:82%;}
.cn.cn_06{left:59%;top:74%;}
.cn.cn_07{left:61%;top:69%;}
.cn.cn_08{left:55%;top:62%;}
.cn.cn_09{left:59%;top:59%;}
.cn.cn_10{left:49%;top:45%;}
.cn.cn_11{left:50%;top:54%;}
.cn.cn_12{left:57%;top:48%;}
.cn.cn_13{left:53%;top:45%;}
.cn.cn_14{left:66%;top:34%;}
.cn.cn_15{left:56%;top:41%;}
.cn.cn_16{left:62%;top:64%;}
.cn.cn_17{left:56%;top:85%;}
.cn.cn_18{left:64%;top:80%;}
.cn.cn_19{left:62%;top:86%;}
.cn.cn_20{left:84%;top:54%;}
.cn.cn_23{left:73%;top:49%;}
.cn.cn_21{left:87%;top:52%;}
.cn.cn_22{left:90%;top:50%;}
.cn.cn_23{left:58%;top: 39%;}
.cn.cn_24{left:71%;top: 46%;}
.cn.cn_25{left:72%;top: 53%;}

#network div.eu{position:absolute;}



/*about*/
#about {
        float: left;
        width: 100%;
        height: 800px;
        overflow: hidden;
        position: relative;
        background-color: #f3f3f3;
        background: url(http://www.shdksupplychain.com/static/image/contact11.jpg) center no-repeat;
        /*border-top: 2px dashed #f3f3f3;*/
}
#about .middle{
    text-align: center;
}
#about .top {
        width: 200px;
        margin: 60px auto 60px;
        text-align: center;
        z-index: 2;
}

#about .top>p {
        font-size: 25px;
        font-weight: bold;
        font-family: "微软雅黑";
        color: #000;
}

#about .middle>p {
        margin: 0 auto;
        text-align: center;
        line-height: 29px;
}

#about .bottom {
        width: 1150px;
        margin: 96px auto 158px;
}
#about .bottom p{
        color:#004098;
        font-family: "微软雅黑";
        font-size:14px;
        margin-top:20px;
        font-weight: bold;
}
#about .bottom ul {
        overflow: hidden;
        width:1020px;
        margin:0 auto;
        padding: 0 30px;
}

#about .bottom li {
        float: left;
        margin-left: 50px;
        text-align: center;
        padding: 30px 0;
        cursor: pointer;
}


#about .bottom li img{
/*    display: inherit;
    width: 100%;*/
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
}
#about .bottom li:hover img{
     -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
}

p.about_bottom {
        color: #393c41;
        font-size: 14px;
        margin-top: 20px;
}
/*well*/
#well {
        float: left;
        width: 100%;
        height: 800px;
        overflow: hidden;
        position: relative;
        background: url(http://www.shdksupplychain.com/static/image/back_well.jpg) center no-repeat;
        background-size: cover;
        width: 100%;
}

#well .top {
        text-align: center;
        margin-top: 60px;
}

#well .top p {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
}

#well .top img {
        margin: 30px 0px 60px 0px;
}
#well .well-slide{width: 100%;}
#well .well-slide .well-con{width: 100%;position: relative;}
#well .well-slide .w-item{
    width: 1200px;
    height: 520px;
    margin-top: 30px;
    float: left;
}
#well .well-slide .w-item li{
    width: 190px;
    height: 192px;
    background: url(http://www.shdksupplychain.com/static/image/well_ling.png) no-repeat ;
    background-size:100%;
    text-align: center;
    /*float: left;*/
    /*margin: 0 75px;*/
    display: inline-block;
    overflow: hidden;
    position: relative;
    
    
}


#well .well-slide .w-item li .wfEditorMode{
    position: absolute;
    top: 0;
    right: 0;
}
#well .well-slide .w-item ul{
    float: left;
    margin-top: -30px;
    text-align: center;
    
}
#well .well-slide .w-item ul.even{
    width: 100%;
}
#well .well-slide .w-item ul.odd{
    margin-right: -173px;
}
#well .well-slide .w-item ul.even li{
    margin: 0 75px;
}
#well .well-slide .w-item ul.odd li{
    margin-right: 140px;
}
#well .well-slide .w-item li img{
    width: 60%;
    margin-top:  60px;
}

#well .c-forword{
    width: 30px;
    height: 60px;
    position: absolute;
    top:222px;
    cursor: pointer;
}
#well .a_left{
    left: -80px;
    background: url("http://www.shdksupplychain.com/static/image/well_01.png") center no-repeat;
}
#well .a_left:hover{
    background: url("http://www.shdksupplychain.com/static/image/well_011.png") center no-repeat;
}
#well .a_right{
    right:  -80px;
        background: url("http://www.shdksupplychain.com/static/image/well_02.png") center no-repeat;

}
#well .a_right:hover{
        background: url("http://www.shdksupplychain.com/static/image/well_022.png") center no-repeat;

}

/*contact*/
#contact {
        float: left;
        width: 100%;
        height: 560px;
        overflow: hidden;
        position: relative;
        background: #f7f7f7;
        padding:0 13px;
}

#contact .con_left {
        float: left;
        width: 550px;
        height: 400px;
}

#contact .con_right {
        float: right;
        width: 600px;
        height: 400px;
        margin-top: 108px;
}

#contact p {
        color: #000;
        font-size: 28px;
        font-family: "微软雅黑";
        margin: 100px 0px 30px 0px;
        font-weight: 900;
}

#contact li {
        overflow: hidden;
}

#contact label {
        width: 90px;
        color: #333;
        font-size: 14px;
        font-weight: bold;
}

#contact span {
        color: #666;
        font-size: 14px;
}

#contact label,
#contact span {
        float: left;
        font-family: "微软雅黑";
        line-height: 29px;
}

#contact .way {
        margin-top: 50px;
}

#contact .share li {
        float: left;
        width: 28px;
        height: 28px;
        margin-top: 25px;
        margin-right: 10px;
}

#contact .share li a {
        display: inline-block;
        width: 28px;
        height: 28px;
}

#contact .share li.one {
        background: url(http://www.shdksupplychain.com/static/image/share.png) no-repeat 0px 0px;
}

#contact .share li.two {
        background: url(http://www.shdksupplychain.com/static/image/share.png) no-repeat -34px 0px;
}

#contact .share li.three {
        background: url(http://www.shdksupplychain.com/static/image/share.png) no-repeat -70px 0px;
}

#contact .share li.four {
        background: url(http://www.shdksupplychain.com/static/image/share.png) no-repeat -105px 0px;
}
/*footer*/

#footer {
        height: 85px;
        background: #f78833;
        float: left;
        width: 100%;
        overflow: hidden;
        position: relative;
}

#footer p {
        text-align: center;
        line-height: 85px;
        color: #fff;
        font-family: "微软雅黑";
        font-size: 14px;
}
#footer p a{
    color: #fff;
}
#footer p a:hover{
    text-decoration:underline;
}
/*MAp*/
#googleMap {
        width: 600px;
        height: 360px;
        border: 1px solid #bbb;
}




/*中文字体*/
#network{height:800px;}
#network .middle ul.country_name{
        overflow: hidden;
        display:table;
        margin: 0 auto;
        font-family: 'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;
        font-size:16px;
}
#network .middle ul.country_name li{
        padding:0 15px;
        font-size:16px;
}
#about p.about_china{
  width:90%;
  margin-left: 5%;
        font-family: 'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;
        font-size:14px;
        line-height:24px;
        text-align: left;

}
        
        
        


/*底部*/
.footer{width: 100%;background: #f78833;overflow: hidden;}
.footer .foot-con{margin-top: 5%;
                  float: left;width:100%;}
.footer .foot-item{width: 16.666%;float: left;display: inline;}
.footer .foot-item h2{width: 95%;border-bottom: 1px solid #fff;padding: 20px 0;}
.footer .foot-item h2 a{font-size: 14px;color: #fff;font-weight: bold;}
.footer .foot-item h2 a:hover{text-decoration: underline;}
.footer .foot-item ul{margin: 5% 0;}
.footer .foot-item li a{font-size: 13px;color: #fff;line-height: 24px;}
.footer .foot-item li a.phone{background: url("http://cn.poweruping.com/themes/basiccn/skin/images/phone.png") left center no-repeat ;padding-left: 20px;}
.footer .foot-item li a.phone2{background: url("http://cn.poweruping.com/themes/basiccn/skin/images/phone2.png") left center no-repeat ;padding-left: 20px;}
.footer .foot-item li a.email{background: url("http://cn.poweruping.com/themes/basiccn/skin/images/email.png") left center no-repeat ;padding-left: 20px;}
.footer .foot-item li a:hover{text-decoration: underline;}
.copyright{float: left;color: #fff;}
.copyright a{color: #fff;}
.footer-copyright{float: left;width: 100%;line-height: 57px;}
.share{float: left;}
.share li{float: left;display: inline;}
.gotop{
        width: 60px;
    height: 60px;
    background: url(http://www.shdksupplychain.com/static/image/top.png) no-repeat center center;
    cursor: pointer;
    position: fixed;
    right: 80px;
    bottom: 20%;
    z-index: 99999;
}
.gotop:hover{
    background: url(http://www.shdksupplychain.com/static/image/top2.png) no-repeat center center;
}
/*时钟代码*/
.time-list{
    width: 33.33%;
    float: left;
}
.time-list .time-text{
    text-align: center;
}
.time-list .time-text p{
    color: #004098 !important;
}
.time-con{
	width:128px;
	height:128px;
	position:relative;
        /*background: #fff;*/
        margin: 0 auto;
        /*float: left;*/
}

.clock {
    position: absolute;
    opacity: 1;
}

.fill .clock {
    left: 50%;
    top: 50%;
}

.centre {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
}

.expand {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
}

.anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

.element {
    position: absolute;
    top: 0;
    left: 0;
}

.round {
    border-radius: 296px;
}

.circle-1 {
    background: white;
    width: 12px;
    height: 12px;
}

.circle-2 {
    background: #004098;
    width: 8px;
    height: 8px;
}

.circle-3 {
    background: black;
    width: 4px;
    height: 4px;
}

.second {
    transform: rotate(180deg);
}

.minute {
    transform: rotate(54deg);
}

.second-hand {
    width: 2px;
    height: 164px;
    background: #004098;
    transform: translate(-50%,-100%) translateY(24px);
}

.hour {
    transform: rotate(304.5deg);
}

.thin-hand {
    width: 4px;
    height: 50px;
    background: #004098;
    transform: translate(-50%,-100%);
}

.fat-hand {
    width: 10px;
    height: 57px;
    border-radius: 10px;
    background: #004098;
    transform: translate(-50%,-100%) translateY(-18px);
}

.minute-hand {
    height: 112px;
}

.hour-text {
    position: absolute;
    font: 40px Hei, Helvetica, Arial, sans-serif;
    color: #004098;
    transform: translate(-50%,-50%);
}

.hour-10 {
    padding-left: 0.4ex;
}
.hour-11 {
    padding-left: 0.25ex;
}

.minute-text {
    position: absolute;
    font: 12px Avenir Next, Helvetica, Arial, sans-serif;
    color: #004098;
    transform: translate(-50%,-50%);
}

.minute-line {
    background: #004098;
    width: 1px;
    height: 9px;
    transform: translate(-50%,-100%) translateY(-131px);
    opacity: 0.34;
}






#work {float: left;height: 800px !important;width: 100%;background: url("http://www.shdksupplychain.com/static/image/123456.jpg") center no-repeat;}
#work .workitem{float:left;width:380px;height:250px;margin-right:30px;margin-bottom:55px;position:relative;overflow: hidden;cursor:pointer;}
#work .workitem .fullimg{position:absolute;width:100%;height:100%;top:0px;left:0px;}
#work .workitem .fullimg .fullwork{width: 100%;height: 100% !important;top:0 !important;}
/*fullwork fss-active-item*/
#work .workitem .fullimg img{width:100%;height:100% !important;}
#work .workitem .shadow{position:absolute;width:100%;height:70px;bottom:0px;left:0px;background:url(http://www.shdksupplychain.com/static/image/bg_shadow.png) repeat;}
/*#work .workitem .shadow a.wfEditorMode{
    position: absolute;
    bottom:-60px;
}*/
#work .workitem .inform{position:absolute;width:100%;height:100%;top:0px;left:0px;display: table}
#work .workitem .inform .informinner{display: table-cell;text-align: center;vertical-align: middle;}
#work .workitem .inform .informinner img{width:80%;}


#work .workgroup{float:left;margin-right: -60px;}
#work>div.top{height:25%;margin-left:7%;position: relative;}
#work>div.top>img{margin-top:25px;}
#work .top{margin: 60px 0 60px 0;float: left;width: 100%;}
#work .top .f_pro{overflow: hidden;float: left;}
#work .top .r_pro{float: right;width: 80px;height: 38px;margin-top: 20px;}
#work .top .r_pro .direction{
    width: 40px;height: 38px;
    background: red;
    float: left;
    cursor: pointer;
}
#work .top .r_pro .prev{
    background: url("http://www.shdksupplychain.com/static/image/a_left.png") left center no-repeat;
} 
#work .top .r_pro .prev:hover{
    background: url("http://www.shdksupplychain.com/static/image/a_left1.png") left center no-repeat;
}

#work .top .r_pro .next{
    background: url("http://www.shdksupplychain.com/static/image/a_right.png") right center no-repeat;
} 
#work .top .r_pro .next:hover{
    background: url("http://www.shdksupplychain.com/static/image/a_right1.png") right center no-repeat;
}
#work .project{float: left;font-size: 25px;font-weight: bold;padding-bottom: 20px;font-family:'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif; background: url("http://www.shdksupplychain.com/static/image/refer_line.png") left bottom no-repeat;}
#work .fullwork img.workgroup-img{
  -moz-transition: all 2s; /* Firefox 4 */
  -webkit-transition: all 2s; /* Safari 和 Chrome */
-o-transition: all 2s; /* Opera */}
#work .workitem:hover .fullwork img.workgroup-img{transform: scale(1.5,1.5);}
#work>div.top>a{position: absolute;}
#work>div.top>a.prev{right:13%;top:63px;}
#work>div.top>a.next{right:8%;top:63px;}
#work div.workgroup .shadow>p{font-size:18px;color:#fff;position:absolute;height:30px;width:100%;top:50%;margin-top:-15px;text-align:center;}





#overlay{position:fixed;z-index:299;background:#fff;}
#overlay .overlayleft{position:absolute;width:40%;height:100%;top:0px;left:0px;}

#overlay .overlayleft .scrollarea{float:left;width:100%;outline:none;}
#overlay .overlayleft .scrollarea .areainner{float:left;  width: 100%;height:100%;overflow: hidden;overflow:auto;overflow-x:hidden;}
#overlay .overlayleft .scrollarea .areainner .detailttl{float:left;width:100%;text-align: center;font-size:24px;color:#010000;font-weight:bold;margin:50px 0;}
#overlay .overlayleft .scrollarea .areainner .detailcon{width:98%;height:100%;font-size:13px;color:#666666;line-height:30px;padding-left:3%;padding-right:1%;}
#overlay .overlayleft .scrollarea .areainner .detailcon p{width: 92%;}
#overlay .overlayleft .scrollarea .areainner .detailcon h2{font-size:15px;font-weight:bold;color:#333;margin:30px 0 20px 0;}
#overlay .overlayleft .scrollarea .areainner .detailcon li{list-style:disc;margin-left:20px;}
#overlay .overlayleft .shang{position:absolute;font-size:14px;color:#000000;bottom:50px;left:3%;text-decoration: none;font-weight:bold;}
#overlay .overlayleft .xia{position:absolute;font-size:14px;color:#000000;bottom:50px;right:3%;text-decoration: none;font-weight:bold;}
#overlay .overlayleft .ttl{position:absolute;font-size:14px;bottom:50px;width:100%;left:0px;text-align: center;font-weight:bold;display: none;}



#overlay .overlayright{position:absolute;width:60%;height:100%;top:0px;right:0px;}
#overlay .overlayright img{width:100%;height:100%;}
#overlay .overlayright .img{float:left;}
#overlay .overlayright .pagination{position:absolute;top:10px;right:10px;z-index:299;}
#overlay .overlayright .pagination a{
        float:left;
        width: 17px;
        height: 17px;
        background: #000;
        border-radius: 36em;
        display: block;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        box-sizing: border-box;
        text-indent: 150%;
        white-space: nowrap;
        overflow: hidden;
        transition: background cubic-bezier(0.16, 0.87, 0.685, 1.025) 0.5s 0s;
        cursor: pointer;
        margin-right:5px;
}
#overlay .overlayright .pagination a.selected{background:#2392e8;}
#overlay .detailpage{display: none;}
#overlay .close{
        position:absolute;top:10px;right:24px;width:27px;height:26px;background:url(http://www.shdksupplychain.com/static/image/close.png) no-repeat;cursor:pointer;
        -webkit-transition:transform 0.5s ease-in-out;
        -o-transition:transform 0.5s ease-in-out;
        -ms-transition:transform 0.5s ease-in-out;
        -moz-transition:transform 0.5s ease-in-out;
}

#overlay .close:hover{
        background-position: bottom;
        -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
}



@media only screen and (max-width: 1440px) {
    .con-cen{width: 960px;}
    .header .nav ul li{margin-left: 12px;}
    .b-logo-img .b-logo{width: 960px;}
    .container1{width: 960px;}
    .business_left{width:468px;}
    .business_right{width:466px;}
    #work .workitem{width: 300px;margin-right: 20px;}
    #about .bottom li{margin-left: 10px;}
    /*#well .well-slide .w-item li{margin-right: 0; }*/
    #well .well-slide .w-item ul.even li{margin: 0 40px;}
    #well .well-slide .w-item ul.odd li{margin-right: 40px;margin-left: 40px;}
    #contact .con_left{width: 350px;}
    #well .well-slide .w-item li{width: 160px;height: 160px;}
    #well .well-slide .w-item li img{
    	margin-top: 53px;
    }
   
}