*{margin: 0px;padding: 0px;}
body{min-width:1400px;background:#ffffff;background-image:url('');background-repeat:repeat-x;background-position:0px 0px;margin:0px;padding:0px;text-decoration:none;font-size: 12px;font-variant:normal;font-family: "微软雅黑";}/*为部分带全站背景图准备可以将背景图或背景色部分删除掉*/
a:link,a:visited,a:hover,a:active{text-decoration:none;color: #858585;}
a{text-decoration: none;}
li{list-style-type:none;}
ul,ol{list-style-type: none;list-style-image: none;}


.main{
   width: 1200px;
   margin:0 auto;
 
}
.head{
   width: 100%;
   height:135px;
   overflow: hidden;
   
}
.head .top{
   width: 100%;
   height: 40px;
   background: #e6e6e6;
 
}
 
.head .top .address{
   float: left;
   display: flex;
   align-items: center;
   height: 40px;
   float: left;
}
.head .top .address span{
   display: block;
   width: 17px;
   height: 27px;
   float: left;
   background: url(../images/bg.png)no-repeat 
}
.head .top .address p:nth-child(2){
   font-size: 16px;
   color:#333;
   float: left;
   margin-left: 10px;
}
.head .top .address i{
   display: block;
   width: 15px;
   height: 8px;
   float: left;
   margin-left: 5px;
   background: url(../images/bg.png)no-repeat -24px -6px;
}
.head .top .address p:nth-child(4){
   color:#808080;
   font-size: 12px;
   float: left;
   margin-left: 10px;
}
.head .top .address b{
   color:#e7304e;
 
}
.head .top   ul{
   float: right;
}
.head .top   ul li{
   float: left;
   height: 40px;
   padding-right: 10px;
   padding-left: 10px;
   position: relative;

}
.head .top   ul li a{
   color:#808080;
   font-size: 12px;
   display: flex;
   height: 40px;
   align-items: center;
}
.head .top   ul li p{
   float: left;
   margin-left: 5px;
}
.head .top   ul li:after{
   content: "";
   width: 1px;
   height: 14px;
   position: absolute;
   right: 0;
   top: 50%;
   background: #cccccc;
   margin-top: -7px;
}
.head .top   ul li div{
   position: absolute;
   top: 40px;
   left: 50%;
   display: none;
   margin-left: -45px;
}
.head .top   ul li div img{
   display: block;
   width: 90px;
   height: 90px;
}
.head .top   ul li:last-child:after{
   width: 0;
   height: 0;
}
.head .top   ul li:nth-child(1) i{
   background: url(../images/bg.png)no-repeat -47px 0;
   float: left;
   width: 18px;
   height: 27px;
}
.head .top   ul li:nth-child(2) i{
   background: url(../images/bg.png)no-repeat -82px 2px;
   float: left;
   width: 29px;
   height: 25px;
}
 
.head .top   ul li:hover div{
   display: block;
}
.head .name{
   float: left;
   height: 46px;
   display: flex;
   margin-top: 25px;
   align-items: center;
}
.head .name img{
   display: block;
   float: left;
}
.head .name div{
   float: left;
   width: 170px;
   margin-left: 30px;
}
.head .name div p{
   color:#333333;
   width: 100%;
   position: relative;
   text-align: center;
}
.head .name div p:after{
   content: "";
   width: 20px;
   height: 1px;
   position: absolute;
   right: 0;
   background: #333333;
   top:50%;
}
.head .name div p:before{
   content: "";
   width: 20px;
   height: 1px;
   position: absolute;
   left: 0;
   top:50%;
   background: #333333;
}
.head .name div span{
   display: block;
   text-align: center;
   color:#808080;
   font-size: 14px;
}
.head  .ad{
   float: left;
   margin-left: 30px;
   margin-top: 25px;
}
.head  .ad ul{
   display: flex;
   width: 455px;
     justify-content: space-between;
}
.head  .ad ul li{
   height: 52px;
   float: left;
}
.head  .ad ul li img{
   display: block;
   float: left;
   width: 52px;
   height: 52px;
}
.head  .ad ul li p{
   color:#808080;
   font-size: 16px;
   line-height: 52px;
   float: left;
   margin-left: 10px;
}
.head .tel{
   float: right;
   margin-top: 22px;
}
.nav{
   width: 100%;
   height: 40px;
   border-bottom: 2px solid #f42f2f;
}
.nav ul{
   width: 1200px;
   margin:0 auto;
   height: 40px;
   display: flex;
   justify-content: space-between;
}
.nav ul li{
   float: left;
   width: 120px;
   text-align: center;
   line-height: 40px;
   transition: .3s;
   
}
.nav ul li a{
   color:#333333;
   transition: .5s;
   font-size: 16px;
}
.nav ul li:hover{
   box-shadow: 0px -40px 0px #f42f2f inset;
}
.nav ul li:hover a{
   color:#fff;
}
.banner{ 
   width:100%;
   margin:0 auto; 
   overflow:hidden; 
   position:relative; 
 
}
.banner .hd{
 height:15px; 
 overflow:hidden; 
 position:absolute; 
 left:50%;
 bottom:10px; 
 margin-left: -80px;
 z-index:1; 
}
.banner .hd ul{
 overflow:hidden; 
 zoom:1; 
 float:left; 

}
.banner .hd ul li{
 float:left; 
 margin-right:5px;  
 width:50px; 
 height:5px; 
 line-height:14px; 
 text-align:center; 
 cursor:pointer;
 background: #fff;
 
}
.banner .hd ul li.on{
 background:#ff8828; 
 
}
.banner .bd{
 position:relative; 
 height:100%;
  z-index:0; 
  width: 100%; 
}
.banner .bd li{
 zoom:1; 
 vertical-align:middle; 
}
.banner .bd img{
   width:100%; 
   height: 500px;
   display:block; 
}
.banner .prev,
.banner .next{
 position:absolute; 
 left:3%; 
 top:50%;
 margin-top:-3%;
 display:block; 
 width:32px;
 height:40px;  
 filter:alpha(opacity=50);opacity:0.5;   
}
.banner .next{
 left:auto; right:3%; 
 background-position:8px 5px; 
}
.banner .next {
   font-size: 
   58px;color:#fff;
}
.banner .prev{
   font-size: 
   58px;color:#fff;
}
.banner .prev:hover,
.banner .next:hover{
   filter:alpha(opacity=100);opacity:1;  
}
.banner .prevStop{ 
   display:none;  
}
.banner .nextStop{ display:none;  
}

.section{
   width: 100%;
   height: auto;
   overflow: hidden;
   position: relative;
}
.section .menu{
   width: 260px;
   height: 500px;
   background: rgba(255,255,255,0.8);
   position: absolute;
   top: 0;
}
.section .menu .tit{
   width: 206px;
   margin:0 auto;
   height: 43px;
   overflow: hidden;
   position: relative;
   margin-top: 25px;
}
.section .menu .tit p{
   color:#333333;
   font-size: 18px;
   font-weight: bold;
   text-align: center;
   font-weight: bold;
   position:relative;
}
.section .menu .tit:after{
   content: "";
   width: 30px;
   height: 1px;
   position: absolute;
   right: 0;
   background:#808080;
   top:50%;
}
.section .menu .tit:before{
   content: "";
   width: 30px;
   height: 1px;
   position: absolute;
   left: 0;
   top:50%;
   background: #808080;
}
.section .menu .tit span{
   display: block;
   color:#808080;
   font-size: 12px;
   text-align: center;
}
.menu .item{
   width: 230px;
   margin:0 auto;
   height: auto;
   overflow: hidden;
   padding-bottom: 10px;
   position: relative;
   display: flex;
   align-items: center;
   margin-top: 15px;
   justify-content: space-between;
}
.menu .item:after{
   content: "";
   width: 216px;
   height: 1px;
   position:absolute;
   right: 0;
   bottom: 0;
   background: #cccccc;
}
.menu .item  div{
   float: right;
   width: 172px;
}
.menu .item img{
   display: block;
   float: left;
}
.menu .item p{
 
   font-size: 16px;
   font-weight: bold;
}
.menu .item ul li{
   float: left;
   padding-right: 8px;
   line-height: 20px;
}
.menu .item  a{
   color:#333333;
  
}
.menu .item ul li:hover a{
   color:#f42f2f;
}
.case{
   width: 100%;
   height: 380px;
   overflow: hidden;
   background: #f7f7f7;
}
.case .tit{
   float: left;
   margin-top: 50px;
}
.case .list{
   float: right;
   height: auto;
   margin-top: 50px;
 
}
.case .list ul{
   display: flex;
   justify-content: space-between;
   width: 850px;
}
.case .list li{
   float: left;
   width: 260px;
   height: 300px;
   background: #fff;
   transition: .5s;
   box-shadow: 1px 1px 1px #e4e3e3;
}
.case .list li img{
   display: block;
   width: 230px;
   height: 154px;
   margin:20px auto;
   margin-bottom: 0;
}
.case .list li .info{
   width: 230px;
   margin:0 auto;
   height: auto;
   overflow: hidden;
   margin-top: 10px;
}
.case .list li .info .price{
   float: left;
   height: 20px;
   border-left: 4px solid #e7304e;
}
.case .list li .info .price span{
   color:#1b1b1b;
   font-size: 18px;
   font-weight: bold;
   margin-left: 8px;
   line-height: 20px;
}
.case .list li .info  a{
   display: block;
   float: right;
   width: 80px;
   color:#f42f2f;
   font-size: 14px;
   background: url(../images/more.png)no-repeat right center;
}
.case .list li .info h4{
   float: left;
   width: 100%;
   font-size: 18px;
   color:#1b1b1b;
   font-weight: normal;
   margin-top: 10px;
}
.case .list li .info p{
   color:#808080;
   font-size: 12px;
   line-height: 20px;
   margin-top: 5px;
   float: left;
   display: -webkit-box;
   -webkit-line-clamp:2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.case .list li:hover{
   box-shadow: 0px 0px 5px 3px #e4e3e3;
}
.process{
   width: 100%;
   height: 80px;
   margin-top: 1px;
   background: #f7f7f7;
 
}
.process .main{
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.process .tit{
   float: left;
   width: 144px;
   height: 40px;
   border: 1px solid #f42f2f;
   text-align: center;
   line-height: 40px;
   margin-top: 20px;
}
.process .tit p{
   color:#f42f2f;
   font-size: 20px;
}
.process img{
   display:block;
   float: right;
   margin-top: 20px;

}
.adv{
   width: 100%;
   height: auto;
   overflow: hidden;
}
.adv .title{
   width: 100%;
   height: auto;
   overflow: hidden;
   background: url(../images/tit02.png)no-repeat center;
   margin-top: 40px;
}
.adv .title p{
   color:#333333;
   font-size: 24px;
   text-align: center;
}
.adv .title span{
   display: block;
   text-align: center;
   color:#7b7b7b;
   font-size: 14px;
}
.adv .tabBox{
   width: 100%;
   height: auto;
   overflow: hidden;
   margin-top: 30px;
}
.adv .tabBox .tab ul {
   display: flex;
   justify-content: space-between;
}
.adv .tabBox .tab ul li{
   float: left;
   width: 145px;
   height: auto;
   overflow: hidden;
}
.adv .tabBox .tab ul li div{
   display:flex;
   width: 141px;
   height: 141px;
   border: 2px solid #f42f2f;
   border-radius: 50%;
   align-items: center;
   justify-content: center;
   position: relative;
}
.adv .tabBox .tab ul li img:last-child{
   display: none;
}
.adv .tabBox .tab ul li p{
   text-align: center;
   color:#333333;
   font-size: 18px;
   line-height: 40px;
}
.adv .tabBox .tab ul .on div{
   background: #f42f2f;
}
.adv .tabBox .tab ul .on div img{
   display: none;
}
.adv .tabBox .tab ul .on div img:last-child{
   display: block;
}
.adv .tabBox  .list{
   width: 100%;
   height: 265px;
   overflow: hidden;
   position: relative;
   margin-top: 20px;
}
.adv .tabBox  .list li{
   width: 1198px;
   height: 263px;
   display: flex;
   align-items: center;
   border: 1px solid #e6e6e6;
   position: absolute;
   display: none;
}
.adv .tabBox  .list li .pic{
   float: left;
   width: 380px;
   height: 249px;
   margin:7px;
}
.adv .tabBox  .list li .info{
   float:left;
   margin-left: 30px;
   width: 700px;

}
.adv .tabBox  .list li .info .tit  p{
   color:#f42f2f;
   font-size: 20px;
   font-weight: bold;
}
.adv .tabBox  .list li .info .text{
   width: 100%;
   height: auto;
   overflow: hidden;
   margin-top: 10px;
}
.adv .tabBox  .list li .info .text p{
   color:#333333;
   font-size: 16px;
   line-height: 30px;
}
.adv .tabBox  .list li:nth-child(1){
   display:flex;
}
.form{
   width: 1200px;
   height: 400px;
   background: url(../images/bg02.jpg)no-repeat center;
   margin:0 auto;
   margin-top: 15px;
}
.form .bg{
   width: 280px;
   height: 400px;
   overflow: hidden;
   background: rgba(255,255,255,0.5);
}
.form .bg .tit{
   width: 230px;
   height: auto;
   overflow: hidden;
   margin:0 auto;
   position: relative;
   margin-top: 35px;
}
.form .bg .tit:after{
   content: "";
   width: 20px;
   height: 1px;
   position: absolute;
   right: 0;
   background: #333333;
   top:50%;
}
.form .bg .tit:before{
   content: "";
   width: 20px;
   height: 1px;
   position: absolute;
   left: 0;
   top:50%;
   background: #333333;
}
.form .bg .tit p{
   color:#333333;
   font-size: 18px;
   text-align: center;
}
.form .bg .tit span{
   display: block;
   text-align: center;
   color:#808080;
   font-size: 12px;
}
.form .bg form{
   width: 225px;
   margin:0 auto;
   margin-top: 20px;
}
.form .bg form ul li{
   width: 100%;
   height: 48px;
   border-radius: 5px;
   overflow: hidden;
   background: #fff;
   margin-bottom: 10px;
}
.form .bg form ul li:nth-child(2) input{
   float: left;
   width: 180px;
}
.form .bg form ul li:nth-child(2) p{
   float: right;
   width: 30px;
   height: 48px;
   line-height: 48px;
   text-align: center;
   color:#333333;
   font-size: 16px;
}
.form .bg form ul li select{
   width: 100%;
   height: 48px;
   border: none;
   outline: none;
   appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    text-indent:18px;
    color:#808080;
    font-family: "Microsoft Yahei";
    font-size: 12px;
    background:#fff url(../images/icon01.png)no-repeat 200px center;
}
.form .bg form ul li option{
   color:#808080;
   text-indent: 18px;
   margin:5px auto;
   display: block;
   font-size: 12px;
}
.form .bg form ul li input{
   width: 100%;
   height: 48px;
   border: none;
   outline: none;
   background: #fff;
   text-indent:18px;
   font-family: "Microsoft Yahei";
}
.form .bg form .btn{
   width: 100%;
   height: 48px;
   background: #f42f2f;
   color:#fff;
   font-size: 16px;
   border: none;
   font-family: "Microsoft Yahei";
   border-radius: 5px;
}
.form .bg .info{
   width: 245px;
   display: block;
   margin:0 auto;
   margin-top: 25px;
}
.form .bg   p  {
  color:#333333;
  text-align-last: center;
  font-size: 14px;
}
.form .bg   p  span{
   background: #f9d215;
   padding: 4px 2px 4px 2px;
   font-size: 18px;
}
.custom{
   width: 100%;
   height: auto;
   overflow:hidden;
   margin-top: 30px;
}
.custom .title{
   width: 100%;
   height: auto;
   overflow: hidden;
   background: url(../images/tit02.png)no-repeat center;
   margin-top: 40px;
}
.custom .title p{
   color:#333333;
   font-size: 24px;
   text-align: center;
}
.custom .title span{
   display: block;
   text-align: center;
   color:#7b7b7b;
   font-size: 14px;
}
.custom  .list{
   width: 100%;
   height: auto;
   overflow:hidden;
   margin-top: 50px;

}
.custom  .list li {
   float: left;
   margin-right: 20px;
}
.custom  .list li a{
   color:#808080;
   font-size: 16px;
}
.custom  .list li:hover a{
   color:#f42f2f;
}
.custom .tab{
   width: 218px;
   height: auto;
   overflow: hidden;
   float: left;
   position: relative;
   margin-top: 15px;
   border: 1px solid #e6e6e6;
}
.custom .tab ul li{
   width: 218px;
   height: 120px;
   position: relative;
   z-index: 1000;
}
.custom .tab ul li a{
   display: block;
   width: 218px;
   height: 120px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.custom .tab ul li div img {
   transition: 1s;
}
.custom .tab ul li div img:last-child{
   opacity: 0;
   display: none;
}
.custom .tab ul li p{
   color:#333333;
   font-size: 20px;
   margin-left: 15px;
   transition: .3s;
}
.custom .tab .bg{
   display: block;
   width: 220px;
   height: 120px;
   position: absolute;
   top: 0;
   transition: .2s;
   background: #f42f2f;
}
.custom .tab ul  .on div img{
   opacity: 0;
   display: none;
}
.custom .tab ul  .on div img:last-child{
  opacity:1;
  display: block;
} 
.custom .tab ul  .on p{
   color:#fff;
}
.custom  .picBox{
   width: 975px;
   float: right;
   margin-top: 15px;
   position: relative;
   height: 605px;
}
.custom  .picBox .box{
   width: 975px;
   height: 605px;
   overflow: hidden;
   position: absolute;
   display: none;
}
.custom  .picBox .box:nth-child(1){
   display: block;
}
.custom  .picBox ul{
   width: 485px;
   float: left;
}
.custom  .picBox ul li{
   float: left;
   width: 240px;
   height: 175px;
   overflow: hidden;
   margin-bottom: 4px;
}
.custom  .picBox ul li img{
   display: block;
   width: 240px;
   transition: .5s;
   height: 175px;
}
.custom  .picBox ul li:nth-child(1){
   width: 485px;
   height: 241px;
}
.custom  .picBox ul li:nth-child(1) img{
   display: block;
   width: 487px;
   height: 242px;
}
.custom  .picBox ul li:nth-child(odd){
   float: right;
}
.custom  .picBox  .pic{
   float: right;
   width: 485px;
   height: auto;
   overflow: hidden;
}
.custom  .picBox  .pic img{
   display: block;
   width: 485px;
   height: 599px;
   transition: .5s;
}
.custom  .picBox ul li:hover img{
   transform: scale(1.05);
}
.custom  .picBox  .pic:hover img{
   transform: scale(1.05);
}

.quality{
   width: 100%;
   height: auto;
   overflow: hidden;
   background: #f2f2f2;
   margin-top: 4px;

}
.quality .title{
   width: 100%;
   height: 63px;
   overflow: hidden;
   background: url(../images/tit03.png)no-repeat center;
   margin-top: 60px;
}
.quality .title p{
   color:#333333;
   font-size: 24px;
   text-align: center;
   line-height: 63px;
}
.quality ul{
   width: 100%;
   display: flex;
   justify-content: space-between;
   margin-top: 35px;
}
.quality ul li{
   float: left;
   width: 280px;
   height: auto;
 
 
}
.quality ul li .icon{
   width: 65px;
   height:65px;
   position: relative;
   display: flex;
   justify-content: center;
   margin:0 auto;
   z-index: 100;
   align-items: center;
}
.quality ul li .icon img{
   position: relative;
   z-index: 100;
}
.quality ul li .icon:after{
   content: "";
   width:60px;
   height: 60px;
   background: #fd5050;
   transition: .5s;
   position: absolute;
   left:50%;
   top:50%;
   margin-left: -30px;
   margin-top: -30px;
   transform: rotate(45deg);
}
.quality ul li .info{
   width: 275px;
   height: 275px;
   position: relative;
   display: flex;
   justify-content: center;
}
.quality ul li .info:after{
   content: "";
   width:198px;
   height:198px;
   background:#fff;
   position: absolute;
   left:50%;
   top:50%;
   margin-left: -99px;
   margin-top: -129px;
   border-radius: 10px;
   transform: rotate(45deg);
   transition: .5s;
}
.quality ul li:nth-child(2) .icon:after{
   background: #f5934b;
}
.quality ul li:nth-child(3) .icon:after{
   background: #f6cc3a;
}
.quality ul li:nth-child(4) .icon:after{
   background:#d3f147;
}
 
.quality ul li .text{
   width: 210px;
   position: relative;
   z-index: 100;
   margin-top:45px;
}
.quality ul li .text h5{
   width: 130px;
   margin:0 auto;
   font-size: 20px;
   color:#333333;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   text-align: center;
   font-weight: normal;
}
.quality ul li .text p{
   color:#808080;
   font-size: 14px;
   margin-top: 10px;
   text-align: center;
   line-height: 24px;
}
.quality ul li .text b{
   color:#333333;
}
.quality ul li:hover .icon:after{
   transform: rotate(135deg);
}
.quality ul li:hover .info:after{
   box-shadow: 1px 1px 4px 2px #e4e3e3;
}

.team{
   width: 1270px;
   margin:0 auto;
   height: auto;
   overflow: hidden;
}
.team .title{
   width: 100%;
   height: auto;
   overflow: hidden;
   background: url(../images/tit02.png)no-repeat center;
   margin-top: 40px;
}
.team .title p{
   color:#333333;
   font-size: 24px;
   text-align: center;
}
.team .title span{
   display: block;
   text-align: center;
   color:#7b7b7b;
   font-size: 14px;
}
.team .rolling{
   width: 100%;
   height: auto;
   overflow: hidden;
   margin-top: 35px;
   position: relative;
}
.team .rolling .bd{
   width: 1140px;
   margin:0 auto;
   height: auto;
   overflow: hidden;
}
.team .rolling .bd ul li{
   float: left;
   width: 280px;
   height: 400px;
   overflow: hidden;
   float: left;
   background:#f7f7f7;
   margin-right: 7px;
}
.team .rolling .bd ul li p{
   width: 100%;
   font-size: 24px;
   color:#333333;
   text-align: center;
   margin-top: 5px;
}
.team .rolling .bd ul li span{
   display: block;
   width: 100%;
   text-align:center;
   color:#808080;
   font-size: 14px;
   margin-top: 3px;

}
.team .rolling .bd ul li div{
   width: 260px;
   height: 300px;
   overflow: hidden;
   margin:10px;
   margin-bottom: 0;
}
.team .rolling .bd ul li img{
   display: block;
   width: 260px;
   transition: .5s;
   height: 300px;
}
.team .rolling .bd ul li:hover img{
   transform: scale(1.05);
}
.team .rolling .next,.team .rolling .prev{
   position: absolute;
   display: block;
   width: 51px;
   height: 95px;
   top: 50%;
   margin-top: -48px;
}
.team .rolling .next{
   background: url(../images/bg.png)no-repeat -3px -50px;
 
   left: 0;
}
.team .rolling .prev{
   background: url(../images/bg.png)no-repeat -75px -50px;
 
   right: 0;
}
.team .rolling .nextStop, .team .rolling .prevStop{
   opacity: 0.3;
}
.team .more{
   display: block;
   width: 200px;
   height: 50px;
   background: #f42f2f;
   margin:0 auto;
   margin-top: 25px;
   text-align: center;
   line-height: 50px;
   color:#fff;
   font-size: 12px;
   border-radius: 10px;
}
.team .more:hover {
   text-decoration: underline;
}
.news{
   width: 1136px;
   margin:0 auto;
   height: 430px;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 40px;
}
.news .current{
   float: left;
   width: 370px;
   height: auto;
   overflow: hidden;
}
.news .current .tit{
   width:328px;
   height: auto;
   overflow:hidden;
}
.news .current .tit p{
   color:#333333;
   font-size: 30px;
   font-weight: bold;
   line-height: 32px;
}
.news .current .info{
   margin-top: 30px;
}
.news .current .info p{
   color:#858585;
   font-size: 15px;
   line-height: 28px;
}
.news .current a{
   display: block;
   width: 158px;
   height: 48px;
   border: 1px solid #e7304e;
   text-align: center;
   line-height: 48px;
   margin-top: 10px;
   color:#f42f2f;
}
.news  ul{
   width: 750px;
   height: auto;
   overflow: hidden;
   float: right;
}
.news  ul li{
   float: left;
   width: 360px;
   height: auto;
   overflow: hidden;
}
.news  ul li img{
   display: block;
   width: 360px;
   height: 236px;
}
.news  ul li .info{
   width: 360px;
   margin:0 auto;
   margin-top: 30px;
}
.news  ul li .info h4{
   font-size: 14px;
   color:#333333;
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.news  ul li .info p{
   display: block;
   color: #858585;
   font-size: 14px;
   color:#858585;
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   margin-top: 10px;
}
.news  ul li   a{
   display: block;
   width: 140px;
   height: 15px;
   margin-top: 30px;
   overflow: hidden;
   background: url(../images/bg.png)no-repeat 90px -162px;
   transition: .5s;
}
.news  ul li   a img{
   display: block;
   width: 76px;
   height: 10px;
   margin-top:2px;
   float: left;
}
.news  ul li a:hover{
   background: url(../images/bg.png)no-repeat 95px -162px;
}
.news  ul li:nth-child(2n){
   float: right;
}
.standard{
   width: 100%;
   height: 400px;
   overflow: hidden;
   background: #f2f2f2;
}
.standard .title{
   width: 100%;
   height: 63px;
   overflow: hidden;
   background: url(../images/tit03.png)no-repeat center;
   margin-top: 60px;
}
.standard .title p{
   color:#333333;
   font-size: 24px;
   text-align: center;
   line-height: 63px;
}
.standard  ul{
   width: 1050px;
   margin:0 auto;
   margin-top: 35px;
   display: flex;
   justify-content: space-between;
}
.standard  ul li{
   float: left;
   width:150px;
}
.standard  ul li .icon{
   width: 87px;
   height: 81px;
   background: url(../images/s-bg.png)no-repeat center;
   display: flex;
   justify-content: center;
   margin:0 auto;
   align-items: center;
   transition: .3s;
}
.standard  ul li p{
   width: 100%;
   color: #333333;
   font-size: 18px;
   text-align: center;
   font-weight: bold;
   margin-top: 20px;
}
.standard  ul li  span{
   display: block;
   width: 100%;
   text-align: center;
   font-size: 12px;
   color:#333333;
   line-height: 23px;
   margin-top: 5px;
}
.standard  ul li:hover .icon{
   margin-top: -10px;
}
.footer{
   width: 100%;
   height: 410px;
   background: #0d0d0d;
}
.footer .cont{
   float: left;
   width: 250px;
   height: auto;
   overflow: hidden;
   margin-top: 35px;
}
.footer .cont .logo img{
   display: block;
}
.footer .cont .logo  p{
   color:#fff;
   font-size: 20px;
   font-weight: 400;
   margin-top: 5px;
}
.footer .cont .tel p{
   color:#ffffff;
   font-size: 12px;
   line-height: 24px;
   margin-top: 5px;
}
.footer .fn{
   float: left;
   width: 600px;
   padding-left:50px;
   height: auto;
  
   padding-right:50px;
   margin-top: 45px;
   position: relative;
   margin-left: 20px;
 

}
.footer .fn:after{
   width: 1px;
   height: 135px;
   content: "";
   background: #333333;
   position: absolute;
   right: 0;
   top: 0;
}
.footer .fn:before{
   width: 2px;
   height: 135px;
   content: "";
   background:#333333;
   position: absolute;
   left: 0;
   top: 0;
}
.footer .fn ul{
   width: 600px;
   display: flex;
   justify-content: space-between;
}
.footer .fn ul li{
   float: left;
  
   text-align: center;
}
.footer .fn ul li a{
   color:#ffffff;
   font-size: 14px;
   font-weight: 500;
}
.footer .fn ul ul{
   width: 100%;
   display: block;
   margin-top: 10px;
}
.footer .fn ul ul li{
   float: inherit;
   width: 100%;
   text-align: center;
   padding: 0;
   line-height: 30px;
}
.footer .fn ul ul li a{
   font-size: 12px;
   color:#ccc;
}
.footer .ewm{
   float: right;
   width: 135px;
   margin-top: 50px;
}
.footer .ewm img{
   display: block;
   width: 90px;
   height: 90px;
   margin:0 auto;
}
.footer .ewm p{
   text-align: center;
   font-size: 12px;
   color:#fff;
   line-height: 20px;
   margin-top: 5px;
}
.footer .links{
   width: 1000px;
   margin:0 auto;
   float: left;
   display: flex;
   justify-content: center;
   border-bottom: 1px solid #252525;
   margin-left: 80px;
   margin-top: 10px;
}
.footer .links p{
   line-height: 30px;
   color:#4c4c4c;
   font-size: 12px;
}
.footer .links ul {
   width: 725px;
   overflow: hidden;
}
.footer .links ul li{
   float: left;
   padding-right:8px;
   line-height: 30px;
   position: relative;
   padding-left: 8px;
}
.footer .links ul li:after{
    content:"";
    position:absolute;
    right:0px;
    top:50%;
    height:12px;
    margin-top: -6px;
    width:1px;
    background:#4c4c4c;
}

.footer .links ul li:last-child:after{
    height:0px;
    width:0px;
}
.footer .links ul li a {
   color:#4c4c4c;
   font-size: 12px;

}
.footer .copyright {
   float: left;
   width: 100%;
   text-align: center;
   margin-top: 10px;
}
.footer .copyright p{
   color:#858585;
   font-size: 12px;
   line-height: 24px;

}
.float{
   position: fixed;
   left: 50%;
   margin-left: 650px;
   width: 80px;
   height: auto;
   bottom: 100px;
  /* border: 1px solid #ecebec;*/
    border-radius: 5px;
    background: #fff;
    padding-bottom: 10px;
/*    box-shadow: 0px 0px 0px 2px #f5f4f4;*/
    background: #f42f2f;
}
@media  screen and (max-device-width: 1390px){
   
    .float{
      margin-left: 610px;
    }

}
.float ul {
   width: 70px;
   margin:0 auto;
   height: auto;
  

}
.float ul li{
   width: 70px;
   height: 40px;
   margin-top: 10px;
   border-bottom: 1px solid #fff;
   position: relative;
}
.float ul li:last-child{
   border: none;
}
.float ul li a{
   display: block;
   width: 70px;
   height: 40px;
}
/*.float ul li:nth-child(1){
   background: url(../images/bg03.png)no-repeat 15px 12px;
}
.float ul li:nth-child(2){
   background: url(../images/bg03.png)no-repeat 15px -40px;
}
.float ul li:nth-child(3){
   background: url(../images/bg03.png)no-repeat 15px -92px;
}
.float ul li:nth-child(4){
   background: url(../images/bg03.png)no-repeat 13px -142px;
   border-bottom: none;
}
.float ul li:nth-child(5){
   background: url(../images/bg03.png)no-repeat 15px -184px;
   border-top: 1px solid #e2e2e2;
   margin:0;
   display: none;
}
.float ul li:nth-child(1):hover{
   background: url(../images/bg03.png)no-repeat -101px 12px;
}
.float ul li:nth-child(2):hover{
   background: url(../images/bg03.png)no-repeat -101px -40px;
}
.float ul li:nth-child(3):hover{
   background: url(../images/bg03.png)no-repeat -101px -92px;
}
.float ul li:nth-child(4):hover{
   background: url(../images/bg03.png)no-repeat -104px -142px;
}
.float ul li:nth-child(5):hover{
   background: url(../images/bg03.png)no-repeat -101px -184px;
}*/

.float ul li:nth-child(1){
   background: url(../images/float01.png)no-repeat center;
}
.float ul li:nth-child(2){
  background: url(../images/float02.png)no-repeat center;
}
.float ul li:nth-child(3){
   background: url(../images/float03.png)no-repeat center;
}
.float ul li:nth-child(4){
   background: url(../images/float04.png)no-repeat center;
    border-bottom: none;
}
.float ul li:nth-child(5){
   background: url(../images/float05.png)no-repeat center;
    margin:0;
   display: none;
}
.float ul li div{
   position: absolute;
   left: -100px;
   top: 50%;
   width: 90px;
   height: 90px;
   display: none;
   margin-top:-45px;
}
.float ul li div img{
   display: block;
   width: 90px;
   height: 90px;
 
}
.float ul li:hover div{
   display: block;
}



/*内页*/


.crumbs{
   width: 1200px;
   margin:0 auto;
   height: auto;
   overflow: hidden;
   line-height: 40px;
   
}
.crumbs a{
   color:#333333;

}
.crumbs a:hover{
   color:red;
}

.inside-content{
   width:100%;
   margin:0 auto;
   height: auto;
   overflow: hidden;
   background:#f7f7f7;
}
.inside-content .left{
   float: left;
   width: 840px;
   min-height: 1000px;
   margin-top:5px;
}
.inside-content .right{
   margin-top: 5px;
}
.label{
   width: 840px;
   height: auto;
   overflow: hidden;
 
}
.label ul li{
   float: left;
   width: 320px;
   height: 60px;
   background:#e6e6e6;
   border-radius: 15px 15px 0 0;
   margin-right: 10px;
}
.label ul .on{
   background: #ffffff;
}
.label ul li a{
   display: flex;
   width: 100%;
   height: 60px;
   align-items: center;
   color:#808080;
   font-size: 18px;
   margin-right: 10px;
   justify-content: center;
}
.label ul li div{
   margin-left: 5px;
}
.label ul li div img{
   display: none;
}
.label ul li div img:first-child{
   display:block;
}
.label ul .on div img:last-child{
   display: block;
}
.label ul .on div img:first-child{
   display: none;
}
.filter{
   width: 850px;
   height: 169px;
   background: #fff;
   border-bottom: 1px solid #e6e6e6;
   padding-top: 40px;

}
.filter .item{
   width: 790px;
   margin:0 auto;
   height: auto;
   overflow: hidden;
}
.filter .item .clearfix{
   display: flex;
   height: 30px;
   align-items: center;
   margin-bottom: 20px;
   line-height: 30px;
}
.filter .item .clearfix p{
   color:#333333;
   font-size: 20px;
   font-weight: bold;
   margin-right: 10px;
}
.filter .item .clearfix ul {
   
}
.filter .item .clearfix ul  li{
   float: left;
   padding-right: 20px;
   padding-left:20px;
   line-height: 28px;
   border-radius: 5px;

}
.filter .item .clearfix ul  li a{
   color:#808080;
   font-size: 14px;
}
.filter .item .clearfix ul   .select{
   font-size: 14px;
   border: 1px solid #f42f2f;
}
.filter .item .clearfix ul   .select a{
    color:#f42f2f;
}
.filter .item .clearfix ul  li a:hover {
   text-decoration: underline;
}
.tab-conent{
   width: 850px;
   float: left;
 
   position: relative;
   background: #fff;
   height: auto;
   overflow: hidden;
   margin-bottom: 24px;
}
 
.tab-conent .part:nth-child(1){
   opacity: 1;
   z-index: 100;
}
.tab-conent .cases-list{
   width: 850px;
   height:auto;
   background: #fff;
   overflow: hidden;
}
.tab-conent .cases-list ul{
	width: 804px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
}
.tab-conent .cases-list ul li{
    width: 100%;
   height:275px;
   overflow: hidden;
   margin-top: 25px;
   background: #fff;
   border-bottom: 1px solid #f7f7f7;
}
.tab-conent .cases-list ul li:hover .info-tit p{
   color:#f43535;
}
.tab-conent .cases-list .info-tit{
   font-weight: bold;
   width: 100%;
}
.tab-conent .cases-list .info-tit p{
   color:#333333;
   font-size: 20px;
   color:#333;
}
.tab-conent .cases-list  .cases-param{
   width: 100%;
   height: 30px;
   display: flex;
   align-items: center;

}
.tab-conent .cases-list  .cases-param span{
   display: block;
   color:#808080;
   font-size: 12px;
   padding-right: 10px;
}
 
.tab-conent .cases-list .cases-img img{
   display: block;
   width: 261px;
   height: 195px;
   transition: .5s;
}
.tab-conent .cases-list .cases-img a{
   display: block;
   width: 261px;
   height: 195px;
   overflow: hidden;
   float: left;
   margin-left: 9px;
}
.tab-conent .cases-list .cases-img a:nth-child(1){
   margin:0;
}
.tab-conent .cases-list .cases-img img:hover {
   transform: scale(1.05);
}


.pager,#page_index1,#page_index2{
   display: flex;
   justify-content: center;
   height: 40px;
   align-items: center;
   margin-top: 40px;
   margin-bottom: 40px;
}
.pager a,#page_index1 a,#page_index2 a{
   display: block;
   padding: 11px 15px;
   border: 1px solid #e7e7e7;
   margin-right: 5px;
   margin-left: 15px;
   color:#f42f2f;
   border-radius: 5px;
}
.pager span,#page_index1 span,#page_index2 span{
    padding: 11px 15px;
    border-radius: 5px;
    margin-right: 15px;
    margin-left: 15px;
     border: 1px solid #e7e7e7;
     background: #f42f2f;
     color:#fff;
     font-size: 2px;
}


.pager .thisclass,#page_index1 .thislink,#page_index2 .thislink{
   background: #f42f2f;
   color:#fff;
   
    display: block;
    padding: 11px 15px;
    margin-right: 5px;
    margin-left: 15px;
    border-radius: 5px;
    
}


.tab-conent  .picture-list ul{
   width: 665px;
   margin:0 auto;
   height: auto;
   min-height: 600px;
   overflow: hidden;
 
}
.tab-conent  .picture-list ul li{
   float: left;
   width: 294px;
   height: 276px;
   overflow: hidden;
   background: url(../images/list-bg.png)no-repeat center;
   margin-top: 55px;
}
.tab-conent  .picture-list ul li:nth-child(2n){
   float: right;
}
.tab-conent  .picture-list ul li span{
   display: block;
   width: 261px;
   height: 195px;
   margin:0 auto;
   margin-top:20px;
   overflow: hidden;
}
.tab-conent  .picture-list ul li span img{
   display: block;
   width: 261px;
   height: 195px;
   transition: .5s;
}
.tab-conent  .picture-list ul li:hover img{
   transform: scale(1.05);
}
.tab-conent  .picture-list ul li .info{
   width: 261px;
   margin:0 auto;
   height:auto;
   overflow: hidden;
}
.tab-conent  .picture-list ul li .info h4{
   color:#333333;
   font-size: 18px;
   font-weight: normal;
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   line-height: 30px;
   text-overflow: ellipsis;
}
.tab-conent  .picture-list ul li .info  p{
   color:#b2b2b2;
   font-size: 12px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   line-height: 15px;
}
.tab-conent  .picture-list ul li:hover h4{
   color:#f42f2f;
}
.show-box{
   float: right;
   width: 340px;
   background:#fff;
   margin-top:64px;
   min-height: 800px;
   position: relative;
}
 
.show-box .tit{
   width: 100%;
   height: auto;
   overflow: hidden;
   height: 40px;
   display: flex;
   align-items: center;
   margin-top: 20px;
}
.show-box .tit p{
   color:#333333;
   font-size: 20px;
   margin-right: 5px;
}
.recomList{
   width: 294px;
   margin:0 auto;
   height: auto;
   overflow: hidden;

}
.recomList ul li{
   float: left;
   width: 294px;
   height: 276px;
   background: url(../images/list-bg.png)no-repeat center;
   margin-bottom: 15px;
 
}
.recomList ul li span{
   display: block;
   width: 261px;
   height: 195px;
   margin:0 auto;
   margin-top: 20px;
   overflow: hidden;
}
.recomList ul li span img{
   display: block;
   width: 261px;
   height: 195px;
   transition: .5s;
}
.recomList ul li:hover img{
   transform: scale(1.05);
}
.recomList ul li .info{
   width: 261px;
   margin:0 auto;
   height:auto;
   overflow: hidden;
}
.recomList ul li .info h4{
   color:#333333;
   font-size: 18px;
   font-weight: normal;
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   line-height: 30px;
   text-overflow: ellipsis;
}
.recomList ul li .info  p{
   color:#b2b2b2;
   font-size: 12px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   line-height:15px;
}
.recomList ul li:hover h4{
   color:#f42f2f;
}

.infoList{
   width: 286px;
   margin:0 auto;
   height: auto;
   overflow: hidden;
}
.infoList ul li{
   width: 100%;
   height: auto;
   overflow: hidden;
   border-bottom: 1px solid #e6e6e6;
   padding-bottom: 14px;
   margin-bottom: 20px;
}
.infoList ul li .pic{
   float: left;
   width: 144px;
   height: 94px;
   overflow: hidden;
}
.infoList ul li .pic img{
   display: block;
   width: 144px;
   height: 94px;
   transition: .5s;
}
.infoList ul li:hover .pic img{
   transform: scale(1.05);
}
.infoList ul li .info{
   float: right;
   width: 135px;
}
.infoList ul li .info h4{
   font-weight: normal;
   font-size: 14px;
   color:#333;
   height: 45px;
   line-height: 21px;
   font-weight: 400;
   width: 100%;
   display: -webkit-box;
   -webkit-line-clamp:2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.infoList ul li .info p{
   color:#cccccc;
   font-size: 12px;
   line-height: 25px;
}
.infoList ul li .info span{
   height: 20px;
   display: flex;
   align-items: center;
   margin-top: 5px;
}
.infoList ul li .info span b{
   color:#cccccc;
   font-size: 12px;
   font-weight: normal;
   margin-left:5px;
}
.infoList ul li:hover h4{
   color:#f42f2f;
}


/*案例详情*/


.detailed-cont{
   width: 100%;
   height: auto;
   overflow: hidden;
   margin-bottom: 24px;
   margin-top: 5px;
   background: #fff;
}

.detailed-cont .tit {
   width: 660px;
   margin:0 auto;
   margin-top: 20px;
}
.detailed-cont .tit h4{
   color:#333333;
   font-size: 30px;
   font-weight: normal;
   text-align: center;
}
.detailed-cont .tit span{
   display: block;
   text-align: center;
   color:#808080;
   font-size: 12px;
   line-height: 30px;
}
.detailed-cont .info{
   width: 800px;
   margin:0 auto;
   height: auto;
   overflow: hidden;
   margin-top:15px;
}
.detailed-cont img{
   display: block;
}
.album-deta{
   width: 1150px;
   padding: 25px;
   height: auto;
   overflow: hidden;
   background: #fff;
   margin-top: 5px;
    position: relative;
}
.album-cont{
   width: 100%;
   height: 488px;
  
}
.album-cont ul {
   width: 100%;
   height: 488px;
   position: relative;
}
.album-cont ul li{
   width: 100%;
   position: absolute;
   height: auto;
   overflow: hidden;
    
}
.album-cont ul li:nth-child(1){
   opacity: 1;
}
.album-cont ul li .pic{
   float: left;
   width: 653px;
   height: 488px;
}
.album-cont ul li .pic img{
   display: block;
   width: 653px;
   height: 488px;
}
.album-cont ul li .info{
   float: right;
   width: 438px;
   height:auto;
   overflow: hidden;
   margin-left: 35px;
   margin-top: 10px;
}
.album-cont ul li .info .tit h4{
   color:#333333;
   font-size: 30px;
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   font-weight: normal;
}
.album-cont ul li .info .num {
   height: 40px;
   display: flex;
   letter-spacing:2px;
   align-items:baseline;
   margin-top: 5px;
}
.album-cont ul li .info .num i{
   color:#f42f2f;
   font-size: 30px;
   float: left;
   font-style: inherit;
}
.album-cont ul li .info .num span{
   color:#808080;
   font-size: 18px;
}
.album-cont ul li  .text{
   width: 430px;
   height: auto;
   overflow: hidden;
   margin-top: 10px;
}
.album-cont ul li  .text p{
   color:#333333;
   font-size: 18px;
   line-height: 36px;
}
.album-deta .next, .album-deta .prev{
   width: 50px;
   height: 98px;
   position: absolute;
   top:214px;
   z-index: 200;
   opacity: 0;
   transition: .5s;
}
.album-deta:hover .next{
   opacity: 1;
}
.album-deta:hover .prev{
   opacity: 1;
}
.album-deta .next{
   background: url(../images/next.png)no-repeat center;
   margin-left: -10px;
   
}
.album-deta .prev{
   background: url(../images/prev.png)no-repeat center;
   margin-left: 613px;
}
.album-list{
   width: 100%;
   height: auto;
   overflow: hidden;
   position: relative;
   margin-top: 25px;
}
.album-list ul{
 
   display: flex;
   transition: .5s;

}
.album-list ul li{
   float: left;
   width: 130px;
   height: 90px;
   padding-right: 16px;
}
.album-list ul li img{
   display: block;
   width: 126px;
   height: 86px;
   border: 2px solid #808080;
}
.album-list ul .on img{
   border: 2px solid #f42f2f;
}
.album-list .lNext,.album-list .lPrev{
   width: 50px;
   height: 98px;
   position: absolute;
   top: 0;
   z-index: 100;

}
.album-list .lNext{
   background: url(../images/next.png)no-repeat center;
   left: 0;
}
.album-list .lPrev{
   background: url(../images/prev.png)no-repeat center;
   right: 0;
   opacity: 0.3;
}



/*员工*/

.staff{
   width: 800px;
   margin:0 auto;
   height: auto;
   overflow: hidden;
   margin-top: 30px;
}
.staff .resume{
   width: 100%;
   height: 334px;
   overflow: hidden;
   border-bottom: 1px solid #f7f7f7;
}
.staff .resume .pic{
   float: left;
   width: 260px;
   height: 300px;
}
.staff .resume .pic img{
   display: block;
   width: 260px;
   height: 300px;
}
.staff .resume  .info{
   float: left;
   margin-left: 35px;
   width: 500px;
}
.staff .resume  .info .tit{
   width: 100%;
   height: 40px;
   display: flex;
   align-items:flex-end;
   padding-bottom: 5px;
   overflow: hidden;
   border-bottom: 1px solid #e6e6e6;
   margin-top: 45px;
}
.staff .resume  .info .tit h4{
   color:#333333;
   font-size: 24px;
   float: left;
}
.staff .resume  .info .tit p{
   color:#333333;
   font-size: 12px;
   float: left;
   margin-left: 10px;
}
.staff .resume  .info .tit span{
   color:#333333;
   font-size: 12px;
   margin-left: 35px;
}
.staff .resume  .info .text{
   width: 100%;
   height: auto;
   overflow: hidden;
   margin-top: 10px;
   border-bottom: 1px solid #e6e6e6;
   padding-bottom: 15px;
}
.staff .resume  .info .text p{
   color:#333333;
   font-size: 12px;
   line-height: 24px;
}
.staff .resume  .info .spc{
   width: 100%;
   height: auto;
   overflow: hidden;
   margin-top: 20px;
}
.staff .resume  .info .spc p{
   float: left;
   color:#808080;
   font-size: 14px;
   line-height: 50px;
}
.staff .resume  .info .spc b{
   color:#333333;
   font-size: 18px;
   font-weight: normal;
}
.staff .resume  .info .spc a{
   display: block;
   float: right;
   width: 150px;
   height: 50px;
   background: #f42f2f;
   border-radius: 5px;
   text-align: center;
   line-height: 50px;
   font-size: 18px;
   color:#ffffff;
   transition: .5s;
  
}
.staff .resume  .info .spc a:hover{
    box-shadow:0px 2px 42px -5px #707070 inset;
}
.staff  .works{
   width: 100%;
   height: auto;
   overflow: hidden;
   margin-top: 20px;
}
.staff  .works .tit{
   width: 100%;
}
.staff  .works .tit p{
   color:#333333;
   font-size: 18px;
   line-height: 20px;
   border-left:2px solid #f42f2f;
   height: 20px;
   padding-left: 6px;
}
.staff  .works  ul{
   width: 100%;
   margin-top: 10px;
   margin-left: -15px;
}
.staff  .works  ul li{
   width: 260px;
   height: auto;
   float: left;
   margin-top: 20px;
   margin-left: 15px;
   overflow: hidden;
}
.staff  .works  ul li  span{
   display: block;
   width: 260px;
   height: 195px;
   overflow: hidden;
}
.staff  .works  ul li  span img{
   display: block;
   width: 260px;
   height: 195px;
   transition: .5s;
}
.staff  .works  ul li  h4{
   color:#333333;
   font-size: 18px;
   width: 100%;
   line-height: 30px;
   overflow: hidden;
   white-space: nowrap;
   font-weight: normal;
   text-overflow: ellipsis;
}
.staff  .works  ul li p{
   color:#b2b2b2;
   font-size: 12px;
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.staff  .works  ul li:hover img{
   transform: scale(1.05);
}
.staff  .works  ul li:hover h4{
   color:#f42f2f;
}

.staff-list{
   width: 100%;
   margin:0 auto;
   height: auto;
   overflow: hidden;
   background: #fff;
}
.staff-list ul{
    margin-top: 20px;
    margin-left: -2px;
    height: auto;
    overflow: hidden;
    min-height: 900px;
}
.staff-list ul li{
   width: 260px;
   background: #fff;
   height:370px;
   overflow: hidden;
   transition: .3s;
   float: left;
   margin-bottom: 12px;
   margin-left: 16px;
}
.staff-list ul li:hover{
   background: #f42f2f;
}
.staff-list ul li img{
   display: block;
   width: 252px;
   height: 296px;
   margin:3px;
   margin-bottom: 0;
}
.staff-list ul li h4{
   color:#333333;
   font-size: 24px;
   text-align: center;
   line-height: 35px;
   font-weight: normal;
   margin-top: 5px;
}
.staff-list ul li span{
   width: 100%;
   color:#808080;
   display: block;
   text-align: center;
   font-size: 14px;
}
.staff-list ul li:hover h4{
   color:#fff;
}
.staff-list ul li:hover span{
   color:#fff;
}

.deta-process{
   width: 100%;
   height: auto;
   overflow: hidden;
   
}
 .deta-process ul:nth-child(2){
      display: none;
   }
.deta-process ul li{
   width: 100%;
   height: 500px;
   background: url(../images/pr01.png)no-repeat center;
}
.deta-process ul li .main{
   width: 1028px;
   margin:0 auto;
   height: auto;
}
.deta-process ul li:nth-child(2){
   background: url(../images/pr02.png)no-repeat center;
}
.deta-process ul li:nth-child(3){
   background: url(../images/pr03.png)no-repeat  center;
   
 
}
.deta-process ul li:nth-child(4){
   background: url(../images/pr04.png)no-repeat center;
}
.deta-process ul li:nth-child(5){
   background: url(../images/pr05.png)no-repeat center;
  
    
}
.deta-process ul li:nth-child(6){
   background: url(../images/pr06.png)no-repeat center;
}
.deta-process ul li:nth-child(7){
   background: url(../images/pr07.png)no-repeat center ;
  
 
}
.deta-process ul li:nth-child(8){
   background: url(../images/pr08.png)no-repeat center ;
 
 
}
.deta-process ul li .tit{
   display: flex;
   justify-content:center;
   height: 500px;
   align-items:center;
  flex-direction:column;
}
.deta-process ul li .tit p{
   color:#333333;
   font-size: 46px;  
}
.deta-process ul li .tit span{
   color:#333333;
   font-size: 22px;
}
.deta-process ul li .box{
   display: flex;
   height: 500px;
   width: 495px;
   align-items:center;
}
.deta-process ul li .box img{
   display: block;
   margin-right: 15px;
}
.deta-process ul li .box .info h4{
   color:#333333;
   font-size: 24px;
   font-weight: bold;
}
.deta-process ul li .box .info p{
   color:#333333;
   font-size: 18px;
}
.deta-process ul li .box .info span{
   display: block;
   width: 260px;
   height: 40px;
   background: url(../images/bd.png)no-repeat center;
   line-height: 40px;
   text-align: center;
   color:#333333;
   font-size: 14px;
   margin-top: 5px;
}
.deta-process ul li:nth-child(odd) .box{
   float: right;
}

.red {
   color:#f42f2f !important;
}

.a-on {
   background:#f42f2f !important;
}

.a-on a {
   color:#fff !important;
}


/*联系我们*/

.inside-banner {
   width: 100%;
   height:auto;
   overflow: hidden;
   position: relative;
}
.inside-banner .main{
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -600px;
}
.inside-banner .pic{
   width: 100%;
   height: auto;
   overflow: hidden;
}
.inside-banner .pic img{
   display: block;
   width: 100%;
 
}
.inside-banner .pic img:nth-child(2){
   display: none;
}
.inside-banner .tit{
   margin-top: 130px;
   position: relative;
   margin-left: 24px;
   z-index: 100;
   position: relative;
   height: 45px;
   float: left;
}
.inside-banner .tit:after{
   content: "";
   width: 23px;
   height:2px;
   background: #f42f2f;
   position: absolute;
   left: 0;
   bottom: 0;
}
.inside-banner .tit p{
   color:#fff;
   font-size: 30px;
}
.inside-banner  .icon{
   position: relative;
   float: right;
}
.inside-banner .info{
   position: relative;
   z-index: 100;
   margin-top: 160px;
}
.inside-banner .info p{
   color:#bdbdbd;
   font-size: 30px;
   width: 100%;
   text-align: center;
}
.inside-banner .info span{
   color:#bdbdbd;
   font-size: 20px;
   display: block;
   margin-top: 10px;
   text-align: center;
}
.inside-cont{
   width: 100%;
   height: auto;
   overflow: hidden;
   min-height: 500px;
}
.inside-cont .title{
   width: 100%;
   height: auto;
   position: relative;
   height: 45px;
   overflow: hidden;
   margin-top: 45px;
}
.inside-cont .title:after{
   content: "";
   width: 22px;
   height: 2px;
   background: #f42f2f;
   position: absolute;
   left: 50%;
   margin-left: -11px;
   bottom: 0;
}
.inside-cont .title p{
   color:#131314;
   font-size: 30px;
   text-align: center;
}
.inside-cont .bd{
   width: 1140px;
   margin:0 auto;
   height:540px;
   overflow: hidden;
   margin-top: 35px;
   position: relative;
   z-index: 100;
   background: rgba(246,89,89,0.8) url(../images/cont-icon02.png)no-repeat center;
}
.inside-cont .cont-form{
   width: 445px;
   height: 440px;
   margin-top: 40px;
   margin-left: 40px;
   float: left;
}
.inside-cont .cont-form .tit{
   width: 100%;
   height: auto;
   overflow: hidden;
}
.inside-cont .cont-form .tit p{
   color:#fff;
   font-size: 20px;
}
.inside-cont .cont-form form{
   width: 100%;
   height: auto;
   overflow:hidden;
   margin-top: 20px;
}
.inside-cont .cont-form form ul li{
   width: 443px;
   min-height: 48px;
   height: auto;
   overflow: hidden;
   border: 1px solid #fca5a5;
   margin-bottom: 10px;
}
.inside-cont .cont-form form ul li span{
   display: block;
   width: 45px;
   height: 48px;
   float: left;
}
.inside-cont .cont-form form ul li p{
   color:#600909;
   font-size: 13px;
   line-height: 48px;
   float: left;
}
.inside-cont .cont-form form ul li:nth-child(1) span{
   background: url(../images/cont-icon.png)no-repeat 15px 15px;
}
.inside-cont .cont-form form ul li:nth-child(2) span{
   background: url(../images/cont-icon.png)no-repeat 15px -43px;
}
.inside-cont .cont-form form ul li:nth-child(3) span{
   background: url(../images/cont-icon.png)no-repeat 15px -100px;
}
.inside-cont .cont-form form ul li:nth-child(4) span{
   background: url(../images/cont-icon.png)no-repeat 15px -162px;
}
.inside-cont .cont-form form ul li input{
   width: 390px;
   float: right;
   height: 48px;
   border:none;
   outline: none;
   background: inherit;
   color:#600909;
   font-family: " Microsoft YaHei";
}
.inside-cont .cont-form form ul li textarea{
   width: 390px;
   height: 148px;
   border: none;
   outline: none;
   background: inherit;
   padding-top: 20px;
   resize: none;
   float: right;
   font-family: " Microsoft YaHei";
}
.inside-cont ::-webkit-input-placeholder{
   color:#600909;font-size: 13px;
}
:-moz-placeholder{
   color:#600909;font-size: 13px;
}
::-moz-placeholder{
   color:#600909;font-size: 13px;
}
:-ms-input-placeholder {
   color:#600909;font-size: 13px;
}
.inside-cont .cont-form form .btn{
   width: 150px;
   height: 50px;
   background: #ffd83b;
   border: none;
   font-size: 18px;
   color:#333333;
   margin-top: 5px;
   font-family:"Microsoft YaHei";

}
.inside-cont .contact{
   float: right;
   width: 445px;
   margin-top: 40px;
   margin-right:40px;
}
.inside-cont .contact .tit{
   width: 100%;
   height: auto;
   overflow: hidden;
}
.inside-cont .contact .tit p{
   color:#fff;
   font-size: 20px;
}
.inside-cont .contact ul {
   width: 100%;
   height: auto;
   overflow: hidden;
   margin-top: 40px;
}
.inside-cont .contact ul li{
   height:auto;
   overflow: hidden;
   margin-bottom:45px;
}
.inside-cont .contact ul li h4{
   color:#fff;
   font-size: 14px;
   font-weight: normal;
   padding-left: 40px;
   overflow: hidden;
   height: 25px;
}
.inside-cont .contact ul li:nth-child(1) h4{
   background: url(../images/cont-icon.png)no-repeat 0 2px;
}
.inside-cont .contact ul li:nth-child(2) h4{
   background: url(../images/cont-icon.png)no-repeat 0 -58px;
}
.inside-cont .contact ul li:nth-child(3) h4{
   background: url(../images/cont-icon.png)no-repeat 0 -117px;
}
.inside-cont .contact ul li p{
   color:#ffffff;
   font-size: 36px;
   margin-left:40px;
}
.inside-cont .contact ul li span{
   display: block;
   color:#a83131;
   font-size: 18px;
   margin-left: 40px;
   margin-top: 3px;
}
.inside-cont .map{
   width: 100%;
   height: 660px;
   margin-top: -230px;
   float: left;
}
.inside-about{
   width: 100%;
   height: auto;
   overflow: hidden;
}
.inside-about .title{
   width: 100%;
   height: 63px;
   position: relative;
   margin-top: 40px;
}
.inside-about .title:after{
   content: "";
   width: 100%;
   height: 1px;
   background: #909090;
   position: absolute;
   left: 0;
   top: 50%;
}
.inside-about .title div{
   width: 275px;
   background: #fff;
   position: relative;
   z-index: 100;
   margin:0 auto;
}
.inside-about .title div img{
   display: block;
   margin:0 auto;
}
.inside-about .title p{
   font-size: 30px;
   color:#333;
   text-align: center;
}
.inside-about .title span{
   display: block;
   color:#333;
   font-size: 16px;
   text-align: center;
   margin-top: 5px;
}
.inside-about .ad{
   width: 774px;
   margin:0 auto;
   height: auto;
   overflow: hidden;
   margin-top: 60px;
}
.inside-about .text{
   width:100%;
   display: flex;
   justify-content: center;
   margin:0 auto;
   margin-top: 50px;
}
.inside-about .text p{
   color:#929191;
   font-size: 14px;
   text-align: center;
   line-height: 26px;
}
.inside-about .pic{
   width: 100%;
   display: flex;
   justify-content: center;
   margin-top:35px;
}
.inside-about  .text .info{
   width: 550px;
   display: flex;
   justify-content: space-between;
}
.inside-about  .text span{
   float: left;
   color:#929191;
   font-size: 14px;

   line-height: 26px;
}
.inside-about .culture {
   margin-top: 30px;
}
.inside-about .culture .tit{
   width: 100%;
   height: 137px;
   background: #f42f2f;
   display: flex;
   justify-content: center;
   align-items: center;
}
.inside-about .slogan{
   width: 945px;
   margin:0 auto;
   margin-top: 30px;
   display: flex;
   justify-content: space-between;
}
.inside-about .slogan .item{
	width: 48%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.inside-about .slogan .icon{
   width: 100%;
   margin:0 auto;
   height: auto;
   overflow: hidden;
}
.inside-about .slogan .icon  div{
   width: 92px;
}
.inside-about .slogan .icon p{
   color:#4f4f4f;
   text-align: center;
   font-size: 28px;
}
.inside-about .slogan .icon img{
   display: block;
   margin:0 auto;
   margin-top:15px;
}
.inside-about .slogan .info{
   width: 100%;
   margin-top: 30px;
}
.inside-about .slogan .info p{
   color:#6f6e6e;
   font-size: 16px;
}
.inside-about .slogan .info span{
   display: block;
   color:#929191;
   font-size: 14px;
   margin-top: 20px;
   line-height: 26px;
}
.inside-about .values{
   width: 946px;
   margin:0 auto;
   height: auto;
   overflow: hidden;
   margin-top: 60px;
}
.inside-about .values .values-tit img{
   display: block;
   margin:0 auto;
}
.inside-about .values ul{
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-top: 40px;
}
.inside-about .values ul li{
   float: left;
   width: 306px;
   height: 246px;
   background: #e5e5e5;
   margin-bottom: 24px;
}
.inside-about .values ul li span{
   display: block;
   margin-top: 12px;
   margin-left: 13px;
}
.inside-about .values ul li .info{
   width: 280px;
   margin:0 auto;
   margin-top: 10px;
   height: auto;
   overflow: hidden;
}
.inside-about .values ul li .info p{
   color:#a3a3a3;
   font-size: 13px;
   line-height: 28px;
}
.inside-about .atlas{
   width: 100%;
   height: 552px;
   overflow: hidden;
   background: url(../images/about02.png)no-repeat center top;
   position: relative;
   margin-top: 60px;
}
.inside-about .atlas .atlas-tit{
   margin:0 auto;
   width: 296px;
   margin-top: 104px;
}
.inside-about .atlas p{
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 120px;
   background: #404040;
   color:#fff;
   font-size: 29px;
   line-height: 120px;
   text-align: center;
}


/*专题单页*/
/*body {
   background: #f7f7f7;
}
*/

.all-banner {
   width:100%;
}

.all-banner>img {
   width:100%;
}

.all-mian {
   width:1200px;
   margin:0 auto 40px;
   overflow: hidden;

}

.all-menu {
   width:18%;
   float:left;
   background: #fff;
   text-align: center;
   border-radius: 8px;
}

.all-menu h3 {
   font-size: 28px;
   line-height: 80px;
   font-weight: 500;
   color:#333;
}

.all-menu ul {
   width:100%;
   padding-bottom: 50px;
}

.all-menu ul li {

   width:82%;
   margin:0 auto;
   height:50px;
   line-height: 50px;
   border-bottom: 1px solid #ddd;
}

.all-menu ul li a {
   color:#666;
   font-size: 16px;
}

.all-cont {
   width:79%;
   float:right;
   min-height: 500px;
   background: #fff;
   border-radius: 8px;
   padding:16px;
}




/*c2m*/

.inside-c2m{
   width: 100%;
   height: auto;
   overflow: hidden;
   background: #f2f2f2;
}
.c2m-intro{
   width: 100%;
   height: auto;
   overflow: hidden;
   padding-bottom: 5%;
}
.c2m-intro .title{
   margin-top: 40px;
}
.c2m-intro .title p{
   font-size: 30px;
   color:#333333;
   text-align: center;
   height: 45px;
   position: relative;
}
.c2m-intro .title p:after{
   content: "";
   width: 80px;
   height: 1px;
   background: #f42f2f;
   position: absolute;
   left: 50%;
   margin-left: -40px;
   bottom: 0;
}
.c2m-intro .title span{
   display: block;
   color:#333333;
   font-size: 16px;
   text-align: center;
   margin-top: 2px;
}
.c2m-intro ul{
   width: 100%;
   margin:0 auto;
   display: flex;
   height: auto;
   overflow:hidden;
   justify-content:center;
}
.c2m-intro ul li{

   height: auto;
   overflow: hidden;
   width: 215px;
   position: relative;
   overflow: hidden;
   margin-top: 20px;
   margin-left: 20px;
   margin-right: 20px;
}
.c2m-intro ul li img{
   display: block;
   position: relative;
   transition: .5s;
   z-index: 100;
}
.c2m-intro ul li .pic{
   position: relative;
   width: 215px;
   height: 215px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.c2m-intro ul li .pic:after{
   content: "";
   width: 150px;
   height:150px;
   background: #fff;
   box-shadow: 0px 0px 1px 2px #e4e4e4;
   transition: .5s;
   position: absolute;
   left:50%;
   top:50%;
   margin-left: -75px;
   margin-top: -75px;
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
}
.c2m-intro ul li .info{
   width: 100%;
   height: auto;
   overflow: hidden;
   margin-top: 10px;
}
.c2m-intro ul li .info span{
   display: block;
   width: 100%;
   text-align: center;
   color:#333333;
   font-size: 16px;
}
.c2m-intro ul li .info p{
   color:#808080;
   font-size: 14px;
   line-height: 22px;
   text-align: center;
   margin-top: 10px;
}
.c2m-intro ul li:hover .pic:after{
   box-shadow: 0px 0px 21px 3px #e4e4e4;
}
.c2m-ad{
   width: 100%;
   height: 500px;
   background: url(../images/gg01.png)no-repeat center;
}
.c2m-mode{
   width: 100%;
   height: 500px;
   overflow: hidden;
   background: #f8f8f8;
}
.c2m-mode .title{
   margin-top: 40px;
   position: relative;
   z-index: 100;
}
.c2m-mode .title p{
   font-size: 30px;
   color:#333333;
   text-align: center;
   height: 45px;
   position: relative;
}
.c2m-mode .title p:after{
   content: "";
   width: 80px;
   height: 1px;
   background: #f42f2f;
   position: absolute;
   left: 50%;
   margin-left: -40px;
   bottom: 0;
}
.c2m-mode .title span{
   display: block;
   color:#333333;
   font-size: 16px;
   text-align: center;
   margin-top: 2px;
}
.c2m-mode .main{
   position: relative;
}
.c2m-mode .pro{
   width: 384px;
   height: auto;
   position: relative;
   display: flex;
   justify-content: center;
   position: absolute;
   flex-wrap: wrap;
   top:15px;
}
.c2m-mode .pro img{
   display: block;
   width: 384px;
   height:388px;
}
.c2m-mode .pro p{
   border: 1px dashed #7f7f7f;
   padding-right: 25px;
   border-radius: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 25px;
   font-size: 16px;
   margin-top: -20px;
}
.c2m-mode  .ad{
   width: 775px;
   margin-top: 60px;
   float: right;

}
.c2m-mode  .ad ul{
   display: flex;
   justify-content: space-between;
   width: 100%;
}
.c2m-mode  .ad ul li{
   width: 200px;
   height: 200px;
   background: red;
   float: left;
}
.c2m-mode  .ad ul li:nth-child(1){
   background: url(../images/ad05.png)no-repeat;
}
.c2m-mode  .ad ul li:nth-child(2){
   background: url(../images/ad05.png)no-repeat -287px 0;
}
.c2m-mode  .ad ul li:nth-child(3){
   background: url(../images/ad05.png)no-repeat -575px 0;
}
.c2m-mode  .ad p{
   color:#333;
   font-size: 24px;
   text-align: center;
   margin-top: 30px;
}
.inside-c2m .form{
   margin:0;
   overflow: hidden;
   background: url(../images/bg06.png)no-repeat center;
   height: 500px;
}
.inside-c2m .form .bg{
   margin-top: 50px;
}

.prev-next-cont {
   margin-top: 40px;
   margin-left:20px;
}

.prev-next-cont p {
   line-height: 20px;
}

.prev-next-cont p a {
   color:#666;
}

.prev-next-cont p a:hover {
   color:red;
}
.video-list{
   width:850px;
   height: auto;
   overflow: hidden;
   background: #fff;
}
.video-list ul{
   width: 700px;
   margin:0 auto;
   height: auto;
   overflow: hidden;
}
.video-list ul li {
   width: 100%;
   height: auto;
   overflow:hidden;
   margin-top: 15px;
   display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.video-list ul li video{
   width: 100%;
}
.video-list ul li p{
   width: 100%;
   line-height: 40px;
   color:#333;
   font-size: 16px;
}

.inside-c2m .form{
   width: 100%;
}
.mhead{
   display: none;
}
.mhead .box{
   width:768px;
   margin:0 auto;
   display: flex;
   justify-content:space-between;
   align-items: center;
   height: 100px;
}
.content{
   width: 100%;
   height: auto;
   overflow: hidden;
}
.mfn{
   width: 100%;
   height: auto;
   position: fixed;
   bottom: 0;
   display: none;
   z-index: 1000;
}
.mfn ul li{
   float: left;
   width: 20%;
   height:68px;
   background: #333333;
   position: relative;
}
.mfn ul li:after{
   content: "";
   width: 1px;
   height: 100%;
   position: absolute;
   right: 0;
   top: 0;
   background: #fff;
}
.mfn ul li:last-child:after{
   width: 0;
   height: 0;
}
.mfn ul li img{
   display: block;
   height: 25px;
   margin:0 auto;
   margin-top: 10px;
}
.mfn ul li p{
   color:#fff;
   text-align: center;
   font-size: 16px;
   margin-top:5px;
 
}
.mfn ul li div{
   position: absolute;
   width: 100%;
   height: auto;
   display: none;
   overflow: hidden;
   bottom: 68px;
}
.mfn ul li div li{
   float: inherit;
   width: 100%;
   line-height:45px;
   height: 45px;
   text-align: center;
   border-bottom: 1px solid #fff;
}
.mfn ul li div li:after{
   width:0;
   height: 0;
}
.mfn ul li div li a{
   color:#fff;
   font-size: 14px;
}
.clearfix span{
   display: block;
   width: 30px;
   height: 30px;
   float: right;
   background: url(../images/switch.png)no-repeat center;
   background-size: 22px 22px;
   display: none;
}

/* 平板电脑和小屏电脑之间的分辨率 */
@media  screen  and (max-width: 979px) {
   

   .mfn{
      display: block;
   }
   .footer{
      display: none;
   }
   body{
      min-width: auto;
   }
   .crumbs{
      width: 100%;
   }
   .label{
      width: 100%;
   }
   .float{
      display: none;
   }
   .filter{
      width: 100%;
      height: auto;
   }
   .filter .item{
      width: 90%;
   }
   .jd-news-list .news-list-img{
   	width: 148px !important;
   }
   .jd-news-list .news-info-r{
   	width: 575px !important;
   }
   .jd-news-list .news-info-r p{
   		display: -webkit-box;
   		-webkit-line-clamp:1;
   		-webkit-box-orient: vertical;
   		overflow: hidden;
   }
   .jd-news-list .news-info-r h4{
   		overflow: hidden;
   		white-space: nowrap;
   		text-overflow: ellipsis;
   		display: block !important;
   }
   .tab-conent{
      width: 100%;
   }
   .tab-conent .cases-list{
      width: 100%;
   }
     .tab-conent .cases-list ul{
      width: 90%;
   }
   .inside-content .main{
      width:768px;
      margin:0 auto;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
   }
   .inside-content .left{
      width: 100%;
   }
   .head{
      display: none;
   }
   .mhead{
      display: block;
      width: 100%;
      height: auto;
      overflow: hidden;
      background: #f42f2f
   }
   .nav{
      display: none;
   }
   .show-box{
      display: none;
   }
   .tab-conent .cases-list .cases-img a{
      width: 48%;
      height: auto;
   }
   .tab-conent .cases-list .cases-img img{
      width: 100%;
      height: 216px;
   }
   .tab-conent .cases-list ul li{
      height: auto;
      padding-bottom: 4%;
   }
   .video-list{
      width: 100%;
   }
 
   .video-list ul{
      width: 94%;
   }
   .c2m-intro ul{
      width: 768px;
      flex-wrap: wrap;
   }
   .c2m-ad{
      height: 300px;
   }
   .c2m-ad{
      background: url(../images/mgg01.png)no-repeat center;
      background-size: 100%;
   }
   .c2m-mode .main{
      width: 768px;
   }
   .c2m-mode .pro{
      display: none;
   }
   .inside-c2m .form{
      display: none;
   }
   .quality{
      display: none;
   }



   .inside-about .ad{
      width: 768px;
   }
   .inside-about .ad img{
      width: 100%;
   }
   .inside-about .pic{
      width: 768px;
      margin:0 auto;
      margin-top: 3%;
   }
   .inside-about .pic img{
      width: 100%;
   }
   .inside-about .slogan .info{
      width: 768px;
      margin:0 auto;
      margin-top: 3%;
   }
   .inside-about .values ul{
      width: 680px;
      margin:0 auto;
      margin-top: 3%;
   }
   .inside-about .atlas{
      display: none;
   }
   .inside-about{
      padding-bottom: 15%;
   }

   .inside-cont .bd{
      width: 768px;
   }
   .inside-cont .cont-form{
      margin-top: 2%;
      margin-left: 3%;
   }
   .inside-cont .cont-form form ul li{
      width: 99%;
   }
   .inside-cont .cont-form form ul li input{
      width: 85%;
   }
   .inside-cont .cont-form form ul li textarea{
      width: 85%;
   }
   .inside-cont .cont-form{
      width: 42%
   }
   .inside-cont .contact{
      width: 43%;
      margin-top: 2%;
      margin-right: 2%;
   }
   .inside-cont .contact ul li p{
      font-size: 30px;
   }
   .deta-process ul li{
      height: 400px;
   }
   .deta-process ul li .main{
      height: 400px;
   }
   .deta-process ul li .box{
      height: 400px;
   }
   .standard{
      display: none;
   }
   .inside-content{
      padding-bottom: 10%;
   }
   .detailed-cont .info{
      width: 94%;
   }
   .detailed-cont .info img {
      width:100% !important;
      height:auto !important;
   }
   .detailed-cont .tit{
      width: 96%;
   }
    .inside-banner .pic img:nth-child(1){
      display: none;
    }
   .inside-banner .pic img:nth-child(2){
   display: block;
}
   .staff-list ul li{
      width: 236px;
   }
    .staff-list ul li img{
      width: 100%;
      height: 273px;
    }
    .staff .resume{
      width: 100%;
    }
    .staff .resume  .info{
      width: 472px;
    }
    .staff .resume .pic img{
      width: 100%;
    }
    .staff{
      width: 100%;
    }
    .staff  .works  ul{
      margin-left: -2.3%;
    }
    .staff  .works  ul li  span{
      width: 100%;
      height: auto;
    }
    .staff  .works  ul li{
      width: 31%;
      margin-left: 2.3%;
    }
    .staff  .works  ul li  span img{
      width: 100%;
      height: 174px;
    }
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media  screen  and (max-width: 767px) { 
   .mhead .box{
      width: 480px;
   }
   .inside-content .main{
      width: 480px;
   }
   .mhead .logo{
      width: 65%;
   }
   .mhead img{
      width: 100%;
   }
   .l_tbn{
      width: 7%;
   }
   
   .crumbs{
      width: 100%;
   }
   .crumbs a{
      font-size: 14px;
   }
   .inside-content .left{
      width: 100%;
   }
   .label{
      width: 100%;
   }
   .label ul li{
      width: 47%;
   }
   .filter{
      width: 100%;
   }
   .filter .item{
      width: 94%;
   }
   .filter .item .clearfix{
      display: block;
      position: relative;
   }
   .clearfix p{
      float: left;
   }
   .clearfix ul {
      left: 55px;
      width: 83%;
      height: 30px;
      overflow: hidden;
      position: absolute;
      background: #fff;
   }
   .clearfix span{
      display: block;
      transition: .5s;
   }
   .clearfix .open{
      transform: rotate(90deg);
   }
   .tab-conent{
      width: 100%;
   }
   .tab-conent .cases-list{
      width: 100%;
   }
   .tab-conent .cases-list ul{
      width: 94%;
   }
   .tab-conent .cases-list .cases-img a{
      width: 48%;
      height: auto;
      margin-left: 2%;
   }
   .tab-conent .cases-list .cases-img a img{
      width: 100%;
      height: 132px;
   }
   .tab-conent .cases-list ul li{
      height: auto;
      padding-bottom: 4%;
   }
    .c2m-intro ul{
      width: 480px;
      flex-wrap: wrap;
   }
   .c2m-ad{
      height: 300px;
   }
   .c2m-intro ul li{
      margin-left: 12px;
      margin-right: 12px;
   }
   .c2m-ad{
      height: 228px;
   }
   .c2m-mode .main{
      width: 480px;
   }
   .c2m-mode .title p{
      padding-bottom: 1.5%;
      font-size: 22px;
      height: auto;

   }
   .c2m-mode .title span{
      font-size: 14px;
      margin-top: 6px;
   }
   .c2m-mode  .ad{
      width: 100%;
      float: inherit;
   }
   .c2m-mode  .ad ul{
      width: 480px;
   }
   .c2m-mode  .ad ul li{
      width: 140px;
      height: 140px;
   }
   .c2m-mode  .ad ul li:nth-child(1){
      background: url(../images/ad05.png)no-repeat;
      background-size: 536px;
    }
    .c2m-mode  .ad ul li:nth-child(2){
      background: url(../images/ad05.png)no-repeat -197px;
      background-size: 536px;
    }
    .c2m-mode  .ad ul li:nth-child(3){
      background: url(../images/ad05.png)no-repeat -396px;
      background-size: 536px;
    }
    .c2m-mode  .ad p{
      font-size: 18px;
    }

    .inside-about .ad{
    	width: 480px;
    }
    .inside-about .text{
    	width: 480px;
    }
 	
 	.inside-about .slogan{
 		width: 480px;
 	}
 	.inside-about .slogan .icon{
 		width: 370px;
 	}
 	.inside-about .slogan .info{
 		width: 480px;
 	}
 	.inside-about .slogan .info div{
 		width: 45%;
 	}
 	.inside-about .values{
 		width: 100%;
 	}
 	.inside-about .values ul{
 		width: 480px;
 	}
 	.inside-about .values ul li{
 		width: 47%;
 		height: auto;
 		padding-bottom: 5%;

 	}
 	.inside-about .values ul li .info{
 		width: 89%;
 	}
 	.inside-about .values ul li .info p {
 		font-size: 12px;
 		line-height: 20px;
 	}
	.inside-about .pic{
		display: block;
	}
	.jd-news-list .news-info-r p{
		-webkit-line-clamp:1;
	}
	.jd-news-list .news-info-r{
		width: 300px !important;
	}
   .inside-cont .bd{
      width: 480px;
   }
   .inside-cont .cont-form form ul li input{
      width: 77%;
   }
   .inside-cont .cont-form form ul li textarea{
      width: 77%;
   }
   .inside-cont .contact ul li p{
      font-size: 17px;
   }
   .inside-cont .contact ul li span{
      font-size: 14px;
   }

   .deta-process ul:nth-child(1){
      display: none;
   }
    .deta-process ul:nth-child(2){
      display:block;
   }
   .deta-process ul li .main{
      display: none;
   }
    .deta-process ul li{
      height: auto;
      background: none !important;
    }
    .deta-process ul li img{
      width: 100%;
      display: block;
    }
    .detailed-cont .tit h4{
      font-size: 23px;
    }
    .staff-list ul{
      display: flex;
      justify-content:space-between;
      flex-wrap: wrap;
      width: 96%;
      margin: 0 auto;
      margin-top: 3%;
    }
    .staff-list ul li{
      width: 48%;
      height: auto;
      margin-left: 0;
    }
    .staff-list ul li img{
      height: 255px;
    }
    .staff .resume .pic{
      width: 210px;
      height: auto;
    }
    .staff .resume .pic img{
      height: 242px;
    }
   .staff{
      width: 100%;
   }
   .staff .resume{
      display:flex;
      align-items: center;
      justify-content: space-between;
   }
   .staff .resume  .info{
      width: 276px;
   }
   .staff .resume .pic{
      width: 188px;
   }
   .staff .resume .pic img{
      height: 216px;
   }
   .staff .resume  .info .tit{
      margin:0;
   }
   .staff .resume  .info{
      width: 276px;
   }
   .staff .resume{
      height: auto;
   }
   .staff .resume  .info{
      margin-left: 0;
   }
   .staff .resume  .info .spc{
      display: flex;
      align-items: center;
      justify-content: space-between;
   }
   .staff .resume  .info .spc a{
      height: 30px;
      line-height: 30px;
      width: 120px;

   }
   .staff  .works  ul{
      margin-left: -3%;
   }
   .staff  .works  ul li{
      width: 47%;
      margin-left: 3%;
   }
   .staff  .works  ul li img{
      height: 151px;
   }
}


@media  screen  and (max-width: 480px){
   .mhead .box{
      width: 375px;
      height: auto;
      padding-top: 3%;
      padding-bottom: 3%;
   }
   .inside-content .main{
      width: 375px;
   }
   .crumbs a{
      font-size: 12px;
   }
   .label ul li{
      height: auto;
   }
   .label ul li a{
      height: auto;
      overflow: hidden;
      padding-top: 5%;
      padding-bottom: 5%;
      font-size: 14px;
   }
   .label ul li div img{
      height: 18px;
   }
   .filter .item .clearfix p{
      font-size: 16px;
   }
   .clearfix ul{
      width: 78%;
   }
   .tab-conent .cases-list .cases-img a img{
      height: 105px;
   }
   .tab-conent .cases-list .info-tit p{
      font-size: 16px;
   }
   .pager a, #page_index1 a, #page_index2 a{
      padding: 7px 11px;
   }
   .mfn ul li {
      height: 55px;
   }
   .mfn ul li img{
      height: 20px;
   }
   .mfn ul li p{
      font-size: 12px;
   }
   .mfn ul li div{
      bottom: 55px;
   }
   .mfn ul li div li{
      line-height: 40px;
      height: 40px;
   }
   .filter{
      padding-top: 8%;
      height: auto;
   }
   .c2m-intro .title p{
      font-size: 20px;
      height: auto;
      overflow: hidden;
      padding-bottom: 2%;
   }
   .c2m-intro .title span{
      font-size: 12px;
      margin-top: 2%;
   }
  .c2m-intro ul{
       width: 375px;
   }
   .c2m-intro ul li{
      width: 129px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
     margin-left: 4.5%;
     margin-right: 4.5%;
   }
   .c2m-intro ul li .pic{
      width: 129px;
      height: 129px;
   }
   .c2m-intro ul li img{
     width: 45px;
   }
   .c2m-intro ul li .pic:after{
      width: 90px;
      height: 90px;
      margin-left: -45px;
      margin-top: -45px;
   }
   .c2m-intro ul li .info{
      margin-top: 35px;
   }
   .c2m-mode .main{
      width: 375px;
   }
   .c2m-mode .title p{
      font-size: 20px;
   }
   .c2m-mode .title span{
      font-size: 12px;
   }
   .c2m-mode  .ad ul{
      width: 375px;
   }
   .c2m-mode  .ad ul li{
      width: 110px;
      height: 110px;
   }
   .c2m-mode  .ad ul li:nth-child(1){
      background: url(../images/ad05.png)no-repeat;
      background-size:425px;
    }
    .c2m-mode  .ad ul li:nth-child(2){
      background: url(../images/ad05.png)no-repeat -158px;
      background-size:425px;
    }
    .c2m-mode  .ad ul li:nth-child(3){
      background: url(../images/ad05.png)no-repeat -315px;
      background-size:425px;
    }
    .c2m-mode  .ad{
      margin-top: 8%;
    }
    .c2m-mode  .ad p{
      font-size: 14px;
    }
    .c2m-mode{
      height: auto;
      padding-bottom: 15%;
    }
   .inside-about .ad{
   	width: 375px;
   }
   .inside-about .text{
   	width: 375px;
   }
   .inside-about .text{
   	margin-top:6%;
   }
   .inside-about .pic{
   	width: 100%;
   }
   .inside-about  .text .info{
   	width: 100%;
   }
   .inside-about  .text span{
   	font-size: 12px;
   }
   .inside-about .culture .tit{
      height: auto;
      padding-top: 5%;
      padding-bottom: 5%;
   }
   .inside-about .slogan{
      width: 375px;
   }
   .inside-about .slogan .info{
      width: 375px;
   }
   .inside-about .slogan .icon img{
      width: 70px;
   }
   .inside-about .slogan .icon p{
      font-size: 24px;
   }
   .inside-about .slogan .icon{
      width: 300px;
   }
   .inside-about .slogan .info{
      margin-top: 5%;
   }
   .inside-about .values ul{
      width: 375px;
   }
   .inside-about  .text .info{
      width:100%;
      flex-wrap:wrap;
   }
   .inside-about  .text span{
      width:45%;
      margin-top: 5%;
   }
   .inside-about .slogan .info p{
   	font-size: 15px;
   }
   .inside-about .title p{
   	font-size: 24px;
   }
   .inside-about .title div{
   	width: 55%;
   }
   .inside-about .ad{
   	margin-top: 5%;
   }
   .inside-about .culture .tit img{
   	width: 160px;
   }
   .inside-about .values .values-tit img{
   	width: 170px;
   }
   .jd-news-list .news-list-img{
   	   width: 120px !important;
   	   height: 80px !important;
   }
   .jd-news-list .news-info-r{
   	  width: 228px !important;
   }
   .jd-news-list .news-info-r h4{
   	  font-size: 15px !important;
   	  line-height: 18px;
   }
   .jd-news-list .news-info-r span{
   	font-size: 12px;
   	line-height: 15px;
   }
   .jd-news-list .news-info-r p {
   	line-height: 16px;
   	margin-top: 3px;
   }
   .jd-news-list .news-info-r span{
   	display: flex;
   	align-items: center;
   	margin-top: 4px;
   	margin-bottom: 0;
   }
   .jd-news-list .news-list-click img{
      margin:0 !important;
      margin-right: 5px !important;
   }
   .jd-news-list ul li{
      padding-bottom: 3%;
   }
   .inside-cont .bd{
      width: 375px;
   }
   .inside-cont .cont-form{
      display: none;
   }
   .inside-cont .bd{
      background: rgba(246,89,89,0.8);
   }
   .inside-cont .contact{
      width: 80%;
      margin:5%;
   }
   .inside-cont .bd{
      display: flex;
      align-items: center;
      height: auto;
      margin-bottom: 5%;
      margin-top: 5%;
   }
   .inside-cont .map {
      display: none;
   }
   .detailed-cont .tit h4{
      font-size: 18px;
   }
   .detailed-cont .info{
      margin:0  auto;
   }
   .staff-list ul li img{
     height: 199px;
   }
   .staff .resume{
      flex-wrap: wrap;
      justify-content: center;
   }
   .staff .resume .pic{
      width: 220px;
   }
   .staff .resume .pic img{
      height: 254px;
   }
   .staff .resume  .info{
      width: 100%;
      margin-top: 3%;
   }
    .staff  .works  ul li img{
      height: 118px;
   }
}
 
@media  screen and (max-width: 375px){
   .mhead .box{
      width: 320px;
      height: auto;
      padding-top: 3%;
      padding-bottom: 3%;
   }
   .inside-content .main{
      width: 320px;
   }
   .label ul li{
      width: 45%;
   }
   .clearfix ul{
      left: 43px;
   }
   .filter .item .clearfix ul   .select{
      height: 26px;
   }
   .filter .item .clearfix ul  li{
      height: 28px;
      margin-bottom: 7px;
   }
   .inside-content .left{
      min-height: auto;
      padding-bottom:15%;
   }
   .filter .item .clearfix ul  li{
      padding-right: 10px;
      padding-left: 10px;
   }


   .c2m-mode .main{
      width: 320px;
   }
   .c2m-mode .title p{
      font-size: 16px;
   }
   .c2m-mode .title span{
      font-size: 12px;
   }
   .c2m-mode  .ad ul{
      width: 320px;
   }
   .c2m-mode  .ad ul li{
      width: 88px;
      height: 88px;
   }
   .c2m-mode  .ad ul li:nth-child(1){
      background: url(../images/ad05.png)no-repeat;
      background-size:343px;
    }
    .c2m-mode  .ad ul li:nth-child(2){
      background: url(../images/ad05.png)no-repeat -127px;
      background-size:343px;
    }
    .c2m-mode  .ad ul li:nth-child(3){
      background: url(../images/ad05.png)no-repeat -254px;
      background-size:343px;
    }
    .c2m-mode  .ad p{
      margin-top: 5%;
    }
    .c2m-mode  .ad{
      margin-top: 8%;
    }
    .c2m-mode  .ad p{
      font-size: 14px;
    }
    .c2m-intro ul{
      width: 320px;
      margin-top: 5%;
    }
 
   .c2m-intro ul li .info{
      margin-top: 5%;
   }
   .c2m-intro ul li .info span{
      font-size: 14px;
   }
   .c2m-intro ul li .info p{
      font-size: 12px;
   }
   .inside-c2m{
      padding-bottom: 10%;
   }
   .inside-about .title div{
      width: 55%;
   }
   .inside-about .title p{
      font-size: 22px;
   }
   .inside-about .title span{
      font-size: 14px;
   }
   .inside-about .ad{
      margin-top: 5%;
      width: 320px;
   }
   .inside-about .text{
      width: 320px;
   }
   .inside-about .text p{
      font-size: 12px;
   }

   .inside-about .text .info{
   	  width: 60%;
   }
   .inside-about .text span{
   	width: 100%;
   }
   .inside-about .slogan{
   	width: 320px;
   	flex-wrap: wrap;
   }
   .inside-about .slogan .item{
   	width: 100%;
   	margin-bottom: 5%;
   }
   .inside-about .slogan .info span{
   	font-size: 12px;
   	margin-top: 10px;
   }
   .inside-about .values ul{
   	width: 320px;
   	justify-content: center;
   	margin-top: 5%;
   }
   .inside-about .values ul li{
   	width: 90%;
   }
   .jd-news-list .news-info-r{
      width: 178px !important;
   }
   .staff-list ul li img{
      height: 170px;
   }
}  

@media  screen and (max-width: 320px){
   .mhead .box{
      width: 288px;
   }
    .inside-content .main{
       width: 288px;
    }
   .tab-conent .cases-list .cases-img a img{
      height: 85px;
   }
   .tab-conent .cases-list ul li{
      margin-top: 5%;
   }
   .tab-conent .cases-list .info-tit p{
      font-size: 13px;
   }
   .tab-conent .cases-list  .cases-param{
      height: 25px;
   }
   .filter .item .clearfix p{
      font-size: 14px;
   }
   .c2m-intro .title p{
      font-size: 16px;
   }
   .c2m-mode .main{
      width: 280px;
   }
   .c2m-mode  .ad ul{
      width: 280px;
   }
   .mfn ul li div li a{
      font-size: 12px;
   }
   .inside-about .ad{
   	width: 288px;
   }
   .inside-about .text{
   	width: 288px;
   }
   .inside-about .slogan{
   	width: 288px;
   }
   .jd-news-list .news-info-r{
      width: 156px !important;
   }
   .jd-news-list .news-list-img{
      width: 113px !important;
      height:76 !important;
   }
   .jd-news-list .news-info-r{
      width: 150px !important;
   }
   .clearfix ul{
      margin-left: 10px;
   }
   .staff-list ul li img{
      height: 153px;
   }
   .staff  .works  ul li  span img{
      height: 100px;
   }
   #map{
      height: 340px;
   }
}