section.business { background: transparent url('wallpaper2.jpg') repeat scroll 50% bottom; }
.business .box { position: relative; margin-top: -55px; transition: all 0.3s ease-in-out 0s; }
.business .box .caption { width: 100%; text-align: center; opacity: 0; transition: all 0.5s ease-in-out 0s; }
.business.active .box .caption { opacity: 1; }
.business .box .caption i { display: block; margin: 0px auto 20px; width: 320px; height: 31px; background: transparent url('../images/words4.png') no-repeat scroll 0px -294px; }
.business .box .caption span { font-size: 24px; letter-spacing: 3px;color:#004986; }
.business .box ul.items { margin: 50px auto 0px; }
.business .box ul.items li { width: 150px; height: 250px; margin: 0px 8px; background: transparent url('../images/bg_blue.jpg') no-repeat scroll 0px 400px; overflow: hidden; }
.business .box ul.items li i { display: block; position: relative; margin: 16px auto 0px; height: 69px; }
.business .box ul.items li.pc i { width: 81px; background: transparent url('../images/words4.png') no-repeat scroll -243px -360px; }
.business .box ul.items li.mobi i { width: 64px; background: transparent url('../images/words4.png') no-repeat scroll -413px -291px; }
.business .box ul.items li.sys i { width: 76px; background: transparent url('../images/words4.png') no-repeat scroll -419px -359px; }
.business .box ul.items li.app i { width: 74px; background: transparent url('../images/words4.png') no-repeat scroll -242px -442px; }
.business .box ul.items li.host i { width: 79px; background: transparent url('../images/words4.png') no-repeat scroll -407px -443px; }
.business .box ul.items li.media i { width: 79px; background: transparent url('../images/hudongmeiti.png') no-repeat scroll -69px 12px; }
.business .box ul.items li u { display: block; position: absolute; width: 106px; height: 106px; margin-left: 22px; background: transparent url('../images/words4.png') no-repeat scroll -11px -372px; transition: all 0.5s ease-in-out 0s; }
.business .box ul.items li u.cl { clip: rect(0px, 106px, -10px, 53px); }
.business.active .box ul.items li u.cl { clip: rect(0px, 106px, 106px, 53px); }
.business .box ul.items li u.cr { clip: rect(106px, 53px, 106px, 0px); }
.business.active .box ul.items li u.cr { clip: rect(0px, 53px, 106px, 0px); }
.business .box ul.items li strong { display: block; margin-top: 35px; font-size: 16px; font-weight: normal; text-align: center;color:white; }
.business .box ul.items li strong:hover{border: none;}
.business .box ul.items li p { position: relative; top: 200px; color: White; font-family: Arial,"宋体"; font-size: 12px; line-height: 20px; text-align: center; }
.business .box ul.items li:hover { background-position: 0px 0px; transition: all 0.5s ease-in-out 0.3s; }
.business .box ul.items li:hover i { transition: all 0.5s ease-in-out 0.4s; }
.business .box ul.items li.pc:hover i { background: transparent url('../images/words4.png') no-repeat scroll -168px -357px; }
.business .box ul.items li.mobi:hover i { background: transparent url('../images/words4.png') no-repeat scroll -337px -291px; }
.business .box ul.items li.sys:hover i { background: transparent url('../images/words4.png') no-repeat scroll -327px -362px; }
.business .box ul.items li.app:hover i { background: transparent url('../images/words4.png') no-repeat scroll -164px -439px; }
.business .box ul.items li.host:hover i { background: transparent url('../images/words4.png') no-repeat scroll -335px -439px; }
.business .box ul.items li.media:hover i { background: transparent url('../images/hudongmeiti.png') no-repeat scroll 8px 12px; }
.business .box ul.items li:hover u.cl { clip: rect(0px, 106px, -10px, 53px); }
.business .box ul.items li:hover u.cr { clip: rect(106px, 53px, 106px, 0px); }
.business .box ul.items li:hover strong { color: White; transition-delay: 0.4s; text-decoration: none;border: none;}
.business .box ul.items li:hover p { top: 0px; transition: all 0.3s ease-in-out 0.5s; text-decoration: none;}
.business .box label { display: block; margin: -40px auto 0px; width: 297px; height: 21px; background: transparent url('../images/words4.png') no-repeat scroll 0px -333px; }
.business .box ul.items li a{text-decoration: none;}

/* ::::: http://www.yunduancn.com/Content/Offcial/ec900/css/public.css ::::: */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }
fieldset, img { border: 0px none; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: outside none none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q::before, q::after { content: ""; }
input[type="submit"], botton, input[type="botton"] { cursor: pointer; }
html { width: 100%; }
body { font: 12px "microsoft yahei",Tahoma,Arial,Helvetica,sans-serif; color: rgb(102, 102, 102); }
a { color: rgb(102, 102, 102); text-decoration: none; outline: medium none; }
a:hover { color: rgb(51, 51, 51); }
h1, h2, h3, h4, h5, h6 { font: 12px "microsoft yahei","宋体"; }
h1 { font-size: 20px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
.icon, .btns, .ie6_box li a { background-repeat: no-repeat; }
.icon, .scrollNav, .scrollNav-circle .scrollNav-prev, .scrollNav-circle .scrollNav-next, .toTop, .btns-cnzz { background-image: url('../images/icons.png'); }
.icon { display: inline-block; width: 16px; height: 16px; margin-left: 3px; margin-right: 3px; vertical-align: -2px; }
.icon-telephone { background-position: 0px -32px; vertical-align: -1px; }
.icon-search { background-position: 0px 0px; vertical-align: -3px; }
.icon-user-s { background-position: -16px 0px; }
.icon-weixin { background-position: -48px 0px; vertical-align: -4px; }
a:hover .icon-user-s { background-position: -16px -16px; }
a:hover .icon-weixin { background-position: -48px -16px; }
.cssarr-down, .cssarr-up, .cssarr-right, .cssarr-left { display: inline-block; border-width: 4px; border-style: solid dashed dashed; border-color: -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; height: 0px; line-height: 0; font-size: 0px; vertical-align: middle; overflow: hidden; }
.cssarr-down { border-color: rgb(102, 102, 102) transparent transparent; }
.select, .texts, .textm, .textl, .textarea { border: 1px solid rgb(220, 220, 220); padding: 4px; }
.texts, .textm, .textl { height: 14px; padding: 5px; }
.textl { width: 300px; }
.w, .content, .ws { width: 1210px; margin-left: auto; margin-right: auto; padding-top: 3%;}
.row, .toolbar, .header, .banner, .mainner, .containner, .footer, .wf { width: 100%; min-width: 1210px; }
.box .bd::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.row { margin-bottom: 10px; }
.content::after, .row::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.row-pv { margin: 0px; padding: 50px 0px; }
.row-even { background-color: rgb(246, 246, 246); }
.row-circle { background: rgb(246, 246, 246) url('../images/bg_row_pv.jpg') no-repeat scroll 50% 100%; }
.row-pv .title { margin-bottom: 60px; text-align: center; }
.row-pv .title h2 { height: 35px; margin-bottom: 5px; background: transparent url('../images/icons.png') no-repeat scroll 50% -96px; font-size: 0px; color: rgb(255, 255, 255); overflow: hidden; }
.row-pv .title h3 { line-height: 38px; font-size: 24px; color: rgb(51, 51, 51); }
.row-pv .title h6 { font-size: 14px; color: rgb(153, 153, 153); }
.pros { width: 100%; overflow: hidden; }
.pros .pros-ul { margin: 0px -10px; }
.pros li { float: left; margin: 0px 0px 10px 10px; }
.pros .p-name {  }
.banner { position: relative; height: 350px; }
.scrollNav { width: 240px; height: 44px; margin: 10px auto; background-position: -160px 0px; }
.scrollNav-prev, .scrollNav-next { width: 51px; height: 42px; cursor: pointer; }
.scrollNav-prev { float: left; margin: 1px 0px 0px 1px; }
.scrollNav-next { float: right; margin: 1px 1px 0px 0px; }
.scrollNav-prev:hover { background-image: url('../images/icons.png'); background-position: -161px -46px; }
.scrollNav-next:hover { background-image: url('../images/icons.png'); background-position: -348px -46px; }
.toolbar { height: 50px; border-bottom: 1px solid rgb(230, 230, 230); background-color: rgb(250, 250, 250); line-height: 50px; }
.toolbar .aside { float: left; }
.toolbar .section { float: right; }
.toolbar .search { float: left; }
.telephone { float: left; font-family: Arial,sans-serif; font-size: 18px; color: rgb(153, 153, 153); }
.search .form { position: relative; height: 28px; width: auto; border: 1px solid rgb(223, 223, 223); border-radius: 14px; margin: 10px; }
.search .form .text { float: left; width: 100px; height: 18px; border: medium none; padding: 5px 10px; border-radius: 14px; background-color: rgb(255, 255, 255); line-height: 18px; color: rgb(153, 153, 153); font-size: 14px; outline: medium none; transition: width 0.2s ease-in-out 0s; }
.search .form .text:focus { width: 200px; }
.search .form .button { position: absolute; right: 8px; top: 6px; width: 16px; height: 16px; background-color: transparent; border: medium none; text-align: center; font-size: 14px; font-weight: bold; color: rgb(255, 255, 255); cursor: pointer; outline: medium none; }
　
#row-ourCase .scrollNav { margin-top: 38px; }
.imgViewer { width: 100%; display: block; }
.imgViewer .bigImg { width: 800px; height: 400px; background: transparent url('../images/loading.gif') no-repeat scroll 50% 50%; overflow: hidden; }
.imgViewer .smallImg { position: relative; margin-top: 15px; width: 100%; height: 62px; }
.imgViewer .smallImg-m { width: 100%; height: 100%; overflow: hidden; }
.imgViewer .smallImg-ul { width: 110%; height: 100%; }
.imgViewer .smallImg-m li { position: relative; float: left; margin-right: 18px; width: 70px; height: 100%; cursor: pointer; }
.imgViewer .bigImg { position: relative; width: 100%; height: 430px; }
.imgViewer .imgViewer-img { position: relative; float: left; width: 580px; height: 420px; overflow: hidden;margin-left: 40px; }
.imgViewer .imgViewer-txt { float: left; width: 500px; height: 420px; padding: 30px 30px 30px 60px;margin-left: 40px; }
.imgViewer .imgViewer-img .currPic, .imgViewer .imgViewer-img a, .imgViewer .imgViewer-img img { display: block; width: 100%; height: 100%; }
.imgViewer .imgViewer-txt { background: transparent url('../images/bg_comments_text.png') no-repeat scroll 0% 0%; }
.imgViewer .imgViewer-txt .head { position: relative; }
.imgViewer .imgViewer-title { width: 430px; color: rgb(51, 51, 51); font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.imgViewer .imgViewer-desc { margin-top: 20px; height: 360px; font-size: 14px; line-height: 2; overflow: hidden; }
/*.imgViewer .loadPlaceholder { position: absolute; left: 0px; top: 0px; display: none; width: 100%; height: 100%; background: rgb(255, 255, 255) url('../images/loading-white.gif') no-repeat scroll 50% 50%; opacity: 0.6; }*/
.imgViewer .smallImg-m li { width: 90px; height: 154px; }
.imgViewer .smallImg-m { width: 100%; height: 62px; margin: 0px auto; }
.imgViewer .smallImg-m li { position: relative; width: 198px; height: 60px; border: 1px solid rgb(246, 246, 246); margin: 0px 2px 0px 0px; }
.imgViewer .smallImg-m li:hover { border-color: rgb(204, 204, 204); transition: all 0.2s linear 0s; }
.imgViewer .smallImg-m li.on { border-color: rgb(153, 153, 153); }
.imgViewer .smallImg-m li img { width: 198px; height: 61px; margin: 0px; }
.imgViewer .smallImg-m li .color-img { position: absolute; left: 0px; top: 0px; opacity: 0; transition: all 0.3s linear 0s; }
.imgViewer .smallImg-m .on .color-img { opacity: 1; }
#row-projectService { height: 550px; background-image: url('../images/bg_projectservices.png'); background-repeat: no-repeat; background-position: 50% 50%; }