.h900{width: 100%;height: 900px;}

.w1400{width: 1400px;margin: auto;}

.color0{color: #000;}

.color4{color: #444;}

.d8{color: #d8d8d8;}

.wh500{width: 500px;height: 500px;display: block;margin-right: 100px;}

.i{width: 100%;height: 100%;display: block;z-index: -1;}

.colorc{color: #cecece;}

.T{margin-top: -56px;}

.px8{padding-right: 80px;width: 61%;}

.py16{padding-top: 160px;padding-bottom: 160px;}

.mb10{margin-bottom: 100px;}



.h640{width: 100%;height: 640px;}

.wh110{width: 110px;height: 110px;position: absolute;top: 50%;left: 50%;margin-top: -55px;margin-left: -55px;}



.mt12{margin-top: 120px;}

.w580{width: 580px;}

.one{width: 280px;height: 300px;display: inline-block;margin-left: 10px;margin-bottom: 10px;}

.two{width: 280px;height: 200px;display: inline-block;margin-left: 10px;margin-bottom: 10px;}

.rhombus{margin-right: 10px;width: 190px;text-align: center; height: 44px;line-height: 44px;transform: skew(-20deg);background: #2181DE;font-size: 16px;color: #fff; }



.wh375{width: 22.5%;height: 600px;margin-right: 3%;}
.wh375:nth-child(4n){margin-right: 0;}

.wh220{width: 220px;height: 220px;}



.h540{width: 800px;height: 540px;}

.w500{width: 500px;height: 50px;border: 1px solid #d2d2d2;padding: 0 20px;}

input{border: none;background-color: transparent;font-size: 16px;flex: 1;width: 100%;height: 100%;text-align: left;}

.colorM{color: #2181DE;}

.list{display: flex;align-items: center;justify-content: center;}

.list .li{font-size: 18px;color: #222;cursor: pointer;}

.list .on{color: #2181DE;}

.sum{width: 500px;height: 50px;background-color: #2181DE;text-align: center;line-height: 50px;font-size: 16px;color: #fff;}

.he{position: absolute;right: -73%;top: 26%;width: 800px;padding: 60px;}

.mb14{margin-bottom: 140px;}