@charset "utf-8";
/* CSS Document */
/*初始化*/
*{margin:0;padding:0;}
img { border:none; }
a { text-decoration: none !important; color: #5b5959; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
em{font-style:normal;}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,th,var{
    font-weight: normal;
    font-style: normal;
}
ol,ul {
    list-style: none;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}
body{background: url("../../images/body-bg.jpg") repeat;font-family: microsoft yahei;}
/*头部background: url(../../images/logo.png) no-repeat;*/
.head,.header,footer{text-align: center;}
.head{text-align: center;background: #ffffff;border-bottom: solid 1px #cccccc;}
.header{text-align: center;background: #ffffff}
.header-top{width:980px;height: 40px;background-color: #ffffff;position: relative;margin: auto;}
/*.header-top input{ width: 260px;height: 17px;position: absolute;background-color: #373e41;color: #ffffff;
    left: 565px;top: 15px; border-top: 0px;border-left: 0px; border-right: 0px;border-bottom: 1px solid #ffffff;}
.header-top .sum{display: block; width: 19px;height: 17px; background: url(../../images/icon1.png) no-repeat;
    border: none;position: absolute; left: 825px;top: 16px;border-bottom: 1px solid #ffffff; }*/
.header-content p{display: block;font-size: 14px;color: #333333; width: 140px;height: 18px;position: absolute;
    left: 709px;top: 9px;line-height: 40px;font-family: microsoft yahei;}
.header-content img.headimg{ position: absolute;top: 18px;left: 705px;}
.header-content{ width: 980px;height: 90px;background-color: #ffffff;position: relative;margin: auto;}
.header-content .logo{width: 158px;height: 57px;background: url("image/logo.png") no-repeat;
 position:absolute;left:10px;top:15px;float: left;}
 .search{position: absolute;left: 870px;top: 70px;background:url(../image/input.jpg) no-repeat;height: 28px;width: 175px;border:none;}
.tex{position: absolute;margin: 0px 5px;width: 125px;height: 20px;border:none;border:solid 1px #cccccc;border-radius:10px;left: 840px;top: 18px;background: url(image/icon22.png) no-repeat 100px -3px;}
.img{position: absolute;left: 950px;top: 20px;}
/*导航*/

.nav{ float:left; margin-top:35px;margin-left: 240px;}
.nav ul li{ float:left; margin-left:20px;font-size: 14px;font-family: microsoft yahei;color:#333333;}
.nav ul li a{ text-align:center; display:block; line-height:18px;}
.nav ul li a:hover{ color:#3396a9;padding-bottom: 5px;border-bottom: solid 1px #3396a9;font-weight: bold;}
.nav ul li a p{ font-size:14px;font-family: microsoft yahei;}
/*导航*/

 #menu{
    position: relative;
    top:35px;
    float:left; margin-top:10px;margin-left: 185px;
    width: 880px;
    height: 30px;
    background-color: #fff;
    z-index: 999999;
}
#menu li {
    float: left;
    width: 80px;
    height: 45px;
    padding-left:5px;
    padding-right:5px;
    list-style-type: none;
    background:#fff;  
}

#menu li a{
    color: #333333;
    font-size: 14px;
    font-family: microsoft yahei;
 
}
#menu li:hover a{
    color: #3396a9; 
}
#menu li #erji{
    position:absolute;
    top:45px;
    left:-50px;
    width:950px;
    height:300px;
    background:#ffffff;
    display:none;
    border-top: solid 1px #cccccc;
}
#menu li:hover #erji {
    display:block;  
}

#menu li #erji li{
    color: #cccccc;
    width: 180px;
    height: 30px;
    float:none;
    padding-top:5px;
    
}
#menu li #erji li a.bg-a{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    background: url(../images/m-icon2.png) no-repeat 160px 13px;
    color: #7d7d7d;
    font-size: 12px;
    font-family: microsoft yahei;
    
}
#menu li #erji li a.bg-a:hover{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    background: url(../images/m-icon2_h.png) no-repeat 160px 11px;
    color: red;
    font-size: 12px;
    font-family: microsoft yahei;
    
}
#menu li #erji li a.on{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    background: url(../images/m-icon2_h.png) no-repeat 160px 13px;
    color: red;
    font-size: 12px;
    font-family: microsoft yahei;
    
}
#menu li #erji li a{
    display: block;
    line-height: 30px;
    width: 180px;

    height: 30px;
    color: #7d7d7d;
    font-size: 12px;
    font-family: microsoft yahei;
    
}
#menu li #erji li a:hover{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: #8e3232;
   
}
#menu li #erji .hv #sanji{
     display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     background: url(../images/m-icon2_h.png) no-repeat 160px 13px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: #8e3232;
}
#menu li #erji li #sanji{
    position: absolute;
    top: 0px;
    left: 180px;
    width: 190px;
    height: 300px;
    background-color: #ffffff;
    display:none;
}
#menu li #erji li #sanji li{
    color: #cccccc;
    width: 180px;
    height: 30px;
    float:none;
    padding-top:5px;
}
#menu li #erji li #sanji li a{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    color: #7d7d7d;
    font-size: 12px;
    font-family: microsoft yahei;
}
#menu li #erji li #sanji li a:hover{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;

     font-size: 12px;
    font-family: microsoft yahei;
    color: red;
}
#menu li #erji li #sanji li a.on{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;

     font-size: 12px;
    font-family: microsoft yahei;
    color: red;
}

