html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none;}
body{ margin:0; font-family:OPPOSansR,SourceHanSansCN, Microsoft YaHei,arial, sans-serif; color:#484848;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;}
img{border:0; max-width:100%;}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
a:hover{ color:#890f02;}
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:OPPOSansR,SourceHanSansCN, Microsoft YaHei,arial, sans-serif;}
h1{font-size: 32px;}
h2{font-size: 24px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
.pz_top{ float:left; width:100%; min-width:1024px; position:relative; z-index:8;}
.pz_banner{ float: left; width:100%; min-width:1024px; position:relative; overflow:hidden; z-index:1;}
.pz_main{ float:left; width:100%; min-width:1024px;position:relative; min-height:600px;}
.pz_down{ float:left; width:100%; min-width:1024px;overflow:hidden;}
.w_1200{ margin:0 auto; width:1440px;}
@media (max-width: 1440px) {
.pz_top{ min-width:1024px;}
.pz_banner{ min-width:1024px;}
.pz_main{ min-width:1024px;}
.pz_down{ min-width:1024px;}
.w_1200{ margin:0 auto; width:90%;}
}
/*pz_banner*/
.inBanner{float: left;width: 100%;line-height: 0;height: 900px;min-width:1024px; position: relative;z-index: 1; display: block; text-align: center;}
.inBanner .attest{display: inline-block; max-width: 1200px; min-width:1024px; margin-top:235px; z-index: 1;}
@media (max-width: 1440px) {
.inBanner{min-width: 1024px;}
}
/*pz_main*/
.housPlatform{float:left; width: 100%; position: relative; display: block; text-align: center; z-index:6; margin-bottom: 20px;}
.housPlatform .housPlaImg{display: inline-block; max-width: 1600px; min-width:1024px; z-index: 2; position: relative; padding-bottom: 34px;}
@media (max-width: 1440px) {
.housPlatform .housPlaImg{min-width:1024px;}
}
.housPlatform .housPlaImg .butA{position: absolute; width: 340px; height: 56px; text-align: center; line-height: 56px; font-size: 18px; bottom:0; left: 50%; margin-left: -170px;}
.housPlatform .housPlaImg .butA a{float: left; width: 100%;color:#fff; background: #1764E3;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
.housPlatform .housPlaImg .butA a:hover{
box-shadow: 0 0 15px #106EE4;
-moz-box-shadow: 0 0 15px #106EE4;
-webkit-box-shadow: 0 0 15px #106EE4;
}
.housTit{float: left; width: 100%; text-align: center; margin-top: 60px; line-height: 44px; color:#113054;}
.housTit h1{display: block; font-size:36px; font-weight: bold;
/*font-family: "OPPOSansB";*/
}
.housTit h4{display: block;
/*font-family: "OPPOSansR";*/
}
.housThings{float: left; width: 100%;overflow: hidden; padding-bottom: 20px;}
.housThings ul{margin: 0 -12px;}
.housThings li{float:left; width: 33.333%; padding: 0 12px; margin-top: 24px; height: 2.31rem;}
.housThings li a{float: left; width: 100%; padding:8px; position: relative;
background: linear-gradient(-90deg, #2CD58C 0%, #38A9A8 100%);
background: -ms-linear-gradient(-90deg, #2CD58C 0%, #38A9A8 100%);
background: -webkit-linear-gradient(-90deg, #2CD58C 0%, #38A9A8 100%);
background: -moz-linear-gradient(-90deg, #2CD58C 0%, #38A9A8 100%);
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
.housThings li .lImg{float: left; width: 58.18%; line-height: 0; background:#F2FCF8; overflow: hidden; position: relative; padding-bottom:48%;
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
.housThings li .lImg img{ position: absolute; width: 100%; height: 100%; left: 0; top:0;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.housThings li .rText{float: right; position: absolute; width: 40%; height:100%; right: 5px;top:0; color:#fff;font-size: 28px; line-height: 48px; display: flex;align-items:center;justify-content: center;}
.housThings li a:hover{
box-shadow: 0 0 21px rgba(48, 198, 150, 0.65);
-moz-box-shadow: 0 0 21px rgba(48, 198, 150, 0.65);
-webkit-box-shadow: 0 0 21px rgba(48, 198, 150, 0.65);
}
.housThings li a:hover .lImg img{
transform: scale(1.1);
-ms-transform: scale(1.1);
}
.housThings li.small1{width:16.6665%}
.housThings li.small1 a .lImg{width: 100%; padding-bottom: 78.4%;}
.housThings li.small1 a .rText{display: block; text-align: center; position: static; width: 100%; margin-top:7px;}
.housThings li.small2{height: 1.91rem;}
.housThings li.small2 a .lImg{ width: 48.5%; padding-bottom:39%; }
.housThings li.small2 a .rText{width:51%;}
.housThings li.small3{width:16.6665%; height: 1.91rem;}
.housThings li.small3 a .lImg{width: 100%; padding-bottom: 59%;}
.housThings li.small3 a .rText{display: block; text-align: center; position: static; width: 100%; margin-top:7px;}
.housThings li.smallIco{width:16.6665%; height: auto;}
.housThings li .dlBox{float: left; width: 100%; position: relative; height: 220px;
cursor: pointer;
}
.housThings li .ico{float: left; width: 100%; padding: 0 8px; height: 100%; color:#fff; cursor: pointer;display: flex;justify-content:center;align-items:center;flex-wrap:wrap; background: url("_im_g/gbg1.jpg") repeat-x; background-size: auto 100%;
background: linear-gradient(-90deg, #2CD58C 0%, #38A9A8 100%);
background: -ms-linear-gradient(-90deg, #2CD58C 0%, #38A9A8 100%);
background: -webkit-linear-gradient(-90deg, #2CD58C 0%, #38A9A8 100%);
background: -moz-linear-gradient(-90deg, #2CD58C 0%, #38A9A8 100%);
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.housThings li.smallIco .lImg{width: 100%; background:none; display: block; text-align: center; padding-bottom: 0;}
.housThings li.smallIco .lImg img{width: auto; position: static;}
.housThings li.smallIco .rText{font-size: 24px; position: static; display: block; width:100%; text-align: center; height: auto; margin-top: 16px;}
.housThings li .eXmore{position: absolute; width: 100%; height: 100%; display: table; text-align: center;bottom: -100%; opacity: 0; visibility: hidden;
background:#38A9A8;
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
-webkit-transition:all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.housThings li .dlBox:hover .eXmore{bottom: 0; opacity: 1; visibility: visible;}
.housThings li .eXmore .table{display: table-cell; vertical-align: middle;}
.housThings li .eXmore .table em{display: block; font-size: 32px; line-height: 32px; color:#fff;font-weight:bold;}
.housThings li .eXmore .table a.more{display: inline-block; width: 136px; height: 40px; line-height: 40px; margin-top: 16px;
background: #fff; font-size: 18px; padding: 0; float: none;
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.housThings li .eXmore .table a.more img{vertical-align: middle; margin-top: -3px}
.housThings li .eXmore .table a.more i{
color:#38A9A8;
}
.housThings li.smallIco.box{width: 33.333%;}
@media (max-width: 1440px) {
.housTit h1{ font-size:32px;}
.housThings ul{margin: 0 -10px;}
.housThings li{padding: 0 10px; margin-top: 20px;}
.housThings li .rText{font-size: 20px; line-height: 32px;}
.housThings li.small1 a .lImg{padding-bottom: 82%;}
.housThings li.small3 a .lImg{padding-bottom: 64.5%;}
.housThings li.smallIco .rText{font-size: 18px;}
.housThings li .dlBox{height: 158px;}
.housThings li .ico{padding: 0 8px;}
.housThings li.smallIco .lImg img{height: 70px;}
.housThings li.smallIco.box .dlBox{height: 158px;}
.housThings li .dlBox .table em{font-size: 26px;}
}
.housThings.DarkBlue{margin-bottom: 20px;}
.housThings.DarkBlue li .ico{ background: url("_im_g/gbg2.jpg") repeat-x; background-size: auto 100%;
background: linear-gradient(-90deg, #52A3EE 0%, #3364E1 100%);
background: -ms-linear-gradient(-90deg, #52A3EE 0%, #3364E1 100%);
background: -webkit-linear-gradient(-90deg, #52A3EE 0%, #3364E1 100%);
background: -moz-linear-gradient(-90deg, #52A3EE 0%, #3364E1 100%);
}
.housThings.DarkBlue li .eXmore{
background: #3364E1;
}
.housThings.DarkBlue li .eXmore .table a.more i{ color:#3364E1;}
.housThings.DarkBlue li.smallIco.box.left{width:16.6665%; }
.housThings.DarkBlue li.smallIco.box.left .dlBox{height: 464px;}
.housThings.DarkBlue.LightBlue{margin-bottom: 0;}
.housThings.DarkBlue.LightBlue li .ico{background: url("_im_g/gbg2.jpg") repeat-x; background-size: auto 100%;
background: linear-gradient(-90deg, #5EB4FF 0%, #0988FF 100%);
background: -ms-linear-gradient(-90deg, #5EB4FF 0%, #0988FF 100%);
background: -webkit-linear-gradient(-90deg, #5EB4FF 0%, #0988FF 100%);
background: -moz-linear-gradient(-90deg, #5EB4FF 0%, #0988FF 100%);
}
.housThings.DarkBlue.LightBlue li .eXmore{
background: #0988FF;
}
.housThings.DarkBlue.LightBlue li .eXmore .table a.more i{color: #0988FF;}
@media (max-width: 1440px) {
.housThings.DarkBlue li.smallIco.box.left .dlBox{height: 336px;}
}
.jiaYu0{ float:left; width:100%; min-width:1024px; line-height:0; overflow:hidden; position:relative; height: 9rem;}
.jiaYu0 img.back{width: 100%; height: 100%;}
.jiaYu0 .cont{ position:absolute; right:2.3%; top:7%; z-index:3; line-height:0; width:16%;}
.jiaYu0 .cont .num{ display:flex; width:100%; justify-content:center; color:#fff; font-size:0.53rem; line-height:0.6rem;font-family:initial; position:absolute; left:0; bottom:50%; z-index:4;letter-spacing:1px;text-shadow:-1px -1px 0 #0684aa, 1px -1px 0 #0684aa, -1px 1px 0 #0684aa, 1px 1px 0 #0684aa; font-weight:bold;}
.jiaYu0 .cont h5{ display:flex; width:100%; justify-content:center; color:#fff; font-size:0.38rem; line-height:0.4rem;position:absolute; left:0; top:50%; z-index:4; font-style:italic;font-family: "QuanXinYiGuan";
text-shadow:-1px -1px 0 #0684aa,1px -1px 0 #0684aa, -1px 1px 0 #0684aa, 1px 1px 0 #0684aa;}
.jiaYu0 ._L1{ left:1rem; top:2.6rem;}
.jiaYu0 ._L2{ left:3.5rem; top:4.8rem;}
.jiaYu0 ._L3{ right:3rem; top:4.8rem;}
.jiaYu0 ._L4{ right:1rem; top:2.4rem;}
.jiaYu0 .cont1{ position:absolute; left:50%; top:1rem; z-index:3; line-height:0; width:66.5%;transform:translateX(-50%); -ms-transform:translateX(-50%)}
.jiaYu0 .cont1 h3{ display:flex; width:100%; justify-content:center; color:#D5FEFE; font-size:0.48rem; line-height:0.64rem; position:absolute; left:0; top:30%; z-index:4; font-weight:bold;font-family: "YouSheBiaoTiHei";-moz-text-stroke: 1px #3EACC1; -webkit-text-stroke: 1px #3EACC1;
text-shadow:0 4px 1px 0 #184070;
}
.jiaYu0 .cont1 h3.ds{color:#174070; z-index: 3; top:30.8%;-webkit-text-stroke: 1px rgba(255,0,0,0);;}
.jiaYu0 .cont1 .num{ display:flex; width:100%; justify-content:center; color:#fff; font-size:0.7rem; line-height:0.5rem;font-family: initial; position:absolute; left:0; top:46%; z-index:4;letter-spacing:6px;text-shadow:-2px -2px 0 #0684aa, 2px -2px 0 #0684aa, -2px 2px 0 #0684aa, 2px 2px 0 #0684aa; font-weight:bold;}
.jiaYu0 .cont1 h5{ display:flex; width:100%; justify-content:center; color:#fff; font-size:0.38rem; line-height:0.4rem;position:absolute; left:0; top:63%; z-index:4; font-style:italic;font-family:"QuanXinYiGuan";
text-shadow:-1px -1px 0 #0684aa, 1px -1px 0 #0684aa, -1px 1px 0 #0684aa, 1px 1px 0 #0684aa;
}
.jiaYu0 .info{ display:flex; z-index:3; position:absolute; left:0; bottom:0.78rem; width:100%; justify-content: center; line-height:0.187rem; color: rgba(231,248,252,0.74);font-size:0.21rem; letter-spacing:1px; font-weight:bold; font-family:"YouSheBiaoTiHei";}
.jiaYu1{ float:left; width:100%; min-width:1024px; background:url('_im_g/cbg1.jpg') repeat-x; background-size: auto 100%;
background-image: -webkit-linear-gradient(top, #021d47 0%, #13375c 100%);
background-image: -moz-linear-gradient(top, #021d47 0%, #13375c 100%);
background-image: -o-linear-gradient(top, #021d47 0%, #13375c 100%);
background-image: linear-gradient(top, #021d47 0%, #13375c 100%);
}
.jiaYu1 .w_100{ float:left; width:91.8%; position:relative; line-height:0; margin:12px 4.1% 38px 4.1%;}
.jiaYu1 .w_100 .bg1{ width:100%; position:relative; z-index:1;}
.jiaYu1 .w_100 .bg2{ width:74.4%; position:absolute; left:0; top:0; z-index:2; margin:5.4% 12.8%;}
.jiaYu1 .btn{ display:flex; position:absolute; left:50%; bottom:-0.166rem; z-index:4; z-index:3; width:33.6%; line-height:0.25rem;color:#fff;font-family: "YouSheBiaoTiHei"; font-size:0.47rem;letter-spacing:10px; justify-content:center; transform:translateX(-50%); -ms-transform:translateX(-50%); font-style:italic; font-weight:bold;}
.jiaYu1 .btn span{ float:left; position:absolute; left:0; top:10%; width:100%; text-align:center;
transform:translateY(-50%); -ms-transform:translateY(-50%);
}
.jiaYu1 .cont{ position:absolute; right:2.3%; top:7%; z-index:3; line-height:0; width:16%;}
.jiaYu1 .cont .num{ display:flex; width:100%; justify-content:center; color:#fff; font-size:0.54rem; line-height:0.5rem;font-family: "YouSheBiaoTiHei"; position:absolute; left:0; bottom:50%; z-index:4;letter-spacing:1px;text-shadow:-1px -1px 0 #0684aa, 1px -1px 0 #0684aa, -1px 1px 0 #0684aa, 1px 1px 0 #0684aa; font-weight:bold;}
.jiaYu1 .cont h5{ display:flex; width:100%; justify-content:center; color:#fff; font-size:0.36rem; line-height:0.4rem;position:absolute; left:0; top:50%; z-index:4; font-style:italic;font-family:"QuanXinYiGuan";
text-shadow:-1px -1px 0 #0684aa,1px -1px 0 #0684aa, -1px 1px 0 #0684aa, 1px 1px 0 #0684aa;}
.jiaYu1 .tit1{ display:flex; z-index:3; position:absolute; left:3.5%; top:7.8%; line-height:0.187rem;color:#fff;font-size:0.32rem;
font-family:"YouSheBiaoTiHei";
text-shadow:-1px -1px 0 #0684aa,1px -1px 0 #0684aa, -1px 1px 0 #0684aa, 1px 1px 0 #0684aa;}
.jiaYu1 .tit2{ display:flex; z-index:3; position:absolute; left:50%; top:0.4rem; line-height:0.75rem;color:#fff;font-size:0.42rem; width:33.6%; justify-content: center; background:url(_im_g/h2-bg.svg) center top no-repeat; font-family:"YouSheBiaoTiHei";background-size:100% auto; transform:translateX(-50%); -ms-transform:translateX(-50%); text-shadow:0 0 13px rgba(92,255,226,0.5)}
.jiaYu2{ float:left; width:100%; min-width:1024px; position:relative; background:url('_im_g/cbg2.jpg') repeat-x; background-size: auto 100%;
background-image: -webkit-linear-gradient(top, #13375c 0%, #235070 100%);
background-image: -moz-linear-gradient(top, #13375c 0%, #235070 100%);
background-image: -o-linear-gradient(top, #13375c 0%, #235070 100%);
background-image: linear-gradient(top, #13375c 0%, #235070 100%);
}
.jiaYu3{ float:left; width:100%; min-width:1024px; position:relative; background:url('_im_g/cbg3.jpg') repeat-x; background-size: auto 100%;
background-image: -webkit-linear-gradient(top, #235070 0%, #346a85 100%);
background-image: -moz-linear-gradient(top, #235070 0%, #346a85 100%);
background-image: -o-linear-gradient(top, #235070 0%, #346a85 100%);
background-image: linear-gradient(top, #235070 0%, #346a85 100%);
}
.jiaYu4{ float:left; width:100%; min-width:1024px; position:relative;background:url('_im_g/cbg4.jpg') repeat-x; background-size: auto 100%;
background-image: -webkit-linear-gradient(top, #346a85 0%, #458399 100%);
background-image: -moz-linear-gradient(top, #346a85 0%, #458399 100%);
background-image: -o-linear-gradient(top, #346a85 0%, #458399 100%);
background-image: linear-gradient(top, #346a85 0%, #458399 100%);
}
.jiaYu5{ float:left; width:100%; min-width:1024px; position:relative;background:url('_im_g/cbg5.jpg') repeat-x; background-size: auto 100%;
background-image: -webkit-linear-gradient(top, #458399 0%, #559dae 100%);
background-image: -moz-linear-gradient(top, #458399 0%, #559dae 100%);
background-image: -o-linear-gradient(top, #458399 0%, #559dae 100%);
background-image: linear-gradient(top, #458399 0%, #559dae 100%);
}
.jiaYu6{ float:left; width:100%; min-width:1024px; padding-top:42px; padding-bottom:98px;background:url('_im_g/cbg6.jpg') repeat-x; background-size: auto 100%;
background-image: -webkit-linear-gradient(top, #559dae 0%, #6abdc8 100%);
background-image: -moz-linear-gradient(top, #559dae 0%, #6abdc8 100%);
background-image: -o-linear-gradient(top, #559dae 0%, #6abdc8 100%);
background-image: linear-gradient(top, #559dae 0%, #6abdc8 100%);
}
.jiaYu6 .hd{ float:left; width:100%;}
.jiaYu6 .hd ul{ float:left; width:100%;}
.jiaYu6 .hd ul li{ float:left; width:25%; text-align:center; color:#fff; font-size:0.28rem; line-height:0.3rem; cursor:pointer; position:relative;}
.jiaYu6 .hd ul li span{position: relative; z-index: 2; font-family:'QuanXinYiGuan'}
.jiaYu6 .hd ul li:before{position: absolute; content: ''; width: 100%;background:url(_im_g/h3-bg.svg) center bottom no-repeat; background-size:86% auto; height:0.35rem; top:0.15rem; left: 0; opacity: 0; z-index: 1;}
.jiaYu6 .hd ul li.on:before{opacity: 1}
.jiaYu6 .hd ul li:after{ float:left; width:2px; height:100%; position:absolute; right:0; top:0; content:'';
background-image: -webkit-linear-gradient(top, rgba(0,255,255,0) 0%, rgba(0,255,255,1) 50%, rgba(0,255,255,0) 100%);
background-image: -moz-linear-gradient(top, rgba(0,255,255,0) 0%, rgba(0,255,255,1) 50%, rgba(0,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(0,255,255,0) 0%, rgba(0,255,255,1) 50%, rgba(0,255,255,0) 100%);
background-image: linear-gradient(top, rgba(0,255,255,0) 0%, rgba(0,255,255,1) 50%, rgba(0,255,255,0) 100%);
}
.jiaYu6 .hd ul li:last-child:after{ display:none;}
.jiaYu6 .bd{ float:left; width:100%; margin-top:18px; position:relative;}
.jiaYu6 .bd ul{ display: flex;flex-wrap:wrap; justify-content: space-between;}
.jiaYu6 .bd li{ float:left; width:30%; margin:20px 0; cursor: pointer;}
.jiaYu6 .bd li .img{ float:left; width:100%; line-height:0; position:relative; border-radius:0.104rem;}
.jiaYu6 .bd li .img img{ position:relative; z-index:3;}
.jiaYu6 .bd li .img:after{ float:left; width:100%; height:100%; position:absolute; left:10px; top:10px; content:'';background: rgba(25,190,214,0.38); border-radius:0.104rem; z-index:2; box-shadow:0 3px 5px rgba(0,0,0,0.01);}
.jiaYu6 .bd li .img:before{ float:left; width:100%; height:100%; position:absolute; left:20px; top:20px; content:'';background: rgba(25,190,214,0.18); border-radius:0.104rem; z-index:1;}
.jiaYu6 .bd li .tit{ float:left; width:100%; text-align:center; color:#fff; font-size:0.24rem; line-height:0.25rem; margin-top:4px; padding:10px 0;background: url(_im_g/smart-h2.svg) center bottom no-repeat; background-size: 100% auto; font-family:"OPPOSansR";}
._html{ float:left; position:absolute; left:50%; top:27%; z-index:20; width:708px;border-radius: 24px; overflow: hidden;
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.04),0px 2px 6px 0px rgba(0,0,0,0.04),0px 10px 20px 0px rgba(0,0,0,0.04);transform:translateX(-50%); -ms-transform:translateX(-50%); padding:28px 42px 23px 42px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
._html:before{position: absolute; content: ''; width: 100%; height: 100%;background: rgba(17,48,84,0.77); z-index: 2; left: 0; top:0;}
._html:after{position: absolute; content: ''; width: 100%; height: 100%;background:url("_im_g/jia4.png") no-repeat center; background-size: cover; left: 0; top:0; z-index:1;}
._html .p1{ float:left; width:100%; color:#fff; font-size:28px; line-height:38px; letter-spacing:1px; font-family:"OPPOSansB"; position: relative; z-index: 3}
._html .p2{ float:left; width:100%; color:#fff; font-size:18px; line-height:32px; margin:14px 0 18px 0; font-family:"OPPOSansR";position: relative; z-index: 3}
._html .la{ float:right; width:164px; color:#fff; font-size:22px; padding: 12px 0; background:#3096a7; border-radius:8px; display: flex; align-items: center; justify-content: center;font-family:"OPPOSansM";position: relative; z-index: 3}
._html .la img{ width:20px; height:20px; margin-left:8px;}
._html .la em{display:inline-block;}
._html .la i{display:inline-block;}
._html{opacity: 0}
.jiaYu6 .bd li:hover ._html{opacity: 1}
.lImg{ float:left; width:100%; line-height:0;}
._title{ display:block; margin:0 auto; width:41.527%; text-align:center; margin-top:22px; background:url(_im_g/smart-h2.svg) center bottom no-repeat; background-size:100% auto; color:#fff; font-size:0.42rem; line-height:0.4rem; font-family:"YouSheBiaoTiHei";padding:0.13rem 0; text-shadow:0 0 13px #5CFFE2; letter-spacing:1px;}
._list{ float:left; width:100%; margin:108px 0 128px 0;}
._list li{ float:left; width:100%; }
._list li .img{ float:left; width:58.9%; line-height:0; overflow:hidden; border-radius:12px; }
._list li .Text{ float:right; width:36.1%; }
._list li .Text .tit{ float:left; width:100%;color: rgba(219,255,251,0.87); font-family: "OPPOSansB";font-size: 40px;line-height: 56px;letter-spacing: 4px;text-align: left; margin-top:2px;}
._list li .Text .p{ float:left; width:100%;color: rgba(219,255,251,0.87); font-family:"OPPOSansR";font-size: 24px;line-height: 36px;letter-spacing: 0px;text-align: left; margin-top:5%;}
._list li .Text .la{ float:left; width:224px; height:41px; padding: 10px 0; color: rgba(255,255,255,1);font-family: "OPPOSansM";font-size: 22px; text-align:center; margin-top:4.6%;background:url(_im_g/button-bg%20@1x.png) center no-repeat;display: flex; align-items: center; justify-content: center;}
._list li .Text .la img{ width:20px; height:20px; margin-left:8px;}
.jiaYu3 ._list li .Text,
.jiaYu5 ._list li .Text{ float:left;}
.jiaYu3 ._list li .img,
.jiaYu5 ._list li .img{ float:right;}
.nextStop,
.prevStop{ display:none;}
.jiaYu2 .prev,
.jiaYu3 .prev,
.jiaYu4 .prev,
.jiaYu5 .prev,
.jiaYu2 .next,
.jiaYu3 .next,
.jiaYu4 .next,
.jiaYu5 .next{ float:left; width:0.427rem; height:0.813rem; position:absolute; top:45%;}
.jiaYu2 .prev,
.jiaYu3 .prev,
.jiaYu4 .prev,
.jiaYu5 .prev{ left:4%; background:url(_im_g/prev.png) center no-repeat; background-size:100% auto;}
.jiaYu2 .next,
.jiaYu3 .next,
.jiaYu4 .next,
.jiaYu5 .next{ right:4%; background:url(_im_g/next.png) center no-repeat; background-size:100% auto;}
.jiaYu2 .prev:hover,
.jiaYu3 .prev:hover,
.jiaYu4 .prev:hover,
.jiaYu5 .prev:hover,
.jiaYu2 .next:hover,
.jiaYu3 .next:hover,
.jiaYu4 .next:hover,
.jiaYu5 .next:hover{ opacity:0.5;}
@media (max-width: 1900px) {
.jiaYu2 .prev,
.jiaYu3 .prev,
.jiaYu4 .prev,
.jiaYu5 .prev,
.jiaYu2 .next,
.jiaYu3 .next,
.jiaYu4 .next,
.jiaYu5 .next{ width:0.3rem; height:0.7rem;}
.jiaYu2 .prev,
.jiaYu3 .prev,
.jiaYu4 .prev,
.jiaYu5 .prev{ left:1%;}
.jiaYu2 .next,
.jiaYu3 .next,
.jiaYu4 .next,
.jiaYu5 .next{ right:1%;}
}
@media (max-width: 1440px) {
._list li .Text .tit{ font-size:26px; line-height:36px;}
._list li .Text .p{ font-size:16px; line-height:28px;}
._list li .Text .la{ font-size:18px;}
}