@charset "utf-8";
@import url(../popup.css);
body{font-family:"Microsoft YaHei","微软雅黑";}
*{margin: 0;padding:0;}
a{text-decoration:none; cursor:pointer;}
ul li{list-style: none}
em{font-style:normal;}
.fl{float: left;}
.fr{float: right;}
.w1200{width: 1200px;margin: 0 auto;}
.w1180{width: 1180px;margin: 0 auto;}
.w1152{width: 1152px;margin: 0 auto;}


.tc{position: fixed;width: 100%;height: 100%;background: rgba(75,75,75,0.6);left:0;top:0;display: none;z-index: 99999;}
.tc .box_1{position: absolute;top:50%;left:50%;margin-left: -238px;margin-top: -300px;}
.tc .bg{height: 362px;width: 462px;background: url(../../images/ydysc/2016/bg_1.png) center top no-repeat;padding-top: 77px;}
.tc .bg em{height:34px;height: 34px;background: url(../../images/ydysc/2016/gb.png) center top no-repeat;display: block;margin-left: 414px;;}
.tc .an{margin-top: 39px;}
.tc .an a{width: 234px;height: 68px;display: block;background: url(../../images/ydysc/2016/bg_2.png);margin-left: 109px;color: #fff;text-align: center;line-height: 68px;font-size: 25px;}

.imenu{height:80px;width:100%;background-color:#fff;z-index:2;border-bottom:1px solid #ccc;}
.imenu .fl li{float:left;font-size:18px;margin-right:50px;padding-top: 40px;}
.imenu .fl li a{color:#0d0d0d;display:inline-block;height:40px;}
.imenu .fl li a:hover,.imenu .fl li .on{border-bottom: 3px solid #0096d6;color:#0096d6;}
.imenu .fr a{display:inline-block;width:110px;text-align:center;line-height:32px;color:#484848;font-size:16px;border:2px solid #f8490a;border-radius:18px;margin-top:32px;}
.imenu .fr a:hover{background:#f8490a;color:#fff;}

.title{font-size: 38px;color:#10143f;text-align: center;margin-top: 107px;margin-bottom: 32px;}
.title p{font-size:18px;color:#585858;margin-top: 15px;}
.title_1{font-size: 38px;color:#10143f;text-align: center;margin-top: 107px;margin-bottom: 32px;background: url(../../images/solutions/o2o/xian.png) center 20px no-repeat;}
.title_1 p{font-size:18px;color:#585858;margin-top: 10px;}

.banner{height: 430px;background:url(../../images/solutions/o2o/banner.jpg) center top no-repeat;}
.banner .tijiao{height: 62px;width: 564px;float: left;padding: 290px 0 0 100px;}
.banner .tijiao .phone{height: 62px;outline: none;border:none;padding-left: 30px;width: 360px;font-size:16px;float:left;color:#000;background: #fff;border-radius: 5px;margin-right: 8px;}
.banner .tijiao .btn_1{width: 166px;height:62px;line-height: 62px;float:left;outline: none;border:none;background-image: linear-gradient(to right,#e82e39,#f84f54);font-size:22px;color:#fff;cursor: pointer;border-radius: 5px;}

.btn{width:292px;height:52px;margin: 60px auto 0;background: #ff3333;font-size:20px;color:#fff;display: block;text-align: center;line-height: 52px;border-radius: 3px;}

.content .floor_1{height: 544px;overflow: hidden;background: url(../../images/solutions/o2o/fl1_01.jpg) right center no-repeat ;}
.content .floor_1 .no_1{width:561px;height:137px;padding:82px 0 0 12px;}
.content .floor_1 .no_1 span{font-size:20px;}
.content .floor_1 .no_1 p{color:#737373;margin-top: 30px;font-size: 14px;line-height: 1.5em;}
.content .floor_1 .no_2{height: auto;overflow: hidden;width:561px;padding-top: 57px;padding-left:12px;font-size: 20px;color:#ff3333;}
.content .floor_1 .no_2 em{color:#ccc;margin-left:12px;margin-right: 12px;}
.content .floor_1 .no_3 a{width:292px;height:52px;margin-top: 76px;background: #ff3333;font-size:20px;color:#fff;display: block;text-align: center;line-height: 52px;margin-left:12px;border-radius: 3px;}

.content .floor_2 {background: #f4f4f4;overflow: hidden;height: auto;padding-bottom: 80px;}
.content .floor_2 .no_1{width:280px;height:320px;border:1px solid #a8a8a8;float:left;margin-top: 33px;}
.content .floor_2 .no_1:hover{background: #10143f;color:#dedee2;}
.content .floor_2 .no_1:hover em,.content .floor_2 .no_1:hover span,.content .floor_2 .no_2:hover em,.content .floor_2 .no_2:hover span,.content .floor_2 .no_3:hover em,.content .floor_2 .no_3:hover span,.content .floor_2 .no_4:hover em,.content .floor_2 .no_4:hover span{color:#fff;}
.content .floor_2 .no_2{width:280px;height:320px;border:1px solid #a8a8a8;float:left;margin-left:23px;margin-top: 33px;}
.content .floor_2 .no_2:hover{background: #10143f;color:#dedee2;}
.content .floor_2 .no_3{width:280px;height:320px;border:1px solid #a8a8a8;float:left;margin-left:23px;margin-top: 33px;}
.content .floor_2 .no_3:hover{background: #10143f;color:#dedee2;}
.content .floor_2 .no_4{width:280px;height:320px;border:1px solid #a8a8a8;float:left;margin-left:23px;margin-top: 33px;}
.content .floor_2 .no_4:hover{background: #10143f;color:#dedee2;}
.content .floor_2 em{display: block;font-size:20px;text-align: center;padding-top: 81px;font-weight: bold;}
.content .floor_2 span{padding-left: 31px;font-size: 14px;padding-top: 49px;display: block;}
.content .floor_2 .no_5 a{width:260px;height:52px;font-size:18px;color:#fff;background: #ff3333;float:left;margin-top:72px;line-height: 52px;text-align: center;border-radius: 3px;margin-left:326px;}
.content .floor_2 .no_6 a{width:260px;height:52px;font-size:18px;color:#fff;background: #10143f;float:right;margin-top: 72px;line-height: 52px;text-align: center;border-radius: 3px;margin-right:328px;}


.content .floor_3 {height:981px;background: url(../../images/solutions/o2o/fl3_01.jpg) center top no-repeat;}
.content .floor_3 .title{font-size: 38px;color:#fff;text-align: center;padding-top:100px;margin-top: 0;}
.content .floor_3 .title p{font-size:18px;color:#c5c5c5;margin-top:10px;}
.content .floor_3 .no_1{height:602px;position: relative;}
.content .floor_3 ul li{position: absolute;width: 235px;height: 235px;line-height: 22px;cursor: pointer;}
.content .floor_3 ul li p{font-size: 18px;text-align: center;padding-top: 106px;font-weight: bold;}
.content .floor_3 ul li span{font-size: 14px;display: none;width: 143px;margin: 0 auto;padding-top: 73px;}
.content .floor_3 ul li:hover p{display:none;}
.content .floor_3 ul li:hover span{display: block;}
.content .floor_3 ul.row_1 .a_1{left: 125px;color: #FFF;background: url(../../images/solutions/o2o/lan_bg.png) left top no-repeat;}
.content .floor_3 ul.row_1 .a_2{left: 364px;color: #0050b4;background: url(../../images/solutions/o2o/bai_bg.png) left top no-repeat;}
.content .floor_3 ul.row_1 .a_3{left:602px;color: #0050b4;background: url(../../images/solutions/o2o/bai_bg.png) left top no-repeat;}
.content .floor_3 ul.row_1 .a_4{left:840px;color: #FFF;background: url(../../images/solutions/o2o/lan_bg.png) left top no-repeat;}
.content .floor_3 ul.row_2 .a_1{left: 7px;top:123px;color: #0050b4;background: url(../../images/solutions/o2o/bai_bg.png) left top no-repeat;}
.content .floor_3 ul.row_2 .a_2{left: 244px;top:123px;color: #0050b4;background: url(../../images/solutions/o2o/bai_bg.png) left top no-repeat;}
.content .floor_3 ul.row_2 .a_3{left: 483px;top:123px;color: #FFF;background: url(../../images/solutions/o2o/lan_bg.png) left top no-repeat;}
.content .floor_3 ul.row_2 .a_4{left: 721px;top:123px;color: #0050b4;background: url(../../images/solutions/o2o/bai_bg.png) left top no-repeat;}
.content .floor_3 ul.row_2 .a_5{left: 958px;top:123px;color: #0050b4;background: url(../../images/solutions/o2o/bai_bg.png) left top no-repeat;}
.content .floor_3 ul.row_3 .a_1{left: 125px;top:244px;color: #FFF;background: url(../../images/solutions/o2o/lan_bg.png) left top no-repeat;}
.content .floor_3 ul.row_3 .a_2{left: 364px;top:244px;color: #0050b4;background: url(../../images/solutions/o2o/bai_bg.png) left top no-repeat;}
.content .floor_3 ul.row_3 .a_3{left: 602px;top:244px;color: #0050b4;background: url(../../images/solutions/o2o/bai_bg.png) left top no-repeat;}
.content .floor_3 ul.row_3 .a_4{left: 839px;top:244px;color: #0050b4;background: url(../../images/solutions/o2o/bai_bg.png) left top no-repeat;}
.content .floor_3 ul.row_4 .a_1{left: 245px;top:367px;color: #0050b4;background: url(../../images/solutions/o2o/bai_bg.png) left top no-repeat;}
.content .floor_3 ul.row_4 .a_2{left: 484px;top:367px;color: #FFF;background: url(../../images/solutions/o2o/lan_bg.png) left top no-repeat;}
.content .floor_3 ul.row_4 .a_3{left: 722px;top:367px;color: #FFF;background: url(../../images/solutions/o2o/lan_bg.png) left top no-repeat;}

.content .floor_4{height:660px;}
.content .floor_4 .no_1{height:355px;margin:0 auto;width:1000px;background:url(../../images/solutions/o2o/fl4_01.jpg) center center no-repeat;position: relative;}
.content .floor_4 .no_1 ul li{position:absolute;font-size: 14px;}
.content .floor_4 .no_1 .p_1{color:#7ea0d9;font-size: 16px;left:28px;top:118px;}
.content .floor_4 .no_1 .p_2{font-size: 16px;;left:128px;top:12px;}
.content .floor_4 .no_1 .p_3{color: #515151;font-size: 16px;left:128px;top:68px;line-height: 1.5em;}
.content .floor_4 .no_1 .p_4{left:224px;bottom: 63px;}
.content .floor_4 .no_1 .p_5{left:200px;bottom:6px;color:#fff;}
.content .floor_4 .no_1 .p_6{left:306px;bottom:174px;}
.content .floor_4 .no_1 .p_7{left:408px;top:58px;color:#32adcc;}
.content .floor_4 .no_1 .p_8{left:408px;bottom:91px;color:#32adcc;}
.content .floor_4 .no_1 .p_9{right:560px;bottom:6px;color:#638ed3;}
.content .floor_4 .no_1 .p_10{right:434px;bottom:174px;}
.content .floor_4 .no_1 .p_11{right:253px;top:22px;}
.content .floor_4 .no_1 .p_12{right:292px;top:114px;color:#fff;}
.content .floor_4 .no_1 .p_13{right:292px;bottom:132px;color:#fff;}
.content .floor_4 .no_1 .p_14{right:292px;bottom:44px;color:#fff;}
.content .floor_4 .no_1	.p_15{right:139px;top:32px;color:#fff;}
.content .floor_4 .no_1 .p_16{right:168px;top:131px;}
.content .floor_4 .no_1 .p_17{right:194px;bottom: 116px;}
.content .floor_4 .no_1 .p_18{right:194px;bottom:27px;}
.content .floor_4 .no_1 .p_19{right:1px;top:32px;color:#7ea0d9;}
.content .floor_4 .no_1 .p_20{right:62px;top:110px;color:#7ea0d9;}
.content .floor_4 .no_1 .p_21{right:62px;bottom:136px;color:#7ea0d9;}
.content .floor_4 .no_1 .p_22{right:62px;bottom:47px;color:#7ea0d9;}
.content .floor_4 .fl_1 a{width:240px;height:50px;font-size:18px;color:#fff;background: #ff3333;float:left;margin-top: 72px;line-height: 52px;text-align: center;border-radius: 3px;margin-left:350px;}
.content .floor_4 .fr_1 a{width:240px;height:50px;font-size:18px;color:#fff;background: #10143f;float:right;margin-top: 72px;line-height: 52px;text-align: center;border-radius: 3px;margin-right:350px;}

.floor_5{height: auto;overflow: hidden;padding-bottom:70px;background: #f5f5f5;}
.floor_5 .w1180{position: relative;}
.floor_5 .swiper-container{width: 980px;margin: 0 auto;}
.floor_5 .swiper-button-prev,.floor_5 .swiper-container-rtl .swiper-button-next{background-image: url(../../images/solutions/o2o/prev.png);background-size: 100%;width: 37px;height: 71px;}
.floor_5 .swiper-button-next,.floor_5 .swiper-container-rtl .swiper-button-prev{background-image: url(../../images/solutions/o2o/next.png);background-size: 100%;width: 37px;height: 71px;}
.floor_5 ul li img{display: block;}
.floor_5 ul li .tit{font-size: 22px;color: #121212;text-align: right;padding: 0 25px;height: 70px;line-height: 70px;}
.floor_5 ul li .tit img{float: left;margin-top: 16px;}
.floor_5 ul li span{display: block;padding: 0 25px;line-height: 26px;color: #555555;font-size: 14px;}
.floor_5 ul li .bot{padding: 12px 25px;}
.floor_5 ul li .bot p{float: left;width: 110px;height: 70px;border: 1px solid #e5e5e5;text-align: center;line-height: 20px;font-size: 14px;color: #121212;margin-right: 18px;padding-top: 10px;}
.floor_5 ul li .bot p:last-child{margin-right: 0;}
.floor_5 ul li .bot p em{font-size: 14px;color: #fe0931;font-weight: bold;}

.content .floor_6 {height:664px;background-color:#fff;}
.content .floor_6 .title_3{font-size: 38px;color:#10143f;text-align: center;padding-top:123px;margin-bottom: 50px;}
.content .floor_6 ul .bo_1{background: url(../../images/solutions/o2o/fl6_01.jpg) center center no-repeat;width: 368px; height:306px;float:left;font-size: 28px;color:#fff;text-align: center;padding-top:80px;line-height: 44px;}
.content .floor_6 ul .bo_2{background: url(../../images/solutions/o2o/fl6_02.jpg) center center no-repeat;width: 368px; height:306px;float:left;font-size: 28px;color:#fff;text-align: center;padding-top:80px;margin-left: 48px;line-height: 44px;}
.content .floor_6 ul .bo_3{background: url(../../images/solutions/o2o/fl6_03.jpg) center center no-repeat;width: 368px; height:306px;float:left;font-size: 28px;color:#fff;text-align: center;padding-top:80px;margin-left: 48px;line-height: 44px;}
.content .floor_6 a{width: 240px;height: 50px;font-size: 18px;color: #fff;border: 1px solid #fff;line-height: 52px;text-align: center;border-radius: 3px;display: block;margin: 50px auto 0;}

.einform{width: 1200px;margin: 0 auto;clear:both;margin-bottom:60px;padding-top:60px;}
.einform .tit{line-height:36px;font-size:28px;height:36px;}
.einform .tit p{width:330px;float: right;}
.einform .tit p a{display:block;float:right;color:#797979;font-size:16px;}
.einform_l{width: 790px;height: 544px; float: left;}
.einform_l p{font-size:20px;margin-top:36px;line-height:22px;}
.einform_l p img{margin-right:20px;}
.einform_l span{line-height:22px;margin-top:20px;display:block;font-size: 14px;color:#b7988d;width: 720px;height:66px;}
.einform_l .btn{background-color:#ffa800;width:136px;height:34px;line-height:34px;text-align: center;display:inline-block;margin-left:300px;border-radius:8px;margin-top:20px;color:#fff;}
.einform_r{float:left;width:330px;background-color:#efefef;height:544px;margin-left:80px;}
.einform_r li{line-height:36px;width:320px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.einform_r li a{color:#797979;font-size:16px;}
.einform_r li em{width:40px;display: inline-block;text-align:center;}