#menu li #erji li:hover #sanji{
    display:block;
}

#menu li #erji li #sanji li #siji{
    position: absolute;
    top: 0px;
    left: 180px;
    width: 190px;
    height: 300px;
    background-color: #ffffff;
    display:none;
}
#menu li #erji li #sanji li #siji li{
    color: #cccccc;
    width: 180px;
    height: 30px;
    float:none;
    padding-top:5px;
}
#menu li #erji li #sanji li #siji li a{
    color: #7d7d7d;
    font-size: 12px;
    font-family: microsoft yahei;
}
#menu li #erji li #sanji li #siji li:hover a{ 
    color: #FF0303;
}
#menu li #erji li #sanji li #siji li a.on{ 
    color: #FF0303;
}
#menu li #erji #sanji .hv2 #siji{
   display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    background-color: #ffffff;
     font-size: 12px;
    font-family: microsoft yahei;
    color: #8e3232;
}
#menu li #erji li #sanji li:hover #siji{
    display:block;
}
#menu li #erji li #sanji li #siji li #wuji{
    position: absolute;
    top: 0px;
    left: 180px;
    width: 400px;
    height: 300px;
    background-color: #ffffff;
    display:none;
}
#menu li #erji li #sanji li #siji li:hover #wuji{
    display:block;
}
#menu li #erji #sanji #siji .hv3 #wuji{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     background: url(../images/m-icon2_h.png) no-repeat 160px 13px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: #8e3232;
}
#menu li #erji li #sanji li #siji li #wuji .con_img{
    position: absolute;
    top: 10px;
    left: 0px;
    width: 200px;
    height: 180px;
    background-color: #ffffff;
}
#menu li #erji li #sanji li #siji li #wuji .con_logo{
    position: absolute;
    top: 10px;
    left: 325px;
    width: 80px;
    height: 40px;
    background-color: #ffffff;
}
#menu li #erji li #sanji li #siji li #wuji .con_head{
    position: absolute;
    top: 80px;
    left: 210px;
    width: 190px;
    text-align: left;
    height: 30px;
    color: #4d4747;
    font-size: 12px;
    font-family: microsoft yahei;
    background-color: #ffffff;
}
#menu li #erji li #sanji li #siji li #wuji .con_con{
    position: absolute;
    top: 110px;
    left: 210px;
    width: 190px;
    text-align: left;
    height: 160px;
    color: #7d7d7d;
    font-size: 12px;
    font-family: microsoft yahei;
    word-break: break-word;
    background-color: #ffffff;
}
#menu li #erji li #sanji li #siji li #wuji .con_dianhua{
        width: 300px;height: 50px;position: absolute;top: 230px;left: 0px;color: #333333;font-size: 12px;font-family: microsoft yahei;
    }
    #menu li #erji li #sanji li #siji li #wuji .con_dianhua img{
       position:absolute;top:16px;left:25px;
    }
    #menu li #erji li #sanji li #siji li #wuji .con_dianhua p{
       position: absolute;top: 5px;left: 30px;color: #333333;font-size: 18px;font-family: microsoft yahei;display: block;
    }
    #menu li #erji li #sanji li #siji li #wuji .con_dianhua span{
   position: absolute;top: 13px;left: 145px;color: #3396a9;font-size: 18px;font-family: microsoft yahei;display: block;
    }
   /* 关于我们*/
   #menu li #erji1{
    position:absolute;
    top:45px;
    left:38px;
    width:190px;
    height:120px;
    background:#ffffff;
    display:none;
    border-top: solid 1px #cccccc;
}
#menu li:hover #erji1 {
    display:block;
    
}
#menu li #erji1 li{
    color: #cccccc;
    width: 180px;
    height: 30px;
    float:none;
    padding-top:5px;
    
}
#menu li #erji1 li a{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    color: #7d7d7d;
    font-size: 12px;
    font-family: microsoft yahei;
    
}
#menu li #erji1 li a:hover{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: red;
   
}
/*解决方案*/

