@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family:"Microsoft YaHei","微软雅黑";color: #000000;}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
ul,li{list-style:none; text-decoration:none}
.fl{float: left;}
.fr{float: right;}
img{border: none;}
em,h1,i{font-style: normal;}
.w1180{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

.title{padding: 90px 0 50px;text-align: center;}
.title h1{display: block;font-size: 36px;color: #000;}
.title p{font-size: 16px;color: #7b7b7b;padding-top: 20px;line-height: 30px;}

.banner{height: 430px;background:url(../../images/solutions/shangchao/banner.jpg)center top no-repeat;}
.banner span{display: block;font-size: 40px;color: #000;font-weight: bold;padding: 100px 0 26px;}
.banner p{font-size: 18px;color: #000;line-height: 30px;font-weight: 500;}
.banner a{display: block;text-align: center;font-size: 20px;color: #fff;font-weight: bold;width: 170px;height: 60px;line-height: 60px;border-radius: 4px;background: #1d53ee;margin-top: 50px;}

.floor_1{height: auto;overflow: hidden;background:url(../../images/solutions/shangchao/fl1_bg.jpg)center top no-repeat;background-size: cover;padding-bottom: 100px;}
.floor_1 .w1180{position: relative;}
.floor_1 ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_1 ul li{width: 575px;height: 145px;border-radius: 10px;background: #fff;box-shadow: 0 0 16px rgba(205,218,238,0.57);margin-bottom: 30px;}
.floor_1 ul li .tex{width: 440px;float: left;font-size: 14px;color: #787878;font-weight: 500;line-height: 24px;text-align: right;}
.floor_1 ul li:nth-child(2n) .tex{float: right;}
.floor_1 ul li .tex span{display: block;font-size: 20px;color: #000000;font-weight: bold;margin: 30px 0 12px;}
.floor_1 ul li .tex:nth-child(2n),.floor_1 ul li .tex:nth-child(2n) span{text-align: left;}
.floor_1 ul li i{display: block;float: right;width: 52px;height: 52px;overflow: hidden;background-image: url(../../images/solutions/shangchao/icons.png);background-size: 428px;background-position: 0 0;margin: 45px 70px 0 0;}
.floor_1 ul li:nth-child(2n) i{float: left;margin: 45px 0 0 70px;}
.floor_1 ul li:nth-child(2) i{background-position: -59px 0;}
.floor_1 ul li:nth-child(3) i{background-position: -118px 0;}
.floor_1 ul li:nth-child(4) i{background-position: -177px 0;}
.floor_1 .mid_t{background:url(../../images/solutions/shangchao/fl1_1.png)center top no-repeat;width: 143px;height: 156px;position: absolute;top: 85px;left: 518px;}
.floor_1 .mid_t em{display: block;text-align: center;font-size: 24px;font-weight: bold;color: #fff;line-height: 30px;padding-top: 42px;}

.bot_tex{width: 370px;display: flex;justify-content:space-between;flex-wrap:wrap;margin: 0 auto;line-height: 30px;}
.bot_tex p{font-size: 16px;color: #023fed;font-weight: 500;}
.bot_tex p i{display: block;height: 20px;width: 20px;overflow: hidden;background-image: url(../../images/solutions/shangchao/icons.png);background-size: 428px;background-position: -236px 0;float: right;margin: 6px 0 0 6px;}
.bot_tex a{display: block;height: 28px;line-height: 28px;border-radius: 50px;border: solid 1px #023fed;color: #023fed;font-size: 14px;font-weight: 500;padding: 0 10px;}

.floor_2{height: auto;overflow: hidden;}
.floor_2 img{display: block;margin: 4px auto 0;}

.title_1{padding: 90px 0 50px;}
.title_1 h1{display: block;font-size: 30px;color: #000000;}
.title_1 p{font-size: 18px;color: #2b2b2b;padding-top: 16px;font-weight: 500;line-height: 28px;}

.floor_3{height: auto;overflow: hidden;padding-bottom: 100px;background: #f5f8fd;}
.floor_3 ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_3 ul li{width: 172px;height: 112px;background:url(../../images/solutions/shangchao/fl3_1.jpg)center top no-repeat;font-size: 14px;color: #fff;font-weight: 500;padding-left: 16px;line-height: 150px;}
.floor_3 ul li:nth-child(2){background-image: url(../../images/solutions/shangchao/fl3_2.jpg);}
.floor_3 ul li:nth-child(3){background-image: url(../../images/solutions/shangchao/fl3_3.jpg);}
.floor_3 ul li:nth-child(4){background-image: url(../../images/solutions/shangchao/fl3_4.jpg);}

.floor_4{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_4 .fl{width: 580px;}
.floor_4 .fl ul li{height: 142px;border-radius: 6px;background: #f3fdfb;margin-bottom: 20px;}
.floor_4 .fl ul li p::before{display: block;content: '';float: left;height: 40px;width: 40px;overflow: hidden;background-image: url(../../images/solutions/shangchao/icons.png);background-size: 428px;background-position: 0 -63px;float: left;margin: 12px 15px 0 28px;}
.floor_4 .fl ul li:nth-child(2) p::before{background-position: -44px -63px;}
.floor_4 .fl ul li:nth-child(3) p::before{background-position: -100px -63px;}
.floor_4 .fl ul li p{float: left;width: 475px;font-size: 14px;color: #555555;line-height: 24px;font-weight: 500;padding-top: 36px;}
.floor_4 .fl ul li i{display: block;float: right;font-size: 120px;font-weight: bold;background-image: linear-gradient(to bottom,#ebfbf8,#c3f3ec);-webkit-background-clip: text;color: transparent;line-height: 100px;margin-right: 14px;}
.floor_4 img.fr{display: block;margin-top: -100px;}
.floor_4 .bot_tex{margin: 30px 0 0 0;}

.floor_5{height: auto;overflow: hidden;padding-bottom: 100px;background: #f5f8fd;}
.floor_5 .fl{width: 580px;}
.floor_5 .fl ul li{height: 142px;border-radius: 6px;background: #fff;margin-bottom: 20px;}
.floor_5 .fl ul li p::before{display: block;content: '';float: left;height: 40px;width: 40px;overflow: hidden;background-image: url(../../images/solutions/shangchao/icons.png);background-size: 428px;background-position: -150px -63px;float: left;margin: 12px 15px 0 28px;}
.floor_5 .fl ul li:nth-child(2) p::before{background-position: -197px -63px;}
.floor_5 .fl ul li:nth-child(3) p::before{background-position: -247px -63px;}
.floor_5 .fl ul li p{float: left;width: 475px;font-size: 14px;color: #555555;line-height: 24px;font-weight: 500;padding-top: 36px;}
.floor_5 .fl ul li i{display: block;float: right;font-size: 120px;font-weight: bold;background-image: linear-gradient(to bottom,#f1f7ff,#dbebfe);-webkit-background-clip: text;color: transparent;line-height: 100px;margin-right: 14px;}
.floor_5 img.fr{display: block;margin-top: -40px;}
.floor_5 .bot_tex{margin: 30px 0 0 0;width: 400px;}

.floor_6{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_6 .fl{width: 580px;}
.floor_6 .fl ul li{height: 142px;border-radius: 6px;background: #f4f4fd;margin-bottom: 20px;}
.floor_6 .fl ul li p::before{display: block;content: '';float: left;height: 40px;width: 40px;overflow: hidden;background-image: url(../../images/solutions/shangchao/icons.png);background-size: 428px;background-position: -295px -63px;float: left;margin: 12px 15px 0 28px;}
.floor_6 .fl ul li:nth-child(2) p::before{background-position: -342px -63px;}
.floor_6 .fl ul li:nth-child(3) p::before{background-position: -387px -62px;}
.floor_6 .fl ul li p{float: left;width: 475px;font-size: 14px;color: #555555;line-height: 24px;font-weight: 500;padding-top: 36px;}
.floor_6 .fl ul li i{display: block;float: right;font-size: 120px;font-weight: bold;background-image: linear-gradient(to bottom,#f3f3fe,#ddddfd);-webkit-background-clip: text;color: transparent;line-height: 100px;margin-right: 14px;}
.floor_6 img.fr{display: block;margin-top: -20px;}
.floor_6 .bot_tex{margin: 30px 0 0 0;width: 400px;}

.floor_7{height: auto;overflow: hidden;padding-bottom: 100px;background:url(../../images/solutions/shangchao/fl7_bg.jpg)center top no-repeat;background-size: cover;}
.floor_7 .title h1{color: #fff;}
.floor_7 ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_7 ul li{background:url(../../images/solutions/shangchao/fl7_1.png)center top no-repeat;width: 366px;height: 232px;}
.floor_7 ul li:nth-child(2){background-image: url(../../images/solutions/shangchao/fl7_2.png);}
.floor_7 ul li:nth-child(3){background-image: url(../../images/solutions/shangchao/fl7_3.png);}
.floor_7 ul li em{display: block;text-align: center;color: #000000;font-weight: bold;padding: 40px 0 20px;font-size: 24px;}
.floor_7 ul li dl{width: 325px;display: flex;justify-content:space-between;flex-wrap:wrap;margin: 0 auto;}
.floor_7 ul li dl dd{height: 42px;line-height: 42px;width: 150px;background: rgba(255,255,255,0.85);border-radius: 8px;margin-bottom: 14px;font-size: 16px;color: #444444;font-weight: 500;}
.floor_7 ul li dl dd::before{display: block;content: '';height: 21px;width: 20px;overflow: hidden;float: left;background-image: url(../../images/solutions/shangchao/icons.png);background-size: 428px;background-position: 0 -113px;margin: 12px 4px 0 14px;}
.floor_7 ul li dl dd:nth-child(2)::before{background-position: -22px -113px;}
.floor_7 ul li dl dd:nth-child(3)::before{background-position: -44px -113px;}
.floor_7 ul li dl dd:nth-child(4)::before{background-position: -69px -113px;}
.floor_7 ul li p{height: 90px;width: 325px;margin: 0 auto;background: rgba(255,255,255,0.85);border-radius: 8px;font-size: 16px;color: #000000;line-height: 26px;text-align: center;padding-top: 10px;}
.floor_7 a{display: block;height: 36px;line-height: 36px;border-radius: 50px;border: solid 1px #fff;color: #fff;font-size: 14px;font-weight: 500;width: 138px;text-align: center;margin: 40px auto 0;}

.floor_8{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_8 .conCase{width: 880px;margin: 0 auto;}
.floor_8 .conCase .tit_t{height: auto;overflow: hidden;margin-bottom: 40px;}
.floor_8 .conCase .tit_t img{display: block;float: left;}
.floor_8 .conCase .tit_t .tex{width: 700px;float: right;font-size: 16px;color: #000000;line-height: 28px;}
.floor_8 .conCase .tit_t .tex span{display: block;font-size: 26px;color: #000000;font-weight: bold;padding: 6px 0 16px;}
.floor_8 .conCase ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_8 .conCase ul li{height: 170px;width: 340px;border-radius: 8px;background: #fff;box-shadow: 0 0 16px rgba(0,0,0,.1);}
.floor_8 .conCase ul li:nth-child(2){width: 500px;}
.floor_8 .conCase ul li i{display: block;font-size: 20px;color: #000;font-weight: bold;padding: 20px 0 16px 20px;}
.floor_8 .conCase ul li p{font-size: 14px;color: #777777;font-weight: 500;line-height: 30px;padding-left: 20px;}

.floor_9{height: auto;overflow: hidden;padding-bottom: 100px;background: #f5f8fd;}
.floor_9 ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_9 ul li{width: 265px;height: 153px;background:url(../../images/solutions/shangchao/fl9_1.png)center top no-repeat;}
.floor_9 ul li:nth-child(2){background-image: url(../../images/solutions/shangchao/fl9_2.png);}
.floor_9 ul li:nth-child(3){background-image: url(../../images/solutions/shangchao/fl9_3.png);}
.floor_9 ul li:nth-child(4){background-image: url(../../images/solutions/shangchao/fl9_4.png);}
.floor_9 ul li span{display: block;font-size: 24px;color: #fff;font-weight: bold;text-align: center;padding: 40px 0 10px;}
.floor_9 ul li a{display: block;height: 24px;line-height: 24px;border-radius: 50px;border: solid 1px #fff;color: #fff;font-size: 12px;font-weight: 500;width: 78px;text-align: center;margin: 0 auto;}

.left_scroll{width: 82px;position: fixed;left: 20px;top: 25%;z-index: 9;}
.left_scroll a{display: block;width: 82px;height: 82px;line-height: 82px;text-align: center;font-size: 14px;color: #697be9;font-weight: bold;background: #dde4ff;margin-bottom: 1px;border-radius: 50%;}
.left_scroll a.active,.left_scroll a:hover{background: #587bff;color: #fff;}