p {margin: 0;}
input, textarea {border: none;outline: none;background-color: transparent;}

/* 通用样式 */
.p1920 {width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.w1200 {width: 1600px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.dfc {display: flex;justify-content: space-between;align-items: center;}
.ovimg {overflow: hidden;}
.ovimg img {width: 100%;min-height: 100%;}
.imgbig img {-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;}
.imgbig:hover img {-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.iw img {width: 100%;}

/* 头部 */
.sh1 {width: 100%;background-color: #006fd8;}
.sh1-box div {font-size: 12px;color: #fff;line-height: 38px;}
.sh1-box div p {font-size: 12px;color: #fff;line-height: 38px;}
.sh1-box div a {font-size: 12px;color: #fff;line-height: 38px;}

.sh2 {min-height: 119px;}
.sh2a {margin-top: 30px;}

/* 导航栏 */
.nav1 {margin-top: 54px;}
.nav-li {position: relative;z-index: 999;}
.nav-li+.nav-li {margin-left: 40px;}
.nav-li .nav-a {display: block;text-align: center;}
.nav-li .nav-a h3 {font-size: 16px;color: #666;line-height: 1;}
.nav-li .nav-a p {font-size: 12px;color: #666;text-transform: uppercase;line-height: 1;margin-top: 7px;}
.nav-ul {height: 0;overflow: hidden;position: absolute;left: 50%;top: 100%;background-color: #fff;z-index: 999;width: 150px;transform: translateX(-50%); padding-top:35px;}
.nav-ul li {width: 100%;}
.nav-ul li a {width: 100%;line-height: 38px;text-align: center;display: block;color: #333;}

.nav-li:hover .nav-a {}
.nav-ul li a:hover {}

/* 关于我们 */
.s1 {padding-top: 90px;}

.s1a1 {width: 592px;min-height: 391px;background-color: #006fd8;padding-left: 38px;padding-right: 31px;padding-top: 71px;}
.s1a1 h3 {font-size: 18px;color: #ffffff;font-weight: bold;}
.s1a1 div {margin-top: 34px;}
.s1a1 div p {font-size: 14px;color: #ffffff;line-height: 36px;}

.s1a2 {width: 996px;height: 390px;background-repeat: no-repeat;background-size: 100% 100%;position: relative;}
.s1a2 h3 {display: block;width: 107px;height: 52px;text-align: center;line-height: 52px;background-color: #006fd8;font-size: 24px;color: #ffffff;font-weight: bold;position: absolute;left: -1px;top: 223px;}
.s1a2 p {position: absolute;top: 315px;left: 29px;font-size: 24px;color: #ffffff;}

.s1b {margin-top: 11px;}
.s1b1 {width: 392px;height: 174px;background-repeat: no-repeat;background-size: 100% 100%;text-align: center;padding-top: 63px;}
.s1b1 h3 {font-size: 31px;color: rgba(255, 255, 255, .82);font-weight: bold;}
.s1b1 p {font-size: 18px;font-family: Arial;color: rgba(255, 255, 255, .67);text-transform: uppercase;font-weight: bold;margin-top: 11px;}

.s1b2 {width: 392px;height: 174px;margin-left: 11px;background-color: #eeeeee;padding-top: 23px;padding-left: 21px;}
.s1b2 h3 {font-size: 24px;color: #666666;font-weight: bold;}
.s1b2 h3 span {font-size: 18px;font-family: Arial;color: #999999;font-weight: bold;text-transform: uppercase;display: inline-block;transform: translateY(4px);}
.s1b2 div {margin-top: 20px;}
.s1b2 div p {font-size: 16px;color: #666666;line-height: 32px;}

.s1b3 {width: 392px;height: 174px;background-repeat: no-repeat;background-size: 100% 100%;text-align: center;padding-top: 63px;}
.s1b3 h3 {font-size: 31px;color: rgba(255, 255, 255, .82);font-weight: bold;}
.s1b3 p {font-size: 18px;font-family: Arial;color: rgba(255, 255, 255, .67);text-transform: uppercase;font-weight: bold;margin-top: 11px;}

/* 热门服务 */
.s2 {padding-top: 52px;padding-bottom: 54px;}

.s2a {text-align: center;}
.s2a h3 {font-size: 30px;color: #222222;font-weight: bold;}
.s2a p {font-size: 18px;color: #666666;text-transform: uppercase;font-weight: lighter;margin-top: 18px;}

.s2b {width: 100%;min-height: 375px;padding-top: 169px;text-align: center;margin-top: 35px;}
.s2b h3 {font-size: 38px;color: #ffffff;font-weight: bold;}
.s2b p {font-size: 12px;color: #ffffff;font-family: Arial;text-transform: uppercase;margin-top: 13px;letter-spacing: 1.7px;}

/* 时间轴 */
.s3 {background-image: url(../images/s3.jpg);background-repeat: no-repeat;min-height: 413px;}
.s3a {padding-top: 165px;}
.s3a li {width: 25%;text-align: center;}
.s3a li h3 {font-size: 48px;color: #ffffff;font-weight: bold;font-family: Arial;}
.s3a li h3 span {font-size: 18px;color: #fff;font-weight: normal;display: inline-block;margin-left: 10px;}
.s3a li p {margin-top: 35px;font-size: 16px;color: #fff;line-height: 26px;}

/* 服务项目 */
.s4-box {padding-top: 100px;}

.s4a {text-align: center;}
.s4a h3 {font-size: 30px;color: #222222;font-weight: bold;}
.s4a p {font-size: 18px;color: #666666;text-transform: uppercase;font-weight: lighter;margin-top: 18px;}

.s4b {margin-top: 53px;}
.s4b li {width: 374px;margin-right: 39px;box-shadow: 0 5px 5px rgba(10, 3, 5, .06);}
.s4b li:nth-child(3n) {margin-right: 0;}
.s4b li:nth-child(n+4) {margin-top: 28px;}
.s4b li a {display: block;width: 100%;}
.s4b-img {width: 100%;height: 268px;}
.s4b-con {min-height: 48px;padding-left: 10px;}
.s4b-con h3 {font-size: 16px;color: #666666;line-height: 48px;}
.s4b-con p {display: block;width: 92px;height: 24px;line-height: 24px;padding-left: 8px;margin-top: 13px;border-left: 1px solid #eeeeee;font-size: 14px;color: #999999;}

/* 公司环境 */
.s5a {text-align: center;padding-top: 63px;}
.s5a h3 {font-size: 30px;color: #222222;font-weight: bold;}
.s5a p {font-size: 18px;color: #666666;text-transform: uppercase;font-weight: lighter;margin-top: 18px;}

.s5b {min-height: 390px;background-repeat: no-repeat;margin-top: 43px;padding-top: 153px;text-align: center; width:1600px; margin:0 auto;}
.s5b h3 {display: block;margin: 0 auto;height: 52px;line-height: 52px;border-radius: 26px;background-color: #006fd8;font-size: 18px;color: #fff;width: 395px;text-align: center;}
.s5b div {margin-top: 20px;}
.s5b div p {font-size: 14px;color: #fff;line-height: 36px;}

/* 案例展示 */
.s6-box {padding-top: 61px;}

.s6a {text-align: center;}
.s6a h3 {font-size: 30px;color: #222222;font-weight: bold;}
.s6a p {font-size: 18px;color: #666666;text-transform: uppercase;font-weight: lighter;margin-top: 18px;}

.s6b {padding-left: 37px;padding-right: 28px;margin-top: 38px;}
.s6b li {width: 224px;margin-right: 79px;}
.s6b li:nth-child(4n) {margin-right: 0;}
.s6b li:nth-child(n+5) {margin-top: 47px;}
.s6b li a {display: block;width: 100%;}
.s6b li a div {width: 218px;height: 159px;margin: 0 auto;position: relative;}
.s6b li a div h3 {position: absolute;left: 0;right: 0;top: 0;bottom: 0;font-size: 24px;color: #fff;font-weight: bold;text-align: center;line-height: 159px;}
.s6b li a p {text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: #666666;margin-top: 14px;}

/* 祥云优势 */
.s7-box {padding-top: 87px;}

.s7a {text-align: center;}
.s7a h3 {font-size: 30px;color: #222222;font-weight: bold;}
.s7a p {font-size: 18px;color: #666666;text-transform: uppercase;font-weight: lighter;margin-top: 18px;}

.s7b {margin-top: 30px;background-color: #f5f5f5;padding: 47px 51px;background-image: url(../images/s7b.png);background-repeat: no-repeat;background-position: center 168px;width: 100%;min-height: 366px;}

.s7b1 {width: 410px;}
.s7b1 div {width: 410px;height: 60px;line-height: 60px;text-align: center;font-size: 28px;color: #fff;background-color: #bf0a0a;}
.s7b1 ul {margin-top: 31px;}
.s7b1 ul li {line-height: 24px;font-size: 14px;color: #333333;}
.s7b1 ul li+li {margin-top: 28px;}
.s7b1 ul li span {display: inline-block;width: 24px;height: 24px;line-height: 24px;background-color: #bf0a0a;border-radius: 5px;font-size: 16px;color: #fff;text-align: center;margin-right: 5px;}

.s7b2 {width: 410px;}
.s7b2 div {width: 410px;height: 60px;line-height: 60px;text-align: center;font-size: 28px;color: #333333;background-color: #eeeeee;}
.s7b2 ul {margin-top: 31px;padding-left: 50px;}
.s7b2 ul li {line-height: 24px;font-size: 14px;color: #999999;}
.s7b2 ul li+li {margin-top: 28px;}
.s7b2 ul li span {display: inline-block;width: 24px;height: 24px;line-height: 24px;background-color: #c8c8ce;border-radius: 5px;font-size: 16px;color: #fff;text-align: center;margin-right: 5px;}

/* 新闻资讯 */
.s8-box {padding-top: 50px;padding-bottom: 56px;}

.s8a {text-align: center;}
.s8a h3 {font-size: 30px;color: #222222;font-weight: bold;}
.s8a p {font-size: 18px;color: #666666;text-transform: uppercase;font-weight: lighter;margin-top: 18px;}

.s8b-box {width: 780px;}
.s8b-name h3 {font-size: 18px;color: #222222;line-height: 23px;}
.s8b-name a {display: block;width: 66px;line-height: 23px;height: 23px;text-align: center;background-color: #eeeeee;border-radius: 12px;font-size: 14px;color: #999999;text-transform: uppercase;}

.s8b-img {margin-top: 10px;width: 100%;}

.s8b-list {width: 100%;}
.s8b-list li {height: 50px;width: 100%;}
.s8b-list li a {display: block;width: 100%;height: 100%;border-bottom: 1px dashed #bcbcbc;padding-left: 20px;font-size: 14px;color: #444444;line-height: 49px;background-image: url(../images/s8b-list.png);background-repeat: no-repeat;background-position: left center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.s8b-list li a:hover {background-image: url(../images/s8b-list-hover.png);}

.s8b-center {margin-left: 25px;}

/* 底部 */
.sf1 {background-color: #5c5c5c;}
.sf1-box {padding-top: 70px;padding-left: 13px;padding-right: 37px;}

.sf1a {padding-top: 5px;width: 375px;}
.sf1a-name {font-size: 18px;color: #ffffff;font-weight: lighter;}
.sf1a-name span {font-size: 14px;color: #fff;text-transform: uppercase;display: inline-block;margin-left: 12px;font-weight: lighter;}
.sf1a-tel {font-size: 25px;color: #bfc3c6;font-weight: bold;padding-left: 53px;line-height: 35px;background-image: url(../images/footer.png);background-position: left center;background-repeat: no-repeat;margin-top: 28px;}

.sf1a-con {margin-top: 25px;}
.sf1a-con p {font-size: 14px;color: #fff;line-height: 37px;}

.sf1b {padding-top: 18px;}
.sf1b dl {width: 220px;}
.sf1b dl dt {font-size: 16px;color: #ffffff;font-weight: normal;}
.sf1b dl dd {margin-top: 15px;}
.sf1b dl dd a {display: block;font-size: 12px;color: rgba(255, 255, 255, .58);line-height: 25px;}

.sf1c {width: 0;height: 182px;border-left: 1px solid #727171;}

.sf1d {padding-top: 35px;}
.sf1d img+img {margin-right: 12px;}

.sf2 {width: 100%;background-color: #424242;}
.sf2-box {padding-left: 16px;padding-right: 15px;}
.sf2a {line-height: 76px;font-size: 12px;color: #eeeeee;}
.sf2a a {color: #eeeeee;}

.sf2c {position: relative;width: 233px;height: 33px;background-image: url(../images/footer-bg.png);background-repeat: no-repeat;}
.sf2c {margin-top: 26px;}

.sf2c-name {padding-left: 52px;line-height: 33px;font-size: 14px;color: rgba(255, 255, 255, .66);}
.sf2c-btn {display: block;width: 13px;height: 8px;margin-top: 13px;margin-right: 20px;}

.sf2c-list {position: absolute;left: 0;right: 0;bottom: 100%;background-color: #424242;display: none;}
.sf2c-list li {width: 100%;padding-left: 52px;font-size: 14px;line-height: 33px;}
.sf2c-list li a {color: #fff;}

.sf3 {background-color: #424242;text-align: center;line-height: 24px;font-size: 12px;color: #fff;}
.sf3 a {color: #fff;}