/* 优势*/
#youshi{background:#f1f1f1;padding-bottom:20px}
.youishi{width:1002px;margin:0 auto;overflow:hidden}
.title22{font-size: 38px;color: #666;text-align: center;line-height: 100px;}
.desc{color: #999;text-align: center;font-size: 16px;padding-bottom: 15px;}
#fea_spec{position: absolute;width: 312px;height: 109px;background: #F2044D;left: 318px;top: 0;z-index: -1;}
.Features a{overflow: hidden;display: block;width: 312px;height: 76px;margin: 10px 10px;_margin: 10px 5px;float: left;padding: 15px 0;position: relative;color:#666}
.Features .featuresEnd{width: 316px;}
.Features a:hover{color: white;background: #f3a11c;text-decoration:none}
.Features dl{display: block;}
.Features dt{width: 80px;height: 80px;float: left;margin: 5px 10px;_margin: 5px 5px;}
.Features h3{font-size: 11pt;line-height: 30px;}
.Features dd{font-size: 9pt;margin-right: 6px;_margin-right: 3px;line-height: 22px;}
.f1{background: url(../images/sprite.jpg) 0 -152px;}
.f2{background: url(../images/sprite.jpg) -66px -152px;}
.f3{background: url(../images/sprite.jpg) -132px -152px;}
.f4{background: url(../images/sprite.jpg) -198px -152px;}
.f5{background: url(../images/sprite.jpg) -264px -152px;}
.f6{background: url(../images/sprite.jpg) -330px -152px;}
#FocusBG{
width:100%;
height:400px;
}
.fullSlide {
width:100%;
position:relative;
height:400px;
background:#000;
}
.fullSlide .bd {
margin:0 auto;
position:relative;
z-index:0;
overflow:hidden;
}
.fullSlide .bd ul {
width:100% !important;
}
.fullSlide .bd li {
width:100% !important;
height:400px;
overflow:hidden;
text-align:center;
}
.fullSlide .bd li a {
display:block;
height:400px;
}
.fullSlide .hd {
width:100%;
position:absolute;
z-index:1;
bottom:0;
left:0;
height:30px;
line-height:30px;
}
.fullSlide .hd ul {
text-align:center;
}
.fullSlide .hd ul li {
cursor:pointer;
display:inline-block;
*display:inline;
zoom:1;
width:22px;
height:22px;
margin:5px;
overflow:hidden;
background:url("/images/HituxCMSBold/grey.png") no-repeat 2px 2px;
filter:alpha(opacity=50);
opacity:0.5;
line-height:999px;
}
.fullSlide .hd ul .on {
background:url("/images/HituxCMSBold/darkblue.png") no-repeat 2px 2px;
}
.fullSlide .prev,.fullSlide .next {
display:block;
position:absolute;
z-index:1;
top:50%;
margin-top:-30px;
left:15%;
z-index:1;
width:40px;
height:60px;
background:url(/images/HituxCMSBold/slider-arrow.png) -126px -137px #000 no-repeat;
cursor:pointer;
filter:alpha(opacity=50);
opacity:0.5;
display:none;
}
.fullSlide .next {
left:auto;
right:15%;
background-position:-6px -137px;
}
#body h1.tit-h1 { font-size:38px; text-align:center; margin:30px 0 15px; color:#f60;}
#body .go-back{ text-align:center; border-top:1px dashed #ccc; padding:10px; margin-top:20px; font-size:40px;}
#body .wrap{border:1px dashed #ccc; background:#f8f8f8; padding:20px;}
#body .tab{ }
#body .tab-hd {
overflow:hidden; zoom:1;}
#body .tab-hd li{ float:left; width:80px; color:#fff; text-align:center; cursor:pointer;height:40px;line-height:40px;}
#body .tab-hd li a{
font-size:16px;
color:#CCC;}
#body .tab-hd li.active{
font-weight:bold;
padding:0px;
margin:0px;
padding-left:20px;
font-size:16px;
text-align:left;}
#body .tab-hd li.active a{
color:#F3A11C;
padding:0px;
margin:0px;
padding-left:0;
line-height:30px;
background:none;}
#body .tab-bd li{display:none; padding:10px; border-top:0 none; }
#body .DivList{
font-size:12px;
padding:0px;}
#body .DivList .DivLi{
padding:0px 10px 0px 0px;
}
#body .DivList .DivLi a{
line-height:25px;
padding:0px;
height:25px;
overflow:hidden;}
#body .DivList .DivLi span{
color:#0170d9;
padding-right:20px;
font-size:11px;
width:80px;
}
.PicBlock{
padding:0px 0px 14px 14px;}
.PicBlock .CasePicBlock {
float:left;
width:125px;
height:118px;
overflow:hidden;
padding:0px;
margin:0px;}
.PicBlock .CasePicBlock .BlockPic{
width:104px;
height:79px;
overflow:hidden;}
.PicBlock .CasePicBlock .BlockPic img{
width:100px;
height:75px;
padding:1px;
border:1px solid #dededc;
overflow:Hidden;}
.PicBlock .CasePicBlock img:Hover{
border:1px solid #00a0b2;}
.PicBlock .CasePicBlock .BlockTitle{
text-align:center;
width:104px;
height:36px;
overflow:hidden;
line-height:18px;
background-color:#f5f5f5;}
/* main block*/
#body .MainBlockBG{
background:#f2f2f2 url("/images/HituxCMSBold/main_bg1.jpg") repeat-x 0px top;
width:100%;
padding:20px 0px;}
#body .MainBlock{
margin: auto;
font-size: 12px;
background: #F9F9F9;
}
#body .MainBlock .BlockInner{
background-color:#FFF;
border:1px solid #e5e5e5;
height: 310px;}
#body .left{
float:left;
width:558px;
height:338px;
overflow:hidden;
}
#body .right2{
float:right;
width:256px;
height:265px;
overflow:hidden;
font-size:12px;
}
#body .right{
width:500px;
float:left;
height:265px;
}
#body .topic{
height:40px;
}
#body .MainBlock .right .topic{
}
#body .topic .TopicTitle{
float: left;
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
color: #0170d9;
height: 40px;
font-weight: bold;
line-height: 40px;
border: 1px solid #BBBBBB;
margin-left: 30px;
}
#body .topic .TopicTitle p{
font-size:9px;
text-transform:uppercase;
font-weight:normal;
color:#999;
line-height:150%;}
#body .right2 .topic,#body .left .topic{
height:45px;
}
#body .right2 .topic .TopicTitle,#body .left .topic .TopicTitle{
padding-left:15px;
}
#body .TopicTitle a{
color:#F3A11C;
text-decoration:none;}
#body .topic .TopicMore{
float:right;
font-size:12px;
padding-right:10px;
padding-top:9px;}
#body .topic .TopicMore img{
}
#body .MBlockTable td{
line-height:25px;
font-size:12px;
}
#body .left .MBlockTable .ListTitle{
background:url("/images/title_icon1.jpg") no-repeat 15px 10px;
padding-left:30px;
}
#body .MBlockTable td{
text-align: left;
padding-left: 18px;
width: 70%;}
#body .MBlockTable span{
color:#9a9a9a;
padding-left:10px;
font-size:11px;}
#body .Block2 .right{
height:210px;
}
#body .Block2 .right2{
height:210px;
width:787px;
}
#body .MainBlock .left .img{
padding:0px 10px 10px 10px;
width:210px;
float:left;}
#body .MainBlock .right h1{
font-size:14px;
text-align:center;}
#body .MainBlock .left .txt{
float:right;
width:260px;
padding:0px 10px 10px 0px;
color:#6c6c6c;}
#body .MainBlock .left .txt p{
line-height:200%;}
#body .MainBlock .right2 .img{
padding:0px 10px 0px 10px;
width:233px;}
#body .MainBlock .right2 h1{
font-size:14px;
text-align:center;}
#body .MainBlock .right2 .txt{
float:left;
padding:9px 10px 14px 10px;
color:#6c6c6c;}
#body .MainBlock3{
width:1080px;
margin:auto;}
#body .MainBlock3 .right{
border:none;}
#body .MainBlock3 .left{
width:1080px;
border:none;}
#body .MainBlock3 .right2{
}
#body .blk_29 { PADDING:20px 0px; OVERFLOW: hidden; ZOOM: 1; POSITION: relative;}
#body .blk_29 .LeftBotton { LEFT: 10px; FLOAT: left; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 80px; HEIGHT: 114px}
#body .blk_29 .RightBotton { RIGHT: 5px; FLOAT: right;right:7px; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 80px; HEIGHT: 114px}
#body .blk_29 .Cont { MARGIN: 0px auto; OVERFLOW: hidden; PADDING:5px 0 0 0px;float:left;height:130px;width:1080px;POSITION: relative;left:0px;}
#body .blk_29 .box { FLOAT: left; WIDTH: 270px;
height:120px;
background:url("/images/HituxCMSBold/item_bg.jpg") no-repeat center bottom;
}
#body .blk_29 .box IMG { BORDER: #F5F5F5 1px solid; PADDING: 1px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:80px;height:80px;}
#body .blk_29 .box A:hover IMG { BORDER: #333 1px solid;text-decoration:none;}
#body .blk_29 .box .BoxLeft{
width:115px;
float:left;}
#body .blk_29 .box .BoxRight{
width:135px;
float:left;}
#body .blk_29 .box .BoxRight .ProTitle{
line-height:30px;
font-size:16px;}
#body .blk_29 .box .BoxRight .ProTxt{
color:#666}
#body .blk_29 .box .BoxRight .ProMore a{
color:#F30;
font-weight:bold;}
#body .MainBlock .right2 #demo {
background: #FFF;
overflow:hidden;
width: 230px;
height:240px;
margin:auto;
}
#body .MainBlock .right2 #indemo {
float: left;
height: 800%;
}
#body .MainBlock .right2 #demo1 {
float: left;
}
#body .MainBlock .right2 #demo2 {
float: left;
}
#body .ProductShow {
BORDER: #dddddd 1px solid;
WIDTH: 1078px;
font-size:12px;
}
#body .Solutions{
}
#body .Solutions .SolutionsInner{
}
#body .Solutions #Solutionsdemo {
background: #FFF;
overflow:hidden;
width: 1058px;
}
#body .Solutions #Solutionsindemo {
float: left;
width: 800%;
}
#body .Solutions #Solutionsdemo1 {
float: left;
padding:20px 10px;
}
#body .Solutions #Solutionsdemo1 img{
margin:0px 10px;
width:166px;
height:166px;
border:1px solid #DEDEDC;}
#body .Solutions #Solutionsdemo2 {
float: left;
padding:20px 10px;}
#body .Solutions #Solutionsdemo2 img{
width:166px;
height:166px;
margin:0px 10px;
border:1px solid #DEDEDC;}
#body #Links {
background-color:#FFFFFF;
padding:20px 15px;
line-height:25px;
width:1046px;
margin:auto;
font-size:12px;
border:1px solid #e5e5e5;
box-shadow: 0px 0px 13px #dddddd;
margin-bottom: 10px;
margin-top:20px;}
#body #Links span{
font-weight:bold;
color:#F3A11C;
font-size:12px;}
#body #Links a{
padding:0px 2px;}
/*CommonBlock*/
#body .CommonBlock{
width:1080px;
margin:auto;
margin-top: 40px;
}
#body .CommonBlock .CommonCross{
width:978px;
border-left:1px solid #dedede;
border-right:1px solid #dedede;
border-bottom:1px solid #dedede;
background-color:#FFFFFF;
}
#body .CommonBlock .CommonLeft{
width:675px;
float:left;
border:1px solid #eaeaea;
background-color:#FFFFFF;
}
#body .CommonBlock .CommonLeftRow{
width:344px;
float:left;
border:1px solid #eaeaea;
background-color:#FFFFFF;}
#body .CommonBlock .CommonLeftRowLeft{
width:345px;}
#body .CommonBlock .CommonCenter{
width:288px;
float:right;
border:1px solid #eaeaea;
background-color:#FFFFFF;
}
#body .CommonBlock .CommonRight{
width:351px;
float:left;
border-right: 1px dashed #CCC;
background-color:#FFFFFF;
font-size:12px;
}
#body .CommonBlock .CommonRight2{
width:797px;
float:right;
border:1px solid #eaeaea;
height:255px;
overflow:hidden;
background-color:#FFFFFF;}
#body .CommonBlock .CommonCenter .BlockBox,#body .CommonBlock .CommonRight .BlockBox{
height:350px;
overflow:hidden;}
#body .CommonBlock .CommonBlock2 .CommonRight .BlockBox{
height:300px;
overflow:hidden;}
#body .CommonBlock .BlockBox .ContentTxt{
padding:10px 14px;
line-height:26px;
font-size:12px;
color:#333333;}
#body .CommonBlock .UList{
font-size:12px;
padding:10px;
}
#body .CommonBlock .UList li{
line-height:28px;}
#body .CommonBlock .UList li span{
font-size:11px;
color:#bc0303;
padding-right:10px;}
#body .CommonBlock .LeftImg{
padding:20px 10px 20px 10px;
float:left;
width:204px;
font-size:12px;
text-align:center;}
#body .CommonBlock .LeftImg p{
height:20px;
line-height:20px;
background:#bc0303;}
#body .CommonBlock .LeftImg p a{
color:#FFFFFF;
font-weight:bold;}
#body .CommonBlock .RightTxt{
padding:10px 10px 10px 0px;
float:right;
width:206px;
font-size:12px;
line-height:28px;}
#body .CommonBlock .RightTxt .UList{
padding:0px;}
#body .CommonBlock .DivList{
font-size:12px;
padding:0px;}
#body .CommonBlock .DivList .DivLi{
padding:0px 10px 0px 0px;
}
#body .CommonBlock .DivList .DivLi .DivLeft{
float:left;
padding:10px;
width:80px;
height:70px;}
#body .CommonBlock .DivList .DivLi .DivLeft img{
width:80px;
height:70px;}
#body .CommonBlock .DivList .DivLi .DivRight{
float:right;
padding:10px;
width:130px;
height:60px;}
#body .CommonBlock .DivList .DivLi .DivRight p{
line-height:180%;}
#body .CommonBlock .DivList .DivLi a{
line-height:29px;
padding:0px;
height:29px;
overflow:hidden;
font-size:14px;}
#body .CommonBlock .DivList .DivLi .Time{
color:#006dd4;
font-size:11px;
}
#body .CommonBlock .DivList .DivLi .Des{
color:#666;}
#body .CommonBlock .CommonRight .DivList .DivLi a{
line-height:28px;
height:28px;}
.main-im{position:fixed;right:10px;top:155px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(/css/default/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(/css/default/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(/css/default/open_im.png) no-repeat left top;}