@charset "utf-8";

#banner { width: 1259px; height: 299px; background: url(../product/images/banner.jpg) no-repeat center top; }
#customerbg { width: 1120px; display: block; float: none; margin: 0 auto; background: url(../images/line1.jpg) no-repeat center top; padding: 30px 0 64px 0; }
#tab { width: 722px; height: 62px; display: block; float: none; margin: 0 auto; margin-top: -62px; }
#tab li { float: left; width: 238px; height: 62px; margin-right: 4px; text-align: center; }
#tab li a { width: 238px; height: 62px; background: #8d8d8d; color: #ffffff; font: 20px/62px 微软雅黑; text-decoration: none; display: block; }
#tab li a.current { width: 238px; height: 62px; background: #eeeeee; color: #7d7c7c; font: 20px/62px 微软雅黑; text-decoration: none; display: block; }
#tabbg { width: 1099px; display: block; float: none; margin: 0 auto; background: #eeeeee; padding: 29px 0 43px 25px; }
#tabbg li { float: left; width: 240px; height: 228px; background: url(../customer/images/libg1.jpg) no-repeat; margin: 14px 0 0 23px; color: #818181; font: 14px/22px 微软雅黑; }
#tabbg li span { color: #282828; font: 14px/22px 微软雅黑; }
#tabbg li a { width: 240px; height: 228px; background: url(../customer/images/libg1.jpg) no-repeat; color: #818181; font: 14px/22px 微软雅黑; text-decoration: none; display: block; cursor: pointer; }
#tabbg li a:hover { width: 240px; height: 228px; background: url(../customer/images/libg2.jpg) no-repeat; color: #818181; font: 14px/22px 微软雅黑; text-decoration: none; display: block; }
#tabbg li.style1 { float: left; width: 1030px; height: 24px; background: none; color: #282828; font: 24px/24px 华文细黑, 微软雅黑; margin-top: 36px; display: block; }
.return { width: 500px; float: left; color: #282828; font: 14px/32px 华文细黑, 微软雅黑; }
.return a { color: #282828; font: 14px/32px 华文细黑, 微软雅黑; }
.return a:hover { color: #e60012; font: 14px/32px 华文细黑, 微软雅黑; }
.flvpic { width: 536px; height: 326px; float: left; margin-top: 28px; background: #CCC; }
.testimony { width: 436px; float: right; margin-top: 28px; }
.testimony dt { color: #282828; font: 32px/32px 黑体; }
.testimony dd { margin-top: 24px; color: #828282; font: 16px/26px 微软雅黑; }
.textleft { margin-top: 32px; }
.textleft p { margin-bottom: 0; color: #818181; font: 14px/28px 微软雅黑; }
.textleft p.title { margin: 0; color: #141414; font: 26px/30px 华文细黑, 微软雅黑; }
.textleft p.titlea { margin: 15px 0 0 0; color: #141414; font: 26px/30px 华文细黑, 微软雅黑; }
.textleft p.titleb { margin: 15px 0 0 0; color: #141414; font: 22px/26px 华文细黑, 微软雅黑; }
.textright1 { width: 280px; float: right; margin-top: 32px; background: url(../images/textrightbg1.jpg) repeat-y; }
.textright2 { width: 280px; float: right; background: url(../images/textrightbg2.jpg) no-repeat center top; }
.textright3 { width: 280px; float: right; background: url(../images/textrightbg3.jpg) no-repeat center bottom; }
.textright3 .title { height: 20px; margin: 20px 0 0 20px; background: url(../images/line2.jpg) no-repeat left center; padding-left: 10px; color: #282828; font: 14px/18px 微软雅黑; }
.textright3 .list { margin: 10px 0 0 30px; color: #818181; font: 14px/24px 微软雅黑; }
.textright3 .pic { width: 237px; height: 114px; margin: 24px 0 0 20px; padding-bottom: 32px; }
.textright3 a { color: #818181; font: 14px/24px 微软雅黑; text-decoration: none; }
.textright3 a:hover { color: #818181; font: 14px/24px 微软雅黑; text-decoration: underline; }
/* sys */
.probg { background: url(../images/line1.jpg) no-repeat center top; }
.movebody { margin: 0 auto; width: 1120px; }
.movetab { margin: 20px auto 0; padding-left: 40px; width: 1080px; height: 220px; padding-top:10px;border-bottom:1px solid #d6d6d6;}
.movetab li { float: left; display: inline; margin-right: 70px; }
.movetab li.last { margin-right: 0; }
.movetab a { display: block; overflow: hidden; width: 110px; height: 110px; -webkit-animation: 'zoom' .5s; -webkit-transform: scale(0); -webkit-transform-origin: 45px 37px; -webkit-animation-fill-mode: both; animation-name: zoom; animation-duration: .5s; transform: scale(0); transform-origin: 45px 37px; animation-fill-mode: both; -webkit-transition: top .3s; transition: top .3s; position: relative; top: 0px; }
.movetab a:hover { top: -10px; }
.movetab .icon1 { -webkit-animation-delay: 0s; animation-delay: 0s; }
.movetab .icon2 { -webkit-animation-delay: .05s; animation-delay: .05s; }
.movetab .icon3 { -webkit-animation-delay: .1s; animation-delay: .1s; }
.movetab .icon4 { -webkit-animation-delay: .1s; animation-delay: .1s; }
.movetab .icon5 { -webkit-animation-delay: .15s; animation-delay: .15s; }
.movetab .icon6 { -webkit-animation-delay: .2s; animation-delay: .2s; }
.movetab .icon7 { -webkit-animation-delay: .25s; animation-delay: .25s; }
.movetab .icon8 { -webkit-animation-delay: .3s; animation-delay: .3s; }
.movetab .icon9 { -webkit-animation-delay: .35s; animation-delay: .35s; }
.movetab .icon10 { -webkit-animation-delay: .4s; animation-delay: .4s; }
.movetab .icon11 { -webkit-animation-delay: .45s; animation-delay: .45s; }
.movetab .icon12 { -webkit-animation-delay: .5s; animation-delay: .5s; }
.movetab .icon13 { -webkit-animation-delay: .55s; animation-delay: .55s; }
.movetab .icon14 { -webkit-animation-delay: .6s; animation-delay: .6s; }
 @-webkit-keyframes zoom {  from {
 -webkit-transform:scale(0);
}
to { -webkit-transform: scale(1); }
}
@keyframes zoom {  from {
 transform:scale(0);
}
to { transform: scale(1); }
}

.none{display:none;}

.part{position:relative;margin:0 auto;width:1120px;height:400px;border-bottom:1px solid #d6d6d6;overflow:hidden;}
.moveleft{position:absolute;left:50px;bottom:0px;}
.moveright{position:absolute;right:50px;bottom:0px;}
.moveimg img{display:block;}
.movetext{width:435px;}
.movetext dl{height:260px;}
.movetext dt{font:24px/28px "微软雅黑", "黑体";color:#e60012;}
.movetext dd{font:14px/28px "微软雅黑", "黑体";color:#5a5a5a;}
.wei{position:relative;}
a.btnanzhuo:link,a.btnanzhuo:visited{position:relative;display:inline-block;margin-right:10px;width:162px;height:48px; vertical-align:bottom;background:url(../product/images/btnanzhuo.jpg) no-repeat 0 0;z-index:99;}
a.btnpingguo:link,a.btnpingguo:visited{position:relative;display:inline-block;width:162px;height:48px; vertical-align:bottom;background:url(../product/images/btnpingguo.jpg) no-repeat 0 0;z-index:99}
a.btnipad:link,a.btnipad:visited{position:relative;display:inline-block;margin-right:10px;width:152px;height:48px; vertical-align:bottom;background:url(../product/images/btnipad.jpg) no-repeat 0 0;z-index:99}
a.btniphone:link,a.btniphone:visited{position:relative;display:inline-block;width:172px;height:48px; vertical-align:bottom;background:url(../product/images/btniphone.jpg) no-repeat 0 0;z-index:99}
.wei1{position:absolute;top:-110px;left:30px;}
.wei2{position:absolute;top:-110px;left:200px;}

.textleft1 { margin-top: 32px; }
.textleft2 { width: 770px; margin-left: 100px; }
.product { width: 930px; display: block; float: none; margin: 0 auto; }
.productbg { width: 1259px; display: block; float: none; margin: 0 auto; }
.productbg2 { width: 1259px; display: block; float: none; margin: 0 auto; background: #f6f6f6; }
.title1 { text-align: center; color: #e60012; font: 30px/30px 华文细黑, 微软雅黑; }
.title2 { text-align: center; color: #141414; font: 26px/28px 华文细黑, 微软雅黑; }
.title3 { margin-left: 260px; text-align: left; color: #141414; font: 18px/22px 微软雅黑; line-height: 18px }
.text1 { color: #616161; font: 16px/32px 微软雅黑; }
.text2 { color: #616161; font: 22px/32px 微软雅黑; }
.text2 a { color: #616161; font: 22px/32px 微软雅黑; text-decoration: none; }
.text2 a:hover { color: #616161; font: 22px/32px 微软雅黑; text-decoration: underline; }
.text3 { color: #e60012; font: 16px/24px 微软雅黑; }
.text4 { line-height: 10px; }
.text5 { text-align: center; color: #141414; font: 18px/22px 微软雅黑; }
.line { width: 800px; height: 10px; display: block; float: none; margin: 0 auto; border-bottom: 1px solid #dbdbdb; }
.border-top { border-top: 1px solid #d3d3d3; margin-top: 20px; }
.border-right { border-right: 1px solid #d3d3d3; }
.border-bottom { border-bottom: 1px solid #d3d3d3; }
.border-left { border-left: 1px solid #d3d3d3; }
/* author:英雄づ小将 */
.cplist { margin: 0 auto; padding: 40px 0 0 470px; width: 650px; height: 160px; border-bottom: 1px solid #dbdbdb; }
a.nounderline:hover .cplist { background-color: #eeeeee; }
.cp1 { display: block; font: 30px/42px "华文细黑", "微软雅黑", "黑体"; color: #e60012; }
.cp2 { display: block; font: 24px/42px "华文细黑", "微软雅黑", "黑体"; color: #141414; }
.cp3 { display: block; font: 16px/42px "华文细黑", "微软雅黑", "黑体"; color: #818181; }
.cp4 { display: block; font: 16px/32px "华文细黑", "微软雅黑", "黑体"; color: #818181; }
.iconcp1 { background-image: url(../product/images/iconu8.png); background-repeat: no-repeat; background-position: 160px center; }
.iconcp2 { background-image: url(../product/images/iconu9.png); background-repeat: no-repeat; background-position: 160px center; }
.iconcp3 { background-image: url(../product/images/iconcrm.png); background-repeat: no-repeat; background-position: 160px center; }
.iconcp4 { background-image: url(../product/images/iconplm.png); background-repeat: no-repeat; background-position: 160px center; }
.iconcp5 { background-image: url(../product/images/iconup.png); background-repeat: no-repeat; background-position: 160px center; }
a.nounderline:hover { text-decoration: none; }