body
{

font-family:"Î¢ÈíÑÅºÚ";
word-break:break-all;
color:#444;
}

td {  font-size: 13px}
div {  font-size: 12px}
a:link {  color: #242424; text-decoration: none}
a:visited {  color: #242424; text-decoration: none}
a:hover {  color: #cc0000; text-decoration: none}
.ss a:link {  color: #ffffff; text-decoration: none}
.ss a:visited {  color: #ffffff; text-decoration: none}
.ss a:hover {  color: #cc0000; text-decoration: none}
.ss:hover 
{
background-image:url(../../img/tdbg.jpg);
}
.input1 {  border-color: #cccccc #cccccc #cccccc #cccccc; 
border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.input2 {  border-color: #666666 #666666 #666666 #666666; 
border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.button1 {  border-color: #FFFFFF #000000 #000000 #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.images1 {  border: #cccccc; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
#outer {width:450px;margin:150px auto;background-color:#ffffff;width:1030px;margin:0 auto;margin-top:10px;border:0px solid #CECECE;}
#tab {overflow:hidden;zoom:1;margin-left:5px;margin-top:3px;}
#tab li {float:left;color:#000;height:27px;text-align:center;cursor:pointer;	line-height:27px;padding:0px;width:122px; margin-right:5px;background-image:url("../../img99/s1.jpg");}
#tab li.current {color:#fff;background-image:url("../../img99/s2.jpg");}
#content1 {}
#content1 ul {line-height:25px;display:none;	margin:0 30px;padding:10px 0;}
.abc li a{padding-left:20px;}
.abc li a:hover{background-color:#fff;display:block;}  
.aaa1 tr:hover{background-color:#f5f5f5;}

.div1{color: #fff;background-color:#f5f5f5;width:217px;padding-left:15px;padding-right:15px;height:28px;line-height:28px;border-top-right-radius: 3px;border-top-left-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.div2{border-color: #E1E1E1;width:217px;border-bottom: 1px solid #E1E1E1;padding-left:15px;padding-right:15px;height:28px;line-height:28px;}
.div2:hover{color: #fff;background-color:#f5f5f5;width:88px;padding-left:15px;padding-right:15px;height:28px;line-height:28px;border-top-right-radius: 3px;border-top-left-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.div3{color: #fff; text-align:center;background-color:#FF4900;width:100px;padding-left:15px; font-size:14px;padding-right:15px;height:30px;line-height:30px;border-top-right-radius: 3px;border-top-left-radius: 3px;margin-right:5px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;float:left;}
.div3 a{color:#fff;}
.div4{ background-color:#808080;text-align:center;width:100px;border-bottom: 1px solid #E1E1E1;padding-left:15px;padding-right:15px;height:30px;line-height:30px;float:left; margin-right:5px;border-top-right-radius: 3px;border-top-left-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px; margin-bottom:5px;}
.div4 a{color:#FFFFFF;}
.div4:hover{background-color:#FF4900;width:100px;padding-left:15px;padding-right:15px;height:30px;line-height:30px;border-top-right-radius: 3px;border-top-left-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.div4:hover a{color:#fff;}


 .top {   
    height: 71px;
    padding-top: 0;
    text-align: left;
    vertical-align: middle;
    padding-top: 0px;
    width: 1400px;
    margin: 0 auto;
}
.divq {
    float: right;
    margin-top: 75px;
    width: 1080px;
}
.menu{width:1000px; margin:0 auto;float:left;height:37px;margin-top:0px;}
.menuUl{float:right; height:37px; margin:0 auto; padding-left:0px;margin-top: 0px;}
.menuUl ul{ margin:0; padding:0; list-style:none;}

.menuUl ul li{ float:left; width:105px; margin-left: 0px; text-align:center; height:29px; line-height:29px;transition: 250ms ease-in; border-right:0px solid #4EC2D0;border-radius: 20px;margin-right: 15px;}
.menuUl ul li a{ color:#333; font-size:14px;text-decoration:none;letter-spacing: 0.5px;}
.menuUl ul li.current{background-color:#373F4D; width:105px;height:29px;transition: 250ms ease-in;border-radius: 20px;margin-right: 15px;}
.menuUl ul li.current a{color:#fff;}
#float{position:absolute;top:0;background-color:#fff; width:100%;} #box{position:absolute; z-index:10000; background-color:#35B1C7; width:100%;}
.LogoImage{width:100%;margin:0 auto;padding-top:111px;}
.index{border-left:0px solid #4EC2D0; height:71px;}
.kk1{padding: 15px;line-height:30px; font-size:12px;}
.kk1 td{padding-left:20px;padding-right:20px;line-height:30px;}
.img1{border:1px solid #ccc;margin:10px;transition: all 0.6s;}
.img1:hover{transform: scale(1.1); }
.q1{margin: 0 auto; width: 325px;margin-top:60px;}
.q2{height:2px;width:41px;background-color:#000;float:left;margin-top: 22px;}
.q3{float: left;font-size: 30px;color:#000;    margin-left: 30px;
    margin-right: 30px; font-family: Î¢ÈíÑÅºÚ;
    font-weight: bold;}
.q4{height:2px;width:41px;background-color:#000;float:left;margin-top: 22px;}
.us1{margin-top: 66px;
    float: left;}
.us1 li{width:50%;float:left;}
.us2{background-image: URL(../../img/us.jpg);width:100%;height:474px;
background-position: center;
background-repeat: no-repeat;
/*background-attachment: fixed;*/}
.us3 {background-color:#FF5500;width:100%;height:474px;color: #fff;
}
.us4 {background-color:#373633;width:100%;height:468px;color: #fff;float:left;margin-top:54px;margin-bottom: 21px;
}
.us5{margin-bottom: 44px;width: 242px;padding-top: 13px;padding-left: 100px;height: 57px;border:1px solid #000;float:left;font-size: 31px;color: #1E1E1E;text-align: left; margin-top: 40px;}
.us6{    width: 205px;
    margin-left: 0px;
    padding-top: 30px;
    height: 50px;
    padding-left: 60px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-align: left;}
.us7{padding-left: 60px;min-width: 445px; padding-right: 60px; line-height: 32px; padding-top: 20px;font-size: 14px;}
.us8{width:120px;height:2px;background-color:#FFf;float:left;margin-top:4px;}
.us9{max-width:1576px;margin:0 auto;}
.us11{
      font-size: 31px;text-align: left; margin-top:80px;margin-bottom:20px;}
 .feedinput {
    border: 1px solid #ccc;
    height: 32px;
    line-height: 32px;
    float: left;
    padding-left: 13px;
    width: 680px;
    font-family: Microsoft YaHei;
    color: #ccc;
    border-radius: 4px;
}
.aann{    background-color: #333333;
    cursor: pointer;
    color: #fff;
    border-style: None;
    height: 22px;
    width: 150px;
    float: right;
    margin-top: 20px;
    height: 50px;
    font-size: 16px;
    text-transform: uppercase;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: futura-pt-condensed,Microsoft YaHei;}
	
.suspend{width:33px;height:198px;position:fixed;bottom:200px;right:0;overflow:hidden;z-index:9999;}
.suspend dl{width:106px;height:198px;border-radius:25px 0 0 25px;padding-left:33px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:33px;height:198px;background:url(../../qq/images/suspend.png);position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:106px;height:85px;background:#ffffff;}
.suspend dl dd.suspendQQ a{width:106px;height:85px;display:block;background:url(../../qq/images/suspend.png) -33px 0;overflow:hidden;}
.suspend dl dd.suspendTel{width:106px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend dl dd.suspendTel a{width:106px;height:112px;display:block;background:url(../../qq/images/suspend.png) -40px -86px;overflow:hidden;}
* html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))}
.suspend1{width:33px;height:198px;position:fixed;bottom:200px;right:0;overflow:hidden;z-index:9999;}
.suspend1 dl{width:106px;height:198px;border-radius:25px 0 0 25px;padding-left:33px;box-shadow:0 0 5px #e4e8ec;}
.suspend1 dl dt{width:33px;height:198px;background:url(../../qq/images/suspend1.png);position:absolute;top:0;left:0;cursor:pointer;}
.suspend1 dl dd.suspendQQ{width:106px;height:85px;background:#ffffff;}
.suspend1 dl dd.suspendQQ a{width:106px;height:85px;display:block;background:url(../../qq/images/suspend1.png) -33px 0;overflow:hidden;}
.suspend1 dl dd.suspendTel{width:106px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend1 dl dd.suspendTel a{width:106px;height:112px;display:block;background:url(../../qq/images/suspend1.png) -40px -86px;overflow:hidden;}
* html .suspend1{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))}
.box{
margin:0 auto;
width:100%;max-width:1632px;
}
.box h3{
    text-align: center;
    line-height: 50px;
}
.box ul li{
    float: left;
    width: 24%;
   padding-right:0px;    padding-top: 10px;
    padding-bottom: 10px;
    list-style: none;
    position: relative;
    overflow: hidden;
}

.ln1{font-size: 18px; font-weight:bold; text-align:center; width:500px; margin:0 auto;}
.ln2{width:500px; margin:0 auto; text-align:center; margin-top:10px; margin-bottom:20px;}
.ln3{width:1200px; margin:0 auto;font-size: 15px;line-height: 2.5;}
.ln4{width:1200px; margin:0 auto; background-color:#EDEFF1; height:250px; margin-top:45px;}
.ln5{width:450px; float:left;}
.ln6{width:360px; float:left;font-size: 14px;line-height: 1.5; margin-left:73px; margin-top:65px;}
.ln7{width:1200px; margin:0 auto; background-color:#EDEFF1; height:250px; margin-top:45px;}
.ln8{width:360px; float:left;font-size: 14px;line-height: 1.5;margin-right:73px; margin-left:311px; margin-top:65px; text-align:right;}
.ln9{font-size: 18px; font-weight:bold;line-height:2.8;}
.cu1{    text-align: center;width: 1200px;
    margin: 0 auto;}
.box9 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.cu1 .ul1{margin: 70px 0;width: 1600px;position: relative;left: -200px;}

.cu1 .ul1 li{width: 397px;float: left;overflow: hidden;position: relative;margin-right: 4px;margin-bottom: 4px;} 

.cu1 .ul1 li:nth-child(4){margin-right: 0;}

.cu1 .ul1 li>img{display: block;width: 100%;}

.cu1 .ul1 li div{-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}

.cu1 .ul1 li .lbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../../img/blck2.png);}

.cu1 .ul1 li .lbox img{display: block;width: 94px;margin: 150px auto 0;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}

.cu1 .ul1 li .lbox  div{color: #fff;}

.cu1 .ul1 li .lbox  .ltt{margin: 50px 0 20px;line-height: 1;}

.cu1 .ul1 li .lbox .ltc2{width: 240px;margin: 20px auto 0;text-align: justify;line-height: 1.8;opacity: 0; font-size:14px;}


.cu1 .ul1 li:hover .lbox img,.cu1 .ul1 li.act .lbox img{margin-top: 70px;}

.cu1 .ul1 li:hover .lbox .ltc2,.cu1 .ul1 li.act .lbox .ltc2{opacity: 1;}
.f_18 {
    font-size: 18px;
}
.f_24 {
    font-size: 24px;
}
.clearfix:after {content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }
.logo121{    width: 533px;
    height: 178px;
   background-image: url(../../img/lan.png);
    color: #fff;
    margin: 0 auto;
    line-height: 44px;
    font-size: 13px;
    padding: 40px;
    margin-top: 280px;}
.logo12{background-image: url(../../img/tt5.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;    float: left;
    width: 100%;
    height: 737px;    margin-top: 50px;}
.logo13{background-image: url(../../img/tt6.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;height: 474px;  float: left; width: 100%; margin-top: 50px;}
.endbg889{float: left;margin-top: 60px;background-color:#373F4D;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.works{margin:0 auto;}
.works img{transition: 150ms ease-out;}
.works img:hover{transform: scale(1.1) !important;transition: 250ms ease-in;}

.LogoImageus{
    background-image: url(../../img/workshop.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
    height: 652px;
    margin-top: 83px;
}

.LogoImagecon{
    background-image: url(../../img/contact1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
    height: 652px;
    margin-top: 83px;
}
.LogoImagepro{
    background-image: url(../../img/proudat.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
    height: 652px;
    margin-top: 83px;
}
.LogoImageserver{
    background-image: url(../../img/server.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
    height: 652px;
    margin-top: 83px;
}
.LogoImagew{
    background-image: url(../../img/workshop.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
    height: 652px;
    margin-top: 83px;
}

.LogoImagesale{
    background-image: url(../../img/salenet.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
    height: 652px;
    margin-top: 83px;
}
.LogoImagenew{
    background-image: url(../../img/news.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
    height: 652px;
    margin-top: 83px;
}
