@import url("global.css");
@import url("common.css");
.wrapper{height:276px;width:1002px; position:relative; margin:0 auto;margin-top:10px;}

.content-top{position:absolute;left:0; width:1001px;}
.content-top .top{height:51px;background:url(../images/case.png) no-repeat 0 0 ;padding-left: 548px;}
.content-top .en{height:51px;background:url(../images/case_en.png) no-repeat 0 0 ;padding-left: 548px;}
.content-top .top .title{ height:51px;background:url(../images/about.png) no-repeat top right}
.content-top .top .title a.more{background:url(../images/more.gif) no-repeat;margin:24px 21px 0px 0px; float:right; text-indent:-999em;width:62px; height:18px;}
.content-top .en .title a.more{background:url(../images/more_en.gif) no-repeat;margin:24px 21px 0px 0px; float:right; text-indent:-999em;width:62px; height:18px;}
.content-top .content-body{border-left:1px solid #ececec;border-right:1px solid #ececec; padding:0 19px;}
.content-top .content-body .cont{margin-bottom:5px; height:198px;_height:185px;padding-top:10px;line-height:22px;}
.content-top .content-body .cont img{margin-right:8px; margin-bottom:5px;}
.content-top .content-body .about{ /*float:right;*/ text-indent:2em;padding-top:10px; line-height:22px;padding-bottom:5px;}
.content-top .content-body .img{float:left; padding-right:10px}
.content-top .content-body .hr{border:1px dashed #dcdcdc;height:1px; overflow:hidden;}
.content-top .content-body .list{padding-top:12px;}
.content-top .content-body .vertical {overflow:hidden;position:relative;zoom:1;} 
.content-top .content-body .vertical li{border-top:1px dashed #CEE1EE;padding:10px 0;position:relative;top:-1px; height:78px; line-height:22px;}
.content-top .bottom{background:url(../images/service.png) no-repeat left bottom; height:20px;padding-left:20px}
.content-top .bottom .bottom-right{background:url(../images/service.png) no-repeat right bottom; height:20px;}

.content-left{width:500px; position:absolute;left:0;}
.content-left .top{ height:51px;background:url(../images/service.png) no-repeat 0 0 ;padding-left: 148px;}
.content-left .en{ height:51px;background:url(../images/service_en.png) no-repeat 0 0 ;padding-left: 148px;}
.content-left .top .title{ height:51px;background:url(../images/service.png) no-repeat top right}
.content-left .top .title h1{text-indent:-99999em;height:51px}
.content-left .content-body{border-left:1px solid #ececec;border-right:1px solid #ececec;padding:0 19px;}
.content-left .content-body ul.clearfix{height:205px;padding-top:5px;background-color:#c7faa6;position:relative;}
.content-left .content-body ul.clearfix li{ padding-left:5px; line-height:24px; border-bottom:1px solid #a7ef78;position:relative;}
.content-left .content-body ul.clearfix li .sub{position:absolute; top:0;left:115px;width:200px;z-index:9999;zoom:1; display:none; background:#000; box-shadow: 2px 2px 3px;border-radius: 2px;filter:alpha(opacity=60); opacity:.6;}
.content-left .content-body ul.clearfix li .sub ul li{line-height:25px;background:none;padding:0;border:none; padding-left:5px;}
.content-left .content-body ul.clearfix li .sub ul li a{color:#ff0;display:block}
.content-left .content-body .cont{margin-bottom:5px; height:198px;_height:185px; padding-top:10px;line-height:22px;}
.content-left .content-body .cont img{margin-right:8px; margin-bottom:5px;}
.content-left .bottom{background:url(../images/service.png) no-repeat left bottom; height:20px;padding-left:20px}
.content-left .bottom .bottom-right{background:url(../images/service.png) no-repeat right bottom; height:20px;}

.content-middle{position:absolute;left:500px; width:501px;}
.content-middle .top{height:51px;background:url(../images/about.png) no-repeat 0 0 ;padding-left: 168px;}
.content-middle .en{height:51px;background:url(../images/about_en.png) no-repeat 0 0 ;padding-left: 168px;}
.content-middle .top .title{ height:51px;background:url(../images/about.png) no-repeat top right}
.content-middle .top .title a.more{background:url(../images/more.gif) no-repeat;margin:24px 21px 0px 0px; float:right; text-indent:-999em;width:62px; height:18px;}
.content-middle .en .title a.more{background:url(../images/more_en.gif) no-repeat;}

.content-middle .content-body{border-left:1px solid #ececec;border-right:1px solid #ececec; padding:0 19px;}
.content-middle .content-body .cont{margin-bottom:5px; height:198px;_height:185px; padding-top:10px;line-height:22px;}
.content-middle .content-body .cont img{margin-right:8px; margin-bottom:5px;}
.content-middle .content-body .about{margin-left:10px; float:right; text-indent:2em;width:280px;margin-top:10px; line-height:22px}
.content-middle .content-body .img{float:left;margin-top:10px;}
.content-middle .content-body .hr{border:1px dashed #dcdcdc;height:1px; overflow:hidden;}
.content-middle .content-body .list{padding-top:12px;}
.content-middle .content-body ul li {background:url(../images/arrow.gif) no-repeat 9px; height:25px; line-height:25px;padding-left:25px;}
.content-middle .content-body ul li span{float:right;}
.content-middle .bottom{background:url(../images/service.png) no-repeat left bottom; height:20px;padding-left:20px}
.content-middle .bottom .bottom-right{background:url(../images/service.png) no-repeat right bottom; height:20px;}

.content-right{position:absolute;right:0; width:235px;}
.content-right .top{height:51px;background:url(../images/case.png) no-repeat 0 0 ;padding-left: 148px;}
.content-right .en{height:51px;background:url(../images/case_en.png) no-repeat 0 0 ;padding-left: 148px;}
.content-right .top .title{ height:51px;background:url(../images/about.png) no-repeat top right}
.content-right .top .title a.more{background:url(../images/more.gif) no-repeat;margin:24px 21px 0px 0px; float:right; text-indent:-999em;width:62px; height:18px;}
.content-right .en .title a.more{background:url(../images/more_en.gif) no-repeat;margin:24px 21px 0px 0px; float:right; text-indent:-999em;width:62px; height:18px;}
.content-right .content-body{border-left:1px solid #ececec;border-right:1px solid #ececec; padding:0 19px;}
.content-right .content-body .cont{margin-bottom:5px; height:198px;_height:185px;padding-top:10px;line-height:22px;}
.content-right .content-body .cont img{margin-right:8px; margin-bottom:5px;}
.content-right .content-body .about{ /*float:right;*/ text-indent:2em;padding-top:10px; line-height:22px;padding-bottom:5px;}
.content-right .content-body .img{float:left; padding-right:10px}
.content-right .content-body .hr{border:1px dashed #dcdcdc;height:1px; overflow:hidden;}
.content-right .content-body .list{padding-top:12px;}
.content-right .content-body .vertical {overflow:hidden;position:relative;zoom:1;} 
.content-right .content-body .vertical li{border-top:1px dashed #CEE1EE;padding:10px 0;position:relative;top:-1px; height:78px; line-height:22px;}
.content-right .bottom{background:url(../images/service.png) no-repeat left bottom; height:20px;padding-left:20px}
.content-right .bottom .bottom-right{background:url(../images/service.png) no-repeat right bottom; height:20px;}

.product{margin-top:20px;}
.product .top{ height:51px;background:url(../images/products.png) no-repeat 0 0 ;padding-left: 648px;}
.product .en{ height:51px;background:url(../images/products_en.png) no-repeat 0 0 ;padding-left: 648px;}
.product .top .title{ height:51px;background:url(../images/service.png) no-repeat top right}
.product .top .title a.more{background:url(../images/more.gif) no-repeat;margin:24px 21px 0px 0px; float:right; text-indent:-999em;width:62px; height:18px;}
.product .en .title a.more{background:url(../images/more_en.gif) no-repeat;margin:24px 21px 0px 0px; float:right; text-indent:-999em;width:62px; height:18px;}
.product .product-body{border-left:1px solid #ececec;border-right:1px solid #ececec;padding:0 19px;padding-top:5px;}
.product .product-body ul{padding-top:10px;}
.product .product-body ul li{ line-height:28px; width:160px; height:168px; float:left;}
.product .product-body ul li a{display:block;}
.product .product-body ul li img{width:154px; height:125px; border:0;}
.product .product-body ul li span{display:block;overflow:hidden; height:56px;text-align:center;font-size:12px;}
.product .bottom{background:url(../images/service.png) no-repeat left bottom; height:20px;padding-left:20px}
.product .bottom .bottom-right{background:url(../images/service.png) no-repeat right bottom; height:20px;}

#demo{background: white;overflow: hidden;width: 960px;height: 141px;margin: 0 auto;}
#indemo {width: 800%; height:141px ;overflow:hidden; float:left;}
#demo1 {float: left;height:141px}
#demo2 {float: left;height:141px}


/*---------------loading--------------------*/
.loading{
margin:0px;
padding:0px;
border:none;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bg_x.jpg) center top repeat-x;
}
.loading .flash_bg{width:100%; height:100%; margin-left:auto; margin-right:auto;background:url(../images/flash_bg.jpg) center top no-repeat;}
.loading .flash_bg .flash{ width:700px; height:500px; margin-left:auto; margin-right:auto; }
.loading .flash_bg .flash .button{ width:69px; height:44px; background:url(../images/loading.gif) no-repeat 0 0; margin-left:auto; margin-right:auto; padding-left:14px; }
.loading .flash_bg .flash  .button a{ font-size:12px;line-height:22px; color:#FFFFFF;}


/*---------flashbottom--------*/
.tsl_bottom1{ margin:0 auto; width:auto; height:348px; margin-top:22px;}
.tsl_bottom1 .buildingf{ width:100%; height:293px; margin-left:auto; margin-right:auto;  background:transparent url(../images/bottom_flashbg02.jpg) no-repeat center 0; }
.tsl_bottom1 .buildingf .ipad{ width:1000px; height:293px; margin-left:auto; margin-right:auto;  background:transparent url(../images/bottom_flashbg02.jpg) no-repeat center 0; }
.tsl_bottom1 .bottom1{ width:auto; height:47px; background:transparent url(../images/bottom_bg.gif) repeat-x 0 0;}
.tsl_bottom1 .bottom1 .con{ width:1000px; height:47px; margin-left:auto; margin-right:auto;background:transparent url(../images/bottom_bg.gif) repeat-x 0 0;}

.tsl_bottom1 .bottom1 .one{
width:380px;
height:47px;
line-height:47px;
color:#3f3f3f;
font-size:12px;
text-align:left;
float:left;

}






.tsl_bottom1 .bottom1 .con .liuliang{ float:left; width:20px; height:20px; margin-top:14px;margin-right:260px;}
.tsl_bottom1 .bottom1 .con .text{
width:260px;
height:47px;
_height:47px;
line-height:47px;
color:#3f3f3f;
font-size:12px;
text-align:middle;
float:middle;

}


.tsl_bottom1 .bottom1 .con .jiathis_style{ float:right;  width:60px; margin-top:14px;}