body
{

font-family:"微软雅黑";
word-break:break-all;
color:#444;
}

td {  font-size: 16px}
div {  font-size: 16px}
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: 95px;
    width: 1080px;
}
.menu{width:1000px; margin:0 auto;float:left;height:41px;margin-top:0px;}
.menuUl{float:right; height:40px; margin:0 auto; padding-left:0px;margin-top: 0px;    BACKGROUND-COLOR: #fff;}
.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;margin-right: 15px;}
.menuUl ul li a{ color:#666; text-decoration:none;letter-spacing: 0.5px;}
.menuUl ul li.current{ width:105px;height:29px;transition: 250ms ease-in;margin-right: 15px; background-color:#113B77;}
.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:116px;}
.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:0px solid #ccc;margin:10px;transition: all 0.6s; margin-bottom:25px;}
.img1:hover{transform: scale(1.1); }
.q1{margin: 0 auto; width: 100%;margin-top:60px; text-align:center;}
.q2{height:2px;width:41px;background-color:#000;float:left;margin-top: 22px;}
.q3{font-size: 36px;color:#727272;    letter-spacing: 2px;}
.q4{height:2px;width:41px;background-color:#000;float:left;margin-top: 22px;}
.us1{margin-top: 66px;
    float: left;width:100%; margin-bottom:40px;}
.us1 li{width:50%;float:left;}
.us2{background-image: URL(../../img/us.jpg);width:100%;height:506px;
background-position: center;
background-repeat: no-repeat;
/*background-attachment: fixed;*/}
.us21{background-image: URL(../../img/us8.jpg);width:100%;height:640px;
background-position: center;
background-repeat: no-repeat;
/*background-attachment: fixed;*/}
.us3 {background-color:#fff;width:100%;height:506px;color: #727272;
}
.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: 40px;
    letter-spacing: -2px;
    font-weight: bold;
    color: #fff;
    text-align: left;}
.us7{min-width: 445px; padding-right: 60px; line-height: 22px; padding-top: 0px;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:1574px;
}
.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;
}
.box ul li img{
width:100%;max-width:394px; border:0px solid #efefef; }
.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-color: #E15612;
    color: #fff;
    margin: 0 auto;
    line-height: 24px;
    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:#1f1f1f;}
.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/aboutus.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;
}
.scroll-outer{    height: 421px;
    margin-top: -96px;
    position: absolute;
    right: 0;
    left: 0;}
#scroll{width:1300px;margin:0 auto;padding-top:30px;font-family:"Microsoft Yahei";}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width:576px;height:349px;margin:0 auto;background-color:#fff;overflow:hidden;}
#scroll .shd{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);}
#scroll .shd a{display:block;width:600px;height:362px;*background-image:url(about:blank);background-image:url(about:blank)\0;}
#scroll .txt{position:absolute;left:0;bottom:0;width:226px;height:100px;padding:0 12px;color:#888;box-shadow:0 0 15px 15px rgba(228, 233, 238, 0.95);background-color:#e4e9ee\9;background-color:rgba(228, 233, 238, 0.95);}
#scroll h3{width:226px;height:25px;margin-bottom:6px;padding-top:6px;font:700 18px/25px arial,"Microsoft Yahei";overflow:hidden;}
#scroll h3 a{color:#333;text-decoration:none;}
#scroll h3 a:hover{color:#338de6;}
#scroll p{width:226px;height:54px;line-height:18px;font-size:12px;}

#scroll .item:hover .shd{background-color:rgba(0, 0, 0, 0);}
#scroll .item:hover .txt{background-color:#fff\9;background-color:rgba(248, 249, 249, 0.95);box-shadow:0 0 15px 15px rgba(248, 249, 249, 0.95);}
/*下拉菜单*/
#nav-menu ul li ul{ position:relative; display:none;background-color:#fff;opacity:0.9;    background-color: #fff;}
#nav-menu ul li ul li{    background: #777; float:none; text-align:center;width:134px;border-bottom:1px solid #9a9393; margin-right:0px !important;}
#nav-menu ul li ul li:hover{background-color:#333;}
#nav-menu ul li ul li a{ font-size:12px;font-weight:normal;font-family:Microsoft Yahei !important; color:#FFFFFF;}
#nav-menu ul li ul li a:hover{opacity:1 !important;}
#nav-menu ul li:hover ul{ display:block;    width: 134px;
    padding-top: 12px;}
.men1{margin-left: -15px !important;}
#nav-menu ul li ul li {
   
    border-radius: 0px !important;
}
#nav-menu ul li ul li.current {
   
    border-radius: 0px !important;
}
/*下拉菜单*/

.index2 {
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    margin-top: 80px;    margin-bottom: 80px;
  
}
.box1{
float: left;
width:100%;margin-top:90px;margin-bottom: 100px;
}
.box1 h3{
    text-align: center;
    line-height: 50px;
}
.box1 ul li{
    float: left;
    width: 378px;
     padding-left:15px;
   padding-right:15px;
    list-style: none;
    position: relative;
    overflow: hidden;
}
.box1 ul li img{box-shadow: 0px 0px 10px #ccc;width: 365px;}
.box1 ul li .cover a{
  
float: left;
    margin-left: 30px;
    margin-top: 20px;
}
.box1 ul li .cover h4{    color: #fff;
    float: left;
    /*margin-left: 20px;*/
  margin-top: 20px;
    font-size: 33px;
    transform: scale(0.75,1);}
.box1 ul li .cover a i{
    color: red;
}
.sjx{ width: 0;height: 0;border-bottom: 70px solid rgba(0, 129, 179, 0.57);margin-top: -70px; z-index: -10000; float: left;border-right: 363px solid transparent;}
/* 遮罩层 */
.box1 ul li .cover{
    width: 363px;
    margin-top:150px;
    height: 150px;
    background:rgba(0, 129, 179, 0.57);

    position: absolute; 
    left: 0;
    top: 0;
    text-align: center;
    color: #ffffff;
   
  
 
	
    /*transform-origin: right bottom;      
	-webkit-transform-origin: right bottom; 
	-moz-transform-origin: right bottom;*/ 
	
    /*transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);*/
    transform: translateY(190px); 
	
    transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
}
.box1 ul li .cover p{
    margin-top: 10px;
    font-size: 14px;
}
.box1 ul li:hover .cover{
    transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);}