#menu li #erji4{
    position:absolute;
    top:45px;
    left:222px;
    width:370px;
    height:300px;
    background:#ffffff;
    display:none;
    border-top: solid 1px #cccccc;
}
#menu li:hover #erji4 {
    display:block;
    
}
#menu li #erji4 li{
    color: #cccccc;
    width: 180px;
    height: 30px;
    float:none;
    padding-top:5px;
    
}
#menu li #erji4 li a.bg-a{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    background: url(../images/m-icon2.png) no-repeat 160px 13px;
    color: #7d7d7d;
    font-size: 12px;
    font-family: microsoft yahei;
    
}
#menu li #erji4 li a.bg-a:hover{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: red;
    background: url(../images/m-icon2_h.png) no-repeat 160px 13px;
}
#menu li #erji4 li a.on{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: red;
    background: url(../images/m-icon2_h.png) no-repeat 160px 13px;
}
#menu li #erji4 li #sanji4{
    position: absolute;
    top: 0px;
    left: 180px;
    width: 190px;
    height: 300px;
    background-color: #ffffff;
    display:none;
}
#menu li #erji4 li #sanji4 li{
    color: #cccccc;
    width: 180px;
    height: 30px;
    float:none;
    padding-top:5px;
}
#menu li #erji4 li #sanji4 li a{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    color: #7d7d7d;
    font-size: 12px;
    font-family: microsoft yahei;
}
#menu li #erji4 li #sanji4 li a:hover{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: red;
}
#menu li #erji4 .hv4 #sanji4{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;

     font-size: 12px;
    font-family: microsoft yahei;
    color: #8e3232;
}
#menu li #erji4 li:hover #sanji4{
    display:block;
}
#menu li #erji4 li #sanji4 li #siji4{
    position: absolute;
    top: 0px;
    left: 180px;
    width: 190px;
    height: 300px;
    background-color: #ffffff;
    display:none;
}
#menu li #erji4 li #sanji4 li #siji4 li{
    color: #cccccc;
    width: 180px;
    height: 30px;
    float:none;
    padding-top:5px;
}
#menu li #erji4 li #sanji4 li #siji4 li a{
    color: #7d7d7d;
    font-size: 12px;
    font-family: microsoft yahei;
}
#menu li #erji4 li #sanji4 li #siji4 li:hover a{
    color: #8e3232;
}
#menu li #erji4 #sanji4 .hv5 #siji4{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: #8e3232;
}
#menu li #erji4 li #sanji4 li:hover #siji4{
    display:block;
}
/*维修保养*/
#menu li #erji5{
    position:absolute;
    top:45px;
    left:310px;
    width:370px;
    height:300px;
    background:#ffffff;
    display:none;
    border-top: solid 1px #cccccc;
}
#menu li:hover #erji5 {
    display:block;
    
}
#menu li #erji5 li{
    color: #cccccc;
    width: 180px;
    height: 30px;
    float:none;
    padding-top:5px;
    
}
#menu li #erji5 li a.bg-a{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    color: #7d7d7d;
    background: url(../images/m-icon2.png) no-repeat 160px 13px;
    font-size: 12px;
    font-family: microsoft yahei;
    
}
#menu li #erji5 li a.bg-a:hover{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    color: red;
    background: url(../images/m-icon2_h.png) no-repeat 160px 13px;
    font-size: 12px;
    font-family: microsoft yahei;
    
}
#menu li #erji5 li a.on{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    color: red;
    background: url(../images/m-icon2_h.png) no-repeat 160px 13px;
    font-size: 12px;
    font-family: microsoft yahei;
    
}
#menu li #erji5 li a:hover{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: red;
}
#menu li #erji5 li #sanji5{
    position: absolute;
    top: 0px;
    left: 180px;
    width: 190px;
    height: 300px;
    background-color: #ffffff;
    display:none;
}
#menu li #erji5 li #sanji5 li{
    color: #cccccc;
    width: 180px;
    height: 30px;
    float:none;
    padding-top:5px;
}
#menu li #erji5 li #sanji5 li a{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    color: #7d7d7d;
    font-size: 12px;
    font-family: microsoft yahei;
}
#menu li #erji5 li #sanji5 li a:hover{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: red;
}
#menu li #erji5 li .hv6 #sanji5{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: #000000;
}
#menu li #erji5 li:hover #sanji5{
    display:block;
}
/*资料下载*/
#menu li #erji6{
    position:absolute;
    top:45px;
    left:400px;
    width:190px;
    background:#ffffff;
    display:none;
    border-top: solid 1px #cccccc;
}
#menu li:hover #erji6 {
    display:block;
    
}
#menu li #erji6 li{
    color: #cccccc;
    width: 180px;
    height: 30px;
    float:none;
    padding-top:5px;
    
}
#menu li #erji6 li a{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    color: #7d7d7d;
    font-size: 12px;
    font-family: microsoft yahei;
    
}
#menu li #erji6 li a.bg-a:hover{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    background: url(../images/m-icon2_h.png) no-repeat 160px 13px;
    color: red;
    font-size: 12px;
    font-family: microsoft yahei;
    
}
#menu li #erji6 li a.on{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    background: url(../images/m-icon2_h.png) no-repeat 160px 13px;
    color: red;
    font-size: 12px;
    font-family: microsoft yahei;
    
}

