.serve{ width: 100%; margin: 0 auto; position: relative; display: block; }
.menu_top{ width:1050px; margin:0 auto; position: relative; text-align: center; padding: 80px 0; height: 220px; display: block; }
.menu_top ul{ text-align: center; } 
.menu_top ul li{ position: relative; width:120px; display:block; float: left; text-align: center; padding:0 45px;  }
.menu_top ul li:after{display: block;content: ' ';width:1px;height:80px;border-right: 1px solid #e84b18;position: absolute;top:10px;left: 100%;}
.menu_top ul li:nth-child(5):after{ display: none; }  
.menu_top ul li h2{ height:90px; display: table-cell; width:120px; text-align: center; vertical-align: middle;  }
.menu_top ul li h2 img{ text-align: center; max-width: 120px; max-height: 90px; margin: auto; display: block;}
.menu_top ul li span{ width: 100%; font-size:22px; line-height:30px; color: #5f5f5f; display: block; height: 60px; position: relative; margin-top: 50px; }
.menu_top ul li.hover span{ color: #e84b18; }


.Tab{ width: 100%; background: #eeeeef; display: block; }
.mairuchu{ width: 100%; height: 135px; border-bottom:1px solid #e84b18; display: block; position: relative; }
.mairuchu ul{ width: 1200px; margin: 0 auto; position: relative; }
.mairuchu ul li{ float: left; display: block; font-size: 12px; color: #5f5f5f; padding: 50px 0; line-height: 35px;} 
.serve-line{background: url(../images/serve-line.jpg) no-repeat center; width: 51px;display: block; height: 35px; padding: 50px 0;   } 
.mairuchu ul li.hover{ color: #e84b18; border-bottom: 6px solid #e84b18; }


.Contentbox{ width: 100%; background: #eeeeef; display: block; padding:40px 0 70px; min-height: 450px; }
.maijin{ width: 1200px; margin: 0 auto; position: relative; }
.maijfl{ width: 600px; float: left; }
.maijfr{ width: 600px; float: right; }


.zxfw{ width: 100%; position: relative; display: block; padding: 40px 0; border-bottom: 1px solid #e84b18;  }
.zxfw h1{ width: 100%; font-size:22px; line-height:50px;  display: block;}
.zxfw h2{ width: 100%; font-size:22px; line-height:50px; color: #e84b18; display: block;}
.zxfw p{ font-size: 14px;color: #5f5f5f; line-height: 28px; display:block; } 
.zxfw h3{font-size: 14px;color: #5f5f5f; line-height: 50px; }
.zxfw h4{font-size: 16px;color: #5f5f5f; line-height: 40px; }
.zxfw ul li{font-size: 14px;color: #5f5f5f; line-height: 35px; height: 35px; display: block; position: relative; text-indent:20px;}
.zxfw ul li:after{display: block;content: ' ';width:5px;height:5px; background: #e84b18; border-radius: 50%; position: absolute;top:15px;left:0;}
.zdsfg img{ margin-top: 40px; display: block; }

 
.maijinfl ul li{ width: 100%; padding: 40px 0; display: block; float: left; border-bottom: 1px solid #e84b18; }
.maijinfl ul li h2{ width: 100%; font-size:22px; line-height:50px; color: #e84b18; display: block;}
.maijinfl ul li span{ font-size: 14px;color: #5f5f5f; line-height: 28px; display:block; }
.maijinfl img{ margin-top: 40px; display: block; }

.maijinfr{width: 500px; float: right;}
.maijinfr dl{ display: block; position: relative; background: #fff; margin-top:50px; }
.maijinfr dl dt{ width: 440px; padding:20px 30px; background: #d8d9d9;display: flex;justify-content: space-between;align-items: center; font-size: 22px; color: #5f5f5f; }
.maijinfr dl dt img{ max-width: 100px; margin-top: 0; }
.maijinfr dl dd{width: 100%; padding:30px; background: #fff; box-sizing: border-box; }
.maijinfr dl dd ul li{font-size: 14px;color: #5f5f5f; line-height: 35px; height: 35px; display: block; position: relative; text-indent:20px;}
.maijinfr dl dd ul li:after{display: block;content: ' ';width:5px;height:5px; background: #e84b18; border-radius: 50%; position: absolute;top:15px;left:0;}

.maijfr img{ width: 400px; margin-top: 100px; float: right; }

.serve_team{ width:1100px; margin: 0 auto; padding:70px 0 50px; box-sizing: border-box;  position: relative;   }
#myscrollb{display:block;width:1100px; float: left; position:relative;height:230px;overflow:hidden}
#myscrollb #myscrollboxb{display:block;float:left;position:absolute;left:0;top:0;width:1000000px}
#myscrollb ul{display:block;float:left;list-style-type:none;padding:0;margin:0}
#myscrollb ul li{display:block;float:left;padding:0;width:1100px}
/*#myscrollb ul li .scollimg{ width:85px; height: 85px; margin: 0 auto; display: block;}
#myscrollb ul li .scollimg img{width:85px; height: 85px; border-radius: 50%; }
#myscrollb ul li .scolltxt{ width:100%; margin-top:15px; display: block;}
#myscrollb ul li .scolltxt h5{ font-size: 16px; line-height:30px; color: #5f5f5f; text-align: center; width:900px; margin: 30px auto 0; display:block; }
#myscrollb ul li .scolltxt h2{ font-size: 14px; line-height:24px; color: #5f5f5f; text-align: center; } 
*/
.hxfw{ width:1100px; margin: 0 auto; position: relative; display: block; padding:60px 0; } 
#myscrollb ul li h2{ width: 100%; font-size:28px; text-align: center; line-height:60px; color: #e84b18; display: block;}
#myscrollb ul li h5{  width:400px; margin: 0 auto; font-size: 16px;color: #5f5f5f; line-height: 30px; display:block; text-align: center;} 


#mybtnsb{ width:90px;display:block;height:42px; position: absolute; right:505px; top:260px; z-index: 222; }
#mybtnsb a{width:15px;height:42px;display:block;float:right; }
#mybtnsb a:hover{background-color:#347fdc}
#mybtnsb a:hover,#myscrollb,#mybtnsb a,#myscrollb a:hover .intro,#myscrollb a .intro,#myscrollb #myscrollboxb{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
#mybtnsb #left{background:url(../images/jt_lh.png) no-repeat left center; }
#mybtnsb #right{background:url(../images/jt_rh.png) no-repeat right center; }
#mybtnsb #left:hover{background:url(../images/jt_l.png) no-repeat left center; }
#mybtnsb #right:hover{background:url(../images/jt_r.png) no-repeat right center; }


.serpic{ width: 100%; display: block; position: relative; }
.serpic ul li{ width: 25%; float: left; overflow: hidden; position: relative; transition:all 0.3s ease 0s;overflow: hidden; display: block;}
.serpic ul li img{width: 100%; height:100%; transition:all 0.6s ease-in-out; transform:scale(1);}
.serpic ul li .bmbox{ width:100%; height:100%;background: rgba(0,0,0,0.5);  opacity:50; position:absolute; bottom:0px; left:0px; display:none; text-align:center;-moz-transition: color 0.4s ease 0s;
    -webkit-transition: color 0.4s ease 0s;
    -o-transition: color 0.4s ease 0s;
    transition: color 0.4s ease 0s;}
.serpic ul li:hover .bmbox{display:block;}
.serpic ul li:hover img{transform:scale(1.1);}