.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
  font-size:14px;
  color:#777
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
.pageNav { display:none}

@font-face{

    font-family: "SUNG";

    src: url("font/RTWS.eot?iefix")

}

@font-face{

    font-family: "SUNG";

    src: url("font/RTWS.woff") format('woff'), url("font/RTWS.ttf") format('truetype');

}



/* 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:#f2f2f2;}

.kk{ width:993px; margin:auto;padding-top:73px;}

p,h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;}

.downloadCon { width:990px; margin-left:auto; margin-right:auto; padding:0px; padding-top:73px;}
.downloadCon .left {float:left; height:420px; border:0px; width:380px; background-color:#fff; margin:0px; padding-top:60px; overflow:hidden}
.downloadCon .right {float:left; height:505px; border:0px; width:500px; background-color:#fff; margin:0px;  padding-left:40px; overflow:hidden}
    .downloadCon .right h3 { font-size:22px; font-weight:bold; color:#444545; margin-top:80px}
    .downloadCon .contextP { font-size:12px; height:auto; width:400px; color:#7f7f7e; margin-top:7px; margin-bottom:7px; padding-bottom:15px; border-bottom:1px solid #dfdedc}
/*微博 微信*/



*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)); }*/



/*header start*/

.header{

    width:100%;

    position: fixed;

    left:0;

    top:0;

    text-align: center;

    z-index: 99;

    height:90px;

    background:url('../img/nav_bg01.png') repeat-x;

}

