@charset "utf-8";

.clearfix{ zoom:1;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.gray{ color:#999; font-weight:normal;}
.white{ color:#fff; font-weight:normal;}
a,li,span,p{transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear; }

#header {}
.fl h2,p{margin-top:3px;}
   .fakeimg {
        height: 200px;
         background: #aaa;
    }
.xe-maxhub-p{text-align: center;font-weight: bold;margin-bottom:14px !important;}
 #navMenu ul .wzsy a{width: 100px; text-align: left; font-weight: bold;}
 h1,h3{font-weight: bold; color: #333;}
.header_top{width:100%;height:35px;overflow:hidden; border-bottom:#dedede 1px solid;}
.header_top ul{width:1000px;height:35px;line-height:35px;overflow:hidden; margin:0 auto;}
.header_top ul .title{ width:860px;background:none; text-align:left; color:#808080}
.header_top ul .title b{color:#808080; padding-right:10px;}	
.header_top ul li{width:70px; height:35px; text-align:center; float:left;display:block;line-height:35px;color:#ccc; background:url(../images/1_03.gif) no-repeat right 9px;}	
.header_top ul li a{ color:#666;}	
.header_top ul li a:hover{color:#808080; }	
	
.hd_cont{position:relative; height:110px; overflow:hidden; width: 1120px;margin-top: -25px;}
.hd_cont .hd_logo{position:absolute; left:0; top:44px; width:570px;}
.hd_cont .hd_logo dd{margin-top: 2px; }
.hd_cont .hd_logo dd h2{font-size:14px; font-weight:normal;  color:#000; padding-bottom: 10px;}
.hd_cont .hd_logo dd p{font-size:14px; color:#000; text-align: left;}
.hd_cont .dh_phone{/*padding:0 0 18px 10px;*/ position:absolute;top:36px; left: 930px; background:url(../images/phone.png) no-repeat left center; color: #000; width: 130px;}
.hd_cont .dh_phone dt{ margin-bottom:2px; margin-top:18px;}
.hd_cont .dh_phone dd{font-size:19px; line-height:28px; font-family:Arial, Helvetica, sans-serif; color:#000;}
.hd_cont .dh_phone dd b { font-size:20px; letter-spacing:0.07em; font-weight:normal }

/*导航栏下拉菜单*/
/*#nav{width:100%;height:50px;overflow:hidden; background:#333;}
#navMenu{width:1170px;overflow:hidden;height:50px;margin:0 auto;}
#navMenu ul{overflow:hidden;height:50px;text-align:center; padding-left:2px;}
#navMenu ul li{float:left;display:block; }
#navMenu ul li a{width:170px; height:100%;line-height:50px;display:block;float:left; text-align:center; color:#FFF;font-size:14px;font-family:"微软雅黑";background:url(../images/navline.gif) no-repeat left; }
#navMenu ul li a:hover{}
#navMenu ul .home a{}
#navMenu ul .hover a{background:#f57720;}
#navMenu ul a{text-decoration: none;}
#navMenu> ul > li > ul > li {float: none;}
#navMenu > ul > li > ul { position: absolute; left:670px; top:142px;  display: none;
	padding:0px; width: 120px; height: 100%; }
#navMenu> ul > li:hover ul {display: block;}
#navMenu> ul > li > ul > li > a {
        width: 120px;
        line-height: 36px;
        color: #456;
        background-color: #333;
        color: #fff;
        text-align: center;
        border-top: none;
        display: block;
        position: relative;
        border-bottom:1px solid #ccc;
    }*/
#nav {
            width: 100%;
            height: 50px;
            background: #333;          
        }
        
        #navMenu {
            width: 1170px;
            height: 50px;
            margin: 0 auto;
        }
        
        #navMenu ul {
            height: 50px;
            text-align: center;
        }
        
        #navMenu ul li {
            float: left;
            display: block;
            position: relative;         
        }
        
        #navMenu ul li a {
            width: 170px;
            height: 100%;
            line-height: 50px;
            display: block;
            float: left;
            text-align: center;
            color: #FFF;
            font-size: 14px;
            text-decoration: none;
            font-family: "微软雅黑";            
            border-bottom:1px solid #fff; 
        }
        
        #navMenu ul li a:hover {}
        
        #navMenu ul .home a {}
        
        #navMenu ul .hover a {
            background: #f57720;
        }
        
        #navMenu ul a {
            text-decoration: none;
        }
        
        #navMenu>ul>li>ul>li  {
            float: none; 
        }
       #navMenu>ul>li>ul>li>a {
         background-color:black;
       }
        #navMenu>ul>li>ul {
            position: absolute;
            left: 0px;
            top: 50px;
            padding: 0px;
            width: 111px;
            height: 100%;
            display: none;
          z-index:999;
        }
        
        
        #navMenu>ul>li>ul>li {
            width: 111px;
            height: 50px;
            line-height: 36px;
            background-color: black;
            color: #fff;
            text-align: center;
            border-top: none;
            display: block;
          z-index:999;
        }
        
        #navMenu>ul>li:hover ul {
            display: block;
        }


/*banner图*/
#ban img{ width: 100%;  height: 100%;  display: block;   z-index: -100; }
.top img{width:100%; height: 550px;}
.tit{font-weight: bold; color:#000; font-size: 36px; position: absolute; top:430px; left: 23rem;}
.md  img{width: 350px; height: 220px;}
.md  span{font-weight: bold; color: #000;}
.md  p{line-height: 35px; float: right;}
/*案例中心*/
		.cpzxp{text-align:center;font-weight:bold;}
        #cpzx h3{line-height: 50px; padding-top: 10px; font-weight: bold; width: 100%;text-align:center;}
        #cpzx p{margin:0px auto; color: #000;}
        ul{padding:0px;}
        #cpzx ul li{list-style: none; display: inline-block; padding:0px; width: 375px;  height:330px; border: solid 1px #dfdfdf; /*border-radius: 15px;*/ margin-bottom: 5px;}
        #wxjs ul li img{width:380px; height: 280px;}
        #wxjs ul li {width:380px;}
        #ptys .col-md-3{padding:0px; top: 0px;box-shadow: 1px 0px 0px #fff; height: 85px;} 
        #zb ol li{padding-top:15px;}
        #cpzx ul li b{font-weight: normal;}
        #cpzx ul li p{width: 370px; text-align: left; padding-left: 10px; line-height: 30px; font-weight: normal;}
        #cpzx ul li img{width: 370px; height: 223px; padding:3px; margin-left:2px; margin-top: 3px;}
        #cpzx ul li a{color:#000;}
        #cpzx ul li a:hover{color:#910800;}
        #cpzx1 a{color:#000;}
        #cpzx1 a:hover{color:#910800; }
        #cpzx1 h3{margin-left: 520px;}
        #cpzx1 p{text-align: center;} 
        #cpzx1 ul{margin-top:55px;}
        #cpzx1 .col-md-left ul li video{width: 456px; height: 255px;}   
        #cpzx1 .col-md-left ul li p{ font-weight: bold; padding-top: 20px; text-align: left;} 
        #cpzx1 .col-md-left .p{width: 456px; font-weight: normal; }  /*
        #cpzx1 .col-md-right{padding-top: 15px;}*/
        #cpzx1 .col-md-right ul li{padding-bottom: 15px;}
        #cpzx1 .col-md-right ul li img{width: 80px; height: 80px; float: left;}
        #cpzx1 .col-md-right b{padding-left: 15px; font-weight: ; color: #000;}
        #cpzx1 .col-md-right .p1{margin-left: 95px; width: 456px; text-align: left;}

 /*产品中心*/
 #cpzx2{padding:0px; background: url(../sphy_img/planbg.gif) repeat-x center bottom; background-size: cover;}
 #cpzx2 h3{line-height: 30px;; font-weight: bold; padding: 20px;text-align: center}
 #cpzx2 p{line-height: 35px; width: 350px; margin:0px auto; padding: 1px 0px;  color: #000; text-align:center;}
 #cpzx2 a{color:#000;}
 #cpzx2 ul li{list-style: none; display: inline-block; padding:0px; width: 387px; height:380px;  margin-bottom: 5px; background-color: #fff;}
 #cpzx2 ul li img{padding-left: 35px; width: 365px; height: 320px; }
 #cpzx2 ul li img,#cpzx2 ul li p{padding-top: 20px;}
 /*产品详情页*/
 .cpxq13 .col-md-12 img{width: 1140px;}
   /*小视频*/
    #hys{background-color:#f6f6f6;}
    #hys h1{font-size: 30px; text-align: center; padding-top: 4%; padding-bottom: 4%;}
    #hys b{padding-left: 31%; line-height: 55px;}
    #hys .col-md-3{background-color: #fff; border:1px solid #ccc; padding:0px; cursor:pointer; margin-top: 55px;}
    #hys .col-md-3 p{text-indent: 5%; line-height: 35px;}   
    .m{position: absolute;top: 52%;left: 50%;margin: 0 0 0 -175px;align-items: center;
display: -webkit-flex;width: 350px;}
    .more {
    width: 142px;
    height: 42px;
    display: block;
    border-radius: 5px;
    background: #3DCFA9;
    font-size: 18px;
    text-align: center;
    line-height: 42px;
    color: #fff;
    margin: 25px auto 0;
    border: 1px solid #3DCFA9;
        border-top-color: rgb(61, 207, 169);
        border-right-color: rgb(61, 207, 169);
        border-bottom-color: rgb(61, 207, 169);
        border-left-color: rgb(61, 207, 169);
    transition: 0.5s ease;
}
  /*应用场景*/
  .yccj{margin-top: 50px; }
	.xe-sphy-yycj{padding: 10px;background: white;}
	.xe-sphy-yycj>p{text-align:center;padding-top: 6px; color: #000;letter-spacing: 8px;}

	.xe-sphy-yycj img{height:290px;width:100%;}

  .yccj .col-md-6{ padding-left: 10px;  height: 290px; background-color: #fff;}
  .yccj .col-md-6 img{width: 530px; height: 260px; padding-top: 15px; }
  .yccj  h3{margin-left: 10px; font-weight: bold;}
  .yccj .col-md-6 p{padding-top:2px; color: #000; letter-spacing: 7px;}  
  .yccj .col-md-left2,.yccj .col-md-right2{margin-top: 15px;}
  .col-md-left2{border-right: 20px solid #f0f0f0;}
   .col-md-right2{border-left: 20px solid #f0f0f0;}   
h3 {font-size: 30px; font-weight: bold;}

/*底部*/
  .db{background-color: #000; height: 350px;}
  .db h4{padding:35px 0px; border-bottom: 1px solid #fff; font-size: 20px;}
  .db h4,.db p{color:#fff;}
  .db p{line-height: 25px; letter-spacing: 1px; text-align: left;}
  .db ul li{list-style: none; display: inline-block; width: 200px;  line-height: 40px;}
  .db ul li img{margin-top: 100px;}
  .dbcp{color: #fff;}
  .dbtl{font-size: 20px; margin-bottom:25px;} 
  /*案例*/
  .dbal{background-color: #f6f6f6;}
  .dbal .col-md-4{margin: 10px 0px; }
  .dbal .col-md-4 img{width: 380px; height: 180px;}
.dbal ul{margin-top:17px;}
.dbal ul li{list-style:none; display: inline-block; text-decoration: none; width:375px; padding-bottom:10px;}
.dbal ul li img{width:365px; height:180px;}
  /*产品板块*/
   .xe-maxhub-img{width:100%;height:277px;}
   .xe-maxhub-card{height:350px;border:1px solid #ccc;margin-bottom: 20px;}
   .xe-maxhub-card1{border:1px solid #ccc;margin-bottom: 20px;}
  .hypb{height: 100%; margin-bottom: 15px;}
  .hypb span{float: left;  width: 1140px; border-bottom: 1px solid #ccc; line-height: 35px; color:#000;padding: 20px 0;}
  .hypb span  a{color:#000;}
  .hypb .col-md-4{margin:15px 0px;border: 1px solid #ccc;}
  //.hypb .col-md-4,.hypb .col-md-8{padding:0px;}
  .hypb .col-md-4 img{width: 100%; height: 271px;}
  .hypb .hypb11{background-color: #000; line-height: 30px; color: #fff; width: 60px;}
  .hypb ul li{list-style: none;display: inline-block; color: #000; text-align: center; width: 100px;}
  .hypb .ti{line-height: 36px;}
  .hypb .dec{border:1px solid #ccc; height: auto; color: #000; line-height: 25px; padding:10px; }
  .hypb .bot{width: 80px;height: 35px;background-color: #000;float: left;text-align: center;color: #fff;
   border-radius: 10px;margin-right: 10px; padding-top:7px;}
   .hypb .dec,.hypb .dec1{text-align: left;}
  .hypb .bot a{color: #fff; text-decoration: none; }
  .hypb .hypb1{background-color: #000; line-height: 30px; color: #fff; width: 60px;}
  .hypb .col-md-12 ul li{display: inline-block;/* width:376px;*/}
  .hypb .col-md-12 p{line-height: 25px; height: auto; text-align: left; padding:1px;}  
  .hypb2{margin-top:40px;}
  .hypb2 .container{padding:0px;}
  .hypb2 .col-md-12{border:0px;}
  .hypb2 ul li{width:375px;  height:277px;}
  .hypb2 ul li{list-style: none;display: inline-block; color: #000; text-align: center;height: 342px;  border:1px solid #ccc; margin-bottom: 3px;}
  .hypb2 ul li a{color: #000; text-decoration: none;}
  .hypb2 ul li a:hover{color:#910800; }
  .hypb2 ul li img{width: 375px; height: 277px;}
  .hypb2 .col-md-12,.hypb2 ul{padding:0px;}
   .probox h2{margin-top:0px;}
   #myTab{padding:28px 0;}
  .nav-tabs > li > a{color: #000;}
  .nav-tabs > li > a:hover{color:#910800;}
  .active{color: #00a971 !important;;}

/* 新品推荐*/
  .xptj{height:100%;}
  .xptj span{float: left;  width: 1120px; border-bottom: 1px solid #ccc; padding:15px 0px; font-weight: bold;}
  .xptj ul li{list-style: none; display: inline-block; padding:10px; width:377px; height:400px;}
  .xptj ul li a{color: #000; text-decoration: none;}
   .xptj ul li img{width:360px; height:350px;}
   .cpxq12{height: 100%; margin-left:7%; border:1px solid #ccc; width:1140px;}
   .hypb .cpxq12 li{width:566px; height: auto; list-style: none; display: inline-block;}
   .hypb .cpxq12 li img{width: 566px; height: 360px; padding-left:7px;}
   .hypb .col-md-8r1{margin-top: 11px;}
   .cpxq  .col-md-12{border:none;}
.cpxq .col-xs-12  img{width:1150px; padding:10px;}
.cpxq span a{color:#000;}
  /*线下体验店css*/
   .mdd {margin-top:30px;}
   .mdd img{width: 100%;padding:0 2px; height: 210px;}
   .mdd h2{text-align: center; line-height: 65px; font-weight: bold; color:#000; margin-top:0px;}
   .mdd ul{padding:0px;}
   .mdd ul li{display: inline-block; list-style: none; width:274px; }
   .mdd ul li p{text-align: center; line-height: 35px; font-weight: bold; font-size: 14px;}
   .mdd h2{font-size: 22px;margin: 18px 0;}    
/*<!-- 移动端通用 -->*/
  @media screen and (max-width: 1170px)
  {
  #header{width:100%; }
  .container{width:100%;}
  .hd_cont .dh_phone{position: absolute; left:235px; top:30px;}
  .ban img{width:200px; }
  }
  @media screen and (min-width: 368px) {
    .hd_cont .hd_logo{
      width: 100%;
    }
  }

  @media screen and (min-width:368px)
  {
  .hd_logo, .hd_cont .hd_logo dd{width: 200px;}   
  }

  @media screen and (max-width: 768px){
    #navMenu{margin:0px;}   
    #navMenu > ul > li > ul > li{width:50px;}
    #navMenu ul li a{width:58px; font-size: 11px; font-weight: bold; height: 50px;overflow: hidden;}
    #navMenu ul .wzsy a{width:60px; text-align:left;}
    #ban{width:430px; margin-top:0px;}
    #ban img{width: 430px; height: 210px; max-width: 100%; }
    .db{height: 100%}
    .db .col-md-9 p{width: 368px;}    
  #navMenu > ul > li:hover > ul { position: absolute;left:-10px; top:38px; display: inline-block; 
  padding:0px; width: 70px; height: 100%;  z-index:999;}
    #navMenu > ul > li > ul > li > a{ width: 70px;}
  }
  /*首页移动端*/
  @media screen and (max-width:768px){

 #cpzx2 .container{padding:0px;}
.yccj  h3{margin-left: -750px;}/*
#应用场景*/
.yccj .col-md-6{padding:0px; max-width: 450px;}
.yccj .col-md-6  img{width: 430px; padding:3px;}
/*产品中心*/
   
  .pro_c ul {width: 450px; height:100%;}
  .pro_c ul li{width: 200px;height: 200px;}
  .pro_c li p,.pro_c li p img{margin-left: -50px;}
  #zbcp .tempWrap{width: 450px;}
    #cpzx2 ul li img{padding-left:0px;}
  /*服务流程*/
  .til01{width: 450px;}
  .tec_p{width: 450px;}
  /*小视频*/
  #hys h1{width: 400px;}
  #hys .col-md-3, #hys .col-md-3 img{ width: 100%;}
  #hys .col-md-3 b{padding-left:36%;}
  /*底部案例*/
  .dbal{ margin-bottom: 20px;}
 .dbal .col-md-4{margin:10px;}
  /*近期新闻*/
  #cpzx1{ overflow: hidden;}
  #cpzx1 h3{margin-left: 150px;}
  /*产品栏目页移动端*/
  .hypb span{width: 150px; font-size: 10px; font-weight: bold; border:0px;}
    .hypb span a{ color:#000;}
  .hypb .col-md-4{margin:0px;}
   #myTab{border-bottom: 1px solid #ccc;}
  #myTab li{width: 65px; font-size: 10px; font-weight: bold;}
  #myTab > li > a{padding:0px;}
  .hypb11{width: 50px; float: left; height: 30px;font-weight: bold;  background-color:#fff;}
  .hypb .myt{width:90px;}
  .hypb2 ul li,.hypb2 ul li img{width: 345px;}
  .hypb12{width: 60px; height: 37px; float: left;}
  .hypb .myt1{width: 60px;}
   /*产品详情页移动端*/
   @media screen and (max-width:768px){
 .cpxq{height: 100%;}
 .cpxq span{width: 100%; font-size: 10px; font-weight: bold; border:0px;}
 .cpxq12{margin-left:0px;}
  .cpxq .col-xs-12  img{width:410px; height:70px;}
     .xptj ul li{height:200px;}
  .xptj ul li img{width:325px; height:200px;}
 .hypb .col-md-12 ul {height: 100%;margin-top: 30px;}
 .hypb .cpxq12 li img{width: 355px; float: left; padding-left: 15px; height: 220px;}
 .hypb .dec{width:345px; height:100%;}
 .cpxq13 .col-md-12 img{width: 400px; height: 50px;}
 }
 /*线下体验店*/
  .top { position: relative; }
   .top img{width:100%; height:200px;}
  .top .tit{position: absolute; top:85px; left: 33px; font-size: 14px;}
  .mdd ul li{padding-left: 15px;}
/*底部移动端*/
@media screen and(max-height:768px){

.db ul li img{margin-top:0px;}
}

@media screen and (max-width: 1170px)
{
	.tec_pc li{width: 100% !important;}
	.tec_pc li span {text-align: center;}
	.tec_pc li p {text-align: center;width: 100% !important;position: static !important;}
}

@media screen and (max-width: 768px){
	.tec_pc li{width: 100% !important;}
	.tec_pc li span {text-align: center;}
	.tec_pc li p {text-align: center;width: 100% !important;position: static !important;}

}
@media screen and (min-width:368px)
{
	.tec_pc li{width: 100% !important;}
	.tec_pc li span {text-align: center;}
	.tec_pc li p {text-align: center;width: 100% !important;position: static !important;}

}