html { _background-image: url(about:blank); _background-attachment: fixed; }
body { margin: 0; padding: 0; font-size: 16px; font-family: "Microsoft YaHei",sans-serif; line-height: 1.5em; color: #333; }
h1, h2, h3, h4, h5, h6, ul, li, p { display: block; margin: 0; padding: 0; font-size: 16px; line-height: 1.5em; list-style: none; list-style-position: outside; font-weight: normal; }
img { border: none; }
input, select, textarea { font-size: 12px; font-family: "Microsoft YaHei",sans-serif; line-height: 1.5em; }
.png { }

.wrapper { }
.header { background-color: #fff; position: fixed; _position: absolute; width: 100%; z-index: 49999; _top: expression(eval(document.documentElement.scrollTop)); }
.header .top { position: relative; width: 990px; margin: 0 auto; height: 80px; }
.header .logo { position: absolute; top: 0; left: 0; }
.header .tel { position: absolute; top: 0; right: 0; }
.header .search { position: relative; width: 300px; border: #efefef 1px solid; margin: 0 auto; height: 38px; top: 20px; padding-right: 38px; overflow: hidden; }
.header .search input { width: 280px; border: #fff 1px solid; *position: relative; *top: -1px; padding: 10px; height: 16px; line-height: 16px; font-size: 16px; color: #ccc; }
.header .search a { display: block; position: absolute; top: 0; right: 0; width: 38px; height: 0; padding-top: 38px; overflow: hidden; background-image: url(../../Templates/2015/images/search-btn.gif); background-repeat: no-repeat; background-position: 3px 3px; }

.nav { border: #eee 1px solid; border-left: none; border-right: none; background-color: #f7f7f7; }
.nav ul { width: 990px; margin: 0 auto; text-align: center; font-size: 0; letter-spacing: -5px; }
.nav li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 54px; overflow: visible; position: relative; letter-spacing: normal; }
.nav a { display: block; *display: inline; *zoom: 1; position: relative; text-decoration: none; color: #333; padding: 0 30px; height: 54px; line-height: 54px; font-size: 16px; font-weight: bold; }
.nav a:hover, .nav li.active a { color: #cc0039; line-height: 52px; border-bottom: #cc0039 3px solid; height: 52px; }

.content { padding-top: 136px; }

.banner { height: 400px; background-image: url(../images/banner.jpg); background-position: center; }
.banner h1,.banner h2,.banner p{ width:990px; margin:0 auto; color:#316fb0;}
.banner h1{ font-size:30px; padding-top:70px;}
.banner h2{ font-size:48px;}
.banner p{ font-size:18px; padding-right:500px; width:490px; padding-top:10px; }
.banner a{ display: block; width: 120px; height: 36px; margin: 0 auto; margin-top: 20px; text-decoration: none; background-color: #5cbe4e; border: #3fa330 3px solid; line-height: 36px; text-align: center; color: #fff; background-image: url(../images/pointer.gif); background-repeat: no-repeat; background-position: right; padding-right: 10px; position:relative; left:-430px; }

.blacker { position: fixed; z-index: 50000; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: .2; filter: alpha(opacity=20); }
.winner-wrap { position: fixed; z-index: 55000; width: 550px; top: 50%; left: 50%; margin-top: -300px; margin-left: -278px; background-color: #fafafa; border: #dfdfdf 3px solid; }
.winner-header { position: relative; height: 35px; line-height: 35px; background-color: #ececec; }
.winner-header h1 { padding-left: 15px; line-height: 35px; font-weight: bold; font-size: 14px; }
.winner-header a { display: block; width: 24px; height: 0; padding-top: 24px; overflow: hidden; background-position: 8px 8px; position: absolute; top: 6px; right: 6px; background-image: url(../images/show_close.png); background-repeat: no-repeat; }
.winner-content { border-top: #dfdfdf 1px solid; }

.case-container,.study-container { width: 990px; margin: 0 auto; padding-top:100px; padding-bottom:200px; }
.case-title,.study-title { background-image: url(../images/case-title.gif); background-position: bottom; background-repeat: no-repeat; }
.case-title p,.study-title p { background-color: #fff; text-align: center; color: #333; font-size: 24px; width: 500px; margin: 0 auto; }
.case-title b,.study-title b { color: #005dc9; font-size: 36px; font-weight: normal; }
.case-container ul, .study-container ul { font-size: 0; letter-spacing: -5px; padding-top: 20px; }
.case-container li,.study-container li { display: inline-block; *display: inline; *zoom: 1; letter-spacing: normal; width: 475px; padding-right: 40px; vertical-align: top; font-size:0; margin-top:50px; }
.case-container li.br,.study-container li.br { padding-right: 0; }
.case-container ul p,.study-container ul p { border: #eee 5px solid; padding: 20px; font-size: 16px; text-align: justify; text-justify: inter-ideograph; }
.case-container ul span,.study-container ul span { display: block; font-size: 22px; height:36px; text-align: center; padding-top: 20px; padding-bottom: 50px; background-image: url(../images/dot.gif); background-position: bottom; background-repeat: repeat-x; margin-bottom: 20px; }
.case-container ul a,.study-container ul a { display: block; width: 120px; height: 36px; margin: 0 auto; margin-top: 50px; text-decoration: none; background-color: #5cbe4e; border: #3fa330 3px solid; line-height: 36px; text-align: center; color: #fff; background-image: url(../images/pointer.gif); background-repeat: no-repeat; background-position: right; padding-right: 10px; }
.study-container ul img, .case-container ul img { float: left; margin-right: 30px; position: relative; top: 5px; width: 180px; height: 102px; }


.product-container,.user-container { background-image: url(../images/untitled.jpg); background-position: center; padding-bottom:100px; }
.user-container { padding-bottom:50px;}
.product-body,.user-body { width: 990px; margin: 0 auto; }
.product-title,.user-title { width: 230px; height: 230px; margin: 0 auto; background-image: url(../images/product-title.png); color: #fff; font-size: 24px; text-align: center; line-height: 230px; position: relative; top: -115px; }
.product-context { position: relative; top: -50px; }
.product-context p { text-align: justify; text-justify: inter-ideograph; color: #fff; font-size: 16px; margin-top: 1.5em; text-indent: 2em; }
.product-core,.product-thinking,.product-module { padding: 50px 0; background-image:url(../images/dots.gif); background-position:bottom; background-repeat:repeat-x; }
.product-core h1,.product-thinking h1,.product-module h1 { font-size: 36px; color: #fff; text-align: center; }
.product-thinking h1,.product-module h1 { padding-bottom:50px;}
.product-container .line { background-image:url(../images/dots.gif); background-position:bottom; background-repeat:repeat-x; height:1px; position:relative; }

.user-content { position: relative; top: -40px; height: 1000px; width: 920px; margin: 0 auto; }
.user-content div { position: absolute; background-color: #fff; width: 120px; height: 120px; box-shadow: rgba(0,0,0,.5) 0 5px 10px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.user-content .main-logo { background: none; width: 290px; height: 290px; top: 150px; left: 50%; margin-left: -145px; box-shadow: none; }
.user-content .logo-01 { top: 0; left: 320px; width: 280px; background-image: url(../images/logo-01.gif); }
.user-content .logo-02 { top: 0; left: 0px; background-image: url(../images/logo-02.gif); }
.user-content .logo-03 { top: 0; left: 160px; background-image: url(../images/logo-03.gif); }
.user-content .logo-04 { top: 0; left: 640px; background-image: url(../images/logo-04.gif); }
.user-content .logo-05 { top: 160px; left: 0; background-image: url(../images/logo-05.gif); }
.user-content .logo-06 { top: 160px; left: 160px; background-image: url(../images/logo-06.gif); }
.user-content .logo-07 { top: 160px; left: 640px; background-image: url(../images/logo-07.gif); }
.user-content .logo-08 { top: 160px; left: 800px; background-image: url(../images/logo-08.gif); }
.user-content .logo-09 { top: 0; left: 800px; background-image: url(../images/logo-09.gif); }
.user-content .logo-10 { top: 320px; left: 640px; background-image: url(../images/logo-10.gif); }
.user-content .logo-11 { top: 480px; left: 0; background-image: url(../images/logo-11.gif); }
.user-content .logo-12 { top: 480px; left: 160px; background-image: url(../images/logo-12.gif); }
.user-content .logo-13 { top: 480px; left: 320px; background-image: url(../images/logo-13.gif); }
.user-content .logo-14 { top: 480px; left: 480px; background-image: url(../images/logo-14.gif); }
.user-content .logo-15 { top: 480px; left: 640px; background-image: url(../images/logo-15.gif); }
.user-content .logo-16 { top: 480px; left: 800px; background-image: url(../images/logo-16.gif); }
.user-content .logo-17 { top: 640px; left: 0; background-image: url(../images/logo-17.gif); }
.user-content .logo-18 { top: 640px; left: 160px; background-image: url(../images/logo-18.gif); }
.user-content .logo-19 { top: 320px; left: 800px; background-image: url(../images/logo-19.gif); }
.user-content .logo-20 { top: 640px; left: 640px; background-image: url(../images/logo-20.gif); }
.user-content .logo-21 { top: 640px; left: 800px; background-image: url(../images/logo-21.gif); }
.user-content .logo-22 { top: 640px; left: 320px; background-image: url(../images/logo-22.gif); }
.user-content .logo-23 { top: 640px; left: 480px; background-image: url(../images/logo-23.gif); }
.user-content .logo-24 { top: 320px; left: 0; background-image: url(../images/logo-24.gif); }
.user-content .logo-25 { top: 320px; left: 160px; background-image: url(../images/logo-25.gif); }
.user-content .logo-26 { top: 800px; left: 0px; width: 280px; background-image: url(../images/logo-26.gif); }
.user-content .logo-27 { top: 800px; left: 640px; width: 280px; background-image: url(../images/logo-27.gif); }
.user-content .logo-28 { top: 800px; left: 320px; background-image: url(../images/logo-28.gif); }
.user-content .logo-29 { top: 800px; left: 480px; background-image: url(../images/logo-29.gif); }
.user-content.support div { opacity: 0; transition-duration: .1s; -webkit-transition-duration: .1s; transition-delay: .1s; -webkit-transition-delay: .1s; }
.user-container.active .user-content.support div { opacity: 1; transition-delay: .5s; -webkit-transition-delay: .5s; transition-duration: 2s; -webkit-transition-duration: 2s; }
.user-content.support .main-logo { transform: scale(0,0); -webkit-transform: scale(0,0); }
.user-container.active .user-content.support .main-logo { transform: scale(1,1); -webkit-transform: scale(1,1); transition-delay: .1s; -webkit-transition-delay: .1s; transition-duration: .5s; -webkit-transition-duration: .5s; }
.user-content.support .logo-01 { }
.user-container.active .user-content.support .logo-01 { transition-delay: 1s; -webkit-transition-delay: 1s; }
.user-container.active .user-content.support .logo-02 { transition-delay: .5s; -webkit-transition-delay: .5s; }
.user-container.active .user-content.support .logo-03 { transition-delay: .8s; -webkit-transition-delay: .8s; }
.user-container.active .user-content.support .logo-04 { transition-delay: 1.5s; -webkit-transition-delay: 1.5s; }
.user-container.active .user-content.support .logo-05 { transition-delay: .8s; -webkit-transition-delay: .8s; }
.user-container.active .user-content.support .logo-06 { transition-delay: .3s; -webkit-transition-delay: .3s; }
.user-container.active .user-content.support .logo-07 { transition-delay: .5s; -webkit-transition-delay: .5s; }
.user-container.active .user-content.support .logo-08 { transition-delay: 1.2s; -webkit-transition-delay: 1.2s; }
.user-container.active .user-content.support .logo-09 { transition-delay: .8s; -webkit-transition-delay: .8s; }
.user-container.active .user-content.support .logo-10 { transition-delay: 1.1s; -webkit-transition-delay: 1.1s; }
.user-container.active .user-content.support .logo-11 { transition-delay: 1.3s; -webkit-transition-delay: 1.3s; }
.user-container.active .user-content.support .logo-12 { transition-delay: .6s; -webkit-transition-delay: .6s; }
.user-container.active .user-content.support .logo-13 { transition-delay: .7s; -webkit-transition-delay: .7s; }
.user-container.active .user-content.support .logo-14 { transition-delay: .8s; -webkit-transition-delay: .8s; }
.user-container.active .user-content.support .logo-15 { transition-delay: .5s; -webkit-transition-delay: .5s; }
.user-container.active .user-content.support .logo-16 { transition-delay: 1.1s; -webkit-transition-delay: 1.1s; }
.user-container.active .user-content.support .logo-17 { transition-delay: 1.4s; -webkit-transition-delay: 1.4s; }
.user-container.active .user-content.support .logo-18 { transition-delay: .8s; -webkit-transition-delay: .8s; }
.user-container.active .user-content.support .logo-19 { transition-delay: .6s; -webkit-transition-delay: .6s; }
.user-container.active .user-content.support .logo-20 { transition-delay: .5s; -webkit-transition-delay: .5s; }
.user-container.active .user-content.support .logo-21 { transition-delay: .4s; -webkit-transition-delay: .4s; }
.user-container.active .user-content.support .logo-22 { transition-delay: .4s; -webkit-transition-delay: .4s; }
.user-container.active .user-content.support .logo-23 { transition-delay: .4s; -webkit-transition-delay: .4s; }
.user-container.active .user-content.support .logo-24 { transition-delay: .8s; -webkit-transition-delay: .8s; }
.user-container.active .user-content.support .logo-25 { transition-delay: .5s; -webkit-transition-delay: .5s; }
.user-container.active .user-content.support .logo-26 { transition-delay: .8s; -webkit-transition-delay: .8s; }
.user-container.active .user-content.support .logo-27 { transition-delay: .5s; -webkit-transition-delay: .5s; }
.user-container.active .user-content.support .logo-28 { transition-delay: 1.1s; -webkit-transition-delay: 1.1s; }
.user-container.active .user-content.support .logo-29 { transition-delay: 1.4s; -webkit-transition-delay: 1.4s; }

.footer { padding-top:50px; color:#fff;}
.footer h1 { font-size:24px; font-weight:bold; text-align:center; padding-bottom:50px;}
.footer p { text-align:center;}
.footer a { color:#fff;}

.footer.pages { border-top: #333 2px solid; color: #333; margin-top: 50px; padding-bottom:20px; }
.footer.pages a { color: #333; }

.quick-bar { position: fixed; _position: absolute; right: 0; top: 50%; margin-top: -180px; z-index: 50000; _top: expression(eval(document.documentElement.scrollTop + document.documentElement.offsetHeight/2)); }
.quick-bar ul { }
.quick-bar li { width: 70px; height: 71px; }
.quick-bar a { display: block; position: relative; width: 70px; height: 30px; padding-top: 40px; overflow: visible; text-align: center; font-size: 12px; text-decoration: none; color: #fff; }
.quick-bar i { display: block; position: absolute; width: 70px; height: 70px; background-image: url(../images/quickbar-icons.png); top: 0; left: 0; cursor: pointer; }
.quick-bar b { display: block; position: absolute; width: 70px; height: 70px; background-color: #005dc9; z-index: -1; top: 0; left: 0; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(style=100,opacity=80,finishOpacity=100); }
.quick-bar a:hover b { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(style=100,opacity=100,finishOpacity=100); }
.quick-bar span { display: block; position: absolute; top: 0; right: 70px; height: 70px; background-color: #005dc9; color: #fff; overflow: hidden; font-size: 36px; white-space: nowrap; line-height: 70px; width: 0; }
.quick-bar li.im i { background-position: 0 0; }
.quick-bar li.im a { color: #84ff00; }
.quick-bar li.download i { background-position: 0 -70px; }
.quick-bar li.tel i { background-position: 0 -140px; }
.quick-bar li.message i { background-position: 0 -210px; }
.quick-bar li.top i { background-position: 0 -280px; }

.breadcrumb { position: relative; width: 938px; margin: 0 auto; line-height: 48px; font-size: 16px; background-color: #f7f7f7; border: #eee 1px solid; padding: 0 10px 0 40px; margin-top: 20px; }
.breadcrumb a { color: #333; }
.breadcrumb span.home { display: inline-block; *display: inline; *zoom: 1; width: 24px; height: 24px; background-image: url(../images/home.png); position:absolute; top:50%; margin-top:-12px; left:10px;}

.article { padding: 50px 0; width: 990px; margin: 0 auto; }
.article p,.article h1,.article h2,.article h3,.article h4,.article h5,.article h6,.article ul,.article ol{ margin-top:15px;}
.article p{ text-indent:2em; text-align:justify; text-justify:inter-ideograph;}
.article p.tip{ text-indent:0;}
.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{ font-weight:bold;}
.article h1{ font-size: 2em; margin: .67em 0 }
.article h2{ font-size: 1.5em; margin: .75em 0 }
.article h3{ font-size: 1.17em; margin: .83em 0 }
.article h5{ font-size: 1em; margin: 1.5em 0; }
.article h6{ font-size: 1em; margin: 1.67em 0; }
.article ul,.article ol{ margin-left:30px;}
.article li{ display:list-item; list-style:inherit; text-align:justify; text-justify:inter-ideograph;}

.user-bar{ position:fixed; _position:absolute; width:160px; height:110px; background-color:#fff; border:#f7f7f7 10px solid; border-top:none; bottom:5px; right:5px; _top:expression(eval(document.documentElement.scrollTop + document.documentElement.offsetHeight - 145));}
.user-bar h1{ font-size:18px; font-weight:bold; text-align:center; line-height:36px; background-color:#f7f7f7; color:#005dc9;}
.user-bar p{ height:73px; position:relative;}
.user-bar span{ display:block; position:absolute; width:160px; height:73px; text-align:center; background-color:#fff; top:0; left:0;}

.blacker{ position:fixed; z-index:50000; width:100%; height:100%; top:0; left:0; background-color:#000; opacity:.2; filter:alpha(opacity=20);}
.winner-wrap{ position:fixed; z-index:55000; width:550px; top:50%; left:50%; margin-top:-300px; margin-left:-278px; background-color:#fafafa; border:#dfdfdf 3px solid;}
.winner-header{ position:relative; height:35px; line-height:35px; background-color:#ececec;}
.winner-header h1{ padding-left:15px; line-height:35px; font-weight:bold; font-size:14px;}
.winner-header a{ display:block; width:24px; height:0; padding-top:24px; overflow:hidden; background-position:8px 8px; position:absolute; top:6px; right:6px; background-image:url(../images/show_close.png); background-repeat:no-repeat;}
.winner-content{ border-top:#dfdfdf 1px solid;}