/****************************** ** 初始化 ** http://tool.oschina.net/jscompress ******************************/ * { margin:0; padding:0; -webkit-transition:all ease 300ms; -moz-transition:all ease 300ms; -ms-transition:all ease 300ms; transition:all ease 300ms; } body { font:14px/1.5 "Microsoft Yahei"; color:#333; min-width:1200px; cursor:default; } img { border:0px; } ul,ol { list-style-type:none; } table { border-collapse:collapse; border-spacing:0; } input,textarea,select { font:14px/1 "Microsoft Yahei"; color:#555; outline:0; } textarea { resize:none; overflow:auto; } input[type='checkbox'], input[type='radio'] { vertical-align:-2px; margin-right:5px; } h1,h2,h3,h4,h5,h6,font { font-size:14px; } a { color:#333; text-decoration:none; cursor:pointer; } a:hover,a:active { color:#e0272c; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#e5e5e5; } input:-moz-placeholder, textarea:-moz-placeholder { color:#e5e5e5; } input::-moz-placeholder, textarea::-moz-placeholder { color:#e5e5e5; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #e5e5e5; } /****************************** ** 网站架构 ******************************/ .clearfix:after { content:""; clear:both; font-size:0px; line-height:0px; display:block; width:100%; height:1px; } .hidden { display:none; } .center { text-align:center; } .autocut { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; } .ease { -webkit-transition:all ease 300ms; -moz-transition:all ease 300ms; -ms-transition:all ease 300ms; -o-transition:all ease 300ms; transition:all ease 300ms; } .noease, .noease * { -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .wrap { width:1200px; margin:0 auto; position:relative; } .topper { width:100%; height:35px; line-height:35px; font-size:13px; background:#0050b5; color:#97c1e9; position:relative; z-index:100; } .topper .welcome { float:left; } .topper .welcome a { background:url(../images/ico-home.png) left center no-repeat; padding-left:20px; color:#ebf1f6; margin-right:15px; } .topper .links { float:right; } .topper .links li { float:right; margin-left:15px; position:relative; } .topper .links li a { color:#97c1e9; } .topper .links li a:hover { color:#fff; } .topper .com-ls p { position:relative; padding-right:15px; cursor:pointer; } .topper .com-ls p:after { content:""; width:0; height:0; border:4px solid transparent; border-top-color:#ebf1f6; position:absolute; top:17px; right:0; } .topper .submenu { position:absolute; left:-15px; top:35px; width:180px; background:#fff; border-radius:0 0 3px 3px; box-shadow:0 1px 2px rgba(0,0,0,0.2); display:none; } .topper .submenu dd { height:30px; line-height:30px; margin:0 10px; border-bottom:1px solid #ddd; font-size:12px; } .topper .submenu dd:last-child { border-bottom:0; } .topper .submenu dd a { color:#333; } .topper .submenu dd span { color:#e70012; margin-right:3px; } .topper .submenu dd a:hover { color:#e70012; } .topper .sos { width:160px; height:28px; border-radius:3px; background:#1767c6; position:relative; top:3px; } .topper .sos .txt { float:left; width:120px; padding-left:10px; height:28px; line-height:28px; color:#666; background:none; border:0; color:#fff; } .topper .sos .submit { float:right; width:28px; height:28px; background:url(../images/ico-sos.png) center center no-repeat; border:0; cursor:pointer; } .topper .sos .submit:hover { opacity:0.8; filter:Alpha(opacity=80); } .banner, .banner ul, .banner img { height:460px; } .banner, .banner * { -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; } .banner { width:100%; border-bottom:1px solid #fff; position:relative; z-index:1; overflow:hidden; } .banner .list { width:100%; } .banner .list li { width:100%; position:absolute; left:0; top:0; z-index:1; overflow:hidden; background:#FFF; display:none; } .banner .list li:first-child { display:block; } .banner .list img { width:1920px; display:block; position:relative; left:50%; margin-left:-960px; top:0; } .banner .tip { width:100%; height:15px; line-height:15px; text-align:center; position:absolute; left:0; bottom:20px; z-index:3; } .banner .tip span { display:inline-block; width:15px; height:15px; vertical-align:middle; background:#999; margin:0 7px; cursor:pointer; border-radius:50%; } .banner .tip span.cur { background:#FFF; } .banner .prev, .banner .next { position:absolute; top:200px; width:31px; height:60px; z-index:3; cursor:pointer; } .banner .prev { left:50%; margin-left:-1000px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAA7CAYAAACDk1EZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDVEM0UzM0Q5MUMzMTFFNUJEODdDNTBBQ0NCODI1NjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDVEM0UzM0U5MUMzMTFFNUJEODdDNTBBQ0NCODI1NjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENUQzRTMzQjkxQzMxMUU1QkQ4N0M1MEFDQ0I4MjU2MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENUQzRTMzQzkxQzMxMUU1QkQ4N0M1MEFDQ0I4MjU2MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkYmTVYAAAFVSURBVHjaxNlNDoIwEAVgIC68i4krT+bS6MIIB9CVeg+XHsOzuKNOkxobhP7NzINkElJKvgcotGlljKnAdaTqqR6LCrt1VDu3/0RecWd+24Wqng227bPBCHwS1saDsCYehbXwJFgD9+FzCJbGs2BJPBuWwotgCbwY5uIsmIOz4VJcBC7BxeBcXBTOwcXhVFwFTsHV4BiuCodwdXgKh8BjOAwe4lDYx+HwF2/ngG1Z6E3zpiXVi2pN1aMmbg3Vye2vqK5UNWza6G7Bwbv1d+Qzny3AsAEaYKwRFmDqACRA6KB6gFgH1QApndQCpHbcawTI6SweIPcE0QAlJ4kFKE0tEoDzzNgBuL9YVgCJ/2txAKm3VVEAyXd1dgDpL1VWAI3vdHIArVFKUgDNMVo0gPYINRgAMTPxA9yQKw3BAMjVpb8A6AU9P8C2AS/qtW5Rz05GNx8BBgCjd5vvLoaV2wAAAABJRU5ErkJggg==); } .banner .next { right:50%; margin-right:-1000px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAA7CAYAAACDk1EZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEE5MjZDOTc5MUM0MTFFNUEwODNFRUU1NDM0Mzg5NDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEE5MjZDOTg5MUM0MTFFNUEwODNFRUU1NDM0Mzg5NDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QTkyNkM5NTkxQzQxMUU1QTA4M0VFRTU0MzQzODk0NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QTkyNkM5NjkxQzQxMUU1QTA4M0VFRTU0MzQzODk0NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjaoLLQAAAFoSURBVHjaxJk9DsIwDEbTXofbsYHKwAAbQrDBAbgBt2DiNCwQHEREFfIf+2skC2hTvUehqe0qrfWF4kmxoFDI6JVSNwrzuqUYFHKQQUdx0r8xoL65fTOJwPgDXMDdYATOKAHfRphAaAdEILZTXCA1QVQgZ5KYQO5EEYGSyewCpQewCtQcxCZQa80i0PKbNQu0/mObBDiu12oBrtWqSoBzrXYFVkh4sYDEfTpbQCpLyRKQzNGSAtIZalQAkZ8HBVClkVcAWZu5AsvuY4Abpia8U8woHj0Q3FHsv2AzdshTfhid8g3y3/4HRl3nXjBihQuCpdf2KFjyrpYES93Ps8ASmUw2mDuHKwJzZq/FYK68vQrMUbFUg1trtSZwS5XaDK6tz1nANZ0JNnBpT4YVXNKNYgfn9uFEwDkdyKMUONV7FQXHus7i4FC/HQL2PWmAgd1nLFCwhU8CtvD5FGALv1K8KNboJ4pvAQYATjD3jm8Xjl8AAAAASUVORK5CYII=); } .banner .prev:hover, .banner .next:hover { opacity:.5; filter:Alpha(opacity=50); } .banner .url-plans { width:180px; height:70px; background:url(about:blank); position:absolute; left:50%; top:362px; margin-left:-203px; } .banner .btn-kf { width:220px; height:80px; background:url(about:blank); position:absolute; left:50%; top:332px; margin-left:-15px; } .banner .url-wfx { width:180px; height:60px; background:url(about:blank); position:absolute; left:50%; top:300px; margin-left:-595px; } .banner .btn-qq { width:180px; height:60px; background:url(about:blank); position:absolute; left:50%; top:300px; margin-left:-405px; } .hot-recommend { width:100%; height:50px; line-height:50px; background:#e5e5e5; } .hot-recommend .list { } .hot-recommend .list strong { } .hot-recommend .list a { margin-right:10px; position:relative; } .hot-recommend .list a:hover { color:#e0272c; text-decoration:underline; } .hot-recommend .list a.ico-hot { color:#e70012; position:relative; } .hot-recommend .list a.ico-hot:before { content:""; width:21px; height:11px; position:absolute; top:-8px; right:-15px; background:url(../images/ico-hot.png) center center no-repeat; } .hot-recommend .attention { position:absolute; right:0; top:0; color:#666; } .hot-recommend .at { float:right; margin-left:20px; } .hot-recommend .at a { display:inline-block; vertical-align:middle; width:28px; height:28px; border:1px solid #aaa; border-radius:50%; margin-left:5px; } .hot-recommend .ico-weixin { background:url(../images/ico-weixin.png) center center no-repeat; } .hot-recommend .ico-sina { background:url(../images/ico-sina.png) center center no-repeat; } .hot-recommend .ico-weixin:hover { background:url(../images/ico-weixin-white.png) center center no-repeat #49b507; border-color:#49b507; } .hot-recommend .ico-sina:hover { background:url(../images/ico-sina-white.png) center center no-repeat #f45200; border-color:#f45200; } .hot-recommend .kf { float:right; } .hot-recommend .kf a { color:#e70012; } .hot-recommend .kf a:hover { text-decoration:underline; } .hot-recommend .code { position:absolute; right:0; top:55px; padding:10px; background:#FFF; box-shadow:0 0 5px rgba(0,0,0,0.1); display:none; } .hot-recommend .code img { width:120px; height:120px; display:block; } .hot-recommend .code:before { content:""; position:absolute; right:42px; top:-20px; border:10px solid transparent; border-bottom-color:#fff; } .sitepath { height:30px; line-height:30px; padding:35px 0 0 0; overflow:hidden; color:#999; } .sitepath a { color:#999; } .sitepath a:last-child, .sitepath a:hover { color:#666; } .tagser { width:100%; border-top:1px solid #ddd; padding:20px 0; } .tagser dd { float:left; width:239px; text-align:center; border-left:1px solid #eee; } .tagser dd:first-child { border:0; } .tagser img { width:70px; height:70px; padding:2px; border-radius:50%; margin-bottom:-8px; } .tagser img:hover { } .tagser h2 { font-size:20px; line-height:20px; } .tagser p { color:#666; } .servicer { width:100%; height:220px; padding-top:30px; text-align:center; color:#fff; background:url(../images/rep-servicer.png) center top no-repeat #101010; } .servicer h3, .servicer h2 { height:70px; line-height:70px; font-size:30px; font-weight:400; } .servicer h3 { height:60px; line-height:60px; font-size:20px; } .bottomer { width:100%; background:#1e1e1e; padding:40px 0; border-bottom:1px solid #282828; color:#999; } .subnav { float:left; } .subfocus, .subcontact { float:right; } .subcontact { width:280px; margin-left:60px; } .subcontact dt { font-size:35px; height:50px; line-height:35px; } .subcontact dd { line-height:30px; } .subnav dl { float:left; width:128px; } .subnav dt { height:30px; line-height:20px; font-size:18px; color:#FFF; } .subnav dd { line-height:30px; } .subnav dl:first-child { width:200px; } .subnav dl:first-child dd { width:90px; float:left; } .subfocus { width:240px; } .subfocus dt { float:left; width:120px; line-height:20px; padding:10px; background:#FFF; text-align:center; position:relative; } .subfocus dt img { display:block; width:120px; height:120px; } .subfocus dt span { color:#CCC; font-size:13px; } .subfocus dt:before { content:""; width:0; height:0; border:6px solid transparent; border-left-color:#fff; position:absolute; top:45px; right:-12px; } .subfocus dd { float:right; font-size:16px; color:#FFF; } .subfocus h2 { height:30px; line-height:20px; font-size:18px; font-weight:400; } .subfocus dd span, .subfocus dd a { display:block; height:40px; line-height:40px; padding-left:25px; color:#FFF; } .subfocus .ico-weixin { background:url(../images/ico-weixin2.png) left center no-repeat; } .subfocus .ico-sina { background:url(../images/ico-sina2.png) left center no-repeat; } .subfocus .ico-hnjing { background:url(../images/ico-hnjing.png) left center no-repeat; } .bottomer a { color:#999; } .bottomer a:hover { color:#199ad7; text-decoration:underline; } .footer { width:100%; background:#1e1e1e; padding:40px 0; text-align:center; } .footer p { line-height:35px; color:#666; } .footer p a { color:#666; margin:0 10px; } .footer p:first-child a { color:#999; } .footer p a:hover { color:#199ad7; text-decoration:underline; } .footer .ico { padding-top:15px; } .ihead { width:100%; text-align:center; margin-bottom:40px; } .ihead h2 { font-size:35px; color:#222; line-height:50px; margin-bottom:5px; font-weight:400; } .ihead p { font-size:18px; line-height:30px; color:#888; } /****************************** ** 首页内容 ******************************/ .iproduct { width:100%; background:#f9f9f9; padding:30px 0 40px; position:relative; } .iproduct .main { width:1146px; height:372px; position:relative; overflow:hidden; margin:0 auto; } .iproduct .prev, .iproduct .next { width:40px; height:80px; position:absolute; top:280px; cursor:pointer; background:url(../images/pro-pn.png) 0 0 no-repeat; display:none; -webkit-transition:none; transition:none; } .iproduct .prev { right:50%; margin:0 595px 0 0; background-position:0 0; } .iproduct .next { left:50%; margin:0 0 0 595px; background-position:-40px -80px; } .iproduct .prev:hover { background-position:-40px 0; } .iproduct .next:hover { background-position:0 -80px; } .iproduct .list { width:200%; float:left; position:relative; -webkit-transition:none; transition:none; } .iproduct li { float:left; width:240px; height:340px; padding:14px; border:1px solid #e1e1e1; background:#FFF; margin-left:22px; text-align:center; } .iproduct li:first-child { margin-left:0; } .iproduct h3 { font-size:24px; line-height:70px; } .iproduct .icon { width:240px; height:160px; margin-bottom:10px; position:relative; overflow:hidden; } .iproduct .icon .a { position:absolute; left:0; top:0; z-index:2; } .iproduct .icon-1 .b { position:absolute; z-index:3; width:95px; height:70px; top:50px; left:135px; } .iproduct .icon-2 .b { position:absolute; z-index:3; width:34px; height:30px; top:40px; left:83px; } .iproduct .icon-2 .c { position:absolute; z-index:3; width:54px; height:48px; top:70px; left:130px; } .iproduct .icon-3 .b { position:absolute; z-index:3; width:47px; height:52px; top:55px; left:145px; } .iproduct .icon-4 .b { position:absolute; z-index:1; width:75px; height:75px; top:15px; left:88px; } .iproduct li:hover .icon-1 .b { -webkit-animation:sosCircle 1s linear infinite; -moz-animation:sosCircle 1s linear infinite; -ms-animation:sosCircle 1s linear infinite; animation:sosCircle 1s linear infinite; } .iproduct li:hover .icon-2 .b { -webkit-animation:bounceIn 1s linear infinite; -moz-animation:bounceIn 1s linear infinite; -ms-animation:bounceIn 1s linear infinite; animation:bounceIn 1s linear infinite; } .iproduct li:hover .icon-2 .c { -webkit-animation:bounceIn 1s linear 0.5s infinite; -moz-animation:bounceIn 1s linear 0.5s infinite; -ms-animation:bounceIn 1s linear 0.5s infinite; animation:bounceIn 1s linear 0.5s infinite; } .iproduct li:hover .icon-3 .b { -webkit-animation:fade 1s linear infinite; -moz-animation:fade 1s linear infinite; -ms-animation:fade 1s linear infinite; animation:fade 1s linear infinite; } .iproduct li:hover .icon-4 .b { -webkit-animation:rotate 1s linear infinite; -moz-animation:rotate 1s linear infinite; -ms-animation:rotate 1s linear infinite; animation:rotate 1s linear infinite; } .iproduct p { line-height:25px; color:#666; font-size:16px; margin-bottom:15px; } .iproduct a { line-height:25px; font-size:18px; color:#666; } .iproduct a:hover { color:#e0272c; text-decoration:underline; } .iproduct li:hover { border-color:#ccc; } .iproduct2 { width:100%; background:#fff; padding:30px 0 40px; } .iproduct2 .list { width:1146px; height:340px; margin:0 auto; } .iproduct2 li { float:left; width:240px; height:240px; padding:14px 22px; border-right:1px solid #eee; background:#FFF; text-align:center; } .iproduct2 li:last-child { border:0; } .iproduct2 h3 { font-size:24px; line-height:50px; } .iproduct2 .icon { width:240px; height:129px; margin-bottom:10px; } .iproduct2 p { line-height:25px; color:#666; font-size:16px; margin-bottom:15px; } .iproduct2 a { line-height:25px; font-size:18px; color:#0080ca; } .iproduct2 a:hover { color:#e0272c; text-decoration:underline; } .icase { width:100%; margin-bottom:30px; overflow:hidden; background:#f9f9f9; padding:30px 0 0; } .icase * { -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; } .icase-container { width:100%; height:620px; background:#fff; position:relative; } .icase-logo { width:1200px; height:70px; position:absolute; left:50%; margin-left:-600px; top:40px; z-index:10; } .icase-logo .prev, .icase-logo .next { width:30px; height:64px; float:left; background:url(../images/ing-prev.png) center center no-repeat; cursor:pointer; opacity:0.3; } .icase-logo .next { float:right; background-image:url(../images/ing-next.png); } .icase-logo .prev:hover, .icase-logo .next:hover { opacity:1; } .icase-logo .main { float:left; width:1108px; height:65px; padding:3px 0; margin:0 0 0 16px; overflow:hidden; } .icase-logo .list { width:500%; position:relative; } .icase-logo .list li { float:left; width:157px; height:64px; margin:0 3px 0 0; opacity:0.3; filter:Alpha(opacity=30); } .icase-logo .list li:hover { opacity:0.7; filter:Alpha(opacity=70); } .icase-logo .list li.current { opacity:1; filter:Alpha(opacity=100); } .icase-logo .list img { display:block; width:100%; cursor:pointer; } .icase-view { position:relative; height:100%; z-index:5; } .icase-view .bigpic { position:relative; width:100%; height:100%; z-index:2; overflow:hidden; } .icase-view .bigpic li { width:100%; position:absolute; left:0; top:0; } .icase-view .bigpic img { width:1920px; height:550px; position:relative; left:50%; margin-left:-960px; } .icase-view .animate { position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; } .icase-view .animate li { position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; } .icase-view .animate div.img { position:absolute; left:50%; top:120px; z-index:3; } .icase-view .animate div.wds { position:absolute; left:50%; top:120px; z-index:3; } .icase-view .animate img { display:block; } .icase-view .animate div.wds img { margin-bottom:15px; width:510px; height:320px; } .icase-view .animate div.wds a { height:35px; line-height:35px; display:inline-block; padding:0 30px; background:#a3a3a2; border-radius:35px; color:#333; -webkit-transition:all ease 300ms; -moz-transition:all ease 300ms; -ms-transition:all ease 300ms; -o-transition:all ease 300ms; transition:all ease 300ms; position:relative; left:20px; } .icase-view .animate div.wds a:hover { background:#e50112; color:#FFF; -webkit-animation:pudding 1.5s ease forwards; -moz-animation:pudding 1.5s ease forwards; -ms-animation:pudding 1.5s ease forwards; animation:pudding 1.5s ease forwards; } .ichoose { width:100%; } .ichoose .main { border-top:1px solid #eee; padding:50px 0 70px; } .ichoose li { float:left; text-align:center; margin-left:39px; } .ichoose li:first-child { margin-left:0; } .ichoose li .icon { width:100%; height:120px; overflow:hidden; } .ichoose li .icon img { display:none; } .ichoose li:hover .icon { -webkit-transform:translateY(-15px); -moz-transform:translateY(-15px); -ms-transform:translateY(-15px); transform:translateY(-15px); } .ichoose li:hover .icon img { display:block; margin:0 auto; } .ichoose h3 { font-size:25px; line-height:33px; } .ichoose li p { margin-bottom:15px; font-size:18px; line-height:28px; } .ichoose li a { font-size:16px; color:#333; color:#199ad7; } .ichoose li a:hover { color:#e0272c; text-decoration:underline; } .ipartner { width:100%; background:#f4f4f4; padding:50px 0; } .ipartner .list { position:relative; left:1px; } .ipartner .list li { float:left; width:197px; height:135px; border:1px solid #dbdbdb; margin:-1px 0 0 -1px; position:relative; overflow:hidden; } .ipartner .list a { display:block; } .ipartner .list img { display:block; width:100%; height:135px; } .ipartner .list li:hover { z-index:1; border-color:#bbb; } .ipartner .list li:hover img { } [ig-gray] { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); filter:grayscale(100%); filter:gray Alpha(opacity=50); opacity:0.5; } [ig-gray]:hover { -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); filter:grayscale(0); filter:none; opacity:1; } .inews { float:left; width:380px; margin-right:50px; margin-bottom:70px; } .inews .head { height:60px; line-height:60px; position:relative; } .inews .head h2 { font-size:30px; font-weight:400; } .inews .head .mo { position:absolute; right:0; top:0; color:#999; font-size:16px; } .inews .head .mo:hover { color:#e0272c; text-decoration:underline; } .inews .img { height:100px; overflow:hidden; margin-bottom:0; } .inews .img img { display:block; width:100%; } .inews .img a { display:block; position:relative; width:100%; height:100%; overflow:hidden; } .inews .list { height:216px; line-height:36px; overflow:hidden; } .inews .list dd { height:35px; line-height:35px; overflow:hidden; } .inews .list dd:first-child { border-bottom:1px dashed #bbbbbb; margin-bottom:5px; } .inews .list dd a { padding-left:20px; background:url(../images/ico-tip.png) left center no-repeat; } .inews .list dd a:hover { padding-left:25px; background:url(../images/ico-tip-hover.png) left center no-repeat; color:#e0272c; } .inews .list dd:first-child a { background:none; padding-left:0; color:#37a2da; } .iform { float:right; width:340px; margin-bottom:70px; } .iform .head { color:#222; margin-bottom:15px; } .iform .head span { font-size:25px; line-height:30px; } .iform .head strong { font-size:30px; line-height:35px; display:block; font-weight:400; } .iform .main { width:100%; } .iform .row-1, .iform .row-2, .iform .code, .iform .button { float:left; margin-bottom:10px; } .iform .row-1 { width:100%; } .iform .row-2 { width:162px; } .iform .row-2 + .row-2 { float:right; } .iform .code { width:200px; } .iform .button { width:120px; float:right; } .iform .txt { width:140px; padding:0 10px; height:38px; line-height:38px; border:1px solid #ccc; background:#FFF; box-shadow:1px 1px 1px 1px #e5e5e5; } .iform .select { width:160px; padding:0; height:38px; line-height:38px; border:1px solid #ccc; background:#FFF; box-shadow:1px 1px 1px 1px #e5e5e5; } .iform .text { width:318px; height:; padding:10px; height:60px; line-height:20px; border:1px solid #ccc; background:#FFF; box-shadow:1px 1px 1px 1px #e5e5e5; } .iform .txt, .iform .text, .iform .select { color:#999; } .iform .txt:focus, .iform .text:focus, .iform .select:focus { border-color:#2084e0; } .iform .row-1 .txt { width:318px; } .iform .code .txt { width:100px; } .iform .code img { width:70px; height:40px; vertical-align:middle; } .iform .submit { width:100%; height:40px; line-height:40px; border:0; background:#199ad7; color:#FFF; border-radius:3px; cursor:pointer; font-size:16px; } .iform .submit:hover { box-shadow:0 0 1000px rgba(0,0,0,0.2) inset; } /****************************** ** 帮助中心 ******************************/ .help-view { width:100%; height:400px; background:url(../images/help-1-0.png) center top no-repeat #fff; margin-bottom:10px; overflow:hidden; } .help-view h2 { text-align:center; font-size:50px; color:#0065bb; font-weight:400; padding:60px 0 40px; } .help-sos { width:515px; height:48px; background:#ff6800; border:4px solid #ff6800; border-radius:3px; margin:0 auto; } .help-sos .txt { float:left; width:430px; height:48px; line-height:48px; border:0; background:#FFF; padding:0 0 0 20px; border-radius:3px; font-size:20px; } .help-sos .submit { float:right; width:60px; height:48px; background:url(../images/ico-sos2.png) center center no-repeat #ff6800; border:0; cursor:pointer; border-radius:3px; } .help-sos .submit:hover { background-color:#e65e01; } .help-view h2, .help-sos { opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 1s ease forwards; -moz-animation:flyInUp 1s ease forwards; -ms-animation:flyInUp 1s ease forwards; animation:flyInUp 1s ease forwards; } .help-view h2 + .help-sos { -webkit-animation-delay:0.2s; -moz-animation-delay:0.2s; -ms-animation-delay:0.2s; animation-delay:0.2s; } .help-category { margin-bottom:70px; } .help-category h2 { font-size:35px; font-weight:400; text-align:center; } .help-category h2 + p { font-size:18px; color:#888; text-align:center; margin-bottom:30px; } .help-category .list { width:100%; } .help-category .list li { /*width:132px;*/ width:170px; height:130px; padding:25px 0 0; float:left; margin:0 0 16px 30px /*16px*/; background:#f2f2f2; border-radius:6px; text-align:center; font-size:18px; line-height:40px; } .help-category .list img { display:block; margin:0 auto; width:74px; height:74px; } .help-category .list a { display:block; color:#555; } .help-category .list li:hover { background:#e2e2e2; } .help-recommend { padding-bottom:100px; } .help-recommend h2 { width:100%; font-size:35px; font-weight:400; text-align:center; margin-bottom:30px; } .help-recommend .list { float:left; width:270px; margin:0 0 0 30px; _display:inline; } .help-recommend .list dt { height:42px; line-height:42px; font-size:20px; padding:0 0 0 50px; margin-bottom:15px; } .help-recommend .list dd { height:26px; line-height:26px; } .help-recommend .list a { color:#2295d4; padding-left:25px; background:url(../images/ico-circle.png) 5px center no-repeat; } .help-recommend .list a:hover { padding-left:30px; color:#ff6800; } .help-recommend .icon-1 { background:url(../images/help-2-1.png) left center no-repeat; } .help-recommend .icon-2 { background:url(../images/help-2-2.png) left center no-repeat; } .help-recommend .icon-3 { background:url(../images/help-2-3.png) left center no-repeat; } .help-recommend .icon-4 { background:url(../images/help-2-4.png) left center no-repeat; } .help-view-sm { width:100%; height:105px; padding-top:45px; background:url(../images/help-3-0.png) center top no-repeat #fff; margin-bottom:2px; overflow:hidden; } .help-list { width:980px; margin:0 auto; padding-bottom:90px; } .help-list .list { margin-bottom:50px; } .help-list .list dd { height:40px; line-height:40px; border-bottom:1px dotted #ddd; position:relative; } .help-list .list a { padding-left:25px; background:url(../images/ico-circle.png) 5px center no-repeat; } .help-list .list a:hover { padding-left:30px; color:#ff6800; } .help-list .list span { position:absolute; right:0; top:0; color:#999; } .help-classify { width:100%; height:90px; background:#f3f3f3; margin-bottom:20px; } .help-classify .list { text-align:center; } .help-classify .list li { display:inline-block; width:156px; height:80px; border-left:1px solid #fff; background:#f3f3f3; margin:0 -3px 0 0; line-height:30px; font-size:16px; *zoom:1; *display:inline; } .help-classify .list li:last-child { border-right:1px solid #fff; } .help-classify .list a { display:block; padding:10px 0 0; position:relative; } .help-classify .list .icon { display:block; overflow:hidden; width:40px; height:40px; margin:0 auto; } .help-classify .list a:hover, .help-classify .list a.hover { color:#ff6902; } .help-classify .list a:hover .icon, .help-classify .list a.hover .icon { background-position:-40px center !important; } .help-classify .list a:hover:before, .help-classify .list a.hover:before { content:""; width:0; height:0; border:10px solid transparent; border-top-color:#f3f3f3; position:absolute; left:50%; margin-left:-10px; top:90px; } .help-container { } .help-container .sitepath { padding-top:20px; } .help-side { float:left; width:262px; height:auto; border:1px solid #e7e7e7; background:#FFF; } .help-side .head { height:40px; line-height:40px; padding:0 10px; background:#f9f9f9; border-bottom:1px solid #e7e7e7; font-size:16px; } .help-side .list { padding:10px; } .help-side .list dd { height:30px; line-height:30px; overflow:hidden; } .help-side .list a { padding-left:15px; background:url(../images/ico-circle.png) left center no-repeat; } .help-side .list a:hover { background:url(../images/ico-tip-hover.png) left center no-repeat; } .help-mainer { margin-left:288px; } .help-mainer .head { position:relative; padding-bottom:10px; } .help-mainer h1 { padding:0 350px 5px 0; font-size:22px; color:#ff0000; } .help-mainer .ins { position:absolute; right:0; top:0; } .help-mainer .share { float:right; width:245px; } .help-mainer .share > span { float:left; height:36px; line-height:36px; color:#999; font-size:16px; padding-right:10px; } .help-mainer .bdsharebuttonbox { float:right; width:186px; height:36px; } .help-mainer .hits { float:right; height:36px; line-height:36px; padding-left:25px; margin-right:15px; font-size:15px; font-family:Arial; } .help-mainer .hits:before { content:""; width:25px; height:25px; background:url(../images/ico-case.png) 0 0 no-repeat; position:absolute; left:0; top:5px; } .help-mainer .subline { height:40px; line-height:40px; border-top:1px dashed #dcdcdc; border-bottom:1px dashed #dcdcdc; } .help-mainer .subline span { margin-right:20px; } .help-mainer .article { padding:30px 0; } .help-mainer .print { height:32px; line-height:32px; overflow:hidden; font-size:16px; padding:0 0 10px; border-bottom:1px solid #dcdcdc; margin-bottom:30px; } .help-mainer .print a { float:left; padding-left:45px; background:url(../images/print.png) left center no-repeat; } .help-mainer .comment { line-height:20px; padding-bottom:100px; } .help-mainer .comment p { line-height:40px; font-size:15px; } .help-mainer .comment .text { width:610px; height:120px; border:1px solid #ddd; background:#fff; padding:5px; line-height:20px; display:block; margin-bottom:20px; color:#999; margin-top:10px; } .help-mainer .comment .submit { width:620px; height:60px; background:#e23b42; border:0; font-size:20px; color:#FFF; cursor:pointer; border-radius:5px; } .help-mainer .comment .submit:hover { background:#bd030b; } /****************************** ** 产品中心 ******************************/ .product-view { width:100%; height:400px; background:url(../images/product-1-0.png) center top no-repeat #fff; margin-bottom:10px; color:#FFF; text-align:center; overflow:hidden; } .product-view h2 { font-size:57px; font-weight:400; padding:30px 0 5px; line-height:70px; } .product-view h3 { font-size:45px; font-weight:400; padding:0 0 25px; line-height:60px; } .product-view h3 b { color:#fdf400; } .product-view p { font-size:22px; padding:0 0 30px; line-height:30px; } .product-view .submit { width:200px; height:50px; font-size:; background:#ffec21; color:#ce5200; border:1px solid #dfcd00; font-size:25px; font-weight:700; border-radius:3px; cursor:pointer; } .product-view .submit:hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.1) inset; } .product-view-checkbox { width:708px; margin:0 auto 00px; overflow:hidden; } .product-view-checkbox dl { width:110%; } .product-view-checkbox dd { float:left; width:76px; height:48px; margin:0 12px 17px 0; border:1px dashed #fff; border-radius:3px; text-align:center; line-height:15px; } .product-view-checkbox dd:before, .product-view-checkbox dd .before { content:""; display:block; width:30px; height:30px; margin:0 auto; } .product-view-checkbox dd:hover { } .product-view-checkbox dd.checked { background:#0091e4; color:#FFF; border:1px solid #fff; } .product-view-checkbox dd.ico-1:before, .product-view-checkbox dd.ico-1 .before { background:url(../images/ico-xuqiu.png) -60px 0 no-repeat; } .product-view-checkbox dd.ico-2:before, .product-view-checkbox dd.ico-2 .before { background:url(../images/ico-xuqiu.png) -60px -30px no-repeat; } .product-view-checkbox dd.ico-3:before, .product-view-checkbox dd.ico-3 .before { background:url(../images/ico-xuqiu.png) -60px -60px no-repeat; } .product-view-checkbox dd.ico-4:before, .product-view-checkbox dd.ico-4 .before { background:url(../images/ico-xuqiu.png) -60px -90px no-repeat; } .product-view-checkbox dd.ico-5:before, .product-view-checkbox dd.ico-5 .before { background:url(../images/ico-xuqiu.png) -60px -120px no-repeat; } .product-view-checkbox dd.ico-6:before, .product-view-checkbox dd.ico-6 .before { background:url(../images/ico-xuqiu.png) -60px -150px no-repeat; } .product-view-checkbox dd.ico-7:before, .product-view-checkbox dd.ico-7 .before { background:url(../images/ico-xuqiu.png) -60px -180px no-repeat; } .product-view-checkbox dd.ico-8:before, .product-view-checkbox dd.ico-8 .before { background:url(../images/ico-xuqiu.png) -60px -210px no-repeat; } .product-view-checkbox dd.ico-1.checked:before, .product-view-checkbox dd.ico-1.checked .before { background:url(../images/ico-xuqiu.png) -30px 0 no-repeat; } .product-view-checkbox dd.ico-2.checked:before, .product-view-checkbox dd.ico-2.checked .before { background:url(../images/ico-xuqiu.png) -30px -30px no-repeat; } .product-view-checkbox dd.ico-3.checked:before, .product-view-checkbox dd.ico-3.checked .before { background:url(../images/ico-xuqiu.png) -30px -60px no-repeat; } .product-view-checkbox dd.ico-4.checked:before, .product-view-checkbox dd.ico-4.checked .before { background:url(../images/ico-xuqiu.png) -30px -90px no-repeat; } .product-view-checkbox dd.ico-5.checked:before, .product-view-checkbox dd.ico-5.checked .before { background:url(../images/ico-xuqiu.png) -30px -120px no-repeat; } .product-view-checkbox dd.ico-6.checked:before, .product-view-checkbox dd.ico-6.checked .before { background:url(../images/ico-xuqiu.png) -30px -150px no-repeat; } .product-view-checkbox dd.ico-7.checked:before, .product-view-checkbox dd.ico-7.checked .before { background:url(../images/ico-xuqiu.png) -30px -180px no-repeat; } .product-view-checkbox dd.ico-8.checked:before, .product-view-checkbox dd.ico-8.checked .before { background:url(../images/ico-xuqiu.png) -30px -210px no-repeat; } .product-view h2, .product-view h3, .product-view p, .product-view dl, .product-view .submit { -webkit-animation:flyInUp 1s ease forwards; -moz-animation:flyInUp 1s ease forwards; -ms-animation:flyInUp 1s ease forwards; animation:flyInUp 1s ease forwards; } .product-view h3 { -webkit-animation-duration:1.2s; } .product-view dl { -webkit-animation-duration:1.2s; } .product-view p { -webkit-animation-duration:3s; } .product-view .submit { -webkit-animation-duration:5s; } .product-list { margin-bottom:110px; } .product-list h2 { font-size:35px; font-weight:400; color:#333; text-align:center; padding:40px 0 40px; } .product-list .list { width:100%; } .product-list .list li { float:left; width:230px; height:270px; margin:0 0 10px 10px; background:#CCC; } .product-list .list a { display:block; height:240px; background:#0080ca; color:#FFF; text-align:center; padding:30px 0 0; } .product-list .list a:hover { background:#066aa3; } .product-list .list .icon { display:block; width:200px; height:150px; margin:0 auto; } .product-list .list h3 { font-size:24px; line-height:30px; } .product-list .list p { font-size:16px; line-height:40px; } /****************************** ** 案例中心 ******************************/ .case-view { width:100%; height:400px; background:url(../images/case-1-0.png) center top no-repeat #fff; margin-bottom:10px; color:#FFF; text-align:center; } .case-view h2 { font-size:50px; padding:130px 0 15px; line-height:60px; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease forwards; -moz-animation:flyInUp 0.8s ease forwards; -ms-animation:flyInUp 0.8s ease forwards; animation:flyInUp 0.8s ease forwards; } .case-view h3 { font-size:40px; line-height:50px; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease forwards 0.1s; -moz-animation:flyInUp 0.8s ease forwards 0.1s; -ms-animation:flyInUp 0.8s ease forwards 0.1s; animation:flyInUp 0.8s ease forwards 0.1s; } .case-classify { width:100%; background:#fff; text-align:center; } .case-classify h2 { font-size:35px; font-weight:400; text-align:center; } .case-classify h2 + p { font-size:18px; color:#888; text-align:center; margin-bottom:30px; } .case-classify .list { width:1200px; margin:0 auto; padding-bottom:30px; } .case-classify .list li { float:left; margin:0 0 0 18px; } .case-classify .list a { display:block; width:178px; height:46px; line-height:46px; font-size:18px; border:2px solid #ccc; text-align:center; color:#555; border-radius:54px; } .case-classify .list a:before { content:""; width:40px; height:40px; overflow:hidden; display:inline-block; vertical-align:middle; background:#f1f1f1; margin-right:10px; border-radius:50%; } .case-classify .list a.icon-1:before { background:url(../images/ico-case-classify.png) 0 0 no-repeat; border-radius:0; } .case-classify .list a.icon-2:before { background:url(../images/ico-case-classify.png) 0 -40px no-repeat; border-radius:0; } .case-classify .list a.icon-3:before { background:url(../images/ico-case-classify.png) 0 -80px no-repeat; border-radius:0; } .case-classify .list a.icon-4:before { background:url(../images/ico-case-classify.png) 0 -120px no-repeat; border-radius:0; } .case-classify .list a.icon-5:before { background:url(../images/ico-case-classify.png) 0 -160px no-repeat; border-radius:0; } .case-classify .list a.icon-6:before { background:url(../images/ico-case-classify.png) 0 -200px no-repeat; border-radius:0; } .case-classify .list li.current a, .case-classify .list li:hover a { border-color:#fd313d; color:#fd313d; } .case-classify .list li.current a.icon-1:before, .case-classify .list li:hover a.icon-1:before { background-position:-40px 0; } .case-classify .list li.current a.icon-2:before, .case-classify .list li:hover a.icon-2:before { background-position:-40px -40px; } .case-classify .list li.current a.icon-3:before, .case-classify .list li:hover a.icon-3:before { background-position:-40px -80px; } .case-classify .list li.current a.icon-4:before, .case-classify .list li:hover a.icon-4:before { background-position:-40px -120px; } .case-classify .list li.current a.icon-5:before, .case-classify .list li:hover a.icon-5:before { background-position:-40px -160px; } .case-classify .list li.current a.icon-6:before, .case-classify .list li:hover a.icon-6:before { background-position:-40px -200px; } .case-container { width:100%; background:#f1f2f4; padding:30px 0 100px; } .case-opration { width:100%; background:#FFF; position:relative; z-index:10; margin-bottom:36px; } .case-filter { float:left; width:805px; } .case-filter .row { float:left; width:155px; height:60px; position:relative; border-right:1px solid #f1f2f4; } .case-filter .row:first-child { width:180px; } .case-filter p { height:60px; line-height:60px; font-size:16px; position:relative; background:url(../images/ico-drop-grace.png) right center no-repeat; margin-right:15px; cursor:pointer; } .case-filter p.hover { background-image:url(../images/ico-drop-red.png); } .case-filter p.ico-ins { padding:0 0 0 55px; } .case-filter p.ico-ins:before { content:""; width:30px; height:30px; position:absolute; left:20px; top:15px; background:url(../images/ico-filter.png) -30px 0 no-repeat; } .case-filter p.ico-color { padding:0 0 0 70px; } .case-filter p.ico-position { padding:0 0 0 55px; } .case-filter p.ico-position:before { content:""; width:30px; height:30px; position:absolute; left:20px; top:15px; background:url(../images/ico-filter.png) -30px -30px no-repeat; } .case-filter p.ico-style { padding:0 0 0 55px; } .case-filter p.ico-style:before { content:""; width:30px; height:30px; position:absolute; left:20px; top:15px; background:url(../images/ico-filter.png) -30px -60px no-repeat; } .case-filter p.ico-normal, .case-filter p.ico-new, .case-filter p.ico-rmd, .case-filter p.ico-hit, .case-filter p.ico-zan, .case-filter p.ico-normal { padding:0 0 0 55px; } .case-filter p.ico-normal:before, .case-filter p.ico-new:before, .case-filter p.ico-rmd:before, .case-filter p.ico-hit:before, .case-filter p.ico-zan:before, .case-filter p.ico-normal:before { content:""; width:30px; height:30px; position:absolute; left:20px; top:15px; background:url(../images/ico-filter.png) -30px -90px no-repeat; } .case-filter p.ico-new:before { background-position:-30px -120px; } .case-filter p.ico-rmd:before { background-position:-30px -150px; } .case-filter p.ico-hit:before { background-position:-30px -180px; } .case-filter p.ico-zan:before { background-position:-30px -210px; } .case-filter p.hover { color:#e01417; } .case-filter p.ico-ins.hover:before { background-position:-60px 0; } .case-filter p.ico-position.hover:before { background-position:-60px -30px; } .case-filter p.ico-style.hover:before { background-position:-60px -60px; } .case-filter p.ico-normal.hover:before { background-position:-60px -90px; } .case-filter p.ico-new.hover:before { background-position:-60px -120px; } .case-filter p.ico-rmd.hover:before { background-position:-60px -150px; } .case-filter p.ico-hit.hover:before { background-position:-60px -180px; } .case-filter p.ico-zan.hover:before { background-position:-60px -210px; } .case-filter .drop { position:absolute; left:0; top:60px; background:#FFF; display:none; box-shadow:0 1px 2px rgba(0,0,0,0.15); } .drop-ins { width:858px; height:271px; padding:10px 0 0 40px; } .drop-ins dd { float:left; width:116px; height:35px; line-height:35px; overflow:hidden; cursor:pointer; } .drop-ins dd:hover { color:#c00; } .tag-color { position:absolute; left:15px; top:25px; width:42px; height:14px; overflow:hidden; } .tag-color span { display:block; height:100%; } .drop-color { width:960px; height:100px; padding:20px 0 0 40px; } .drop-color dd { float:left; width:70px; height:auto; cursor:pointer; text-align:center; } .drop-color .color { width:56px; height:56px; text-align:center; line-height:56px; margin:0 auto; color:#666; } .drop-color h3 { display:block; height:30px; line-height:30px; font-weight:400; } .drop-color span { display:block; height:100%; background:#FFF; } .drop-color dd:hover { color:#c00; } .drop-color dd:hover .color { -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); transform:scale(1.2,1.2); } .drop-position { width:600px; height:100px; padding:10px 0 0 40px; } .drop-position dd { float:left; width:66px; height:35px; line-height:35px; overflow:hidden; cursor:pointer; } .drop-position dd:hover { color:#c00; } .drop-style { width:100%; height:auto; padding:5px 0; } .drop-style dd { width:100%; height:40px; line-height:40px; overflow:hidden; cursor:pointer; text-align:center; } .drop-style dd:hover { color:#c00; } .drop-sort { width:100%; height:auto; padding:5px 0; } .drop-sort dd { width:100%; height:40px; line-height:40px; overflow:hidden; cursor:pointer; text-align:center; color:#666; margin-left:-10px; } .drop-sort dd:hover { color:#c00; } .drop-sort dd:before { content:""; display:inline-block; width:30px; height:30px; vertical-align:middle; margin-right:5px; } .drop-sort dd.ico-normal:before { background:url(../images/ico-filter.png) 0 -90px no-repeat; } .drop-sort dd.ico-new:before { background:url(../images/ico-filter.png) 0 -120px no-repeat; } .drop-sort dd.ico-rmd:before { background:url(../images/ico-filter.png) 0 -150px no-repeat; } .drop-sort dd.ico-hit:before { background:url(../images/ico-filter.png) 0 -180px no-repeat; } .drop-sort dd.ico-zan:before { background:url(../images/ico-filter.png) 0 -210px no-repeat; } .drop-sort dd.ico-normal:hover:before { background:url(../images/ico-filter.png) -60px -90px no-repeat; } .drop-sort dd.ico-new:hover:before { background:url(../images/ico-filter.png) -60px -120px no-repeat; } .drop-sort dd.ico-rmd:hover:before { background:url(../images/ico-filter.png) -60px -150px no-repeat; } .drop-sort dd.ico-hit:hover:before { background:url(../images/ico-filter.png) -60px -180px no-repeat; } .drop-sort dd.ico-zan:hover:before { background:url(../images/ico-filter.png) -60px -210px no-repeat; } .case-sos { float:right; margin-right:10px; _display:inline; padding:10px 0; } .case-sos .txt { float:left; width:120px; height:40px; line-height:40px; padding:0 0 0 10px; border:0; background:#eaeaea; border-radius:3px 0 0 3px; font-size:15px; margin-right:3px; _display:inline; } .case-sos .submit { float:left; width:80px; height:40px; border:0; background:#999; color:#FFF; border-radius:0 3px 3px 0; font-size:16px; cursor:pointer; } .case-sos .txt:focus { width:140px; box-shadow:0 0 2px #aaa inset; } .case-sos .submit:hover { background:#0080ca; } .case-button { float:right; padding:10px 10px 10px 0; } .case-button a { display:block; width:100px; height:40px; line-height:40px; text-align:center; font-size:17px; background:#d0101b; color:#FFF; border-radius:3px; } .case-button a:hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.2) inset; } /* 营销型网站 */ .case-list-pc { width:100%; overflow:hidden; } .case-list-pc .list { width:110%; margin-bottom:60px; } .case-list-pc .item { float:left; width:290px; height:246px; background:#FFF; margin:0 14px 25px 0; position:relative; } .case-list-pc .result { height:30px; line-height:20px; font-size:16px; margin-bottom:30px; color:#1d82cb; font-weight:700; } .case-list-pc .result strong { color:#d0101b; } .case-list-pc .img { display:block; width:100%; height:180px; overflow:hidden; } .case-list-pc .img a { display:block; width:100%; height:100%; } .case-list-pc .img img { display:block; width:290px; min-height:180px; } .case-list-pc h3 { height:32px; line-height:32px; font-weight:400; margin:0 10px; } .case-list-pc .opr { height:25px; line-height:25px; margin:0 10px; color:#aaa; } .case-list-pc .opr span { margin-right:10px; cursor:pointer; } .case-list-pc .opr span:before { content:""; width:25px; height:25px; overflow:hidden; display:inline-block; vertical-align:middle; } .case-list-pc .opr span.hit:before { background:url(../images/ico-case.png) 0 0 no-repeat; } .case-list-pc .opr span.zan:before { background:url(../images/ico-case.png) 0 -25px no-repeat; } .case-list-pc .opr span:hover { opacity:0.6; filter:Alpha(opacity=60); } .case-list-pc .opr span.checked { color:#fd313d; } .case-list-pc .opr span.zan.checked:before { background-position:-25px -25px; } .case-list-pc .link { width:100px; height:23px; line-height:23px; text-align:center; position:absolute; bottom:10px; right:10px; color:#596583; border:1px solid #ddd; display:none; } .case-list-pc .link:hover { border-color:#0080ca; color:#0080ca; } .case-list-pc .null { height:30px; line-height:30px; } .case-list-pc .loading { width:300px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; } .case-list-pc .loaded { width:300px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; background:#e1e2e5; border-radius:3px; cursor:pointer; } .case-list-pc .loaded:hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.1) inset; } .case-list-pc .complate { width:400px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; background:#e1e2e5; border-radius:3px; } .case-list-pc .item:hover .img img { -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); transform:scale(1.2,1.2); } /* 手机网站 */ .case-list-mc { width:100%; overflow:hidden; } .case-list-mc .list { width:110%; margin-bottom:60px; } .case-list-mc .item { float:left; width:225px; height:442px; background:url(../images/phone.png) center top no-repeat; margin:0 18px 20px 0; position:relative; } .case-list-mc .main { width:200px; height:356px; background:#fff; position:relative; left:13px; top:30px; overflow:hidden; } .case-list-mc .img { display:block; width:100%; height:100%; overflow:hidden; } .case-list-mc .img img { display:block; width:100%; } .case-list-mc .inf { width:100%; height:100%; position:absolute; left:0; top:0; display:none; } .case-list-mc .inf:before { content:""; width:100%; height:100%; background:rgba(0,0,0,0.7) !important; filter:Alpha(opacity=0.7); background:#000; position:absolute; left:0; top:0; z-index:0; } .case-list-mc .inf > * { position:relative; z-index:1; text-align:center; color:#FFF; } .case-list-mc .inf p { height:50px; line-height:50px; padding-top:20px; font-size:18px; } .case-list-mc .code { width:130px; height:130px; padding:10px; background:#FFF; margin:0 auto 15px; } .case-list-mc .code img { display:block; width:130px; height:130px; } .case-list-mc h3 { font-weight:400; position:absolute !important; left:8px; right:8px; bottom:90px; } .case-list-mc .link { width:150px; height:40px; line-height:40px; position:absolute; left:50%; margin-left:-75px; bottom:30px; background:#1999d6; border-radius:5px; color:#FFF; font-size:15px; } .case-list-mc .link:hover { background:#fd313d; } .case-list-mc .null { height:30px; line-height:30px; } .case-list-mc .loading { width:300px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; } .case-list-mc .loaded { width:300px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; background:#e1e2e5; border-radius:3px; cursor:pointer; } .case-list-mc .loaded:hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.1) inset; } .case-list-mc .complate { width:400px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; background:#e1e2e5; border-radius:3px; } .case-list-mc .item:hover .inf { display:block; } .case-list-mc .item:hover p { -webkit-animation:flyInUp 0.3s ease both; animation:flyInUp 0.3s ease both; } .case-list-mc .item:hover .code { -webkit-animation:flyInUp 0.4s ease both; animation:flyInUp 0.4s ease both; } .case-list-mc .item:hover h3 { -webkit-animation:flyInUp 0.6s ease both; animation:flyInUp 0.6s ease both; } .case-list-mc .item:hover .link { -webkit-animation:flyInUp 0.7s ease both; animation:flyInUp 0.7s ease both; } /* PC加MC */ .case-list-mvp { width:100%; overflow:hidden; } .case-list-mvp .list { width:110%; margin-bottom:60px; } .case-list-mvp .item { float:left; width:376px; height:320px; margin:0 35px 35px 0; position:relative; } .case-list-mvp .pc { width:100%; height:295px; background:url(../images/shadow-pc.png) center 280px no-repeat; } .case-list-mvp .pc .img { width:370px; height:274px; border:3px solid #fff; overflow:hidden; background:#FFF; } .case-list-mvp .pc img { display:block; width:100%; } .case-list-mvp .mc { position:absolute; right:15px; bottom:0; width:134px; height:265px; background:url(../images/phone-mini.png) center top no-repeat; } .case-list-mvp .mc .img { width:120px; height:212px; background:#FFF; position:relative; left:7px; top:17px; overflow:hidden; } .case-list-mvp .mc img { display:block; width:100%; } .case-list-mvp .null { height:30px; line-height:30px; } .case-list-mvp .loading { width:300px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; } .case-list-mvp .loaded { width:300px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; background:#e1e2e5; border-radius:3px; cursor:pointer; } .case-list-mvp .loaded:hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.1) inset; } .case-list-mvp .complate { width:400px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; background:#e1e2e5; border-radius:3px; } .case-list-mvp .pc:hover { -webkit-transform:translate(0, 10px); -moz-transform:translate(0, 10px); -ms-transform:translate(0, 10px); transform:translate(0, 10px); } .case-list-mvp .mc:hover { -webkit-transform:translate(10px, 0); -moz-transform:translate(10px, 0); -ms-transform:translate(10px, 0); transform:translate(10px, 0); } /* 案例详情*PC */ .page-case { padding:0 0 100px; } .page-case .content { float:left; width:850px; overflow:hidden; } .page-case h1 { font-size:32px; } .page-case .content .opr { height:25px; line-height:25px; margin:0 0 10px; color:#666; font-family:'Arial'; } .page-case .content .opr span { margin-right:10px; cursor:pointer; } .page-case .content .opr span:before { content:""; width:25px; height:25px; overflow:hidden; display:inline-block; vertical-align:middle; } .page-case .content .opr span.hit:before { background:url(../images/ico-case.png) 0 0 no-repeat; } .page-case .content .opr span.zan:before { background:url(../images/ico-case.png) 0 -25px no-repeat; } .page-case .content .opr span:hover { opacity:0.6; filter:Alpha(opacity=60); } .page-case .content .opr span.checked { color:#fd313d; } .page-case .content .opr span.zan.checked:before { background-position:-25px -25px; } .page-case .article { border:0 solid #f3f3f3; position:relative; line-height:2; } .page-case .article img { display:block; width:100%; } .page-case .article:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0); z-index:1; } .page-case .img { display:block; width:100%; } .page-case .side { float:right; width:332px; } .page-case .relink { width:100%; height:40px; margin-bottom:25px; padding-top:17px; } .page-case .relink a { float:right; width:39px; height:39px; overflow:hidden; text-indent:-99em; background:url(../images/ico-relink.png) 0 0 no-repeat; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; margin-left:7px; } .page-case .relink .lise { background-position:0 0; } .page-case .relink .prev { background-position:0 -39px; } .page-case .relink .next { background-position:0 -78px; } .page-case .relink .lise:hover { background-position:-39px 0; } .page-case .relink .prev:hover { background-position:-39px -39px; } .page-case .relink .next:hover { background-position:-39px -78px; } .page-case .relink span { display:none; } .page-case .base { width:300px; padding:14px; border:2px solid #f3f3f3; } .page-case .base dd { height:35px; line-height:35px; font-size:16px; overflow:hidden; } .page-case .base dt { padding-top:10px; overflow:hidden; } .page-case .base dt a { float:right; width:140px; height:40px; line-height:40px; text-align:center; font-size:18px; background:#ff9c00; color:#FFF; border-radius:3px; } .page-case .base dt a:first-child { float:left; } .page-case .base dt a:hover { background:#df8800; } .page-case .information { background:#f3f3f3; width:300px; padding:16px 16px 24px; } .page-case .information h3 { height:40px; line-height:40px; padding-top:10px; font-size:16px; color:#ff3334; font-weight:400; } .page-case .information h3:first-child { padding-top:0; } .page-case .information p { font-size:13px; line-height:22px; color:#555; } .page-case .information .strong { line-height:30px; color:#555; } .page-case .information .code { width:126px; height:auto; padding:20px 20px 10px; background:#fff; border:1px solid #eee; margin-bottom:20px; position:relative; top:20px; color:#0074d7; text-align:center; margin:0 auto 20px; } .page-case .information .code img { display:block; width:126px; height:126px; margin-bottom:10px; } .page-case .information .link { display:block; width:100%; height:40px; line-height:40px; text-align:center; background:#0080ca; color:#FFF; border-radius:3px; margin:20px 0 0; font-size:16px; } .page-case .information .link:hover { background:#05649b; } .page-case .subsidiary { width:300px; padding:25px 16px; background:#ebebeb; margin-bottom:10px; } .page-case .tool { padding-bottom:15px; } .page-case .tool li { float:left; width:70px; height:auto; margin:0 10px 0 15px; } .page-case .tool a { display:block; text-align:center; line-height:30px; font-size:16px; } .page-case .tool i { display:block; width:70px; height:70px; background:#fff; border-radius:50%; margin:0 auto; } .page-case .tool a.ico-zj i { background:url(../images/ico-tool-zj.png) center center no-repeat; } .page-case .tool a.ico-online i { background:url(../images/ico-tool-online.png) center center no-repeat; } .page-case .tool a.ico-lxb i { background:url(../images/ico-tool-lxb.png) center center no-repeat; } .page-case .tool a:hover i { box-shadow:0 0 0 3px rgba(0,0,0,0.1); } .page-case .tag { padding:10px 0 0; font-size:13px; } .page-case .tag a, .page-case .tag span { display:inline-block; vertical-align:middle; height:30px; line-height:30px; padding:0 6px; margin:0 2px 5px 0; } .page-case .tag span { padding-left:22px; background:url(../images/ico-tag.png) left center no-repeat; margin-right:0; } .page-case .tag a { background:#dadada; padding:0 10px; } .page-case .share { width:100%; height:35px; padding:10px 0 15px; clear:both; } .page-case .statement {} .page-case .statement h3 { font-size:16px; font-weight:400; } .page-case .statement p { font-size:13px; } .page-case .recase { width:100%; } .page-case .recase .head { height:50px; line-height:50px; color:#ff3334; font-size:16px; } .page-case .recase { width:100%; overflow:hidden; } .page-case .recase .list { width:100%; margin-bottom:0; } .page-case .recase .item { width:332px; height:265px; background:#FFF; margin:0 14px 14px 0; position:relative; } .page-case .recase .img { display:block; width:100%; height:206px; overflow:hidden; } .page-case .recase .img img { display:block; width:100%; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); } .page-case .recase h3 { height:32px; line-height:32px; font-weight:400; margin:0 0; } .page-case .recase .opr { height:25px; line-height:25px; margin:0 0; color:#aaa; } .page-case .recase .opr span { margin-right:10px; cursor:pointer; } .page-case .recase .opr span:before { content:""; width:25px; height:25px; overflow:hidden; display:inline-block; vertical-align:middle; } .page-case .recase .opr span.hit:before { background:url(../images/ico-case.png) 0 0 no-repeat; } .page-case .recase .opr span.zan:before { background:url(../images/ico-case.png) 0 -25px no-repeat; } .page-case .recase .opr span:hover { opacity:0.6; filter:Alpha(opacity=60); } .page-case .recase .opr span.checked { color:#fd313d; } .page-case .recase .opr span.zan.checked:before { background-position:-25px -25px; } .page-case .recase .link { width:100px; height:23px; line-height:23px; text-align:center; position:absolute; bottom:0; right:0; color:#596583; border:1px solid #ddd; } .page-case .recase .link:hover { border-color:#0080ca; color:#0080ca; } /****************************** ** 新闻资讯 ******************************/ .news-container { background:#f1f2f4; padding-bottom:80px; } .news-container .sitepath { margin-bottom:20px; } .news-content { float:left; width:840px; background:#fff; } .news-side { float:right; width:330px; background:#FFF; } .news-side .head { width:300px; height:44px; line-height:44px; margin:0 0 20px 30px; border-bottom:1px solid #eee; } .news-side .head span, .news-side .head strong { display:inline-block; vertical-align:middle; height:42px; border-bottom:4px solid #0080ca; font-size:18px; font-weight:400; } .news-side .head span { color:#ccc; margin-left:10px; border-bottom:0; } .news-side .list { width:300px; margin:0 0 20px 30px; } .news-side .list dd { height:36px; overflow:hidden; } .news-side .list a, .news-side .list span { display:inline-block; vertical-align:middle; height:36px; line-height:36px; } .news-side .list span { width:16px; background:url(../images/ico-news.png) left center no-repeat; padding-right:4px; text-align:center; font-size:12px; color:#FFF; } .news-side .list a { width:250px; margin-left:8px; } .news-side .list .up span, .news-side .list dd:nth-child(1) span, .news-side .list dd:nth-child(2) span, .news-side .list dd:nth-child(3) span { background-image:url(../images/ico-news-hot.png); } .news-side .list a:hover { color:#e0272c; text-decoration:underline; } .news-side .list2 { width:270px; margin:0 30px 20px 30px; } .news-side .list2 a { display:block; width:auto; height:65px; position:relative; padding:15px 0 15px 100px; border-top:1px dashed #ddd; } .news-side .list2 dd:first-child a { border-top:0; } .news-side .list2 img { position:absolute; left:0; top:15px; width:87px; height:65px; } .news-side .list2 h3 { height:48px; line-height:24px; overflow:hidden; font-weight:400; padding-top:10px; } .news-side .list2 a:hover { color:#e0272c; text-decoration:underline; } .news-menu { width:100%; margin-bottom:15px; } .news-menu li { float:left; width:133px; height:43px; line-height:43px; border:1px solid #ddd; text-align:center; margin:0 0 0 -1px; position:relative; } .news-menu li:first-child { border-left-color:#fff; } .news-menu a { display:block; } .news-menu li.cur { height:41px; border-top:4px solid #0080ca; border-bottom-color:#fff; } .news-view { width:780px; height:400px; margin:0 auto; border-bottom:1px solid #ddd; overflow:hidden; position:relative; } .news-view .list { width:500%; } .news-view .list li { float:left; width:780px; height:400px; } .news-view .list h3 { font-size:20px; line-height:30px; overflow:hidden; margin-bottom:5px; } .news-view .list h3 a:hover { color:#e0272c; } .news-view .list .img { width:100%; height:320px; overflow:hidden; background:#f1f1f1; margin-bottom:5px; } .news-view .list .img img { display:block; width:100%; height:320px; } .news-view .list .des { height:40px; line-height:25px; color:#999; } .news-view .prev, .news-view .next { width:40px; height:60px; background:url(../images/ico-newsview.png) 0 0 no-repeat; position:absolute; top:165px; cursor:pointer; display:none; } .news-view .prev { left:15px; } .news-view .next { right:15px; background-position:0 -60px; } .news-view .prev:hover { background-position:-40px 0; } .news-view .next:hover { background-position:-40px -60px; } .news-view .tip { position:absolute; bottom:60px; left:0; width:100%; height:20px; text-align:center; } .news-view .tip span { width:20px; height:20px; display:inline-block; background:url(../images/ico-newsview2.png) 0 0 no-repeat; vertical-align:middle; cursor:pointer; } .news-view .tip span.cur { background-position:0 -20px; } .list-news { padding:0 30px; } .list-news dd.item { float:left; width:100%; padding:30px 0; border-bottom:1px solid #ddd; } .list-news dd.item .img { float:left; width:250px; height:188px; background:#f1f1f1; } .list-news dd.item .img img { display:block; width:250px; height:188px; } .list-news dd.item .ins { height:188px; margin-left:280px; position:relative; } .list-news dd.item h3 { padding:10px 0; height:30px; font-size:20px; font-weight:400; line-height:30px; } .list-news dd.item h3 a:hover { color:#ed5656; } .list-news dd.item p { height:75px; line-height:25px; overflow:hidden; color:#666; margin-bottom:20px; } .list-news dd.item .more { padding-top:20px; } .list-news dd.item .more a { color:#0080ca; } .list-news dd.item .more a:hover { color:#ed5656; text-decoration:underline; } .list-news dd.item .tag { position:absolute; right:0; bottom:0; color:#999; height:25px; } .list-news dd.item .tag span { display:inline-block; vertical-align:middle; margin-left:15px; height:25px; line-height:25px; } .list-news dd.item .tag span.ico-hit:before, .list-news dd.item .tag span.ico-zan:before { content:""; display:inline-block; vertical-align:middle; width:25px; height:25px; background:url(../images/ico-case.png) 0 0 no-repeat; } .list-news dd.item .tag span.ico-hit:before { background-position:0 0; } .list-news dd.item .tag span.ico-zan:before { background-position:0 -50px; } .list-news dd.item .tag span.ico-zan { cursor:pointer; } .list-news dd.item .tag span.ico-zan.checked { color:#ed5656; } .list-news dd.item .tag span.ico-zan.checked:before { background-position:-25px -50px; } .page-news { float:left; width:840px; } .news-article { background:#FFF; margin-bottom:30px; padding:0 30px; } .news-article .head { border-bottom:1px solid #ddd; margin-bottom:20px; position:relative; padding-bottom:10px; } .news-article h1 { font-size:24px; line-height:30px; font-weight:400; padding:20px 0 10px; } .news-article .date { height:25px; line-height:25px; color:#999; font-size:16px; } .news-article .tag { position:absolute; right:0; bottom:10px; height:25px; font-size:16px; color:#999; } .news-article .tag span { display:inline-block; vertical-align:middle; margin-left:15px; height:25px; line-height:25px; } .news-article .tag span.ico-hit:before, .news-article .tag span.ico-zan:before { content:""; display:inline-block; vertical-align:middle; width:25px; height:25px; background:url(../images/ico-case.png) 0 0 no-repeat; } .news-article .tag span.ico-hit:before { background-position:0 0; } .news-article .tag span.ico-zan:before { background-position:0 -50px; } .news-article .tag span.ico-zan { cursor:pointer; } .news-article .tag span.ico-zan.checked { color:#ed5656; } .news-article .tag span.ico-zan.checked:before { background-position:-25px -50px; } .news-article .content { padding-bottom:30px; } .rmd-news { width:auto; padding:0 30px 30px; background:#FFF; } .rmd-news .head { height:20px; padding:27px 0 20px; border-bottom:1px solid #ddd; } .rmd-news .head h2 { border-left:5px solid #0080ca; padding:0 0 0 10px; font-size:20px; line-height:20px; font-weight:400; } .rmd-news .list dd { padding:20px 0 20px 130px; position:relative; } .rmd-news .list .img { position:absolute; left:0; top:20px; width:110px; height:82px; overflow:hidden; } .rmd-news .list .img img { display:block; width:110px; height:82px; } .rmd-news .list h3 { height:30px; line-height:30px; font-size:18px; font-weight:400; margin-bottom:6px; overflow:hidden; } .rmd-news .list h3 a:hover { text-decoration:underline; } .rmd-news .list p { height:44px; line-height:22px; overflow:hidden; color:#666; } /****************************** ** 诚聘精英 ******************************/ .job-head { margin-bottom:10px; padding:30px; background:#FFF; } .job-view { float:left; width:600px; height:400px; background:#f1f1f1; overflow:hidden; position:relative; } .job-view .list { width:500%; position:relative; } .job-view .list li { float:left; width:600px; height:400px; } .job-view .list img { display:block; width:100%; height:400px; } .job-view .list .des { height:40px; line-height:25px; } .job-view .prev, .job-view .next { width:40px; height:60px; background:url(../images/ico-newsview.png) 0 0 no-repeat; position:absolute; top:165px; cursor:pointer; display:none; } .job-view .prev { left:15px; } .job-view .next { right:15px; background-position:0 -60px; } .job-view .prev:hover { background-position:-40px 0; } .job-view .next:hover { background-position:-40px -60px; } .job-view .tip { position:absolute; bottom:15px; left:0; width:100%; height:20px; text-align:center; } .job-view .tip span { width:20px; height:20px; display:inline-block; background:url(../images/ico-newsview2.png) 0 0 no-repeat; vertical-align:middle; cursor:pointer; } .job-view .tip span.cur { background-position:0 -20px; } .job-inso { margin-left:620px; } .job-inso h3 { font-weight:400; font-size:18px; line-height:30px; } .job-inso h2 { font-weight:400; font-size:25px; line-height:45px; color:#fc8080; } .job-inso h4 { font-weight:400; color:#fc8080; margin-bottom:0px; } .job-inso p { line-height:25px; color:#999; margin-bottom:15px; } .list-job { width:100%; } .list-job dd { background:#FFF; margin-bottom:10px; padding:20px 250px 20px 200px; position:relative; } .list-job .img { position:absolute; left:40px; top:40px; width:120px; height:120px; } .list-job .img img { display:block; width:120px; height:120px; } .list-job h3 { height:50px; line-height:50px; font-size:30px; font-weight:400; } .list-job .info { height:100px; overflow:hidden; line-height:25px; } .list-job .info .rows { margin-bottom:25px; } .list-job .info h4 { color:#888; font-weight:400; } .list-job .more { position:absolute; top:75px; right:50px; width:125px; height:46px; line-height:46px; background:url(../images/job-more.png) 0 0 no-repeat; font-size:16px; padding-left:25px; color:#FFF; cursor:pointer; } .list-job .more.checked { background-position:0 -46px; } .list-job .more:hover { -webkit-animation:pudding 1.5s linear; -moz-animation:pudding 1.5s linear; -ms-animation:pudding 1.5s linear; animation:pudding 1.5s linear; } .job-bom { padding:30px; height:auto; background:url(../images/rep-job.png) right top no-repeat #FFF; } .job-bom .list { width:560px; } .job-bom .list dd { border-bottom:1px dashed #ddd; padding:10px 0; } .job-bom .list p { line-height:40px; font-size:20px; } .job-bom .list strong { font-size:30px; color:#fc8080; font-weight:400; } .job-bom .mailto { height:45px; line-height:45px; display:block; width:200px; text-align:center; background:#22ac38; color:#fff; position:relative; top:20px; margin-bottom:50px; font-size:18px; } .job-bom .mailto i { position:relative; display:inline-block; width:0px; height:20px; vertical-align:middle; opacity:0; visibility:hidden; } .job-bom .mailto i:before { content:""; width:20px; height:20px; background:url(../images/ico-email.png) center center no-repeat; position:absolute; right:0; top:-2px; } .job-bom .mailto:hover { background:#028f18; } .job-bom .mailto:hover i { width:26px; opacity:1; visibility:visible; } .job-bom img { display:block; width:1110px; margin:0 auto; } /****************************** ** 联系我们 ******************************/ .contact-view { width:100%; height:400px; overflow:hidden; position:relative; } .contact-view img { display:block; width:1920px; height:400px; position:absolute; left:50%; top:0; margin-left:-960px; } .contact-top { background:#FFF; padding:60px 0 80px; } .contact-top h2 { font-size:24px; line-height:40px; font-weight:400; margin-bottom:20px; } .contact-top .tels { float:left; width:340px; font-size:18px; } .contact-top .tels h3 { font-size:40px; color:#ed5656; font-family:Arial; font-weight:400; } .contact-top .tels a { color:#0080ca; } .contact-top .tels a:hover { color:#ed5656; text-decoration:underline; } .contact-top .online { float:left; width:310px; margin:0 0 0 50px; } .contact-top .online a { float:left; width:90px; height:36px; line-height:36px; padding-left:50px; background:url(../images/online-bg.png) center center no-repeat; position:relative; margin:0 10px 10px 0; border-radius:36px; } .contact-top .online a:before, .contact-top .online a .before { content:""; position:absolute; left:20px; top:8px; width:20px; height:20px; background:#fff; border-radius:50%; } .contact-top .online a:hover { background:url(../images/online-bg-hover.png) center center no-repeat #1b8dd0; color:#FFF; -webkit-animation:pudding 1.5s linear; -moz-animation:pudding 1.5s linear; -ms-animation:pudding 1.5s linear; animation:pudding 1.5s linear; } .contact-top .online a.qq:before, .contact-top .online a.qq .before { background:url(../images/online-qq.png) center center no-repeat; } .contact-top .online a.qiao:before, .contact-top .online a.qiao .before { background:url(../images/online-qiao.png) center center no-repeat; } .contact-top .codes { float:right; width:340px; } .contact-top .codes img { float:left; width:120px; height:120px; padding:4px; border:1px solid #ddd; margin:0 10px 10px 0; } .contact-container { background:#f6f6f6; padding:50px 0 100px; } .contact-container .head { font-size:24px; line-height:40px; text-align:center; margin-bottom:30px; } .contact-container .list { width:968px; height:38px; line-height:38px; border:1px solid #ddd; border-radius:40px; margin:0 auto 60px; position:relative; } .contact-container .list dd { float:left; width:88px; text-align:center; position:relative; cursor:pointer; position:relative; z-index:2; font-size:16px; } .contact-container .list dd:before { content:""; width:6px; height:6px; border-radius:50%; background:#ccc; position:absolute; left:0; top:16px; } .contact-container .list dd:first-child:before { display:none; } .contact-container .list dt { width:88px; height:40px; position:absolute; z-index:1; top:-1px; background:#3aa9e9; border-radius:40px; } .contact-container .list dd.current { color:#FFF; } .contact-container .list dd.current:before, .contact-container .list dd.current + dd:before { display:none; } .contact-container .map { float:left; width:700px; height:450px; border:10px solid #fff; background:#f5f3f0; } .contact-container .ins { margin-left:740px; } .contact-container .ins h2 { font-size:30px; line-height:35px; color:#0080ca; margin-bottom:10px; } .contact-container .ins p { line-height:30px; font-size:16px; } .contact-container .ins .info { margin-bottom:30px; } /****************************** ** 关于我们 ******************************/ .about-view { width:100%; height:740px; overflow:hidden; position:relative; } .about-view img { display:block; width:1920px; height:740px; position:absolute; left:50%; top:0; margin-left:-960px; } .about-company { width:1110px; height:1120px; margin:-470px auto 0; position:relative; } .about-company .info { float:right; width:505px; height:220px; background:#FFF; padding:25px 25px 0; } .about-company .info .logo { display:block; width:240px; height:60px; } .about-company .info h2 { font-size:22px; font-weight:400; color:#444; margin-bottom:15px; } .about-company .info p { color:#666; line-height:30px; text-indent:2em; } .about-company .view { float:left; width:555px; height:470px; background:#f1f1f1; margin:235px 0 0; overflow:hidden; position:relative; } .about-company .view .list { width:500%; position:relative; } .about-company .view .list li { float:left; width:555px; height:470px; position:relative; } .about-company .view .list img { display:block; width:100%; height:470px; } .about-company .view .list span { position:absolute; left:0; bottom:0; right:0; color:#FFF; font-size:18px; background:rgba(0,0,0,0.7) !important; filter:Alpha(opacity=70); background:#000; height:45px; line-height:45px; overflow:hidden; text-indent:10px; } .about-company .view .list span:empty { display:none; } .about-company .view .tip { position:absolute; bottom:12px; right:5px; width:auto; height:20px; } .about-company .view .tip span { width:20px; height:20px; display:inline-block; background:url(../images/ico-newsview2.png) 0 0 no-repeat; vertical-align:middle; cursor:pointer; } .about-company .view .tip span.cur { background-position:0 -20px; } .about-company .imgr { float:right; width:555px; height:425px; background:#fff; } .about-company .imgr img { display:block; width:100%; height:425px; } .about-company .video { float:right; width:555px; height:335px; background:url(../images/about-2.jpg) center center no-repeat #ddd; } .about-company .func { float:left; width:515px; height:265px; background:#fff; padding:35px 40px 0 0; } .about-company .func p { color:#666; line-height:30px; text-indent:2em; margin-bottom:30px; } .about-company .func dl { color:#666; line-height:30px; } .about-department { width:1110px; height:auto; margin:0 auto; position:relative; } .about-department h2 { font-size:40px; text-align:center; color:#cf2827; } .about-department h3 { font-size:25px; text-align:center; font-weight:400; color:#555; } .about-department > p { color:#666; line-height:30px; padding:10px 0 30px; } .about-department .button { text-align:center; padding:25px 0 120px; } .about-department .button a { display:inline-block; margin:0 17px; vertical-align:middle; height:50px; line-height:50px; padding:0 30px; background:#e14948; color:#FFF; border-radius:3px; font-size:20px; } .about-department .button a:hover { background:#cd2827; } .about-department .view { width:100%; height:430px; background:#fff; margin-bottom:40px; position:relative; overflow:hidden; } .about-department .list { position:relative; width:100%; height:100%; } .about-department .list li { position:absolute; border:1px solid #4c4c4c; background:#000; overflow:hidden; } .about-department .list img { display:block; width:100%; height:100%; opacity:0.3; filter:Alpha(opacity=30); } .about-department .list span { position:absolute; left:0; bottom:-50px; right:0; text-align:center; color:#FFF; font-size:18px; background:rgba(0,0,0,0.7) !important; filter:Alpha(opacity=70); background:#000; height:45px; line-height:45px; overflow:hidden; } .about-department .list .current { border-color:#fff; z-index:11 !important; } .about-department .list .current img { opacity:1; filter:Alpha(opacity=100); } .about-department .list .current span { bottom:0; } .about-department .prev, .about-department .next { position:absolute; top:165px; width:30px; height:80px; background:url(../images/ico-aboutview.png) 0 0 no-repeat; z-index:10; cursor:pointer; } .about-department .prev { left:0; } .about-department .next { right:0; background-position:0 -80px; } .about-department .prev:hover { background-position:-30px 0; } .about-department .next:hover { background-position:-30px -80px; } /****************************** ** 专家诊断 ******************************/ .diagnosis-view { height:600px; background:url(../images/diagnosis-view.png) center top no-repeat; position:relative; overflow:hidden; } .diagnosis-view .img { width:560px; height:482px; background:url(../images/diagnosis-circle.png) center center no-repeat; position:absolute; left:50%; top:85px; margin-left:32px; -webkit-animation:flyInRight 0.8s ease forwards; -moz-animation:flyInRight 0.8s ease forwards; -ms-animation:flyInRight 0.8s ease forwards; animation:flyInRight 0.8s ease forwards; } .diagnosis-view .ins { position:absolute; left:50%; margin-left:-600px; top:50px; } .diagnosis-view .ins > h2 { font-size:50px; height:70px; line-height:70px; color:#0067be; -webkit-animation:flyInUp 0.5s ease forwards; -moz-animation:flyInUp 0.8s ease forwards; -ms-animation:flyInUp 0.8s ease forwards; animation:flyInUp 0.8s ease forwards; } .diagnosis-view .ins strong { color:#ff7e00; } .diagnosis-view .list { font-size:20px; line-height:42px; padding-top:20px; } .diagnosis-view .list dd { padding-left:40px; background:url(../images/diagnosis-unknown.png) left center no-repeat; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease forwards 0.1s; -moz-animation:flyInUp 0.8s ease forwards 0.1s; -ms-animation:flyInUp 0.8s ease forwards 0.1s; animation:flyInUp 0.8s ease forwards 0.1s; } .diagnosis-view .data { width:400px; height:180px; background:url(../images/diagnosis-data-bg.png) 0 0 no-repeat; position:relative; top:57px; font-size:24px; color:#FFF; text-align:center; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease forwards 0.2s; -moz-animation:flyInUp 0.8s ease forwards 0.2s; -ms-animation:flyInUp 0.8s ease forwards 0.2s; animation:flyInUp 0.8s ease forwards 0.2s; } .diagnosis-view .data h2 { height:52px; line-height:52px; font-size:24px; font-weight:400; padding:30px 0 5px; } .diagnosis-view .data p { height:52px; line-height:52px; } .diagnosis-view .data strong { display:inline-block; width:35px; height:52px; line-height:52px; font-size:50px; background:url(../images/diagnosis-data-num.png) left center repeat-x; margin-right:2px; vertical-align:middle; *zoom:1; *display:inline; } .diagnosis-form { background:#f8f8f8; padding:70px 0 50px; } .diagnosis-form .main { border:3px solid #ddd; width:1114px; margin:0 auto; padding:70px 40px 40px; position:relative; border-radius:5px; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease forwards 0.3s; -moz-animation:flyInUp 0.8s ease forwards 0.3s; -ms-animation:flyInUp 0.8s ease forwards 0.3s; animation:flyInUp 0.8s ease forwards 0.3s; } .diagnosis-form .head { width:340px; height:50px; line-height:50px; font-size:40px; color:#54a7e3; font-weight:700; background:#f8f8f8; position:absolute; left:50%; top:-25px; margin-left:-170px; text-align:center; } .diagnosis-form .form { float:left; } .diagnosis-form .list {} .diagnosis-form .list dd { padding-left:170px; position:relative; margin-bottom:10px; } .diagnosis-form .txt, .diagnosis-form .code { width:240px; height:36px; line-height:36px; padding:0 10px; border:1px solid #ddd; border-radius:3px; } .diagnosis-form .code { width:80px; vertical-align:middle; } .diagnosis-form .codeimg { vertical-align:middle; cursor:pointer; } .diagnosis-form .wd { position:absolute; left:0; top:0; text-align:right; width:160px; line-height:38px; font-size:16px; } .diagnosis-form .tag { height:40px; line-height:40px; color:#999; margin-bottom:-10px; } .diagnosis-form .submit { height:40px; background:#ff7e00; padding:0 30px; color:#FFF; font-weight:700; border-radius:5px; border:0; font-size:16px; position:relative; top:10px; cursor:pointer; } .diagnosis-form .submit:hover { background:#dd7006; } .diagnosis-form .tool { float:right; width:400px; height:auto; background:#FFF; border-radius:5px; padding:50px 0 50px 50px; } .diagnosis-form .tool dd { height:100px; padding-left:110px; } .diagnosis-form .tool h3 { font-size:20px; color:#666; padding-top:10px; } .diagnosis-form .tool p { font-weight:700; font-size:35px; color:#ff7e00; } .diagnosis-form .tool a { color:#ff7e00; } .diagnosis-form .tool a:hover { color:#b10000; } .diagnosis-form .tool .ico-expert { background:url(../images/diagnosis-expert.png) left center no-repeat; } .diagnosis-form .tool .ico-tel { background:url(../images/diagnosis-tel.png) left center no-repeat; } .diagnosis-process { height:780px; background:url(../images/diagnosis-process.png) center top no-repeat; } .diagnosis-process .head { font-size:40px; text-align:center; font-weight:700; color:#FFF; padding:190px 0 50px; } .diagnosis-process .list { } .diagnosis-process .list dt { float:left; width:150px; margin:0 27px 0 36px; } .diagnosis-process .list dt:first-child { margin-left:15px; } .diagnosis-process .list dt.last { margin-right:0; } .diagnosis-process .list dt span { font-size:20px; color:#FFF; font-weight:700; display:block; text-align:center; } .diagnosis-process .list dt figure { width:150px; height:150px; margin-bottom:17px; } .diagnosis-process .list dd { float:left; width:106px; height:75px; line-height:75px; padding-left:20px; background:url(../images/diagnosis-arrow.png) 0 0 no-repeat; color:#FFF; margin-top:40px; font-size:16px; } .diagnosis-process .list .ico-1 { background:url(../images/diagnosis-ico-1.png) center center no-repeat; } .diagnosis-process .list .ico-2 { background:url(../images/diagnosis-ico-2.png) center center no-repeat; } .diagnosis-process .list .ico-3 { background:url(../images/diagnosis-ico-3.png) center center no-repeat; } .diagnosis-process .list .ico-4 { background:url(../images/diagnosis-ico-4.png) center center no-repeat; } .diagnosis-uk { width:100%; background:#e5f5fc; overflow:hidden; position:relative; } .diagnosis-uk .head { text-align:center; font-size:40px; color:#666; padding:40px 0; } .diagnosis-uk .head p { display:inline-block; height:50px; line-height:50px; position:relative; left:40px; } .diagnosis-uk .head p:first-child { left:-80px; } .diagnosis-uk .head p:first-child:after { content:''; width:50px; height:50px; vertical-align:middle; display:inline-block; background:url(../images/diagnosis-comma.png) 0 0 no-repeat; margin-left:10px; } .diagnosis-uk .head strong { color:#ff7e00; } .diagnosis-uk .list { padding-bottom:150px; } .diagnosis-uk .list dd { float:left; width:300px; text-align:center; } .diagnosis-uk .list h3 { color:#0067be; font-weight:400; height:100px; line-height:100px; font-size:24px; } .diagnosis-uk .list h3 span { font-size:90px; font-family:condensed; margin-right:5px; } .diagnosis-uk .list h4 { font-size:20px; color:#666; } /****************************** ** 网站地图 ******************************/ .sitemap { padding:40px 0 100px; } .sitemap .head { height:40px; line-height:40px; font-size:22px; font-weight:700; color:#000; margin-bottom:20px; } .sitemap .list { width:100%; margin-bottom:40px; } .sitemap .list dt { height:50px; line-height:50px; font-size:20px; border-bottom:1px solid #ddd; margin-bottom:10px; padding-left:35px; } .sitemap .list dd { float:left; height:30px; line-height:30px; margin-right:30px; font-size:16px; } .sitemap .list a:hover { text-decoration:underline; } /* 整站搜索 */ .result-search { padding:10px 0 200px; } .result-search .key { height:40px; line-height:40px; font-size:14px; font-weight:400; color:#888; } .result-search .key span { color:#FF0000; } .result-search .list { padding-top:20px; } .result-search .item { width:100%; margin-bottom:25px; overflow:hidden; } .result-search .item h3 { height:30px; line-height:20px; overflow:hidden; font-size:18px; font-weight:400; } .result-search .item h3 a { color:#0050b5; text-decoration:underline; } .result-search .item h3 font { font-size:inherit; } .result-search .item .img { width:150px; height:100px; overflow:hidden; } .result-search .item .img img { display:block; width:100%; } .result-search .item .date { color:#999; line-height:25px; } .result-search .item .summay { line-height:25px; } .result-search .item .url { line-height:25px; } .result-search .item .url a { color:#008027; } .result-search .item[tmp='word'] {} .result-search .item[tmp='photo'] .img { float:left; } .result-search .item[tmp='photo'] .date, .result-search .item[tmp='photo'] .summay, .result-search .item[tmp='photo'] .url { margin-left:165px; } /****************************** ** 组件类 ******************************/ /* 版权标记 */ api { content:'4DD845D1BB619BEEFB641EC49A7D8735'; display:none; visibility:hidden; } /* 离线宝 */ .ig-lxb { width:600px; height:54px; padding:10px; margin:0 auto; background:#199ad7; border-radius:3px; } .ig-lxb .txt { float:left; width:400px; height:54px; line-height:54px; padding:0 0 0 50px; background:url(../images/ico-tel.png) 7px center no-repeat #fff; border:0; border-radius:3px; font-size:20px; color:#666; } .ig-lxb .submit { float:right; width:140px; height:54px; background:#fff; border:0; border-radius:3px; font-size:22px; color:#199ad7; cursor:pointer; } .ig-lxb .submit:hover { background:#fd5900; color:#FFF; } .ig-lxb .tag { position:absolute; top:170px; left:50px; width:600px; padding:10px; background:#ffecbf; border-radius:3px; color:#fd5900; line-height:20px; display:none; } .ig-lxb .tag:before, .ig-lxb .tag .before { content:''; width:0; height:0; border:10px solid transparent; border-bottom-color:#ffecbf; position:absolute; left:10px; top:-20px; } /* 当前位置 */ .ig-position { width:12px; height:auto; padding:8px 5px 0; position:fixed; z-index:200; left:50px; top:50%; margin-top:-50px; border-radius:22px; background:#ebebeb; box-shadow:0 0 5px rgba(0,0,0,0.3); -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .ig-position dd { width:6px; height:6px; border:3px solid #a9a9a9; background:#a9a9a9; border-radius:50%; margin-bottom:8px; position:relative; } .ig-position dd:hover { background:#999; border-color:#999; cursor:pointer; } .ig-position dd:before { content:""; position:absolute; left:5px; top:-1px; width:0; height:0; border:5px solid transparent; border-right-color:#e0272c; } .ig-position dd:after { content:attr(data-title); position:absolute; left:15px; top:-7px; background:#e0272c; white-space:nowrap; color:#FFF; border-radius:3px; line-height:1; padding:5px 10px; } .ig-position dd:before, .ig-position dd:after { visibility:hidden; -webkit-transition:all ease 300ms; -moz-transition:all ease 300ms; -ms-transition:all ease 300ms; -o-transition:all ease 300ms; transition:all ease 300ms; } .ig-position dd.current, .ig-position dd:hover { background:#FFF; border-color:#e0272c; } .ig-position dd:hover:before, .ig-position dd:hover:after { -webkit-transform:translate3d(10px,0,0); -moz-transform:translate3d(10px,0,0); -ms-transform:translate3d(10px,0,0); visibility:visible; } .ig-position2 { width:22px; height:132px; position:fixed; z-index:200; left:50px; top:50%; margin-top:-50px; background:url(../images/rep-line.png) center center repeat-y; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } .ig-position2 dd { width:16px; height:16px; border:3px solid #a9a9a9; background:#a9a9a9; border-radius:50%; margin-bottom:15px; position:relative; } .ig-position2 dd:hover { background:#999; border-color:#999; cursor:pointer; } .ig-position2 dd:before { content:""; position:absolute; left:8px; top:3px; width:0; height:0; border:5px solid transparent; border-right-color:#e0272c; } .ig-position2 dd:after { content:attr(data-title); position:absolute; left:18px; top:-3px; background:#e0272c; white-space:nowrap; color:#FFF; border-radius:3px; line-height:1; padding:5px 10px; } .ig-position2 dd:before, .ig-position2 dd:after { visibility:hidden; -webkit-transition:all ease 300ms; -moz-transition:all ease 300ms; -ms-transition:all ease 300ms; -o-transition:all ease 300ms; transition:all ease 300ms; } .ig-position2 dd.current, .ig-position2 dd:hover { background:#e0272c; border-color:#e0272c; } .ig-position2 dd:hover:before, .ig-position2 dd:hover:after { -webkit-transform:translate3d(10px,0,0); -moz-transform:translate3d(10px,0,0); -ms-transform:translate3d(10px,0,0); visibility:visible; } /* 遮罩阴影层 */ .layout { width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background:rgba(0,0,0,0.85) !important; filter:Alpha(opacity=85); background:#000; display:none; } /* 弹出面板 */ .ig-alert { width:720px; height:auto; position:fixed; left:50%; margin:0 0 0 -360px; z-index:1000; background:#FFF; display:none; box-shadow:0 0 5px rgba(0,0,0,0.5); } .ig-alert-sm { width:400px; margin:0 0 0 -200px; } .ig-alert-lg { width:1000px; margin:0 0 0 -500px; } .ig-alert-main { width:100%; } .ig-alert-close { width:30px; height:30px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:5px; top:5px; cursor:pointer; } .ig-alert-close:hover { -webkit-transform:rotate(180deg) scale(0.8,0.8); -moz-transform:rotate(180deg) scale(0.8,0.8); -ms-transform:rotate(180deg) scale(0.8,0.8); transform:rotate(180deg) scale(0.8,0.8); box-shadow:0 0 0 2px rgba(0,0,0,0.2); border-radius:50%; } /* 弹出框.需求 */ .dialog-xuqiu .icon { float:left; width:260px; height:390px; margin:15px 0 15px 15px; } .dialog-xuqiu .icon img { display:block; width:100%; height:100%; } .dialog-xuqiu .inso { width:360px; margin:0 0 0 320px; padding:30px 0 0 0; } .dialog-xuqiu h2 { font-size:25px; line-height:30px; padding:5px 0; font-weight:400; margin-bottom:10px; } .dialog-xuqiu .checkbox { width:100%; overflow:hidden; } .dialog-xuqiu .checkbox div { width:110%; } .dialog-xuqiu .checkbox label { float:left; width:76px; height:48px; margin:0 12px 12px 0; border:1px solid #0091e4; border-radius:3px; background:#FFF; text-align:center; line-height:15px; cursor:pointer; position:relative; } /*.dialog-xuqiu .checkbox label:before, */ .dialog-xuqiu .checkbox label .befo { content:""; display:block; width:30px; height:30px; margin:0 auto; } .dialog-xuqiu .checkbox label:hover { background:#eee; } .dialog-xuqiu .checkbox label.checked { background:#0091e4; color:#FFF; } .dialog-xuqiu .checkbox label input { opacity:0; filter:Alpha(opacity=0); position:absolute; left:0; top:0; width:100%; height:100%; } .dialog-xuqiu .checkbox label.ico-1:before, .dialog-xuqiu .checkbox label.ico-1 .befo { background:url(../images/ico-xuqiu.png) 0 0 no-repeat; } .dialog-xuqiu .checkbox label.ico-2:before, .dialog-xuqiu .checkbox label.ico-2 .befo { background:url(../images/ico-xuqiu.png) 0 -30px no-repeat; } .dialog-xuqiu .checkbox label.ico-3:before, .dialog-xuqiu .checkbox label.ico-3 .befo { background:url(../images/ico-xuqiu.png) 0 -60px no-repeat; } .dialog-xuqiu .checkbox label.ico-4:before, .dialog-xuqiu .checkbox label.ico-4 .befo { background:url(../images/ico-xuqiu.png) 0 -90px no-repeat; } .dialog-xuqiu .checkbox label.ico-5:before, .dialog-xuqiu .checkbox label.ico-5 .befo { background:url(../images/ico-xuqiu.png) 0 -120px no-repeat; } .dialog-xuqiu .checkbox label.ico-6:before, .dialog-xuqiu .checkbox label.ico-6 .befo { background:url(../images/ico-xuqiu.png) 0 -150px no-repeat; } .dialog-xuqiu .checkbox label.ico-7:before, .dialog-xuqiu .checkbox label.ico-7 .befo { background:url(../images/ico-xuqiu.png) 0 -180px no-repeat; } .dialog-xuqiu .checkbox label.ico-8:before, .dialog-xuqiu .checkbox label.ico-8 .befo { background:url(../images/ico-xuqiu.png) 0 -210px no-repeat; } .dialog-xuqiu .checkbox label.ico-1.checked:before, .dialog-xuqiu .checkbox label.ico-1.checked .befo { background:url(../images/ico-xuqiu.png) -30px 0 no-repeat; } .dialog-xuqiu .checkbox label.ico-2.checked:before, .dialog-xuqiu .checkbox label.ico-2.checked .befo { background:url(../images/ico-xuqiu.png) -30px -30px no-repeat; } .dialog-xuqiu .checkbox label.ico-3.checked:before, .dialog-xuqiu .checkbox label.ico-3.checked .befo { background:url(../images/ico-xuqiu.png) -30px -60px no-repeat; } .dialog-xuqiu .checkbox label.ico-4.checked:before, .dialog-xuqiu .checkbox label.ico-4.checked .befo { background:url(../images/ico-xuqiu.png) -30px -90px no-repeat; } .dialog-xuqiu .checkbox label.ico-5.checked:before, .dialog-xuqiu .checkbox label.ico-5.checked .befo { background:url(../images/ico-xuqiu.png) -30px -120px no-repeat; } .dialog-xuqiu .checkbox label.ico-6.checked:before, .dialog-xuqiu .checkbox label.ico-6.checked .befo { background:url(../images/ico-xuqiu.png) -30px -150px no-repeat; } .dialog-xuqiu .checkbox label.ico-7.checked:before, .dialog-xuqiu .checkbox label.ico-7.checked .befo { background:url(../images/ico-xuqiu.png) -30px -180px no-repeat; } .dialog-xuqiu .checkbox label.ico-8.checked:before, .dialog-xuqiu .checkbox label.ico-8.checked .befo { background:url(../images/ico-xuqiu.png) -30px -210px no-repeat; } .dialog-xuqiu .tag { font-size:13px; color:#666; margin-bottom:5px; } .dialog-xuqiu .txt { width:340px; height:30px; line-height:30px; padding:0 10px; border:1px solid #ddd; background:#FFF; color:#bbb; margin-bottom:5px; } .dialog-xuqiu .txt:focus { border-color:#7fc8f1; box-shadow:0 0 0 1px rgba(0, 145, 228, 0.5) inset; color:#555; } .dialog-xuqiu .tips { height:30px; line-height:30px; position:relative; top:0; color:#F00; display:none; } .dialog-xuqiu .submit { width:140px; height:38px; background:#0091e4; border:0; color:#FFF; border-radius:3px; font-size:18px; cursor:pointer; position:relative; top:10px; } .dialog-xuqiu .submit:hover { box-shadow:0 0 1000px rgba(0,0,0,0.5) inset; } /* 弹出框.离线宝 */ .dialog-lxb { padding:20px 0; background:url(../images/rep-lixb.png) center center no-repeat; background-size:contain; } .dialog-lxb h2, .dialog-lxb h3 { height:70px; line-height:70px; font-size:30px; font-weight:400; text-align:center; color:#0081be; } .dialog-lxb h3 { height:60px; line-height:60px; font-size:20px; color:#999; } /* 左侧工具栏 */ .ig-tool { position:fixed; right:5px; top:50%; margin-top:-155px; z-index:999; } .ig-tool dd { width:50px; height:50px; background:#b5b5b5; position:relative; margin-bottom:2px; } .ig-tool dd a { display:block; width:50px; height:50px; overflow:hidden; text-indent:-99em; } .ig-tool dd:last-child { background:#797979; } .ig-tool dd a.ico-qiao { background:url(../images/ico-tool.png) center -50px no-repeat; } .ig-tool dd a.ico-qq { background:url(../images/ico-tool.png) center -250px no-repeat; } .ig-tool dd a.ico-lxb { background:url(../images/ico-tool.png) center -100px no-repeat; } .ig-tool dd a.ico-xuqiu { background:url(../images/ico-tool.png) center -150px no-repeat; } .ig-tool dd a.ico-code { background:url(../images/ico-tool.png) center -200px no-repeat; } .ig-tool dd a.ico-top { background:url(../images/ico-tool.png) center 0 no-repeat; } .ig-tool dd a:hover { background-color:#e0272c; } .ig-tool dd .code { position:absolute; right:55px; bottom:0; background:#FFF; box-shadow:0 0 5px rgba(0,0,0,0.5); padding:10px; text-align:center; display:none; } .ig-tool dd .code img { display:block; width:120px; height:120px; } .ig-tool dd .code span { line-height:20px; color:#999; white-space:nowrap; } /* 翻页 */ .ig-pager { width:100%; height:32px; padding:40px 0 30px; text-align:center; } .ig-pager a, .ig-pager span { display:inline-block; width:30px; height:30px; line-height:30px; border:1px solid #ddd; border-radius:50%; text-align:center; vertical-align:middle; margin:0 3px; } .ig-pager .cur { background:#f86d0d; border-color:#f86d0d; color:#fff !important; } .ig-pager a:hover { border-color:#f86d0d; color:#f86d0d; } .ig-pager *:first-child, .ig-pager *:last-child { font-family:"宋体"; } /* 上下数据 */ .ig-relink { padding:10px 0; border-top:1px solid #ddd; } .ig-relink dd { height:30px; line-height:30px; overflow:hidden; } .ig-relink span, .ig-relink a { color:#999; } .ig-relink a:hover { color:#ed5656; } /* 内页表单 */ .ig-form-container { width:100%; background:#f4f4f4; } .ig-form-container .wrap { width:1120px; } .ig-form { float:right; width:800px; padding:0 0 40px; position:relative; } .ig-form .module { width:300px; height:530px; background:url(../images/module.png) center bottom no-repeat; position:absolute; left:-350px; bottom:0; } .ig-form .head { font-size:25px; color:#0080ca; margin-bottom:15px; font-weight:700; padding-top:30px; } .ig-form .main { width:100%; } .ig-form .row-1, .ig-form .row-2, .ig-form .code, .ig-form .button { float:left; margin-bottom:10px; } .ig-form .row-1 { width:100%; } .ig-form .row-2 { width:380px; } .ig-form .row-2 + .row-2 { float:right; } .ig-form .code { width:200px; } .ig-form .button { width:200px; float:left; margin-left:20px; } .ig-form .txt { width:358px; padding:0 10px; height:38px; line-height:38px; border:1px solid #ccc; background:#FFF; box-shadow:1px 1px 1px 1px #e5e5e5; } .ig-form .select { width:380px; height:38px; line-height:38px; border:1px solid #ccc; background:#FFF; box-shadow:1px 1px 1px 1px #e5e5e5; } .ig-form .text { width:778px; height:; padding:10px; height:60px; line-height:20px; border:1px solid #ccc; background:#FFF; box-shadow:1px 1px 1px 1px #e5e5e5; } .ig-form .txt, .ig-form .text, .ig-form .select { color:#666; } .ig-form .txt:focus, .ig-form .text:focus, .ig-form .select:focus { border-color:#2084e0; } .ig-form .row-1 .txt { width:778px; } .ig-form .code .txt { width:100px; } .ig-form .code img { width:70px; height:40px; vertical-align:middle; *vertical-align:-4px; } .ig-form .submit { width:100%; height:40px; line-height:40px; border:0; background:#199ad7; color:#FFF; border-radius:3px; cursor:pointer; font-size:16px; } .ig-form .submit:hover { box-shadow:0 0 1000px rgba(0,0,0,0.2) inset; } .ig-form-notice { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; } .ig-form-notice:before, .ig-form-notice:after { content:''; position:absolute; left:20px; top:-20px; width:0; height:0; border:10px solid transparent; border-bottom-color:#e0272c; } .ig-form-notice:after { top:-19px; border-bottom-color:#ffe8e9; } /* 格式化富文本 */ .ig-format { line-height:2; color:#555; overflow:hidden; } .ig-format img { max-width:100%; } .ig-format a { color:#ed5656; text-decoration:underline; } .ig-format a:hover { color:#0080ca; } /* 自定义分享 */ .ig-share { width:100%; padding:0 0 10px; } .ig-share .bdsharebuttonbox { float:right; height:40px; } .ig-share span { float:left; height:27px; line-height:27px; margin:6px 6px 6px 0; } .ig-share a { float:left; padding-left:27px !important; height:27px !important; margin:6px 6px 6px 0; background-image:url(../images/ico-share.png) !important; } .ig-share a.jing_qzone { background-position:0 0 !important; } .ig-share a.jing_tsina { background-position:0 -27px !important; } .ig-share a.jing_tqq { background-position:0 -54px !important; } .ig-share a.jing_renren { background-position:0 -81px !important; } .ig-share a.jing_weixin { background-position:0 -108px !important; } /* 单选 */ [ig-radio] { display:inline-block; height:40px; line-height:40px; cursor:pointer; position:relative; padding:0 0 0 30px; font-size:15px; } [ig-radio] input { position:absolute; right:0; top:0; z-index:1; opacity:0; filter:Alpha(opacity=0); } [ig-radio]:before { content:""; width:22px; height:22px; background:url(../images/ico-radio.png) 0 0 no-repeat; position:absolute; left:0; top:9px; } [ig-radio].checked { color:#0080ca; } [ig-radio].checked:before { background-position:0 -22px; } /****************************** ** 动画类 ******************************/ .ig-fly-in-right { -webkit-animation:flyInRight 0.6s ease-in-out both; -moz-animation:flyInRight 0.6s ease-in-out both; -ms-animation:flyInRight 0.6s ease-in-out both; animation:flyInRight 0.6s ease-in-out both; } .ig-fly-out-left { -webkit-animation:flyOutLeft 1s ease both; -moz-animation:flyOutLeft 1s ease both; -ms-animation:flyOutLeft 1s ease both; animation:flyOutLeft 1s ease both; } .ig-cloud { -webkit-animation:flap 5s ease-in-out infinite; -moz-animation:flap 5s ease-in-out infinite; -ms-animation:flap 5s ease-in-out infinite; animation: flap 5s ease-in-out infinite; } [ag-animate] { opacity:0; opacity:1\9\0; } @-webkit-keyframes star{ 0% { -webkit-transform:scale(1,1) translate(0,-10px); } 50% { -webkit-transform:scale(1,1) translate(0,5px); } 100% { -webkit-transform:scale(1,1) translate(0,-10px); } } @keyframes star{ 0% { -webkit-transform:scale(1,1) translate(0,-10px); -moz-transform:scale(1,1) translate(0,-10px); -ms-transform:scale(1,1) translate(0,-10px); transform:scale(1,1) translate(0,-10px); } 50% { -webkit-transform:scale(1,1) translate(0,5px); -moz-transform:scale(1,1) translate(0,5px); -ms-transform:scale(1,1) translate(0,5px); transform:scale(1,1) translate(0,5px); } 100% { -webkit-transform:scale(1,1) translate(0,-10px); -moz-transform:scale(1,1) translate(0,-10px); -ms-transform:scale(1,1) translate(0,-10px); transform:scale(1,1) translate(0,-10px); } } @-webkit-keyframes flap { 0% { -webkit-transform: translateX(0); } 50% { -webkit-transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); } } @keyframes flap { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes flyInDown{ 0%{ opacity:0; -webkit-transform:translateY(-500px); } 100%{ opacity:1; -webkit-transform:translateY(0); } } @keyframes flyInDown{ 0%{ opacity:0; -webkit-transform:translateY(-300px); -moz-transform:translateY(-300px); -ms-transform:translateY(-300px); transform:translateY(-300px); } 100%{ opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); } } @-webkit-keyframes flyInUp{ 0%{ opacity:0; -webkit-transform:translateY(300px); } 100%{ opacity:1; -webkit-transform:translateY(0); } } @keyframes flyInUp{ 0%{ opacity:0; -webkit-transform:translateY(300px); -moz-transform:translateY(300px); -ms-transform:translateY(300px); transform:translateY(300px); } 100%{ opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); } } @-webkit-keyframes flyInRight{ 0%{ opacity:0; -webkit-transform:translateX(500px); } 100%{ opacity:1; -webkit-transform:translateX(0); } } @keyframes flyInRight{ 0%{ opacity:0; -webkit-transform:translateX(500px); -moz-transform:translateX(500px); -ms-transform:translateX(500px); transform:translateX(500px); } 100%{ opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); } } @-webkit-keyframes flyInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-300px); } 100%{ opacity:1; -webkit-transform:translateX(0); } } @keyframes flyInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-300px); -moz-transform:translateX(-300px); -ms-transform:translateX(-300px); transform:translateX(-300px); } 100%{ opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); } } @-webkit-keyframes flyOutLeft{ 0%{ opacity:1; -webkit-transform:translateX(0); } 100%{ opacity:0; -webkit-transform:translateX(-300px); } } @keyframes flyOutLeft{ 0%{ opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); } 100%{ opacity:0; -webkit-transform:translateX(-300px); -moz-transform:translateX(-300px); -ms-transform:translateX(-300px); transform:translateX(-300px); } } @-webkit-keyframes sosCircle{ 0%{ -webkit-transform:translate(0,0); } 12.5%{ -webkit-transform:translate(-8px,3px); } 25%{ -webkit-transform:translate(-15px,0); } 37.5%{ -webkit-transform:translate(-18px,-8px); } 50%{ -webkit-transform:translate(-15px,-15px); } 65.5%{ -webkit-transform:translate(-8px,-18px); } 75%{ -webkit-transform:translate(0,-15px); } 87.5%{ -webkit-transform:translate(3px,-8px); } 100%{ -webkit-transform:translate(0,0); } } @keyframes sosCircle{ 0%{ -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); } 12.5%{ -webkit-transform:translate(-8px,3px); -moz-transform:translate(-8px,3px); -ms-transform:translate(-8px,3px); transform:translate(-8px,3px); } 25%{ -webkit-transform:translate(-15px,0); -moz-transform:translate(-15px,0); -ms-transform:translate(-15px,0); transform:translate(-15px,0); } 37.5%{ -webkit-transform:translate(-18px,-8px); -moz-transform:translate(-18px,-8px); -ms-transform:translate(-18px,-8px); transform:translate(-18px,-8px); } 50%{ -webkit-transform:translate(-15px,-15px); -moz-transform:translate(-15px,-15px); -ms-transform:translate(-15px,-15px); transform:translate(-15px,-15px); } 65.5%{ -webkit-transform:translate(-8px,-18px); -moz-transform:translate(-8px,-18px); -ms-transform:translate(-8px,-18px); transform:translate(-8px,-18px); } 75%{ -webkit-transform:translate(0,-15px); -moz-transform:translate(0,-15px); -ms-transform:translate(0,-15px); transform:translate(0,-15px); } 87.5%{ -webkit-transform:translate(3px,-8px); -moz-transform:translate(3px,-8px); -ms-transform:translate(3px,-8px); transform:translate(3px,-8px); } 100%{ -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); } } @-webkit-keyframes rotate{ 0%{ -webkit-transform:rotate(0); } 100%{ -webkit-transform:rotate(360deg); } } @keyframes rotate{ 0%{ -webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); } 100%{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); } } @-webkit-keyframes fade{ 0%{ opacity:0.5; } 20%{ opacity:0.8; } 40%{ opacity:0.6; } 60%{ opacity:0.9; } 80%{ opacity:0.7; } 100%{ opacity:1; } } @keyframes fade{ 0%{ opacity:0.5; } 20%{ opacity:0.8; } 40%{ opacity:0.6; } 60%{ opacity:0.9; } 80%{ opacity:0.7; } 100%{ opacity:1; } } @-webkit-keyframes bigger{ 0%{ -webkit-transform:scale(1,1); } 100%{ -webkit-transform:scale(1.2,1.2); } } @keyframes bigger{ 0%{ -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); } 100%{ -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); transform:scale(1.2,1.2); } } @-webkit-keyframes bounceIn{ 0%,100%,20%,40%,60%,80%{ /*-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1); transition-timing-function:cubic-bezier(0.215,.61,.355,1)*/ } 0%{ opacity:1; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 20%{ -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 40%{ -webkit-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 60%{ opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03) } 80%{ -webkit-transform:scale3d(.97,.97,.97); transform:scale3d(.97,.97,.97) } 100%{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @keyframes bounceIn{ 0%,100%,20%,40%,60%,80%{ /*-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1); transition-timing-function:cubic-bezier(0.215,.61,.355,1)*/ } 0%{ opacity:1; -webkit-transform:scale3d(.3,.3,.3); -ms-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 20%{ -webkit-transform:scale3d(1.1,1.1,1.1); -ms-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 40%{ -webkit-transform:scale3d(.9,.9,.9); -ms-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 60%{ opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); -ms-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03) } 80%{ -webkit-transform:scale3d(.97,.97,.97); -ms-transform:scale3d(.97,.97,.97); transform:scale3d(.97,.97,.97) } 100%{ opacity:1; -webkit-transform:scale3d(1,1,1); -ms-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } } @-webkit-keyframes pudding{ 0% { -webkit-transform: scale(1.2, 0.8); } 1% { -webkit-transform: scale(1.18, 0.82); } 2% { -webkit-transform: scale(1.16, 0.84); } 3% { -webkit-transform: scale(1.13, 0.87); } 4% { -webkit-transform: scale(1.1, 0.9); } 5% { -webkit-transform: scale(1.07, 0.93); } 6% { -webkit-transform: scale(1.04, 0.96); } 7% { -webkit-transform: scale(1.01, 0.99); } 8% { -webkit-transform: scale(0.99, 1.01); } 9% { -webkit-transform: scale(0.97, 1.03); } 10% { -webkit-transform: scale(0.95, 1.05); } 11% { -webkit-transform: scale(0.94, 1.06); } 12% { -webkit-transform: scale(0.93, 1.07); } 13% { -webkit-transform: scale(0.93, 1.07); } 14% { -webkit-transform: scale(0.93, 1.07); } 15% { -webkit-transform: scale(0.93, 1.07); } 16% { -webkit-transform: scale(0.94, 1.06); } 17% { -webkit-transform: scale(0.94, 1.06); } 18% { -webkit-transform: scale(0.95, 1.05); } 19% { -webkit-transform: scale(0.96, 1.04); } 20% { -webkit-transform: scale(0.98, 1.02); } 21% { -webkit-transform: scale(0.99, 1.01); } 22% { -webkit-transform: scale(1, 1); } 23% { -webkit-transform: scale(1, 1); } 24% { -webkit-transform: scale(1.01, 0.99); } 25% { -webkit-transform: scale(1.02, 0.98); } 26% { -webkit-transform: scale(1.02, 0.98); } 27% { -webkit-transform: scale(1.02, 0.98); } 28% { -webkit-transform: scale(1.03, 0.97); } 29% { -webkit-transform: scale(1.03, 0.97); } 30% { -webkit-transform: scale(1.02, 0.98); } 31% { -webkit-transform: scale(1.02, 0.98); } 32% { -webkit-transform: scale(1.02, 0.98); } 33% { -webkit-transform: scale(1.02, 0.98); } 34% { -webkit-transform: scale(1.01, 0.99); } 35% { -webkit-transform: scale(1.01, 0.99); } 36% { -webkit-transform: scale(1.01, 0.99); } 37% { -webkit-transform: scale(1, 1); } 38% { -webkit-transform: scale(1, 1); } 39% { -webkit-transform: scale(1, 1); } 40% { -webkit-transform: scale(0.99, 1.01); } 41% { -webkit-transform: scale(0.99, 1.01); } 42% { -webkit-transform: scale(0.99, 1.01); } 43% { -webkit-transform: scale(0.99, 1.01); } 44% { -webkit-transform: scale(0.99, 1.01); } 45% { -webkit-transform: scale(0.99, 1.01); } 46% { -webkit-transform: scale(0.99, 1.01); } 47% { -webkit-transform: scale(0.99, 1.01); } 48% { -webkit-transform: scale(0.99, 1.01); } 49% { -webkit-transform: scale(1, 1); } } @-ms-keyframes pudding{ 0% { -ms-transform: scale(1.2, 0.8); } 1% { -ms-transform: scale(1.18, 0.82); } 2% { -ms-transform: scale(1.16, 0.84); } 3% { -ms-transform: scale(1.13, 0.87); } 4% { -ms-transform: scale(1.1, 0.9); } 5% { -ms-transform: scale(1.07, 0.93); } 6% { -ms-transform: scale(1.04, 0.96); } 7% { -ms-transform: scale(1.01, 0.99); } 8% { -ms-transform: scale(0.99, 1.01); } 9% { -ms-transform: scale(0.97, 1.03); } 10% { -ms-transform: scale(0.95, 1.05); } 11% { -ms-transform: scale(0.94, 1.06); } 12% { -ms-transform: scale(0.93, 1.07); } 13% { -ms-transform: scale(0.93, 1.07); } 14% { -ms-transform: scale(0.93, 1.07); } 15% { -ms-transform: scale(0.93, 1.07); } 16% { -ms-transform: scale(0.94, 1.06); } 17% { -ms-transform: scale(0.94, 1.06); } 18% { -ms-transform: scale(0.95, 1.05); } 19% { -ms-transform: scale(0.96, 1.04); } 20% { -ms-transform: scale(0.98, 1.02); } 21% { -ms-transform: scale(0.99, 1.01); } 22% { -ms-transform: scale(1, 1); } 23% { -ms-transform: scale(1, 1); } 24% { -ms-transform: scale(1.01, 0.99); } 25% { -ms-transform: scale(1.02, 0.98); } 26% { -ms-transform: scale(1.02, 0.98); } 27% { -ms-transform: scale(1.02, 0.98); } 28% { -ms-transform: scale(1.03, 0.97); } 29% { -ms-transform: scale(1.03, 0.97); } 30% { -ms-transform: scale(1.02, 0.98); } 31% { -ms-transform: scale(1.02, 0.98); } 32% { -ms-transform: scale(1.02, 0.98); } 33% { -ms-transform: scale(1.02, 0.98); } 34% { -ms-transform: scale(1.01, 0.99); } 35% { -ms-transform: scale(1.01, 0.99); } 36% { -ms-transform: scale(1.01, 0.99); } 37% { -ms-transform: scale(1, 1); } 38% { -ms-transform: scale(1, 1); } 39% { -ms-transform: scale(1, 1); } 40% { -ms-transform: scale(0.99, 1.01); } 41% { -ms-transform: scale(0.99, 1.01); } 42% { -ms-transform: scale(0.99, 1.01); } 43% { -ms-transform: scale(0.99, 1.01); } 44% { -ms-transform: scale(0.99, 1.01); } 45% { -ms-transform: scale(0.99, 1.01); } 46% { -ms-transform: scale(0.99, 1.01); } 47% { -ms-transform: scale(0.99, 1.01); } 48% { -ms-transform: scale(0.99, 1.01); } 49% { -ms-transform: scale(1, 1); } } @-moz-keyframes pudding { 0% { -moz-transform: scale(1.2, 0.8); } 1% { -moz-transform: scale(1.18, 0.82); } 2% { -moz-transform: scale(1.16, 0.84); } 3% { -moz-transform: scale(1.13, 0.87); } 4% { -moz-transform: scale(1.1, 0.9); } 5% { -moz-transform: scale(1.07, 0.93); } 6% { -moz-transform: scale(1.04, 0.96); } 7% { -moz-transform: scale(1.01, 0.99); } 8% { -moz-transform: scale(0.99, 1.01); } 9% { -moz-transform: scale(0.97, 1.03); } 10% { -moz-transform: scale(0.95, 1.05); } 11% { -moz-transform: scale(0.94, 1.06); } 12% { -moz-transform: scale(0.93, 1.07); } 13% { -moz-transform: scale(0.93, 1.07); } 14% { -moz-transform: scale(0.93, 1.07); } 15% { -moz-transform: scale(0.93, 1.07); } 16% { -moz-transform: scale(0.94, 1.06); } 17% { -moz-transform: scale(0.94, 1.06); } 18% { -moz-transform: scale(0.95, 1.05); } 19% { -moz-transform: scale(0.96, 1.04); } 20% { -moz-transform: scale(0.98, 1.02); } 21% { -moz-transform: scale(0.99, 1.01); } 22% { -moz-transform: scale(1, 1); } 23% { -moz-transform: scale(1, 1); } 24% { -moz-transform: scale(1.01, 0.99); } 25% { -moz-transform: scale(1.02, 0.98); } 26% { -moz-transform: scale(1.02, 0.98); } 27% { -moz-transform: scale(1.02, 0.98); } 28% { -moz-transform: scale(1.03, 0.97); } 29% { -moz-transform: scale(1.03, 0.97); } 30% { -moz-transform: scale(1.02, 0.98); } 31% { -moz-transform: scale(1.02, 0.98); } 32% { -moz-transform: scale(1.02, 0.98); } 33% { -moz-transform: scale(1.02, 0.98); } 34% { -moz-transform: scale(1.01, 0.99); } 35% { -moz-transform: scale(1.01, 0.99); } 36% { -moz-transform: scale(1.01, 0.99); } 37% { -moz-transform: scale(1, 1); } 38% { -moz-transform: scale(1, 1); } 39% { -moz-transform: scale(1, 1); } 40% { -moz-transform: scale(0.99, 1.01); } 41% { -moz-transform: scale(0.99, 1.01); } 42% { -moz-transform: scale(0.99, 1.01); } 43% { -moz-transform: scale(0.99, 1.01); } 44% { -moz-transform: scale(0.99, 1.01); } 45% { -moz-transform: scale(0.99, 1.01); } 46% { -moz-transform: scale(0.99, 1.01); } 47% { -moz-transform: scale(0.99, 1.01); } 48% { -moz-transform: scale(0.99, 1.01); } 49% { -moz-transform: scale(1, 1); } } @keyframes pudding { 0% { transform: scale(1.2, 0.8); } 1% { transform: scale(1.18, 0.82); } 2% { transform: scale(1.16, 0.84); } 3% { transform: scale(1.13, 0.87); } 4% { transform: scale(1.1, 0.9); } 5% { transform: scale(1.07, 0.93); } 6% { transform: scale(1.04, 0.96); } 7% { transform: scale(1.01, 0.99); } 8% { transform: scale(0.99, 1.01); } 9% { transform: scale(0.97, 1.03); } 10% { transform: scale(0.95, 1.05); } 11% { transform: scale(0.94, 1.06); } 12% { transform: scale(0.93, 1.07); } 13% { transform: scale(0.93, 1.07); } 14% { transform: scale(0.93, 1.07); } 15% { transform: scale(0.93, 1.07); } 16% { transform: scale(0.94, 1.06); } 17% { transform: scale(0.94, 1.06); } 18% { transform: scale(0.95, 1.05); } 19% { transform: scale(0.96, 1.04); } 20% { transform: scale(0.98, 1.02); } 21% { transform: scale(0.99, 1.01); } 22% { transform: scale(1, 1); } 23% { transform: scale(1, 1); } 24% { transform: scale(1.01, 0.99); } 25% { transform: scale(1.02, 0.98); } 26% { transform: scale(1.02, 0.98); } 27% { transform: scale(1.02, 0.98); } 28% { transform: scale(1.03, 0.97); } 29% { transform: scale(1.03, 0.97); } 30% { transform: scale(1.02, 0.98); } 31% { transform: scale(1.02, 0.98); } 32% { transform: scale(1.02, 0.98); } 33% { transform: scale(1.02, 0.98); } 34% { transform: scale(1.01, 0.99); } 35% { transform: scale(1.01, 0.99); } 36% { transform: scale(1.01, 0.99); } 37% { transform: scale(1, 1); } 38% { transform: scale(1, 1); } 39% { transform: scale(1, 1); } 40% { transform: scale(0.99, 1.01); } 41% { transform: scale(0.99, 1.01); } 42% { transform: scale(0.99, 1.01); } 43% { transform: scale(0.99, 1.01); } 44% { transform: scale(0.99, 1.01); } 45% { transform: scale(0.99, 1.01); } 46% { transform: scale(0.99, 1.01); } 47% { transform: scale(0.99, 1.01); } 48% { transform: scale(0.99, 1.01); } 49% { transform: scale(1, 1); } } @-webkit-keyframes lamp { 0% { box-shadow:0 0 0 0px rgba(255,102,0,0); } 30% { box-shadow:0 0 2px 5px rgba(255,102,0,0.5); } 100% { box-shadow:0 0 0 0 rgba(255,102,0,0); } } @keyframes lamp { 0% { box-shadow:0 0 0 0px rgba(255,102,0,0); } 30% { box-shadow:0 0 2px 5px rgba(255,102,0,0.5); } 100% { box-shadow:0 0 0 0 rgba(255,102,0,0); } } /****************************** ** 全局重置 ******************************/ .red { color:#C00; } #LXB_CONTAINER { visibility:hidden !important; right:-999px !important; } #hm_t_undefined { visibility:hidden !important; right:-999px !important; } /****************************** ** 自定义字体 ******************************/ @font-face{ font-family: "ft47"; src: url("../font/ft47.eot"); src: url("../font/ft47.eot?#iefix") format("eot"), url("../font/ft47.ttf") format("truetype"); } @font-face{ font-family: "condensed"; src: url("../font/condensed.eot"); src: url("../font/condensed.eot?#iefix") format("eot"), url("../font/condensed.ttf") format("truetype"); } /**************************肖增艳 2016年6月2日09:43:29******************************************/ .upload-container{ padding: 135px 0 150px; background: #fafafa;} .upload-container .wrap{ border:1px dashed #ccc; padding-top:100px; border-radius: 5px; position: relative; } .upload-container h2.tit{ width: 400px; height: 80px; line-height: 80px; text-align: center; margin: 0px auto; position: absolute; left:50%; top:-40px; margin-left: -200px; font-weight: bold; color: #0080ca; font-size: 54px; background:#fafafa;} .upload-container .body{ width: 990px; padding: 0px 0px 40px 105px; overflow: hidden;} .upload-container .body .title{ width: 100%; margin-bottom:25px;} .upload-container .body .title h3{ font-weight: bold; color: #333333; font-size: 24px; } .upload-container .body .title span{ width: 0px; height: 0px; display: inline-block; vertical-align: middle; margin-right: 10px; border-left: 15px solid #0080ca; border-top: 10px solid transparent; border-bottom: 10px solid transparent;} .upload-container .body .title a{ width: 160px; height: 42px; float: right; line-height: 42px; text-align: center; color: #fff; background: #0080ca; border-radius: 20px; font-size: 14px;} .upload-container .body .title a:hover{ background: #FF9C00;} .upload-container .body .formCon{ width: 120%; margin-bottom: 30px;} .upload-container .body .itembox{ width: 450px; height: 40px; line-height: 40px; float: left; margin: 0px 95px 15px 0px;} .upload-container .body .itembox label{ width: 80px; margin-right: 5px; text-align: right; float: left; font-size: 16px; color: #333333; } .upload-container .body .itembox .item{ width: 348px; height: 38px; float: left; background: #fff; line-height: 38px; border: 1px solid #dddddd;} .upload-container .body .itembox .item.fuj{ border: 0px; height: 45px; background: none; } .upload-container .body .itembox .item.fuj .fujCon{ width: 348px; height: 38px; float: left; background: #fff; line-height: 38px; border: 1px solid #dddddd; } .upload-container .body .itembox .item input{ width: 330px; border: 0px; *width: 320px; background: none; text-indent: 10px; *text-indent: 4px;} .upload-container .body .itembox .item .red{ color: #dd0000;} .upload-container .body .code{ margin-top: 40px; width: 100%;} .upload-container .body .code .item,.upload-container .body .code .codetxt{ width: 118px; } .upload-container .body .code img{ display: block; float: left; margin:5px 20px 0px;} .upload-container .body .code .btn,.upload-container .body .code .rebtn{ width: 140px; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 28px; float: left; margin-right: 20px; border: 0px; cursor: pointer;} .upload-container .body .code .btn{ background: #ff9c00;} .upload-container .body .code .rebtn{ background: #aaaaaa;} .upload-container .body iframe{ margin: 0; padding: 0; background: none;} .upload-container .body .form-txt{ padding: 0 !important;}