/* CSS Document */
body { position: relative; z-index: 9999; }
.main{max-width:1920px; min-width:1200px; margin:0 auto; position:relative; font-family:Arial,Verdana, Helvetica, sans-serif;  }
.banner img { width: 100%; }
.mcent { width: 1200px; margin: 0 auto;  }
.title h2 { text-align: center; margin-bottom: 5px; color: #5572fc; font-size: 32px;}
.title h4 {  text-align: center; margin:0 auto;  margin-bottom: 30px; margin-top: 15px; font-weight: normal; color: #808080; margin-top: 0; text-transform: uppercase;} 
.clear {clear: both;}

.step { padding: 50px 0 60px;  }
.step .box-row { margin-left: -15px; margin-right: -15px;  }
.step .box-row .step-box { width: 25%; float: left; margin-top: 30px;  }
.step .box-row .step-box .s-box { padding:0 15px; }
.step .box-row .step-box .s-box .info { border-radius: 20px; box-shadow: 0px 0px 5px #cecece; height: 330px; position: relative;background-color: #fff; }
.step .box-row .step-box .s-box .info .icon { width: 60px; height: 60px; border-radius: 100%; box-shadow: 0px 0px 5px #cecece; position: absolute; top: -30px; left: 39%;  }
.step .box-row .step-box .s-box .info .icon1 { background:#fff url(../BImg/s-11.png) center no-repeat; }
.step .box-row .step-box .s-box .info .icon2 { background:#fff url(../BImg/s-21.png) center no-repeat; }
.step .box-row .step-box .s-box .info .icon3 { background:#fff url(../BImg/s-31.png) center no-repeat; }
.step .box-row .step-box .s-box .info .icon4 { background:#fff url(../BImg/s-41.png) center no-repeat; }
.step .box-row .step-box .s-box .info .code { text-align: center; padding-top: 50px;  }
.step .box-row .step-box .s-box .info .code img { border: 4px solid #5471fd; margin-bottom: 25px; }
.step .box-row .step-box .s-box .info .photo img { border-top-left-radius:20px; border-top-right-radius:20px;  }
.step .box-row .step-box .s-box .info .text {  text-align: center; font-size: 18px; }
.step .box-row .step-box .s-box .info .button { text-align: center; margin-top: 30px; margin-bottom: 25px;}
.step .box-row .step-box .s-box .info .button span { padding: 10px 30px; background-color: #5572fc; border-radius: 50px; color: #fff; }

.map { padding: 50px 0 80px;background:-webkit-linear-gradient(to bottom, #f0f0f0, #dfdfdf); background:linear-gradient(to bottom,#f0f0f0,#dfdfdf); }
.map .notice-box { background-color: #fff; padding: 40px 0; border-radius: 20px; margin-bottom: 40px;}
.map .notice-info { text-align: center; font-size: 18px; width: 1000px; margin: 0 auto;color: #333; line-height: 28px; }
.map .m-title { text-align: center; font-size: 22px; margin-top: 30px; margin-bottom: 20px; }
.map .map-box { background-color: #fff; padding: 50px; border-radius: 30px; }
.map .button-box { width: 925px; margin: 0 auto; }
.map .button { margin-bottom: 30px; float: left; margin-right: 30px; }
.map .button a { padding: 8px 30px; background-color: #fff; color: #000; border-radius: 20px; }
.map .button a:hover { background-color: #5572fc; color: #fff; }
.map .button .active { color: #fff; background-color: #5572fc; }
.map .map-box .map-info { width: 35%; float: left; margin-right: 30px;  }
.map .map-box .map-logo { text-align: center; margin-bottom: 30px;  }
.map .map-box .m-box { border-radius: 30px; background-color: #5572fc; padding: 30px;   }
.map .map-box .m-box h3,.map .map-box .m-box h4 { text-align: center; color: #fff; }
.map .map-box .m-box h3 { font-size: 30px; }
.map .map-box .m-box h4 { font-size: 24px; font-weight: normal; margin-bottom: 30px; }
.map .map-box .m-box p { color: #fff; margin-bottom: 10px; font-size: 18px; text-align: justify; }
.add-name { text-align: right; margin-bottom: 15px; }
.add-name span { border-left: 5px solid #5572fc; padding-left: 12px; padding-right: 5px; font-size: 18px; }
.map .map-box .map-photo { width: 62%; float: left;  }
.map .map-box .map-photo img { border-radius: 30px; box-shadow: 0px 0px 5px #cecece; width: 100%; }
.company img { border: 3px solid #fff; width: 100%; margin-top: 15px; margin-bottom: 5px; }

.duibi { padding: 50px 0 60px;  }
.duibi-box { position: relative; }
.duibi-box .vs { text-align: center; width: 100%; position: absolute; top: 45%; font-size: 48px; }
.duibi-box .d-box-left {margin-right:120px;  }
.duibi-box .d-box { width: 45%; float: left;  background-color: #fff; border-radius:20px; box-shadow: 0px 0px 5px #cecece; }
.duibi-info { padding: 30px; }
.duibi-info .d-title { font-size: 24px; text-align: center; margin-bottom: 20px; line-height:30px; }
.duibi-info .d-title span { font-size: 18px; color: #808080; }
.duibi-info .duibu-tab { background-color: #eeeeee; padding: 15px 30px; position: relative;margin-bottom: 10px;  }
.duibi-info .duibu-tab .icon { position: absolute; right: 30px; top: 18px; }

.youshi { padding: 50px 0 70px; background:-webkit-linear-gradient(to bottom, #f0f0f0, #dfdfdf); background:linear-gradient(to bottom,#f0f0f0,#dfdfdf); }
.youshi .youshi-box .y-box {  border-radius: 10px; width: 20%; float: left;  }
.youshi .youshi-box .y-box .yb { padding: 0 10px; }
.youshi .youshi-box .y-box .youshi-tab { background-color: #fff; padding:30px 15px;text-align: center; height:220px; border-radius: 20px;  }
.youshi .youshi-box .y-box .youshi-tab .photo {  margin-top: 10px; margin-bottom: 30px; }
.youshi .youshi-box .y-box .youshi-tab hr { color: #fff; margin-top: 15px; margin-bottom: 15px; }
.youshi .youshi-box .y-box .youshi-tab p {color: #808080;}