.header_bg{

    background: url('../img/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:3px;

}

.nav{ list-style:none; float:right; margin:0; padding:0; margin-top:1px; margin-right:18px; }

.nav li{ margin-left:12px; display:inline-block; *display:inline; zoom:1;}

.nav li a{ font-size:16px; color:#525352; text-decoration:none; font-weight:normal; display:block; width:70px; height:20px; overflow:hidden; margin-top:2px;}

.nav li a:hover,.nav li.current a{ color:#114676}

.web-box { width:991px; padding: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-title{height:99px; width:991px; display:block; overflow:hidden;}

.web-twoCols {

    width:421px;

    height:234px;

}



.web-twoCols span{

    font-size:20px;

    color:#393838;

   

}

.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(../img/top.png); cursor: pointer; opacity: 0;filter: alpha(opacity=0); zoom:1; margin-left: 560px; _display:none;}



.productH { height:67px; background-color:#154577; border-top:3px solid #e15a28; width:100%; margin-top:20px; overflow:hidden; margin-bottom:18px}
    .productH .title { color:#fff; font-size:24px; font-weight:bold; margin-left:16px; line-height:67px}
    .productH .subTitle { color:#fff; font-size:16px; font-weight:normal; margin-left:16px; line-height:70px}
/*首页瀑布流*/

.pudClassNav a{ color:#fff;  padding-left:8px}

.waterfall{position:relative; left:-7.5px; width:1002px; _width:1005px; margin-top:6px;}



.item-box{ behavior: url(/css/pie.htc);width:289px; padding:15px; color:#5C5C5C; margin-bottom: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('../img/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: #2f428a; 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%;}*/


.certificate {width:210px; margin:0 auto 20px; border-bottom:0px solid #cbcbcb; float:left;}
.certificate .cert-img{ position:relative; width:210px; height:280px; margin-left:20px; display:block; overflow:hidden; background-color:#fff; border:1px solid #EEE}
.certificate img {position:absolute; right:17px; top:17px;}
.cert-link {font-size:16px; width:100%; background-color:#ff0000; padding-left:63px; margin-left:33px; margin:15px 0; display:block; background: url(../img/download.jpg) 22px center no-repeat; text-decoration: none; height: 32px; color: #777777; font-size: 12px; }
.left-box { margin-bottom: 18px; margin-right:46px}


.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;}

.linkNav { width:100%; background-color:#154577; float:left; margin:0px; padding:0px; list-style-type:none; line-height:30px}
    .linkNav li { margin-right:24px; display:block; float:left; height:30px; text-indent:5px}
        .linkNav li a { font-size:16px; font-weight:bold; color:#fff; text-decoration:none}
        .linkNav li a:hover{ font-size:16px; font-weight:bold; color:#b9e6f1; text-decoration:none}
.itemsInfo {}
    .itemsInfo h4 {color:#184277; font-size:28px; font-weight:300; margin-top:30px; width:100%; text-indent:5px; padding-bottom:5px; border-bottom:1px solid #ddd;}
    .itemsInfo .line{ border-bottom:1px solid #ddd; border-top:0px; height:5px; overflow:hidden; width:100%; display:block; float:left}
.linkItmes { width:100%; float:left; margin:0px; padding-top:10px; list-style-type:none; line-height:30px}
    .linkItmes li{ width:50%; display:block; float:left; height:28px; line-height:28px; text-indent:5px; font-size:16px; color:#184277; font-weight:bold}


.news { width:100%;}
    .news ul{ margin:0px; padding:0px; list-style-type:none;}
    .news li{ margin:0px; padding:0px; height:225px; width:100%; overflow:hidden; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #DDD}
    .news .newLeft { width:210px; float:left; height:100%}
    .news .newRight { width:520px; float:left; height:100%; margin-left:15px}
    .news h4 {color:#184277; font-size:16px}
    .news p {}

.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:#dcdddb; line-height:45px; color:#fff; border-bottom:3px solid #86a5b9}

.footer-nav a {cursor:pointer; color:#7c7c7b; text-decoration:none;  margin-right:9px; margin-left:3px; font-size:14px; font-weight:bold}

.footer-nav a:hover{color:#444;}

.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:20px; background:url(../img/AdapterText.png) 120px 3px no-repeat}

.copyright span {vertical-align:top; }

.copyright .desc{color:#9f9f9d; height:18px; font-size:11px; margin-top:2px; text-align:right; line-height:16px}

/*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;}
.ci-bg1{ background:url('../img/case_a_01.png') no-repeat center center #6aade4; }
.ci-bg2{ background:url('../img/case_a_02.png') no-repeat center center #c6936f;}
.ci-bg3{ background:url('../img/case_a_03.png') no-repeat center center #7851d9;}
.ci-bg4{ background:url('../img/case_a_04.png') no-repeat center center #ff3a57;}
.ci-bg5{ background:url('../img/case_a_05.png') no-repeat center center #e471a2;}
.ci-bg6{ background:url('../img/case_a_06.png') no-repeat center center #5fcb92;}


.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;

}
.filtersaaa{
	margin-top:10px;height:67px;background:#ffffff url('../img/daohang.png') no-repeat ;margin-bottom:0;
}
.filtersaaa a{float:left;height:60px;}
.filtersaaa a.c_black{
	width:120px;
}
.filtersaaa a.c_pink{
	width:150px;
}
.filtersaaa a.c_green{
	width:140px;
}
.filtersaaa a.c_red{
	width:140px;
}
.filtersaaa a.c_coffee{
	width:140px;
}
.filtersaaa a.c_blue{
	width:125px;
}
.filtersaaa a.c_violet{
	width:162px;
}


/*.filtersaaa{

    padding:5px 1px;
	

}

.filtersaaa a{
    height:52px;
	
    color:#5A5A5A;
    display:block;
    float:left;
    font-size:11px;	
    padding:0 31px;
	padding-top:10px;
    cursor:pointer;
	background:#ffffff url('../img/line2.png') no-repeat ;
	text-align:center;
}
.filtersaaa a.c_gray{
    color:#ffffff;
	background-color:#d10f55;
}
.c_bode{font-size:16px;color:#000000;padding-left:5px;}
#c_teshu{
color:#777;
background:#ffffff ; ;margin-left:0;line-height:42px;
}*/
.filters{
    padding:25px 0;
	
}


.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;

}


.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
  margin-top:-26px
}
.carousel-inner > .prev {
  left: -100%;
  margin-top:-26px
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
  margin-top:-26px
}
.carousel-inner > .active.right {
  left: 100%;
  margin-top:-26px
}

.carousel-indicators {
  position: absolute;
  bottom: 5px;
  right:5px;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left:0px;
  text-align: right;
  list-style: none

}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #807f7f;
  background-color: #807f7f;
  border: 0px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #104678;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: -34px;
  }
}
