/* 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;}
.project-banner { height: 200px; margin-bottom: 30px; position: relative }
.project-banner .title { background-color: rgba(0,0,0,0.2); height: 100%; position: absolute; width: 100%;  }
.project-banner .title h2 { color: #ffe300;; text-shadow: 0 0 10px #575757;  font-size: 40px; margin-top: 60px;}
.project-banner .title h4 { color: #fff; text-shadow: 0 0 10px #575757; margin-bottom: 5px; }

.tj-banner { background: url(../bimg/tj-banner.jpg) center no-repeat;  }
.daohuang { background-color: #012A6C; padding: 5px 0 11px; margin-bottom: 40px; }
.daohuang .button-box { width: 632px; margin: 0 auto; }
.daohuang .button { float: left; margin-top: 4px; margin-right: 3px;}
.daohuang .last { margin-right: 0; }
.daohuang .button a { padding: 12px 30px; background-color: #5572fc; color: #fff;  }
.daohuang .button a:hover { background-color: #5572fc; color: #fff; }


.step { padding: 30px 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-1.png) center no-repeat; }
.step .box-row .step-box .s-box .info .icon2 { background:#fff url(../bimg/s-2.png) center no-repeat; }
.step .box-row .step-box .s-box .info .icon3 { background:#fff url(../bimg/s-3.png) center no-repeat; }
.step .box-row .step-box .s-box .info .icon4 { background:#fff url(../bimg/s-4.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; }
.tj-label { text-align: center; margin-top: 50px; margin-bottom: 15px; position: relative; }
.tj-label span {  padding:8px 20px; border: 2px solid #5572fc; margin: 0 5px;  color: #484848; background-color: #fff; position: relative; z-index: 1; border-radius: 30px;}
.tj-label span:hover { background-color: #5572fc; color: #fff; transition: all 0.3s  }
.tj-label .line { width: 1200px; height: 30px; position: absolute; bottom: 8px; border-bottom: 2px dashed #5572fc; z-index: -1px }


.youshi .youshi-box { margin-left: -11px; margin-right: -11px; }
.youshi .youshi-box .y-box {  border-radius: 10px; width: 33.333%; float: left;  margin-bottom:20px;  }
.youshi .youshi-box .y-box .yb { padding: 0 10px; }
.youshi .youshi-box .y-box .youshi-tab { background-color: #5572fc; color: #fff; padding:15px 50px;text-align: right;  border-radius: 20px; box-shadow: 0px 0px 5px #cecece; position: relative; }
.youshi .youshi-box .y-box .youshi-tab .gouicon { position: absolute; top: 28px; }
.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;}
.youshi .youshi-box .y-box .youshi-tab span { font-size: 16px; font-weight: normal; }

.daiqian { padding: 60px 0 50px;background:-webkit-linear-gradient(to bottom, #f0f0f0, #dfdfdf); background:linear-gradient(to bottom,#f0f0f0,#dfdfdf); }
.dq-banner { background: url(../bimg/dq-banner.jpg) center no-repeat; }
.daiqian .photo {width: 50%; float: left; height: 372px; background: url(../bimg/dq-photo.jpg) center no-repeat; position: relative; overflow: hidden;}
.daiqian .photo .text .text-box { padding:0 30px; }
.daiqian .photo .text { position: absolute; bottom: 0; width: 100%; padding: 15px 30px; background-color: rgba(0,0,0,0.5); color: #fff;  }
.daiqian .info {width: 48%; float: left; padding-left: 2%}
.daiqian .info .info-box { background-color: #fff; box-shadow: 0px 0px 5px #cecece; padding:15px 15px; text-align: center; margin-bottom: 15px;}
.daiqian .info .info-box { font-size: 20px; line-height: 26px; border-right: 4px solid #5572fc; }
.daiqian .info .info-box span { font-size: 16px; color: #919191; }
.daiqian .code { width: 100px; margin: 15px; position: absolute;top:10px;  right: 10px; text-align: center; padding: 10px 10px 5px; background-color: #5572fc; color: #fff; }
.daiqian .code img { width: 100%; margin-bottom: 5px; }

.xiezhu { padding: 60px 0 50px; }
.xz-banner { background: url(../bimg/xz-banner.jpg) center no-repeat; }
.xiezhu .photo {width: 50%; float: left; height: 372px; background: url(../bimg/xz-photo.jpg) center no-repeat; position: relative; overflow: hidden;}
.xiezhu .photo .text { position: absolute; bottom: 0; width: 100%; padding: 15px 0; background-color: rgba(0,0,0,0.5); color: #fff;  text-align: right;  }
.xiezhu .photo .text .text-box { padding:0 30px; }
.xiezhu .info {width: 48%; float: left; padding-right: 2% ;}
.xiezhu .info .info-box { background-color: #fff; box-shadow: 0px 0px 5px #cecece; padding:15px 15px; text-align: center; margin-bottom: 15px;}
.xiezhu .info .info-box { font-size: 20px; line-height: 26px;  border-left: 4px solid #5572fc; }
.xiezhu .info .info-box span { font-size: 16px; color: #919191; }
.xiezhu .code { width: 100px; margin: 15px; position: absolute; top:10px; left: 10px; text-align: center; padding: 10px 10px 5px; background-color: #5572fc; color: #fff; }
.xiezhu .code img { width: 100%; margin-bottom: 5px; }

.dayin { padding: 60px 0 50px;background:-webkit-linear-gradient(to bottom, #f0f0f0, #dfdfdf); background:linear-gradient(to bottom,#f0f0f0,#dfdfdf); }
.dy-banner { background: url(../bimg/dy-banner.jpg) center no-repeat; }
.dayin .photo {width: 50%; float: left; height: 372px; background: url(../bimg/dy-photo.jpg) center no-repeat; position: relative; overflow: hidden;}
.dayin .photo .text .text-box { padding:0 30px; }
.dayin .photo .text { position: absolute; bottom: 0; width: 100%; padding: 15px 30px; background-color: rgba(0,0,0,0.5); color: #fff;  }
.dayin .info {width: 48%; float: left; padding-left: 2%}
.dayin .info .info-box { background-color: #fff; box-shadow: 0px 0px 5px #cecece; padding:15px 15px; text-align: center; margin-bottom: 15px;}
.dayin .info .info-box { font-size: 20px; line-height: 26px; border-right: 4px solid #5572fc; }
.dayin .info .info-box span { font-size: 16px; color: #919191; }
.dayin .code { width: 100px; margin: 15px; position: absolute;top:10px;  right: 10px; text-align: center; padding: 10px 10px 5px; background-color: #5572fc; color: #fff; }
.dayin .code img { width: 100%; margin-bottom: 5px; }


.fy-banner { background: url(../bimg/fy-banner.jpg) center no-repeat;  }
.fanyi { padding: 60px 0 20px; }
.fanyi .fanyi-box { position: relative; }
.fanyi .fanyi-box .y-box {  border-radius: 10px; width: 33.333%; float: left;  }
.fanyi .fanyi-box .y-box .yb { padding: 0 10px; }
.fanyi .fanyi-box .y-box .fanyi-tab { background-color: #fff; padding:10px 15px;text-align: left; height:220px; border-radius: 20px; color: #393939; }
.fanyi .fanyi-box .y-box .fanyi-tab .photo {  margin-top: 10px; margin-bottom: 20px; }
.fanyi .fanyi-box .y-box .fanyi-tab h3 {  margin-bottom: 10px; }
.fanyi .fanyi-box .y-box .fanyi-tab p {color: #808080;}
.fanyi .code { width: 120px; margin: 0 auto;   right: 10px; text-align: center; padding: 15px 15px 8px; background-color: #5572fc; color: #fff; }
.fanyi .code img { width: 100%; margin-bottom: 5px; }
.fy-left-line1 { width: 30px; height: 450px; position: absolute; left: 390px; border-left: 1px dashed #5e5e5e;}
.fy-left-line2 { width: 30px; height: 450px; position: absolute; left: 790px; border-left: 1px dashed #5e5e5e;}
.fy-bottom-line { width: 1200px; height: 30px; position: absolute; top: 190px; border-bottom: 1px dashed #5e5e5e;}

.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: 20px; }
.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; }

.about { padding: 0 10px; margin-bottom: 50px;}
.about .about-box { background-color: #eee; padding:30px; border-radius: 20px; }

#fixPara {width: 100%; z-index: 9999; }



.link-button { max-width: 772px; }
.link-button .button { width: 241px; float:left; text-align: right;background: linear-gradient(135deg, #1a9be6, #1a57e6); color: #fff; padding: 20px 0; border-radius: 20px; font-size: 20px;  }
.link-button .button .inner-box { padding: 0 36px; }
.link-button .button-1,.link-button .button-2 { margin-right: 24px; }
.link-button .inner-box { position: relative; }
.link-button .inner-box .icon { position: absolute; top: -8px; left: 30px;  width: 42px; height: 42px; border-radius: 100%;  }
.link-button .inner-box .icon1 { background:#fff url(../bimg/bag-icon.png) center no-repeat; }
.link-button .inner-box .icon2 { background:#fff url(../bimg/service-icon.png) center no-repeat; }
.link-button .inner-box .icon3 { background:#fff url(../bimg/fudao-icon.png) center no-repeat; }

.duibi2 { margin-top: 60px; padding: 40px 0 60px; background:-webkit-linear-gradient(to bottom, #f0f0f0, #dfdfdf); background:linear-gradient(to bottom,#f0f0f0,#dfdfdf);  }
.duibi2 .db-box { background-color: #fff; box-shadow: 0px 12px 10px #cecece;  }
.duibi2 .db-box .photo { width: 500px; float: left; }
.duibi2 .db-box .infoBox { width: 700px; float: left; }
.duibi2 .db-box .infoBox .BoxInner { padding: 30px 30px 40px; }
.duibi2 .db-box .infoBox .TextInfo { text-align: justify; color: #515151;}
.dbwardoBox { margin-top: 20px; }
.dbwardoBox .t1 { width: 75px; float: left;padding: 5px 0; }
.dbwardoBox .t2 { width: 520px; float: left; }
.dbwardoBox .line1 { background-color: #5262ff; padding: 5px 15px; color: #fff; margin-bottom: 10px; }
.dbwardoBox .line2 { background-color: #d7d7d7; padding: 5px 15px; color: #000; }

.team { padding: 40px 0 60px; }
.team  .titile-line { margin-bottom: 30px; }
.team .team-box {float: left; width: 22.5%; padding: 0 15px; }
.team .team-box .team-box-main { box-shadow: 1px 1px 8px #ddd; border:1px solid #e3e3e3; padding: 15px 0 0; border-radius: 8px; }
.team .team-box .team-box-main img { width:265px; height:150px; }
.team .team-box .team-box-main .t-box { padding: 10px 15px;background-color: #f1f1f1; transition: all 0.3s; cursor: pointer; height: 150px; }
.team .team-box .team-box-main .t-box .name { font-size: 20px; }
.team .team-box .team-box-main .t-box h3 { border-bottom: 2px solid #5375ff; width: 50px; margin:10px 0; }
.team .team-box .team-box-main .t-box p { color: #555555;  text-align:justify;}
.team .team-box .team-box-main:hover .t-box { background-color: #5375ff; color: #fff; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.team .team-box .team-box-main:hover .t-box p { color: #fff; text-align:justify;}
.team .team-box .team-box-main:hover .t-box h3 {border-bottom: 2px solid #fff;}