#menu li #erji6 li a:hover{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: red;
}
#menu li #erji6 li #sanji6{
    position: absolute;
    top: 0px;
    left: 180px;
    width: 190px;
    height: 300px;
    background-color: #ffffff;
    display:none;
}
#menu li #erji6 li #sanji6 li{
    color: #cccccc;
    width: 180px;
    height: 30px;
    float:none;
    padding-top:5px;
}
#menu li #erji6 li #sanji6 li a{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    color: #7d7d7d;
    font-size: 12px;
    font-family: microsoft yahei;
}
#menu li #erji6 li #sanji6 li a:hover{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: red;
}
#menu li #erji6 .hv7 #sanji6{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: #8e3232;
}
#menu li #erji6 li:hover #sanji6{
    display:block;
}
#menu li #erji6 li #sanji6 li #siji6{
    position: absolute;
    top: 0px;
    left: 180px;
    width: 190px;
    height: 300px;
    background: inherit;
    display:none;
}
#menu li #erji6 li #sanji6 li #siji6 li{
    color: #cccccc;
    width: 180px;
    height: 30px;
    float:none;
    padding-top:5px;
}
#menu li #erji6 li #sanji6 li #siji6 li a{
    color: #7d7d7d;
    font-size: 12px;
    font-family: microsoft yahei;
}
#menu li #erji6 li #sanji6 li #siji6 li:hover a{
    color: #8e3232;
}
#menu li #erji6 #sanji6 .hv8 #siji6{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: #8e3232;
}
#menu li #erji6 li #sanji6 li:hover #siji6{
    display:block;
}
/*新闻资讯*/
#menu li #erji7{
    position:absolute;
    top:45px;
    left:485px;
    width:190px;
    height:120px;
    background:#ffffff;
    display:none;
    border-top: solid 1px #cccccc;
}
#menu li:hover #erji7 {
    display:block;
    
}
#menu li #erji7 li{
    color: #cccccc;
    width: 180px;
    height: 30px;
    float:none;
    padding-top:5px;
    
}
#menu li #erji7 li a{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    color: #7d7d7d;
    font-size: 12px;
    font-family: microsoft yahei;
    
}
#menu li #erji7 li a:hover{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: red;
   
}
/*联系我们*/
#menu li #erji9{
    position:absolute;
    top:45px;
    left:670px;
    width:190px;
    height:120px;
    background:#ffffff;
    display:none;
    border-top: solid 1px #cccccc;
}
#menu li:hover #erji9 {
    display:block;
    
}
#menu li #erji9 li{
    color: #cccccc;
    width: 180px;
    height: 30px;
    float:none;
    padding-top:5px;
    
}
#menu li #erji9 li a{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
    color: #7d7d7d;
    font-size: 12px;
    font-family: microsoft yahei;
    
}
#menu li #erji9 li a:hover{
    display: block;
    line-height: 30px;
    width: 180px;
    height: 30px;
     font-size: 12px;
    font-family: microsoft yahei;
    color: red;
   
}

