html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, section, article, aside, header, footer, nav, dialog, figure, hgroup, em, button, a, input {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
ul, ol, li {
    list-style: none;
}
a {
    color: #9d9d9d;
    text-decoration: none;
    margin: 0;
    padding: 0;
    outline: 0;
}
a:hover {
    color: #c00;
}
body{
	background-color: #fff;
    color: #9d9d9d;
    font-size: 14px;
    font-family: Microsoft YaHei,Arial, Helvetica,"\534E\6587\9ED1\4F53", sans-serif;
}
body {
    background: #fff;
    overflow-x: hidden;
    min-width: 1120px;
}
.header {
    position: relative;
    z-index: 999;
    background: #fff;
}
.header .top {
    background: #333;
    color: #9d9d9d;
    font-size: 12px;
    padding: 0px 50px;
}
.w1120 {
    margin: 0 auto;
    width: 1120px;
}
.fr {
    float: right;
}
.header .top .topNav>a.current {
    background: #0063af;
    color: #fff;
}
.header .top .topNav>a {
    color: #9d9d9d;
    font-size: 12px;
    display: inline-block;
    padding: 10px 15px;
}
.header .top p {
    overflow: hidden;
    padding: 10px 0;
}
.header .top .topNav>a:hover {
    background: #0063af;
    color: #fff;
}
#fixedNav {
    position: relative;
}
.navAndLogo {
    line-height: 90px;
    height: 90px;
}
.navAndLogo .bigNav {
    text-align: center;
    position: relative;
    z-index: 1000;
    float: right;
    font-size:16px;
}
.navAndLogo .logo {
    position: relative;
    z-index: 1001;
    width: 215px;
}
.fl {
    float: left;
}
.navAndLogo .bigNav ul li {
    display: inline-block;
    margin: 0 15px;
}
.navAndLogo .logo img {
    width: 100%;
}
input, img {
    vertical-align: middle;
}
.banner{
	background: #fff;
}
.banner .flashBox{
	position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    height: 574px;
}
.navAndLogo .bigNav ul li.on a, .navAndLogo .bigNav ul li:hover a, .navAndLogo .bigNav ul li.hover a {
    color: #c00;
}
/**/
.fixedStyle {
    border-bottom: 1px solid #e3e3e3;
    position: fixed!important;
    width: 100%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 1111;
}
.fixedStyle .navAndLogo {
    line-height: 60px;
    height: 60px;
}
.fixedStyle .subNav {
    top: 60px;
}
.fixedStyle .navAndLogo .logo {
    width: 120px;
}
.bannerBtn .w1120 {
    position: relative;
}
.bannerBtn a.prev {
    background-position: -0px -15px;
    left: -80px;
}
.bannerBtn a.next {
    background-position: -26px -15px;
    right: -80px;
}
.bannerBtn a {
    position: absolute;
    width: 26px;
    height: 51px;
    background: url(../images/icons.png) no-repeat -0px -15px;
    z-index: 99;
    display: none;
}
.pointer {
    cursor: pointer;
}
.bannerBtn {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 100%;
    z-index: 3;
}
.flashBox {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    height: 574px;
}
.flashBox .bannerList {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 574px;
}
.flashBox .bannerList div {
    width: 100%;
    height: 574px;
    position: absolute;
    top: 0;
    left: 0;
    opacity:0;
    transition:all 1.5s;
    -moz-transition:all 1.5s; /* Firefox 4 */
  	-webkit-transition:all 1.5s;/* Safari and Chrome */
  	-o-transition:all 1.5s; /* Opera */
}
.flashBox .bannerList div {
    height: 574px;
}
.newsbox {
    background: #f7f8fb;
    height: 49px;
    min-width: 1200px;
    color: #595961;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.ul_newsbox li {
    float: left;
    width: 286px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 40px;
    position: relative;
    padding-left: 15px;
    background: url(https://pigmcsdotcom.pigcms.com/zwxcx/image/not_i.png) left center no-repeat;
    line-height: 49px;
}
.gonggaoTil {
    line-height: 49px;
    padding-left: 50px;
}
.ul_newsbox li a {
    color: #595961;
}
.ul_newsbox li a:hover{
    color:#0090FF;
    text-decoration:underline;
}
.modHd {
    padding: 80px 0 50px 0;
    text-align: center;
}
.modHd>h2 {
    font-size: 32px;
    font-weight: 500;
    color: #333;
    border-bottom: none;
    padding: 10px 0;
}
.modHd>p {
    font-size: 14px;
    color: #666;
    padding: 0;
}
.modScene .projectDesc ul>li {
    /* visibility: hidden; */
    float: left;
    width: 33.333%;
    height: 320px;
    border-right: 5px solid #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #F6FBFF;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.modScene .projectDesc ul>li>a {
    display: block;
    height: 100%;
}
.modScene .projectDesc ul>li.l8 i.Icon {
    background-position: -2px -625px;
}
.modScene .projectDesc ul>li.l7 i.Icon {
    background-position: -2px -544px;
}
.modScene .projectDesc ul>li.l6 i.Icon {
    background-position: -1px -447px;
}
.modScene .projectDesc ul>li.l5 i.Icon {
    background-position: -3px -359px;
}
.modScene .projectDesc ul>li.l4 i.Icon {
    background-position: -2px -265px;
}
.modScene .projectDesc ul>li.l3 i.Icon {
    background-position: -2px -179px;
}
.modScene .projectDesc ul>li.l2 i.Icon {
    background-position: -0px -90px;
}
/**//************************************************************************/
/************************************************************************/
.modScene .projectDesc ul>li.l1:hover i.Icon{
    background-position:-92px -2px;
}
.modScene .projectDesc ul>li.l2:hover i.Icon {
    background-position:-92px -90px;
}
.modScene .projectDesc ul>li.l3:hover i.Icon {
    background-position:-92px -179px;
}
.modScene .projectDesc ul>li.l4:hover i.Icon {
    background-position:-92px -265px;
}
.modScene .projectDesc ul>li.l5:hover i.Icon {
    background-position:-92px -359px;
}
.modScene .projectDesc ul>li.l6:hover i.Icon {
    background-position:-90px -447px;
}
.modScene .projectDesc ul>li.l7:hover i.Icon {
    background-position:-92px -544px;
}
.modScene .projectDesc ul>li.l8:hover i.Icon {
    background-position:-92px -625px;
}

.modScene .projectDesc ul>li:hover i.Icon {
    -webkit-animation: tada 1s ease 0s 1 both;
    animation: tada 1s ease 0s 1 both;

}
.projectDesc ul>li.newbj1:hover i.Icon {
    background: url(./../images/sjdsxt2.png) no-repeat center center!important;
}
.projectDesc ul>li.newbj1 i.Icon {
    background: url(./../images/sjdsxt.png) no-repeat center center!important;
}
.projectDesc ul>li.newbj2:hover i.Icon {
    background: url(./../images/dx2.png) no-repeat center center!important;
}
.projectDesc ul>li.newbj2 i.Icon {
    background: url(./../images/dx.png) no-repeat center center!important;
}

.projectDesc ul>li.newbj3:hover i.Icon {
    background: url(./../images/xf2.png) no-repeat center center!important;
}
.projectDesc ul>li.newbj3 i.Icon {
    background: url(./../images/xf.png) no-repeat center center!important;
}

.projectDesc ul>li.newbj4:hover i.Icon {
    background: url(./../images/sjdsxt2.png) no-repeat center center!important;
}
.projectDesc ul>li.newbj4 i.Icon {
    background: url(./../images/sjdsxt.png) no-repeat center center!important;
}

.modScene .projectDesc ul>li i.Icon {
    display: block;
    width: 90px;
    height: 90px;
    margin: 70px auto 15px auto;
   background: url(http://static.pigcms.com/ds/statics/images/newImg/ICON.png);
}
.modScene .projectDesc ul>li:hover{
    background:#01A3F7;
}
.modScene .projectDesc ul>li:hover h3,.modScene .projectDesc ul>li:hover p{
    color:#fff;
}
/************************************************************************/


.modScene .projectDesc ul>li>a {
    display: block;
    height: 100%;
}
.modScene .projectDesc ul>li h3 {
    font-family: Microsoft YaHei,Arial, Helvetica,"\534E\6587\9ED1\4F53", sans-serif;
    text-align: center;
    color: #222;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.modScene .projectDesc ul>li p {
    text-align: center;
    color: #666;
    font-size: 14px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}
.endFt {
    background: #3d3d3d;
    text-align: center;
    padding: 30px 0;
}
.endFt p {
    line-height: 24px;
}
.endFt p a {
    padding: 0 5px;
}
.modDrain {
    background: #d3d3e0;
}
.modHd {
    padding: 80px 0 50px 0;
    text-align: center;
}
.modDrain .projectDesc {
    padding-bottom: 60px;
}
.modDrain .projectDesc ul>li {
    float: left;
    width: 25%;
    height: 350px;
    padding: 0 50px;
    background: #F6F6FC;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.modDrain .projectDesc ul>li.l1 i.Icon {
    background-position: -285px -5px;
}
.modDrain .projectDesc ul>li h3 {
    text-align: center;
    color: #222;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}
.modDrain .projectDesc ul>li p {
    text-align: center;
    color: #666;
    font-size: 12px;
}
.modDrain .projectDesc ul>li i.Icon {
    display: block;
    width: 50px;
    height: 150px;
    margin: 30px auto 15px auto;
  /*background: url(http://static.pigcms.com/ds/statics/images/newImg/ICON.png);*/
}

/*.modScene .projectDesc ul>li:hover i.Icon {
    -webkit-animation: tada 1s ease 0s 1 both;
    animation: tada 1s ease 0s 1 both;

.projectDesc ul>li.newbj4:hover i.Icon {
    background: url(./../images/sjdsxt2.png) no-repeat center center!important;
}
.projectDesc ul>li.newbj5 i.Icon {
    background: url(./../images/sjdsxt.png) no-repeat center center!important;
}*/

.modDrain .projectDesc ul>li.l1 i.Icon {
	background: url(./../images/zncpsm.png) no-repeat center center!important;
    /*background-position:-285px -5px;*/
}
.modDrain .projectDesc ul>li.l2 i.Icon {
	background: url(./../images/zncplj.png) no-repeat center center!important;
   /* background-position:-287px -65px;*/
}
.modDrain .projectDesc ul>li.l3 i.Icon {
    /*background-position:-285px -125px;*/
   background: url(./../images/znxtjg.png) no-repeat center center!important;
}
.modDrain .projectDesc ul>li.l4 i.Icon {
	background: url(./../images/znzzfw.png) no-repeat center center!important;
    /*background-position:-284px -185px;*/
}
.modDrain .projectDesc ul>li.l5 i.Icon {
    background-position:-284px -245px;
}
.modDrain .projectDesc ul>li.l6 i.Icon {
    background-position:-285px -305px;
}
.modDrain .projectDesc ul>li.l7 i.Icon {
    background-position:-285px -365px;
}
.modDrain .projectDesc ul>li.l8 i.Icon {
    background-position:-284px -425px;
}
.modDrain .projectDesc ul>li.l9 i.Icon {
    background-position:-284px -485px;
}
.modDrain .projectDesc ul>li.l10 i.Icon {
    background-position:-284px -545px;
}
.modDrain .projectDesc ul>li.l11 i.Icon {
    background-position:-284px -605px;
}
.modDrain .projectDesc ul>li.l12 i.Icon {
    background-position:-282px -664px;
}

.modDrain .projectDesc ul>li.l1.active i.Icon {
    background-position:-347px -5px;
}
.modDrain .projectDesc ul>li.l2.active i.Icon {
    background-position:-348px -65px;
}
.modDrain .projectDesc ul>li.l3.active i.Icon {
    background-position:-345px -125px;
}
.modDrain .projectDesc ul>li.l4.active i.Icon {
    background-position:-345px -185px;
}
.modDrain .projectDesc ul>li.l5.active i.Icon {
    background-position:-345px -245px;
}
.modDrain .projectDesc ul>li.l6.active i.Icon {
    background-position:-345px -305px;
}
.modDrain .projectDesc ul>li.l7.active i.Icon {
    background-position:-347px -365px;
}
.modDrain .projectDesc ul>li.l8.active i.Icon {
    background-position:-345px -425px;
}
.modDrain .projectDesc ul>li.l9.active i.Icon {
    background-position:-345px -485px;
}
.modDrain .projectDesc ul>li.l10.active i.Icon {
    background-position:-345px -545px;
}
.modDrain .projectDesc ul>li.l11.active i.Icon {
    background-position:-345px -605px;
}
.modDrain .projectDesc ul>li.l12.active i.Icon {
    background-position:-344px -664px;
}
.modDrain .projectDesc ul>li.active .Icon {
    -webkit-animation: tada 1s ease 0s 1 both;
    animation: tada 1s ease 0s 1 both;
}
.modDrain .projectDesc ul>li.active h3, .modDrain .projectDesc ul>li.active p {
    color:#0096FF;
}
.modWeiShang {
    background: url(http://static.pigcms.com/ds/statics/images/newImg/modMangeBg.png) top left no-repeat;
}
.modHd>p {
    font-size: 14px;
    color: #666;
    padding: 0;
}
.indexMod.current .modHd>h2 {
    -webkit-animation: fadeInUp 1s ease 0s 1 both;
    animation: fadeInUp 1s ease 0s 1 both;
}
.indexMod.current .modHd>p {
    -webkit-animation: fadeInUp 1s ease .5s 1 both;
    animation: fadeInUp 1s ease .5s 1 both;
}
.indexMod .projectDesc {
    padding-bottom: 80px;
}


.modWeiShang.current .projectDesc li.l1 {
    -webkit-animation: fadeInUp .8s ease 0s 1 both;
    animation: fadeInUp .8s ease 0s 1 both;
}
/*.modWeiShang .projectDesc li {
    float: left;
    width: 150px;
    padding: 15px 0;
    margin-right: 90px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}*/

.modWeiShang .projectDesc li {
    float: left;
    width: 25%;
    height: 200px;
    padding: 123px 50px;
    background: #F6F6FC;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.modWeiShang .projectDesc li.l1 i.Icon {
    background-position: -400px 0;
}
.modWeiShang .projectDesc li i.Icon {
    display: block;
    width: 100px;
    height: 100px;
    margin: -80px auto;
    margin-bottom: 30px;
   /* background: url(http://static.pigcms.com/ds/statics/images/newImg/ICON.png);*/
}
.modWeiShang .projectDesc li.l1 i.Icon {
	background: url(./../images/dxcpsm.png) no-repeat center center!important;
    /*background-position:-400px 0;*/
}
.modWeiShang .projectDesc li.l2 i.Icon {
	background: url(./../images/dxcplj.png) no-repeat center center!important;
    /*background-position:-400px -100px;*/
}
.modWeiShang .projectDesc li.l3 i.Icon {
	background: url(./../images/dxxtjg.png) no-repeat center center!important;
    /*background-position:-400px -200px;*/
}
.modWeiShang .projectDesc li.l4 i.Icon {
	background: url(./../images/dxapp.png) no-repeat center center!important;
    /*background-position:-400px -300px;*/
}
.modWeiShang .projectDesc li.l5 i.Icon {
    background-position:-400px -400px;
}
.modWeiShang .projectDesc li.l6 i.Icon {
    background-position:-400px -500px;
}
.modWeiShang .projectDesc li.l7 i.Icon {
    background-position:-400px -600px;
}
.modWeiShang .projectDesc li.l8 i.Icon {
    background-position:-400px -700px;
}
.modWeiShang .projectDesc li.l9 i.Icon {
    background-position:-400px -800px;
}
.modWeiShang .projectDesc li.l10 i.Icon {
    background-position:-400px -900px;
}
.modWeiShang .projectDesc li.l11 i.Icon {
    background-position:-400px -1000px;
}
.modWeiShang .projectDesc li.l12 i.Icon {
    background-position:-400px -1100px;
}
.modWeiShang .projectDesc li.l13 i.Icon {
    background-position:-400px -1200px;
}
.modWeiShang .projectDesc li.l14 i.Icon {
    background-position:-400px -1300px;
}
.modWeiShang .projectDesc li.l15 i.Icon {
    background-position:-400px -1400px;
}
.modWeiShang.current .projectDesc li.l2 {
    -webkit-animation: fadeInUp .8s ease .3s 1 both;
    animation: fadeInUp .8s ease .3s 1 both;
}
.modWeiShang.current .projectDesc li.l3 {
    -webkit-animation: fadeInUp .8s ease .6s 1 both;
    animation: fadeInUp .8s ease .6s 1 both;
}
.modWeiShang.current .projectDesc li.l4 {
    -webkit-animation: fadeInUp .8s ease .9s 1 both;
    animation: fadeInUp .8s ease .9s 1 both;
}
.modWeiShang.current .projectDesc li.l5 {
    -webkit-animation: fadeInUp .8s ease 1.2s 1 both;
    animation: fadeInUp .8s ease 1.2s 1 both;
}
.modWeiShang.current .projectDesc li.l6 {
    -webkit-animation: fadeInUp .8s ease .2s 1 both;
    animation: fadeInUp .8s ease .2s 1 both;
}
.modWeiShang.current .projectDesc li.l7 {
    -webkit-animation: fadeInUp .8s ease .5s 1 both;
    animation: fadeInUp .8s ease .5s 1 both;
}
.modWeiShang.current .projectDesc li.l8 {
    -webkit-animation: fadeInUp .8s ease .8s 1 both;
    animation: fadeInUp .8s ease .8s 1 both;
}
.modWeiShang.current .projectDesc li.l9 {
    -webkit-animation: fadeInUp .8s ease 1.1s 1 both;
    animation: fadeInUp .8s ease 1.1s 1 both;
}
.modWeiShang.current .projectDesc li.l10 {
    -webkit-animation: fadeInUp .8s ease 1.4s 1 both;
    animation: fadeInUp .8s ease 1.4s 1 both;
}
.modWeiShang.current .projectDesc li.l11 {
    -webkit-animation: fadeInUp .8s ease .4s 1 both;
    animation: fadeInUp .8s ease .4s 1 both;
}
.modWeiShang.current .projectDesc li.l12 {
    -webkit-animation: fadeInUp .8s ease .7s 1 both;
    animation: fadeInUp .8s ease .7s 1 both;
}
.modWeiShang.current .projectDesc li.l13 {
    -webkit-animation: fadeInUp .8s ease 1s 1 both;
    animation: fadeInUp .8s ease 1s 1 both;
}
.modWeiShang.current .projectDesc li.l14 {
    -webkit-animation: fadeInUp .8s ease 1.3s 1 both;
    animation: fadeInUp .8s ease 1.3s 1 both;
}
.modWeiShang.current .projectDesc li.l15 {
    -webkit-animation: fadeInUp .8s ease 1.6s 1 both;
    animation: fadeInUp .8s ease 1.6s 1 both;
}
.modWeiShang .projectDesc li h3 {
    text-align: center;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px;
}
.modWeiShang .projectDesc li.active i.Icon {
    -webkit-animation: rotateIn 1s ease 0s 1 both;
    animation: rotateIn 1s ease 0s 1 both;
}
.modClient .projectDesc li.active i {
    -webkit-animation: rotateIn 1s ease 0s 1 both;
    animation: rotateIn 1s ease 0s 1 both;
}
.modWeiShang .projectDesc li.active i.Icon {
    -webkit-animation: rotateIn 1s ease 0s 1 both;
    animation: rotateIn 1s ease 0s 1 both;
}
/*http://static.pigcms.com/ds/statics/images/newImg/modMangeBg.png*/
.modO2O {
    /*background: url(../images/O2Obg.png) no-repeat;*/
   background: url(../images/O2Obg.png) no-repeat;
    background-size: cover;
}
.modHd {
    padding: 80px 0 50px 0;
    text-align: center;
}
.indexMod.current .modHd>h2 {
    -webkit-animation: fadeInUp 1s ease 0s 1 both;
    animation: fadeInUp 1s ease 0s 1 both;
}
.modO2O .modHd>h2 {
    color: #c00;
}
.modHd>h2 {
    font-size: 32px;
    font-weight: 500;
    color: #c00;
    border-bottom: none;
    padding: 10px 0;
}
.indexMod.current .modHd>p {
    -webkit-animation: fadeInUp 1s ease .5s 1 both;
    animation: fadeInUp 1s ease .5s 1 both;
}
.indexMod.current .modHd>h3 {
    -webkit-animation: fadeInUp 1s ease .5s 1 both;
    animation: fadeInUp 1s ease .5s 1 both;
}
.modO2O .modHd>p {
    color: #c00;
}
.modHd>p {
    font-size: 14px;
    color: #c00;
    padding: 0;
}
.modO2O .projectDesc {
    overflow: hidden;
}
.modO2O .projectDesc {
    padding-bottom: 130px;
}
.modO2O .projectDesc .slider5-wrapper {
    height: 300px;
    width: 1200px;
    overflow: hidden;
    position: relative;
}
.modO2O .projectDesc .slider5-wrapper ul {
    width: 1200px;
    position: absolute;
    top: 0;
}
.modO2O.current .slider5-wrapper li.l1 {
    -webkit-animation: fadeInUp 1s ease 0s 1 both;
    animation: fadeInUp 1s ease 0s 1 both;
}
.modO2O.current .slider5-wrapper li.l2 {
    -webkit-animation: fadeInUp 1s ease .3s 1 both;
    animation: fadeInUp 1s ease .3s 1 both;
}
.modO2O.current .slider5-wrapper li.l3 {
    -webkit-animation: fadeInUp 1s ease .6s 1 both;
    animation: fadeInUp 1s ease .6s 1 both;
}
.modO2O.current .slider5-wrapper li.l4 {
    -webkit-animation: fadeInUp 1s ease .9s 1 both;
    animation: fadeInUp 1s ease .9s 1 both;
}
.modO2O.current .slider5-wrapper li.l5 {
    -webkit-animation: fadeInUp 1s ease 1.2s 1 both;
    animation: fadeInUp 1s ease 1.2s 1 both;
}
.modO2O .projectDesc .slider5-wrapper li {
    float: left;
    width: 220px;
    height: 300px;
    margin-right: 25px;
    position: relative;
}
.modO2O .projectDesc .slider5-wrapper li>a {
    display: block;
    height: 100%;
}
.modO2O .projectDesc .slider5-wrapper li em {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.6);
    z-index: 10;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.modO2O .projectDesc .slider5-wrapper li div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12;
}
.modO2O .projectDesc .slider5-wrapper li.l1 div i{
	background: url(./../images/xfcpsm.png) no-repeat center center!important;
     /*background-position:-510px -6px;*/
 }
.modO2O .projectDesc .slider5-wrapper li.l2 div i{
	background: url(./../images/xfcplj.png) no-repeat center center!important;
    /*background-position:-510px -106px;*/
}
.modO2O .projectDesc .slider5-wrapper li.l3 div i{
	background: url(./../images/xfxtjg.png) no-repeat center center!important;
    /*background-position:-510px -206px;*/
}
.modO2O .projectDesc .slider5-wrapper li.l4 div i{
	background: url(./../images/xfzzfw.png) no-repeat center center!important;
    /*background-position:-510px -305px;*/
}
.modO2O .projectDesc .slider5-wrapper li.l5 div i{
    background-position:-510px -404px;
}
.modO2O .projectDesc .slider5-wrapper li.l6 div i{
    background-position:-510px -506px;
}
.modO2O .projectDesc .slider5-wrapper li.l7 div i{
    background-position:-510px -606px;
}
.modO2O .projectDesc .slider5-wrapper li.l8 div i{
    background-position:-510px -706px;
}
.modO2O .projectDesc .slider5-wrapper li.l9 div i{
    background-position:-510px -805px;
}
.modO2O .projectDesc .slider5-wrapper li.l10 div i{
    background-position:-510px -906px;
}
.modO2O .projectDesc .slider5-wrapper li div i {
    display: block;
    width: 80px;
    height: 90px;
    margin: 84px auto 24px auto;
    /*background: url(http://static.pigcms.com/ds/statics/images/newImg/ICON.png);*/
}
.modO2O .projectDesc .slider5-wrapper li div h3 {
    font-size:18px;
    color:#fff;
    font-weight:500;
    text-align:center;
}
.modO2O .projectDesc .slider5-wrapper .bannerArrow {
    width: 1200px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}
.modO2O .projectDesc .slider5-wrapper i.arrow {
    display: block;
    height: 22px;
    width: 12px;
    position: absolute;
    top: 0;
    background: url(http://static.pigcms.com/ds/statics/images/newImg/ICON.png);
    z-index: 150;
}
.modO2O .projectDesc .slider5-wrapper i.arrow.next {
    right: 10px;
    background-position: -510px -1013px;
}
.modO2O .projectDesc .slider5-wrapper i.arrow.prev {
    left: 10px;
    background-position: -510px -1048px;
}
.modO2O .projectDesc .slider5-wrapper i.arrow:before {
    content: '';
    position: absolute;
    height: 80px;
    width: 30px;
    background: rgba(249,249,249,.1);
    top: -30px;
}
.modO2O .projectDesc .slider5-wrapper i.arrow.prev:before {
    left: -10px;
}
.modO2O .projectDesc .slider5-wrapper i.arrow.next:before {
    right: -10px;
}
.modO2O .projectDesc .slider5-wrapper li:hover em {
    /*background:rgba(28,140,235,.6);*/
    background:rgba(21,131,229,.6);
}
.modO2O .projectDesc .slider5-wrapper ul{
    transition: 1s;
    -moz-transition: 1s; /* Firefox 4 */
    -webkit-transition: 1s; /* Safari and Chrome */
    -o-transition: 1s; /* Opera */
}
.mod7 .newsUl .newsColumns .newsLsit li.first:hover img {
    webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}
.mod7 .newsUl .newsColumns:first-child {
    margin-left: 0;
}
.mod7 .newsUl .newsColumns {
    width: 400px;
    margin-left: 0;
}
.mod7 .newsUl .newsColumns {
    float: left;
    margin-left: 35px;
    width: 350px;
}

.mod7 .newsUl .newsColumns .newsLsit li {
    width: 100%;
    padding-left: 10px;
    background: url(../../images/wei/dot.png) no-repeat left center;
    margin-bottom: 8px;
}

.mod7 .newsUl .newsColumns .newsLsit li.first {
    margin-left: 0;
}
.mod7 .newsUl .newsColumns .newsLsit li.first {
    height: 250px;
    margin-bottom: 15px;
}
.mod7 .newsUl .newsColumns .newsLsit li.first {
    padding: 0;
    background: none;
    height: 180px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.mod7 .newsUl .newsColumns .newsLsit li {
    margin-left: 3px;
    padding-left: 23px;
    padding-right: 17px;
    background: url(http://static.pigcms.com/ds/statics/images/newImg/dotBlue.png) no-repeat left center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mod7 .newsUl .newsColumns .newsLsit li:hover a{
    color: #46a8f5;
}

.mod7 .newsUl .newsColumns .newsLsit li.first .newsName {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #46a8f5;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    color: #fff;
}
.mod7 .newsUl .newsColumns .newsLsit li.first .newsName {
    background: rgba(249,249,249,.9);
    color: #333;
    padding: 14px 0;
    text-align: left;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.mod7 .newsUl .newsColumns .newsLsit li.first .newsName i {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 5px;
    background: #70B5FF;
    color: #fff;
    margin: 0 10px;
}
.mod7 .newsUl .newsColumns .newsLsit li {
    margin-left: 3px;
    padding-left: 23px;
    padding-right: 17px;
    background: url(http://static.pigcms.com/ds/statics/images/newImg/dotBlue.png) no-repeat left center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mod7 .newsUl .newsColumns .newsLsit li .time {
    float: right;
    font-size: 12px;
    color: #9d9d9d;
}
.dynamic .newItem {
    width: 775px;
    margin-right: 40px;
}
.dynamic .hd {
    margin-bottom: 40px;
}
.dynamic {
    padding-top: 40px;
}
.dynamic {
    padding-top: 0;
}
.dynamic h2 {
    font-size: 26px;
    color: #333;
    padding-left: 10px;
    border-left: 3px solid #0096ff;
    line-height: 100%;
    font-weight: normal;
}
.newItemList {
    width: 100%;
}
.dynamic .more{
    right: 0;
    bottom: 0;
}
.shortNews .showList li p {
    font-size: 12px;
    color: #9d9d9d;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    width: 79%;
}
.shortNews .showList li:hover h3 a {
    color: #0096ff;
}
.shortNews .showList li h3 a {
    font-weight: normal;
    font-size: 16px;
    color: #666;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}
.newItemList ul {
    overflow: hidden;
}
.newItemList ul li {
    width: 25%;
    text-align: center;
    float: left;
    margin-top: -1px;
    border-top: 1px solid #e6e1e1;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
}
.newItemList ul li .wrap {
    border-right: 1px solid #e6e1e1;
    padding: 15px 0;
}
.newItemList ul li .wrap-inner {
    margin: 0px 15px;
    padding: 20px 0;
}
.newItemList ul li i {
     text-align: center;
 }
.newItemList ul li i img {
    display: none;
    height: 50px;
}
.newItemList ul li i img:first-child {
    display: inline;
}
.newItemList ul li h3 {
    font-weight: normal;
    font-size: 16px;
    color: #9d9d9d;
    margin-top: 5px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
.newItemList ul li p {
    font-size: 12px;
    color: #9d9d9d;
    margin-top: 2px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
.shortNews .showList li .time {
    bottom: 0;
    right: 0;
    font-size: 12px;
}
.bgfa {
    background: #fafafa;
}
.shortNews .showList li {
    position: relative;
    margin-top: 25px;
}
.newItemList ul li:hover .wrap-inner {
    background: #0096ff;
}
.modPromotion .ddList {
    position: relative;
    height: 511px;
    padding-bottom: 75px;
}
.modPromotion.current .ddList .mid {
    -webkit-animation: zoomIn 1s ease 0s 1 both;
    animation: zoomIn 1s ease 0s 1 both;
}
.modPromotion .ddList .mid {
    width: 446px;
    height: 446px;
    position: absolute;
    top: 48px;
    left: 50%;
    margin-left: -223px;
    background: url(http://static.pigcms.com/ds/statics/images/newImg/mid.png);
    z-index: 100;
}
.modPromotion .ddList .pos {
    position: absolute;
    z-index: 101;
    width: 323px;
    height: 55px;
}
/***********************************************************************************************/
.modPromotion.current .ddList .pos.s1 {
    -webkit-animation: bounceInLeft 2s ease 0s 1 both;
    animation: bounceInLeft 2s ease 0s 1 both;
}
.modPromotion.current .ddList .pos.s10 {
    -webkit-animation: bounceInRight 2s ease 0s 1 both;
    animation: bounceInRight 2s ease 0s 1 both;
}
.modPromotion.current .ddList .pos.s2 {
    -webkit-animation: bounceInRight 2s ease .5s 1 both;
    animation: bounceInRight 2s ease .5s 1 both;
}
.modPromotion.current .ddList .pos.s9 {
    -webkit-animation: bounceInLeft 2s ease .5s 1 both;
    animation: bounceInLeft 2s ease .5s 1 both;
}
.modPromotion.current .ddList .pos.s3 {
    -webkit-animation: bounceInLeft 2s ease 1s 1 both;
    animation: bounceInLeft 2s ease 1s 1 both;
}
.modPromotion.current .ddList .pos.s8 {
    -webkit-animation: bounceInRight 2s ease 1s 1 both;
    animation: bounceInRight 2s ease 1s 1 both;
}
.modPromotion.current .ddList .pos.s4 {
    -webkit-animation: bounceInRight 2s ease 1.5s 1 both;
    animation: bounceInRight 2s ease 1.5s 1 both;
}
.modPromotion.current .ddList .pos.s7 {
    -webkit-animation: bounceInLeft 2s ease 1.5s 1 both;
    animation: bounceInLeft 2s ease 1.5s 1 both;
}
.modPromotion.current .ddList .pos.s5 {
    -webkit-animation: bounceInLeft 2s ease 2s 1 both;
    animation: bounceInLeft 2s ease 2s 1 both;
}
.modPromotion.current .ddList .pos.s6 {
    -webkit-animation: bounceInRight 2s ease 2s 1 both;
    animation: bounceInRight 2s ease 2s 1 both;
}
/*******************************************************************************************************/
/*******************************************************************************************************/
.modPromotion .ddList .pos.s1, .modPromotion .ddList .pos.s9 {
    left:134px;
}
.modPromotion .ddList .pos.s2, .modPromotion .ddList .pos.s10 {
    right:134px;
}
.modPromotion .ddList .pos.s3, .modPromotion .ddList .pos.s7 {
    left:54px;
}
.modPromotion .ddList .pos.s4, .modPromotion .ddList .pos.s8 {
    right:54px;
}
.modPromotion .ddList .pos.s5 {
    left:0;
}
.modPromotion .ddList .pos.s6 {
    right:0;
}
/**************************************************************************************************************/
.modPromotion .ddList .pos.s3, .modPromotion .ddList .pos.s4 {
    top:114px;
}
.modPromotion .ddList .pos.s5, .modPromotion .ddList .pos.s6 {
    top:228px;
}
.modPromotion .ddList .pos.s7, .modPromotion .ddList .pos.s8 {
    top:342px;
}
.modPromotion .ddList .pos.s9, .modPromotion .ddList .pos.s10 {
    top:456px;
}
/**************************************************************************************************************/
.modPromotion .ddList .pos.right >.text h3{
    text-align: right;
    padding-right: 10px;
}
.modPromotion .ddList .mid .midIcon {
    width: 140px;
    height: 140px;
    margin-left: 153px;
    margin-top: 153px;
    background: url(./../images/newImg/midIcon.png);
    /*background: url(http://static.pigcms.com/ds/statics/images/newImg/midIcon.png);*/
    z-index: 102;
}
/**************************************************************************************************************/
.modPromotion .ddList .pos.s1 i {
    /*background-position:-605px -2px;*/
    background: url(./../images/newImg/czsx.png) no-repeat center center!important;
}
.modPromotion .ddList .pos.s2 i {
    /*background-position:-605px -302px;*/
   background: url(./../images/newImg/jsqy.png) no-repeat center center!important;
}
.modPromotion .ddList .pos.s3 i {
    /*background-position:-605px -62px;*/
   background: url(./../images/newImg/czfh.png) no-repeat center center!important;
}
.modPromotion .ddList .pos.s4 i {
    /*background-position:-605px -362px;*/
   background: url(./../images/newImg/dhfw.png) no-repeat center center!important;
}
.modPromotion .ddList .pos.s5 i {
    /*background-position:-605px -123px;*/
   background: url(./../images/newImg/ltcx.png) no-repeat center center!important;
}
.modPromotion .ddList .pos.s6 i {
    /*background-position:-605px -423px;*/
   background: url(./../images/newImg/xfjz.png) no-repeat center center!important;
}
.modPromotion .ddList .pos.s7 i {
    /*background-position:-605px -183px;*/
   background: url(./../images/newImg/fx.png) no-repeat center center!important;
}
.modPromotion .ddList .pos.s8 i {
    /*background-position:-605px -482px;*/
   background: url(./../images/newImg/ycdh.png) no-repeat center center!important;
}
.modPromotion .ddList .pos.s9 i {
    /*background-position:-605px -242px;*/
   background: url(./../images/newImg/hylz.png) no-repeat center center!important;
}
.modPromotion .ddList .pos.s10 i {
    /*background-position:-605px -543px;*/
   background: url(./../images/newImg/spjz.png) no-repeat center center!important;
}
/**************************************************************************************************************/
.modPromotion .ddList .pos.left >i {
    float: left;
}
.modPromotion .ddList .pos.right >i {
    float: right;
}
.modPromotion .ddList .pos>i {
    display: block;
    width: 50px;
    height: 55px;
    background: url(http://static.pigcms.com/ds/statics/images/newImg/ICON.png);
}


.modPromotion .ddList .pos>.text {
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0;
}
.modPromotion .ddList .pos.left>.text {
    margin-left: 65px;
}
.modPromotion .ddList .pos.right>.text {
    margin-right: 65px;
}
/**********************************************/
.modPromotion .ddList .pos.left >.text h3 {
    text-align: left;
    padding-left: 10px;
}
.modPromotion .ddList .pos>.text h3 {
    color: #222;
    font-size: 20px;
    font-weight: 500;
}
.modPromotion .ddList .pos>.text em {
    display: block;
    width: 257px;
    height: 12px;
    overflow: hidden;
}
/***********************************************************************************/
.modPromotion .ddList .pos.s1 em {
    background:url('http://static.pigcms.com/ds/statics/images/newImg/s1.png');
}
.modPromotion .ddList .pos.s2 em {
    background:url('http://static.pigcms.com/ds/statics/images/newImg/s2.png');
}
.modPromotion .ddList .pos.s3 em {
    background:url('http://static.pigcms.com/ds/statics/images/newImg/s3.png');
}
.modPromotion .ddList .pos.s4 em {
    background:url('http://static.pigcms.com/ds/statics/images/newImg/s4.png');
}
.modPromotion .ddList .pos.s5 em {
    background:url('http://static.pigcms.com/ds/statics/images/newImg/s5.png');
}
.modPromotion .ddList .pos.s6 em {
    background:url('http://static.pigcms.com/ds/statics/images/newImg/s6.png');
}
.modPromotion .ddList .pos.s7 em {
    background:url('http://static.pigcms.com/ds/statics/images/newImg/s7.png');
}
.modPromotion .ddList .pos.s8 em {
    background:url('http://static.pigcms.com/ds/statics/images/newImg/s8.png');
}
.modPromotion .ddList .pos.s9 em {
    background:url('http://static.pigcms.com/ds/statics/images/newImg/s9.png');
}
.modPromotion .ddList .pos.s10 em {
    background:url('http://static.pigcms.com/ds/statics/images/newImg/s10.png');
}
.mod6 .projectDesc {
    padding-bottom: 40px;
}
.indexScroll {
    position: relative;
}
.indexScroll .scrollWidth {
    width: 1045px;
}
.indexScroll .scrollWidth {
    margin: 0 auto;
    width: 832px;
    overflow: hidden;
    padding: 15px 0;
}
.projectDesc .case ul {
    position: relative;
    padding-bottom: 70px;
}
.indexScroll ul li {
    float: left;
    width: 230px;
    height: 320px;
    text-align: center;
    margin: 0 17px;
    color: #fff;
    cursor: pointer;
}
.projectDesc .case ul li {
    background: #fff;
    height: 320px;
    width: 230px;
    position: relative;
}
.projectDesc .case ul li {
    width: 230px;
    height: 400px;
    border: 1px solid #E3E3F1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.projectDesc .case ul li .paWrap {
    background: #fff;
    padding-bottom: 10px;
}
.projectDesc .case ul li .topImg {
    height: 200px;
    position: relative;
}
.projectDesc .case ul li .desc {
    padding: 0 10px;
}
.projectDesc .case ul li .topImg .caseImg {
    width: 100%;
    height: 200px;
}
.projectDesc .case ul li .tit {
    padding: 15px 0;
}
.projectDesc .case ul li .desc p {
    font-size: 12px;
    color: #9d9d9d;
    text-align: left;
    line-height: 22px;
    height: 64px;
    overflow: hidden;
}
.projectDesc .case ul li .code {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgba(0,0,0,0.5);
    text-align: center;
    display: none;
}
.projectDesc .case ul li .code img {
    width: 140px;
    height: 140px;
    margin-top: 30px;
}
.projectDesc .case ul li .tit a {
    width: 19px;
    height: 19px;
    background: url(../images/icons.png) no-repeat 0 -71px;
}
.fr {
    float: right;
}
.projectDesc .case ul li .tit h3 {
    font-size: 16px;
    color: #4f5b6c;
    text-align: center;
}
/*******************************************************************************/
.projectDesc .case ul li:hover .paWrap {
    height: 390px;
}
.projectDesc .case ul li:hover .paWrap {
    position: absolute;
    width: 230px;
    box-shadow: 0 0px 10px 5px #C3C3C3;
    left: 0;
}
.projectDesc .case ul li:hover .code {
    display: block;
}
.indexScroll .scrollWidth {
    width: 1045px;
}
.scrollBtn a {
    position: absolute;
    top: 50%;
    margin-top: -23px;
    height: 45px;
    width: 24px;
    background: url(../images/icons.png) no-repeat -412px 0;
}
.scrollBtn a.prev {
    left: 0px;
    background-position: -412px 0;
}
.scrollBtn a.next {
    right: 0px;
    background-position: -436px 0;
}
.scrollWidth>ul{transition: 1s;
-moz-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
}
/****电商功能体系***/
.indexMod .projectDesc {
    padding-bottom: 80px;
}
.mod2 .projectDesc ul {
    margin-right: -26px;
}
.mod2 .projectDesc ul li {
    color: #666;
    background: #fff;
}
.mod2 .projectDesc ul li {
    float: left;
    width: 165px;
    height: 210px;
    margin-right: 26px;
    margin-bottom: 26px;
    text-align: center;
}
.mod2 .projectDesc ul li i {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: block;
    margin-top: 30px;
    background: url(../images/icons.png) no-repeat;
}
.mod2 .projectDesc ul li p {
    margin-top: 20px;
    color: #6d6d6d;
}
.mod2 .projectDesc ul li.i1 i{background-position: 0 -170px}

.mod2 .projectDesc ul li.i2 i{background-position: 0 -240px}

.mod2 .projectDesc ul li.i3 i{background-position: 0 -310px}

.mod2 .projectDesc ul li.i4 i{background-position: 0 -380px}

.mod2 .projectDesc ul li.i5 i{background-position: 0 -450px}

.mod2 .projectDesc ul li.i6 i{background: url("https://pigmcsdotcom.pigcms.com/ds/statics/images/wei/x.png")  center center no-repeat;}

.mod2 .projectDesc ul li.i7 i{background-position: 0 -590px}

.mod2 .projectDesc ul li.i8 i{background-position: 0 -660px}

.mod2 .projectDesc ul li.i9 i{background-position: 0 -730px}

.mod2 .projectDesc ul li.i10 i{background-position: 0 -800px}

.mod2 .projectDesc ul li.i11 i{background-position: 0 -870px}

.mod2 .projectDesc ul li.i12 i{background-position: 0 -940px;width: 90px;}
.mod2 .projectDesc ul li:hover {
    background: #0173ca;
}
.mod2 .projectDesc ul li:hover a, .mod2 .projectDesc ul li:hover p {
    color: #fff;
}
/*.mod2 .projectDesc ul li:hover a i {
    -webkit-animation: tada 1s 0s ease both;
    -moz-animation: tada 1s 0s ease both;
    animation: tada 1s 0s ease both;
}*/
.mod2 .projectDesc ul li.i1:hover i{background-position: -70px -170px;}

.mod2 .projectDesc ul li.i2:hover i{background-position: -70px -240px}

.mod2 .projectDesc ul li.i3:hover i{background-position: -70px -310px}

.mod2 .projectDesc ul li.i4:hover i{background-position: -70px -380px}

.mod2 .projectDesc ul li.i5:hover i{background-position: -70px -450px}

.mod2 .projectDesc ul li.i6:hover i{background: url("https://pigmcsdotcom.pigcms.com/ds/statics/images/wei/x_hover.png")  center center no-repeat;}

.mod2 .projectDesc ul li.i7:hover i{background-position: -70px -590px}

.mod2 .projectDesc ul li.i8:hover i{background-position: -70px -660px}

.mod2 .projectDesc ul li.i9:hover i{background-position: -70px -730px}

.mod2 .projectDesc ul li.i10:hover i{background-position: -70px -800px}

.mod2 .projectDesc ul li.i11:hover i{background-position: -70px -870px}

.mod2 .projectDesc ul li.i12:hover i{background-position: -90px -940px}

.modClient .projectDesc {
    padding-bottom: 110px;
}
.modClient.current .projectDesc li.l1 {
    -webkit-animation: fadeInUp 1s ease 0s 1 both;
    animation: fadeInUp 1s ease 0s 1 both;
}
.modClient.current .projectDesc li.l2 {
    -webkit-animation: fadeInUp 1s ease .5s 1 both;
    animation: fadeInUp 1s ease .5s 1 both;
}
.modClient.current .projectDesc li.l3 {
    -webkit-animation: fadeInUp 1s ease 1s 1 both;
    animation: fadeInUp 1s ease 1s 1 both;
}
.modClient.current .projectDesc li.l4 {
    -webkit-animation: fadeInUp 1s ease .5s 1 both;
    animation: fadeInUp 1s ease .5s 1 both;
}
.modClient.current .projectDesc li.l5 {
    -webkit-animation: fadeInUp 1s ease 1s 1 both;
    animation: fadeInUp 1s ease 1s 1 both;
}
.modClient.current .projectDesc li.l6 {
    -webkit-animation: fadeInUp 1s ease 1.5s 1 both;
    animation: fadeInUp 1s ease 1.5s 1 both;
}
.modClient .projectDesc li {
    float: left;
    width: 380px;
    height: 140px;
    margin-right: 25px;
    overflow: hidden;
    background: url(../images/ICON.png);
}
.modClient .projectDesc li.l1 {
    background-position:-900px 1px;
}
.modClient .projectDesc li.l2 {
    background-position:-900px -161px;
}
.modClient .projectDesc li.l3 {
    background-position:-900px -319px;
}
.modClient .projectDesc li.l4 {
    background-position:-900px -480px;
}
.modClient .projectDesc li.l5 {
    background-position:-900px -641px;
}
.modClient .projectDesc li.l6 {
    background-position:-900px -799px;
}
.modClient .projectDesc li:nth-child(3n+3) {
    margin-right: 0;
}
.modClient .projectDesc li.l1 i {
    background: url(../images/newImg/c1.png);
}
.modClient .projectDesc li.l2 i {
    background: url(../images/newImg/c2.png);
}
.modClient .projectDesc li.l3 i {
    background: url(../images/newImg/c3.png);
}
.modClient .projectDesc li.l4 i {
    background: url(../images/newImg/c4.png);
}
.modClient .projectDesc li.l5 i {
    background: url(../images/newImg/c5.png);
}
.modClient .projectDesc li.l6 i {
    background: url(../images/newImg/c6.png);
}
.modClient .projectDesc li i {
    display: block;
    height: 64px;
    width: 64px;
    float: left;
    margin-left: 47px;
    margin-top: 43px;
}
.modClient .projectDesc li h3 {
    margin-left: 130px;
    line-height: 64px;
    margin-top: 43px;
    color: #333;
    font-weight: normal;
}
.modHuiYuan.current .sideHuiYuan {
    -webkit-animation: bounceInLeft 2s ease 1s 1 both;
    animation: bounceInLeft 2s ease 1s 1 both;
}
.modHuiYuan .sideHuiYuan {
    float: right;
    position: relative;
    width: 120px;
    height: 500px;
    padding-left: 35px;
    border-left: 8px solid #DDDDE1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modHuiYuan .sideHuiYuan>.blueLine {
    position: absolute;
    top: 0;
    left: -8px;
    width: 8px;
    height: 50%;
    background: #0196FF;
}
.modHuiYuan .sideHuiYuan li {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #999;
    padding: 21px 0;
}
.modHuiYuan .sideHuiYuan li.active {
    color: #333;
}
.modHuiYuan.current .sliderVertical-wrapper {
    -webkit-animation: zoomIn 2s ease 1.5s 1 both;
    animation: zoomIn 2s ease 1.5s 1 both;
}
.modHuiYuan .sliderVertical-wrapper {
    overflow: hidden;
    width: 1027px;
    height: 500px;
    margin-left: 4px;
    background: #fff;
    -webkit-box-shadow: 0 0 30px #BCD8F2;
    -moz-box-shadow: 0 0 30px #BCD8F2;
    box-shadow: 0 0 30px #BCD8F2;
    position: relative;
}
.modHuiYuan {
    background: url(../images/HuiYuanBg.png) no-repeat;
    background-size: cover;
}
.modHuiYuan .sliderVertical-wrapper>ul {
    display: none;
    margin: 0 70px 0 81px;
    width: 876px;
    height: 500px;
    padding-top: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}
.modHuiYuan .sliderVertical-wrapper li {
    float: left;
    width: 50%;
    height: 190px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modHuiYuan .sliderVertical-wrapper>ul.current {
    display: block;
    -webkit-animation: zoomIn 2s ease 0s 1 both;
    animation: zoomIn 2s ease 0s 1 both;
}
.modHuiYuan .sliderVertical-wrapper li.l1, .modHuiYuan .sliderVertical-wrapper li.l3 {
    padding-right: 35px;
}
.modHuiYuan .sliderVertical-wrapper li.l2, .modHuiYuan .sliderVertical-wrapper li.l4 {
    padding-left: 50px;
}
.modHuiYuan .sliderVertical-wrapper li.l1 {
    border-right: 1px dashed #ECECEE;
    border-bottom: 1px dashed #ECECEE;
}
.modHuiYuan .sliderVertical-wrapper li.l2 {
    border-bottom: 1px dashed #ECECEE;
}
.modHuiYuan .sliderVertical-wrapper li.l3 {
    border-right: 1px dashed #ECECEE;
}
.modHuiYuan .sliderVertical-wrapper li.l1 div, .modHuiYuan .sliderVertical-wrapper li.l2 div {
    margin: 15px 0 30px 0;
}
.modHuiYuan .sliderVertical-wrapper li.l3 div, .modHuiYuan .sliderVertical-wrapper li.l4 div {
    margin: 60px 0 30px 0;
}
.modHuiYuan .sliderVertical-wrapper li div {
    height: 35px;
}
.modHuiYuan .sliderVertical-wrapper li p {
    color: #666;
    font-size: 14px;
    line-height: 22px;
}
/******************************************************************/
.modHuiYuan .sliderVertical-wrapper li div i {
    display: block;
    height: 35px;
    width: 38px;
    float: left;
    background: url(http://static.pigcms.com/ds/statics/images/newImg/ICON.png);
}
.modHuiYuan .sliderVertical-wrapper .u1 li.l1 div i {
    background-position:-662px -2px;
}
.modHuiYuan .sliderVertical-wrapper .u1 li.l2 div i {
    background-position:-662px -42px;
}
.modHuiYuan .sliderVertical-wrapper .u1 li.l3 div i {
    background-position:-662px -82px;
}
.modHuiYuan .sliderVertical-wrapper .u1 li.l4 div i {
    background-position:-663px -122px;
}
.modHuiYuan .sliderVertical-wrapper .u2 li.l1 div i {
    background-position:-662px -162px;
}
.modHuiYuan .sliderVertical-wrapper .u2 li.l2 div i {
    background-position:-662px -202px;
}
.modHuiYuan .sliderVertical-wrapper .u2 li.l3 div i {
    background-position:-662px -242px;
}
.modHuiYuan .sliderVertical-wrapper .u2 li.l4 div i {
    background-position:-661px -282px;
}
.modHuiYuan .sliderVertical-wrapper li h3 {
    height: 35px;
    line-height: 35px;
    margin-left: 48px;
    font-size: 24px;
    color: #333;
    font-weight: 500;
}

.mod2 .projectDesc ul li:hover a i{
    -webkit-animation:tada 1s 0s ease both;
    -moz-animation:tada 1s 0s ease both;
    animation:tada 1s 0s ease both;
}

.modClient .projectDesc li:hover i {
    -webkit-animation: rotateIn 1s ease 0s 1 both;
    animation: rotateIn 1s ease 0s 1 both;
}




/*弹窗动画*/

.floating{
 position: fixed;
 width:0%;
 height:0vh;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 background:rgba(0,0,0,0.3);
 opacity:0;
 z-index:9999999999;
}
.floating >img{
 position: absolute;
 top:50%;
 left:50%;
 width:90%;	
 transform:translate(-50%,-50%);
}
.erwm{
	position: absolute;
	width:120px;
	height:120px;
	top:0px;
	right:180px;
}
.erwm img{
	width:120px;
	height:120px;
}
.flashBox .bannerList div.banner_ty{
 opacity:1;
 transition: all 1.5s;
  -moz-transition:all 1.5s; /* Firefox 4 */
  -webkit-transition:all 1.5s;/* Safari and Chrome */
  -o-transition:all 1.5s; /* Opera */
}