﻿

/* CSS Document */
body{font-family: "Microsoft Yahei","STHeiti","SimSun","Arail","Verdana","Helvetica","sans-serif"; -webkit-text-size-adjust:none; font-size:12px; padding:0; margin:0; background-color:#FFFFFF;}
.kk{ width:993px; margin:auto;}
p,h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;}


/*微博 微信*/

*html{/* ie6 */ background-image:url(about:blank); background-attachment:fixed; } 
img{border:none;} 
/*.sina-code {display:block; opacity: 1; filter: alpha(opacity=0); top:10%; margin-top: 164px; right:82px; _top:668px; _position:absolute; _margin-top:668px; _top:expression(eval(document.documentElement.scrollTop)); }*/

.newmanes{width:993px; height:297px;  overflow:hidden}
.newmanes a{ font-size:18px;}
.newmanes .limanediv{ width:100%; height:60px; background:#d7d7d7; overflow:hidden;}
.newmanes li{ width:90px; height:60px; line-height:60px; text-align:center; float:left; overflow:hidden;}
.newmanes .limane{ width:80px; height:60px; line-height:60px; text-align:center; font-size:18px; margin:0 auto; overflow:hidden;}
.banners{width:993px; height:auto; margin:2px auto; overflow:hidden}
.neirongfjs{width:993px; margin:0 auto; border:1px solid #cbcbcb;background-color:#fff;margin-bottom:30px;color:#777; overflow:hidden}
.nrfjbody{ width:918px; height:auto; margin:65px auto;}
.nrfwtiao{width:100%; border-bottom:1px solid #cacaca; height:1px; position:relative; display:block;margin:30px auto;}
.nrfjbleft{width:450px; height:auto; float:left; margin-bottom:70px; overflow:hidden; }
.nrfjbright{width:432px; height:auto; padding-left:35px;border-left:1px solid #cacaca; float:left;margin-bottom:70px; overflow:hidden;}
.nfjdiv{ font-size:28px; font-weight:bold; margin-bottom:10px;}
.nrfjp{ font-size:16px; line-height:200%; }
.nrbooks{ width:100%; height:auto; overflow:hidden;}
.nrbooks .nrbooksdiv{ float:left;}
.nrlianxifs{width:70%; float:left}
.nrlianxi{ width:131px; height:39px; line-height:39px; text-align:center; color:#FFFFFF; background:url(/images/newzt131111/nrlianxi.jpg) no-repeat; float:right; margin-top:50px; overflow:hidden;}
.nrlianxi a{ color:#FFFFFF; font-size:20px;}  

/*header start*/
.headers{ width:100%; height:110px;}
.header{
    width:100%;
    position: fixed;
    left:0;
    top:0;
    text-align: center;
    z-index: 99;
    height:110px;
    background:url('/images/newzt131111/nav_bg.png') repeat-x;
}
.header_bg{
    background: url('/images/newzt131111/nav_bg.png') repeat-x;

}
.sina_weixin{height:25px;position: absolute;top:9px;left:637px;}
.sina_weixin a{height:25px;width:100px;display:block;float:left;background:url('../img/sina_weixin.png') no-repeat;text-indent: 9999px}
.sina_weixin a.sw01:hover{background-position:0 -25px;}
.sina_weixin a.sw02{background-position:0 -50px;}
.sina_weixin a.sw02:hover{background-position:0 -75px;}
.navigator{
    width:993px;
     margin:0 auto;
    margin-top:33px;
	position:relative;
}
.nav{ list-style:none; float:right; margin:0; padding:0; margin-top:2px; margin-right:10px;}
.nav li{ margin-left:12px; display:inline-block; *display:inline; zoom:1;}
.nav li a{ font-size:22px; color:#5c5c5c; text-decoration:none; font-weight:normal; display:block; width:70px; height:17px; overflow:hidden;text-indent:-999em;  overflow:hidden; background-image:url(/images/newzt131111/nav.png); background-repeat:no-repeat; margin-top:2px;}
.nav li a:hover,.nav li.current a{ background-image:url(/images/newzt131111/nav-hover.png)}
.nav li.last{ margin:0;}
.nav .li1 a{ background-position:0 2px;}
.nav .li2 a{ background-position:0 -48px;}
.nav .li3 a{ background-position:0 -32px;}
.nav .li4 a{ background-position:0 -15px;}
.nav .li5 a{ background-position:0 -64px;}
.nav .li6 a{ background-position:0 -81px;}
.nav .li7 a{ background-position:0 -97px;}
.nav .litopover{background-image:url(/images/newzt131111/nav-hover.png)}

.web-box { width:991px; padding:24px 0; margin-top:30px; border:1px solid #d6d6d6; background:white;font-size:13px;color:#656565;box-shadow:0 1px 3px rgba(55, 72, 79, 0.2);}
.web-box p{padding: 13px 20px 0 20px;}
.web-title{ background:url(../img/web-title-01.png) no-repeat center 0;float:left; height:47px; width:944px; margin-left:23px; text-indent:-999em; overflow:hidden;}
.web-title-home:hover{background-position: center -59px;}
.web-twoCols {
    width:421px;
    height:234px;
}

.web-twoCols span{
    font-size:20px;
    color:#393838;
    display:block;
}
.web-twoCols a{cursor:pointer; font-size:18px;padding:0;}

/*header end*/

/*右侧浮动*/

.qrweixin,.qrsina{ position: absolute; right:-188px;display:none; }
.qrsina{ top: -253px;}
.qrweixin{ top: -220px;}


/*返回顶部*/
#backTop{display: block; position: fixed; bottom: 50px; left: 50%; width: 115px; height: 88px; background: url(/images/newzt131111/top.png); cursor: pointer; opacity: 0;filter: alpha(opacity=0); zoom:1; margin-left: 560px; _display:none;}

/*首页瀑布流*/
#waterfall,.waterfall{position:relative; left:0px; width:1012px; _width:1015px; margin-top:46px;}

.item-box{ behavior: url(/css/pie.htc);width:289px; padding:15px; color:#5C5C5C; margin-bottom:15px; margin-right:15px; border:1px solid #d6d6d6; background:white;  position:relative; overflow:hidden;}
.item-box:hover{box-shadow:0 1px 10px rgba(63, 72, 79, 0.2);}
.item-box:hover .img {opacity:0.8;filter: alpha(opacity=80);}
.item-box .img{ position:relative; margin-bottom:20px; width:290px;}
.item-box .img img{ width:290px;}
.item-box .img span{ width:290px; height:8px; position:absolute; bottom:0px; left:0; z-index:999; overflow:hidden;}
.item-box a{ color:#5C5C5C; text-decoration:none; display:block;}
.item-box .sharebtn{width:21px;height:21px;float:right;margin-top:0px;background:url('../img/buttons.png') no-repeat -4px -345px;margin-top:-3px;}
.item-box .title1{ font-size:19px; font-weight: bold;  display:block; margin-bottom:16px; line-height:30px;padding-right:30px;}
.item-box .title2{ color:#51d490; font-size:12px; display:block;float:left;width:80%;}
.item-box .sort/*类别*/ { font-size:13px; margin-bottom:16px; display:block;clear:both;}
.item-box .text{ display:block; padding-bottom:15px;text-align:justify;text-justify:inter-ideograph; line-height:24px; padding-top: 10px; font-size: 14px;}
.item-box .line{ border-bottom:1px solid #ddd; height:1px; width:290px; position:relative; display:block;}
.item-box .sort{ line-height: 24px; font-size: 14px; color:#666;}
.item-box .count{display:block; text-align:justify;text-justify:inter-ideograph; line-height:25px; margin-top: 10px; font-size: 15px; background:url('/images/newzt131111/buttons.png') no-repeat 100% -302px;}
.item-box .sort-box{ min-height:20px; padding-top:17px; display:block; position: relative;}
.item-box .sort-box .sort-icon{ position: absolute; position: absolute; right: 0; top: 15px; overflow: hidden; text-indent: -999em; opacity: 0.5; filter: alpha(opacity=50); background-repeat: no-repeat; background-image: url(../img/icons.png); height: 26px; width: 26px;}
.si1{ background-position: 0 0;}
.si2{ background-position: -26px 0; }
.si3{ background-position: -52px 0; }
.si4{ background-position: -78px 0; }
.si5{ background-position: -104px 0;}
.si6{ background-position: -130px 0;}
.si7{ background-position: -156px 0;}

.item-box .sort-box a{ display:inline;}

.video span{}
.case span{ }
.about span{ background:#c10077;}
.knowledge span{ background:#9ede94;}


.more-button{ box-shadow:1px 1px 1px rgba(0, 0, 0, 0.15); width: 993px; height: 50px;  color:#fff; text-align:center; font-size: 20px; line-height: 50px; margin:30px auto 0 auto; cursor: height:61px; pointer; border: 1px solid #ccc; display: block; outline: none; text-align:center;filter: alpha(opacity=0);opacity:0; background:#666}
.more-button:active{ background: #eee;}
.more-button:hover{
    background:#989898;
}

/*关于我们*/



.left{ border:1px solid #e5e5e5; float:left; margin-top:44px; padding: 25px 20px; width: 658px; color: #777777; font-size: 16px;}
.left h2{ color: #ce266b; font-size: 26px;  margin-top: 30px; margin-bottom: 15px; font-weight: normal; }
.left p{ line-height: 28px; margin-bottom: 10px;}
.left img{ width: 658px; display: block;}
.left object,.right embed,.right .video{ margin-top: 20px; margin-bottom: 90px;}
.rc-title{ display: block; padding-left: 80px; margin: 35px 0; font-size: 26px; color: #ce266b; font-weight: normal; background: url(../img/slogo2.jpg) left 8px no-repeat;}
.left-case{ padding-bottom: 10px; width: 100%; border-bottom: 1px solid #aeaeae; margin-bottom: 23px;}
.left-case.last{border-bottom: none !important;}
.left-case h3{ font-size: 20px; color: #ce266b; font-weight: normal; margin-bottom: 10px;}
.left-case h3 span{color:#5c5c5c; display: inline-block; *display: inline; zoom:1;}


.right{ width: 266px; float: right; margin-top:44px;}
.right-box{ margin-bottom: 18px;}
.share-text{ float: left; margin-right: 20px; line-height: 26px;}
.qr-text{ font-size: 14px; color: #777777; display: block; margin-top: 15px; text-align: center;}
.download{ width:156px; margin:0 auto 20px; border-bottom:1px solid #cbcbcb;}
.down-link{ font-size: 16px; width: 100px; padding-left: 40px; margin:22px 0; display:block; background: url(../img/download.jpg) left center no-repeat; text-decoration: none; height: 32px; color: #777777; font-size: 12px; }
.down-link:hover{ color: #ce266b; background: url(../img/download-hover.jpg) left center no-repeat;}
.download p { font-size:25px; color:#000; line-height:20px; margin-top:24px;}
.download p span { font-size:16px; color:#777;}
.download .down-img{ /*position: absolute; right: 10px; top:11px;*/ width: 160px; height: 210px; display:block; overflow: hidden;}
/*.download .down-img img{ width: 100%;}*/

/* 关注创始人 */
.founder {  padding:14px 10px 11px 10px;border:1px solid #cbcbcb; position:relative; margin-top:10px; width: 134px;background-color: #fff;position: relative;}
.founder a{margin-top:5px;overflow: hidden;height:57px;display: block;cursor:pointer;}
.founder .imagecode{position:absolute;top:233px;z-index: 9999;left:143px;display:none;}
.founder-text { font-size:18.56px; color:#777; margin-bottom:12px; display:block;}
.founder-text:hover{ color: #e02164;}

.gz1,.gz2,.gz3,.gz4 { display:block; width:57px; height:57px; opacity:0; filter:alpha(opacity=0); background:#FC3; position:absolute; top:174px; left:11px; *left:11px; *top:173px; _left:0px; _top:177px;}
.gz2 { left:73px; *left:73px; _left:62px;}
.gz3 { left:135px; _left:124px;}
.gz4 { left:197px; _left:186px;}

/*案例*/
.case-index-title{ height:72px; line-height: 72px; overflow: hidden; font-size: 22px; text-align: center; color: #fff; margin: 20px 0;display:block;text-indent: -99999px;}
.fenge{ width: 100%; height: 25px; background: url(../img/fenge.jpg) center center no-repeat; display: block; clear: both; overflow: hidden; margin-top: 20px;}

/* character 人物介绍 */
.character { font-size:18px; color:#777 !important; line-height:28px; padding-bottom:15px;}
.character span { display:block; margin-top:8px;}

/*footer start*/
.footer {margin:50px 0 40px; width:993px;}
/*.footer-bg{ height: 100%; width:100%; background: white; opacity: 0.9; filter: alpha(opacity=90); position: absolute; top: 0; left: 0; z-index: -1;}*/
.footer-nav {position:relative;padding:0 13px; font-size:14px;height:43px;background-color:#333333;line-height:40px;color:#fff;}
.footer-nav a {cursor:pointer;color:#fff; text-decoration: none;  margin-right: 5px; margin-left:3px;}
.footer-nav a:hover{color:#be0053;}
.footer-nav .jiathis_style_24x24 a{ display:inline !important;}
.footer-nav img {display:inline-block; }
.blogroll{margin-top:40px;padding:0 0px;}
.blogroll h1{text-align:center;font-size:18px;font-weight: normal;color:#777;display:block;margin-bottom:10px;}
.blogroll a{cursor:pointer;margin-right:20px;line-height: 30px;font-size:14px;}
.blogroll a:hover{color:#be0053;}
.copyright {margin-top:60px; }
.copyright span {vertical-align:top; }
.copyright .desc{color:#cbcbcb;height:18px; font-size:10px;margin-top:-12px;}
/*footer end*/


.bgpink{ background: #cc70a1;}
.bggreen{ background: #8acc96;}
.bgbrown{ background: #ba9470;}
.bgblue{ background: #82ade3;}
.bgred{ background: #e63d57;}
.bgpurple{ background: #6e52d6;}



.ci-bg1{ background:url('../img/case_a_01.png') no-repeat center center #CC70A1; }
.ci-bg2{ background:url('../img/case_a_02.png') no-repeat center center #89cb95;}
.ci-bg3{ background:url('../img/case_a_03.png') no-repeat center center #e53d57;}
.ci-bg4{ background:url('../img/case_a_04.png') no-repeat center center #BA9470;}
.ci-bg5{ background:url('../img/case_a_05.png') no-repeat center center #82ADE3;}
.ci-bg6{ background:url('../img/case_a_06.png') no-repeat center center #6E52D6;}
.ci-bg7{ background:url('../img/case_a_07.png') no-repeat center center #ffc300;}

.h50{height: 50px;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix {*zoom: 1; } 
.c{clear:both; font:0px/0 Arial; }
.ma{margin: auto;}
.bk{display: block;}
.mt15{margin-top: 15px;}

/*  2013-09-07 index */
.video_cover{
    background:url('../img/video_btn.png') no-repeat center center;
    display:block;
    position:absolute;
    width:55px;
    height: 55px;
    height: 55px;
    cursor:pointer;
    opacity:0.7;
}
.video_cover:hover{
    opacity:1;
}
.filters{
    padding-top:26px;
}
.filters a{
    height:23px;
    color:#5A5A5A;
    display:block;
    float:left;
    font-size:17px;
    padding-left:28px;
    background:url('../img/buttons.png') no-repeat 0px -78px;
    margin-left:13px;
    cursor:pointer;
}
.filters a.c_black{
    background-position: -178px -78px;
}
.filters a.c_pink{
    background-position: 0px -78px;
}
.filters a.c_green{
    background-position: 0px -110px;
}
.filters a.c_red{
    background-position: 0px -143px;
}
.filters a.c_coffee{
    background-position: 0px -176px;
}
.filters a.c_blue{
    background-position: 0px -208px;
}
.filters a.c_violet{
    background-position: 0px -242px;
}
.filters a.c_gray{
    background-position: 0px -274px;
}

/*关于我们内页相关列表*/
.sabout{width: 275px; height: 160px; display: block; position: relative; cursor: pointer; overflow: hidden; margin-bottom: 13px;}
.sabout-text{ width: 100%; height: 39px; position: absolute; background: url(../img/sabout-bg.png) repeat-x; font-size: 18px; color: black; bottom:0; text-indent: 16px; line-height: 39px; z-index: 2}
.sabout img{ position: absolute; top: 0; left:0; z-index: 1; width:100%;}
.about-banquan{ font-size: 12px; color: #777777; display: block; margin:20px 0 0 0; padding: 0; line-height: 24px; }
/* slider css */
.sliderContainer{
    width:993px;
    height:262px;
    overflow: hidden;
    position:relative;
}
.sliderContainer div div{
    position: relative;
}
ul.carouse_dot_navigation{
    position:absolute;
    bottom:2px;
    left:50%;
    z-index:2;
}
ul.carouse_dot_navigation li{
    float:left;
    padding:2px 2px;
}
ul.carouse_dot_navigation li a{
    display:block;
    height:8pt;
    width:8pt;
    background:url("../img/buttons.png") -10px 0px;
}
ul.carouse_dot_navigation li.active a{
    background-position:0px 0px;
}


form,input{ margin:0px; padding:0px;border:0px;}
.tseachbaks{width:993px; height:auto; margin:0 auto; position:relative;}
.tseach{ width:140px; height:20px; position:absolute; right:15px; top:5px; overflow:hidden; }
.tseach-sech{ width:auto;height:20px;  position:relative;}
.seachtxt{ width:140px; height:20px; line-height:20px; background:#f5f9fc; position:absolute; left:185px; }
.bseach{ width:20px; height:20px; background:url(/images/newzt131111/bseach.jpg) no-repeat; position:absolute; right:0px;cursor:pointer;}

#footer{ border-top:1px solid #dedede; background:#eaeaea; width:100%; height:auto; margin-top:20px; overflow:hidden}
#footer .shadow{  height:14px; font-size:0px;}
#footer .bg_bai{ background:#eaeaea}
#footer .box{height:auto; width:1000px; margin:0px auto; overflow:hidden}


#footer .list_1,#footer .list_2,#footer .list_3,#footer .list_4,#footer .list_5{ float:left;padding-left:10px;padding-top:10px}
#footer h4 a{ font-family:"微软雅黑",Arial; color:#707070; font-size:14px; font-weight:normal; text-decoration:none;}
#footer h4 a:hover{ color:#333}
#footer ul{ padding-top:6px; }
#footer li{ line-height:18px; height:18px;}
#footer li a{ font-family:"微软雅黑",Arial; color:#666; font-size:12px; font-weight:normal; text-decoration:none}
#footer li a:hover{ color:#333}
#footer .list_1{ width:110px; height:160px;}
#footer .list_2{ width:108px; height:110px; border-left:1px solid #CCC; border-right:1px solid #CCC;}
#footer .list_3{ width:109px; height:110px; border-right:1px solid #CCC;}
#footer .list_4{ width:109px; height:110px; border-right:1px solid #CCC;}
#footer .list_5{ width:280px; height:220px;}
#footer .list_5 h5{ font-weight:normal; font-size:12px; padding:10px 0 6px 0; line-height:14px; height:14px;font-family:"微软雅黑",Arial; color:#707070;}
#footer .list_5 p{ line-height:16px;font-family:"微软雅黑",Arial; color:#666; font-size:12px;}
#footer .list_5 p a{ color:#666; text-decoration:none; padding-left:2px;}
#footer .list_5 p a:hover{color:#333;}
#footer .boxyqlj{height:40px; width:1230px; margin:30px auto 0px auto; text-align:center;color:#707070 ;font-size:12px;}
#footer .boxyqlj a{ text-decoration:none;color:#707070;font-size:12px;}
#footer .boxyqlj a:hover{ text-decoration:none;color:#333;font-size:12px;}
.list_2fl{ width:80px; height:auto;   padding-left:25px;padding-top:10px; float:left}
.list_2flt{ width:120px; height:auto; border-right:1px solid #CCC;padding-top:10px; float:left}

.bdfx{ width:auto; float:right}
.elvztbodys{width:100%;height:auto;line-height:180%;overflow:hidden}

