@charset "utf-8";
*{margin:0;padding:0;border:0;font-size:14px;background:transparent;font-family:"Microsoft YaHei","微软雅黑";}
body{position: relative;}
ul,li{list-style: none;}
a{text-decoration: none;cursor: pointer;}
em,i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clearfix {*zoom: 1;}
.w1180{width: 1180px;margin: 0 auto;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}

.title{padding: 90px 0 50px;text-align: center;}
.title span{display: block;font-size: 36px;color: #000000;text-align: center;font-weight: bold;}
.title p{font-size: 18px;color: #807f7f;padding-top: 22px;}

a.btn_md{display: block;height: 56px;width: 250px;border-radius: 8px;line-height: 56px;text-align: center;font-size: 20px;color: #fff;background: #ff8a00;margin: 0 auto;}

.banner{height: 360px;background:url(../../images/ydsc/o2omd/banner.jpg) center top no-repeat;padding-top: 70px;}
.banner i{display: block;height: 34px;line-height: 34px;width: 370px;border-radius: 50px;text-align: center;font-size: 18px;color: #fff;border: 1px solid #fff;}
.banner span{display: block;font-size: 52px;color: #ffff;font-weight: bold;padding: 12px 0 20px;}
.banner p{font-size: 18px;color: #fff;line-height: 28px;}
.banner a.btn_md{width: 200px;margin: 50px 0 0;}

.floor_1{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_1 .ArtCon_top{height: 114px;border-radius: 10px;background: #fff;box-shadow: 0 0 16px 4px rgba(0,0,0,.08);display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_1 .ArtCon_top .te_con{width: 33.33333%;padding-top: 20px;}
.floor_1 .ArtCon_top .te_con i{display: block;float: left;width: 44px;height: 44px;overflow: hidden;background-image: url(../../images/ydsc/o2omd/icons.png);background-size: 450px;margin: 4px 14px 0 90px;background-position: 0 0;}
.floor_1 .ArtCon_top .te_con2 i{background-position: -65px 0;}
.floor_1 .ArtCon_top .te_con3 i{background-position: -131px 0;}
.floor_1 .ArtCon_top .te_con span{display: block;float: left;font-size: 14px;color: #737373;line-height: 24px;}
.floor_1 .ArtCon_top .te_con span em{display: block;font-size: 20px;font-weight: bold;color: #000000;margin-bottom: 8px;}
.floor_1 .ArtCon_mid{margin: 50px auto;}
.floor_1 .ArtCon_mid .fl{width: 600px;display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_1 .ArtCon_mid .fl .box-unit{width: 289px;height: 225px;background:url(../../images/ydsc/o2omd/fl1_1.png) center top no-repeat;text-align: center;}
.floor_1 .ArtCon_mid .fl .box_2{background-image: url(../../images/ydsc/o2omd/fl1_2.png);}
.floor_1 .ArtCon_mid .fl .box-unit i{display: block;font-size: 26px;color: #fff;padding: 54px 0 20px;}
.floor_1 .ArtCon_mid .fl .box-unit p{font-size: 16px;color: #fff;line-height: 24px;}
.floor_1 .ArtCon_mid .fr{width: 575px;height: 195px;background:url(../../images/ydsc/o2omd/fl1_3.png) center top no-repeat;padding-top: 30px;}
.floor_1 .ArtCon_mid .fr p{font-size: 16px;color: #fff;line-height: 40px;}
.floor_1 .ArtCon_mid .fr p b{display: inline-block;color: #ff3228;margin: 0 6px 0 140px;}

.floor_2{height: auto;overflow: hidden;padding-bottom: 100px;background: #eff6fe;}
.floor_2 ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_2 ul li{cursor: pointer;transition: 0.3s all;width: 365px;box-shadow: 0 0 16px 2px rgba(0,0,0,.08);border: 2px solid #fff;border-radius: 8px;height: 460px;background: #fff;}
.floor_2 ul li:hover{border: 2px solid #54d3e2;}
.floor_2 ul li:nth-child(2):hover{border: 2px solid #7151e6;}
.floor_2 ul li:nth-child(3):hover{border: 2px solid #3b58e9;}
.floor_2 ul li em{display: block;font-size: 20px;color: #fff;width: 248px;height: 54px;line-height: 54px;text-align: center;border-radius: 50px;background-image: linear-gradient(to right,#00b1d6,#00cbd3);margin: -26px auto 40px;}
.floor_2 ul li:nth-child(2) em{background-image: linear-gradient(to right,#666cf0,#8f87f7);}
.floor_2 ul li:nth-child(3) em{background-image: linear-gradient(to right,#5870f8,#5b96fa);}
.floor_2 ul li img{display: block;margin: 0 auto;}
.floor_2 ul li p{font-size: 14px;color: #373737;line-height: 24px;padding: 30px 0 10px 45px;}
.floor_2 ul li i{display: block;font-size: 14px;color: #08a9bc;font-weight: bold;padding-left: 45px;}
.floor_2 ul li:nth-child(2) i{color: #666cf0;}
.floor_2 ul li:nth-child(3) i{color: #5870f8;}
.floor_2 a.btn_md{margin-top: 50px;}

.floor_3{height: auto;overflow: hidden;padding-bottom: 100px;background: #eff6fe;}
.floor_3 .ArtCon{display: flex;justify-content:space-between;flex-wrap:wrap;margin-bottom: 50px;}
.floor_3 .tex_cont{width: 560px;height: 485px;overflow: hidden;border-radius: 10px;box-shadow: 0 0 16px 2px rgba(0,0,0,.08);background: #fff;}
.floor_3 .tex_cont span{display: block;font-size: 30px;color: #fff;text-align: center;background:url(../../images/ydsc/o2omd/fl3_1.png) center top no-repeat;width: 135px;line-height: 250px;height: 485px;float: left;}
.floor_3 .tex_cont2 span{display: block;font-size: 30px;color: #fff;text-align: center;background:url(../../images/ydsc/o2omd/fl3_2.png) center top no-repeat;width: 135px;line-height: 250px;height: 485px;}
.floor_3 .tex_cont ul{width: 370px;display: flex;justify-content:space-between;flex-wrap:wrap;margin: 24px 24px 0 0;float: right;}
.floor_3 .tex_cont ul li{width: 178px;height: 92px;overflow: hidden;border-radius: 8px;background: #ebfaff;margin-bottom: 20px;position: relative;cursor: pointer;transition: 0.3s all;border: 1px solid #a1cdff;}
.floor_3 .tex_cont2 ul li{background: #ebfaff;border: 1px solid #5ad1ea;}
.floor_3 .tex_cont ul li i{display: block;font-size: 16px;color: #000000;text-align: center;}
.floor_3 .tex_cont ul li i::before{display: block;content: '';width: 28px;height: 25px;overflow: hidden;background-image: url(../../images/ydsc/o2omd/icons.png);background-size: 450px;background-position: 0 -66px;margin: 18px auto 10px;}
.floor_3 .tex_cont ul li:nth-child(2) i::before{background-position: -35px -66px;}
.floor_3 .tex_cont ul li:nth-child(3) i::before{background-position: -73px -66px;}
.floor_3 .tex_cont ul li:nth-child(4) i::before{background-position: -112px -66px;}
.floor_3 .tex_cont ul li:nth-child(5) i::before{background-position: -144px -66px;}
.floor_3 .tex_cont ul li:nth-child(6) i::before{background-position: -182px -66px;}
.floor_3 .tex_cont ul li:nth-child(7) i::before{background-position: -220px -66px;}
.floor_3 .tex_cont ul li:nth-child(8) i::before{background-position: -256px -66px;}
.floor_3 .tex_cont2 ul li:nth-child(1) i::before{background-position: 0 -100px;}
.floor_3 .tex_cont2 ul li:nth-child(2) i::before{background-position: -35px -100px;}
.floor_3 .tex_cont2 ul li:nth-child(3) i::before{background-position: -73px -100px;}
.floor_3 .tex_cont2 ul li:nth-child(4) i::before{background-position: -112px -100px;}
.floor_3 .tex_cont2 ul li:nth-child(5) i::before{background-position: -144px -100px;}
.floor_3 .tex_cont2 ul li:nth-child(6) i::before{background-position: -182px -100px;}
.floor_3 .tex_cont2 ul li:nth-child(7) i::before{background-position: -220px -100px;}
.floor_3 .tex_cont2 ul li:nth-child(8) i::before{background-position: -256px -100px;}
.floor_3 .tex_cont .tex{font-size: 14px;color: #fff;padding: 18px 12px;background: #0f69ef;height: 56px;width: 154px;position: absolute;top: -92px;left: 0;transition: 0.3s all;}
.floor_3 .tex_cont2 .tex{background: #00afcf;}
.floor_3 .tex_cont ul li:hover .tex{top: 0;}

.floor_4{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_4 img{display: block;margin: 0 auto;}

.floor_5{height: auto;overflow: hidden;padding-bottom: 100px;background:url(../../images/ydsc/o2omd/fl5_bg.jpg) center top no-repeat;background-size: cover;}
.floor_5 .title span,.floor_5 .title p{color: #fff;}
.floor_5 ul{width: 815px;margin: 0 auto;display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_5 ul li{width: 170px;text-align: center;}
.floor_5 ul li i{display: block;font-size: 18px;color: #fff;line-height: 26px;}
.floor_5 ul li i::before{display: block;content: '';background-image: url(../../images/ydsc/o2omd/icons.png);background-size: 450px;width: 145px;height: 145px;overflow: hidden;background-position: 0 -138px;margin: 0 auto 22px;}
.floor_5 ul li:nth-child(2) i::before{background-position: -153px -138px;}
.floor_5 ul li:nth-child(3) i::before{background-position: -306px -138px;}
.floor_5 ul li a{display: block;width: 170px;border-radius: 8px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;background: #f35333;margin: 30px auto 0;}

.floor_6{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_6 .swiper{position: relative;padding-bottom: 50px;}
.floor_6 .swiper-slide{width: 495px!important;height: 462px;box-shadow: 0 0 16px 4px rgba(0,0,0,.06);background: #fff;border-radius: 10px;cursor: pointer;}
.floor_6 .caseshow img.fl{display: block;margin: 60px 0 0 44px;}
.floor_6 .caseshow .fr{width: 260px;height: auto;overflow: hidden;}
.floor_6 .caseshow .fr .t{display: block;height: auto;overflow: hidden;padding: 90px 0 24px;}
.floor_6 .caseshow .fr .t i{display: block;float: left;height: 44px;width: 120px;overflow: hidden;background-image: url(../../images/ydsc/o2omd/icons.png);background-size: 450px;background-position: 0 -296px;margin-top: 2px;}
.floor_6 .show2 .fr .t i{background-position: -130px -296px;}
.floor_6 .show3 .fr .t i{background-position: -260px -296px;}
.floor_6 .show4 .fr .t i{background-position: 0 -352px;}
.floor_6 .show5 .fr .t i{background-position: -130px -352px;}
.floor_6 .show6 .fr .t i{background-position: -260px -352px;}
.floor_6 .caseshow .fr .t em{display: block;float: left;margin-left: 10px;font-size: 12px;color: #565656;}
.floor_6 .caseshow .fr .t em b{display: block;font-size: 18px;color: #131313;font-weight: bold;margin-bottom: 4px;}
.floor_6 .caseshow .fr p{font-size: 14px;color: #565656;line-height: 24px;}
.floor_6 .caseshow .tex{width: 196px;display: flex;justify-content:space-between;flex-wrap:wrap;margin: 14px 0 30px;}
.floor_6 .caseshow .tex span{display: block;height: 24px;line-height: 24px;text-align: center;border-radius: 50px;border: 1px solid #fa837e;text-align: center;padding: 0 12px;font-size: 14px;color: #f53b3b;}
.floor_6 .caseshow a.btn_md{width: 160px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;background: #ff6f30;margin: 0;}
.floor_6 .swiper-pagination{bottom: 0;}
.floor_6 .swiper-pagination-bullet{width: 20px;height: 6px;border-radius: 50px;background: #e5e5e5;opacity: 1;}
.floor_6 .swiper-pagination-bullet-active{background: #ff6c3f;}