.footer{background:#29b3ce; height:auto;clear: both;}
.footer_footer{background:#373e41; height:60px;}
.footer_cont{border-bottom:1px solid #ffffff; margin: auto;}
.footer_top{ width:830px; margin:auto;background:#29b3ce;height:40px;padding-left: 150px;}
.footer_top span{ color:#ffffff;padding: 10px 0px;float:left;margin: auto;font-size: 12px;font-family: microsoft yahei;}
.footer_top .footer_right{ float:left;padding: 12px 0px;font-size: 12px;font-family: microsoft yahei;color:#ffffff;margin: auto;text-align: center; }
.footer_top ul li{ float:left;}
.footer_top ul li a{ float:left; border-right:1px solid #ccc; line-height: 16px; color:#919191;padding: 0px 12px;font-size: 12px;font-family: microsoft yahei;color:#ffffff;}
.footer_top ul .las a{ border-right:none;font-size: 12px;font-family: microsoft yahei;}

.nav_foot{ width:930px; margin:0 auto;background:#29b3ce;min-height: 260px;}
.nav_foot ul{margin-top:20px;line-height: 30px;border-right: 1px solid #ffffff;background:#29b3ce; float:left;font-size: 12px;font-family: microsoft yahei;}
 .nav_foot .lasts{border-right:none;}
 .nav_foot ul li{margin-left: 15px;margin-right: 15px;line-height: 30px;width: 68px;text-align: center;}
.nav_foot ul li a{ color:#ffffff;font-size: 12px;font-family: microsoft yahei;text-align: center;}
 .nav_foot ul .firt a{ color:#ffffff; font-size: 12px;font-family: microsoft yahei;text-align: center;}

 .nav_foot .microcode{ float:left; margin-top:20px; margin-left:10px;}
.nav_foot p{margin-left: 20px; color:#ffffff; font-size: 14px;font-family: microsoft yahei;}

.footer_foot{ width:980px;background:#373e41;margin: auto;height: 60px;}
.footer_foot p{ width:980px; margin:auto; color:#999999;font-size: 12px;font-family: microsoft yahei;line-height: 60px;text-align: center; }



