﻿.container {width:100%;height:100%}

.container .add {width:100%;margin:0 auto;padding-top:10px;padding-bottom:10px}
.container .add>h3 {font-size:30px;text-align:center}
.container .add>p {font-size:18px;margin-top:22px;text-align:center;margin-bottom:20px}
.container .add ul {width:100%;height:100%;display:flex;justify-content:space-between}
.container .add ul li {width:290px;height:250px;background-color:#fff;border:solid 1px #e5e5e5;display:flex;align-items:center;flex-direction:column;position:relative;margin:5px;}
.container .add ul li .addT {width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:19px;padding:16px 23px 0 23px}
.container .add ul li .addT img {width:111px;height:128px;margin-bottom:10px}
.container .add ul li .addT span {font-size:20px;border-bottom:1px solid #e5e5e5;display:inline-block;width:100%;height:40px;text-align:center}
.container .add ul li>img {width:185px;height:185px;position:absolute;width:185px;height:185px;top:32%;left:50%;transform:translate(-50%,-13%);opacity:0}
.container .add ul li .addInfo {position:relative}
.container .add ul li .addInfo>p {display:flex;align-items:center;width:100%;margin-top:20px;padding-left:30px}
.container .add ul li .addInfo>p img {width:18px;height:18px;margin-right:14px}
.container .add ul li .addInfo>p:nth-of-type(2) img {width:16px;height:18px}
.container .add ul li .addInfo>p:nth-of-type(3) img {width:18px;height:12px}
.container .add ul li p:last-of-type {color:#666;justify-content:center;margin-top:5px;padding-right:22px;padding-left:30px;}
.container .add ul li a {position:absolute;display:block;width:140px;height:40px;background-color:#5097ff;border-radius:2px;line-height:40px;text-align:center;font-size:16px;bottom:30px}
.container .add ul li:hover {box-shadow:0 20px 15px 0 rgba(0,0,0,.1);border:solid 1px #e5e5e5;transition:.3s linear}
.container .add ul li:hover .addInfo {transition:.3s linear;opacity:0}
.container .add ul li:hover>img {transition:.3s linear;opacity:1}
.container .together {padding-top:15px;padding-bottom:30px;background-color:#f4f4f6}
.container .together h3 {font-size:30px;text-align:center}
.container .together>p {font-size:18px;margin-top:22px;margin-bottom:30px;color:#6e6e6e;text-align:center}
.container .together ul {width:100%;display:flex;justify-content:space-between;margin:0 auto;padding-right: 3px}
.container .together ul li {width:278px;margin:5px;background-color:#fff;border-radius:4px;border:solid 1px #dcdcdc;display:flex;flex-direction:column;align-items:center;position:relative}
.container .together ul li img {width:113px;height:129px}
.container .together ul li p {font-size:20px;margin-top:10px;margin-bottom:10px}
.container .together ul li span {display:block;width:100%;font-size:14px;color:#5b5b5b}
.container .spread {padding-top:72px;padding-bottom:79px}
.container .spread h3 {text-align:center;font-size:30px}
.container .spread>p {font-size:16px;color:#666;margin-top:25px;margin-bottom:71px;text-align:center}
.container .spread .box {display:flex;width:1200px;margin:0 auto}
.container .spread .box ul {margin-right:87px;width:200px}
.container .spread .box ul li {height:120px;width:100%;border-bottom:1px solid #d0d0d0;text-align:center;padding-top:10px}
.container .spread .box ul li p {font-size:40px;color:#2f96fb;font-weight:700}
.container .spread .box ul li span {font-size:20px;margin-top:18px;color:#4b5154}
.container .spread .box ul li:last-of-type {border:none}
.container .spread .box .boxR {width:753px;height:499px;background-image:url(../images/map.png);background-size:100% 100%;position:relative}
.container .require {padding-top:15px;padding-bottom:30px;background-color:#fff}
.container .require h3 {font-size:30px;text-align:center}
.container .require p {font-size:16px;text-align:center;margin-top:15px;margin-bottom:30px}
.container .require ul {width:100%;margin:0 auto;display:flex;justify-content:space-between}
.container .require ul li {width:220px;margin:5px;display:flex;flex-direction:column;background-image:url(../images/bgc1.png);background-size:100% 100%;align-items:center;position:relative}
.container .require ul li img {width:58px;;margin-bottom:15px; margin-top: 15px}
.container .require ul li span {font-size:16px;color:#5c5c5c;line-height:24px; margin: 20px}

.container .require ul li:hover {transition:.3s linear;top:-10px;transform:scale(1.1)}
.container .support { background-color: #2b2f46;background-size:100% 100%;padding-top:1 5px;padding-bottom:5px;padding-left: 15px;padding-right: 15px}
.container .support h3 {font-size:30px;color:#fff;text-align:center}
.container .support>p {font-size:16px;text-align:center;color:#fff;margin-top:25px;margin-bottom:30px}
.container .support ul {width:100%;margin:0 auto}
.container .support ul li {display:flex;align-items:center;padding:5px 5px 0 5px;/*flex-direction:column;*/background-color:#fff;position:relative;margin-bottom:20px}
.container .support ul li img {width:73px;height:74px}
.container .support ul li p {margin-top:10px;margin-bottom:5px;font-size:22px;font-weight:700;}
.container .support ul li span {font-size:12px;line-height:24px;color:#818181}
.container .support ul li i {display:block;position:absolute;width:100%;height:8px;background-color:#2f96fb;bottom:0;left:0}
.container .support ul li:/*nth-of-type(3n)*/ {margin:0}
.container .flow {background-color:#f9f9f9;padding-top:15px;height: 480px}
.container .flow h3 {font-size:30px;text-align:center;margin-bottom:5px}
.container .flow ul {width:100%;margin:0 auto;display:flex}
.container .flow ul li {display:flex;flex-direction:column;padding-left: 20px}
.container .flow ul li span {display:block;line-height:82px;height:82px;font-size:30px;margin-bottom:15px}
.container .flow ul li img {margin-top:25px;margin-left:5px;margin-right:5px}
.container .flow ul li div {height:82px;width:100%;background-image:url(../images/cur.png);background-size:100% 100%;margin-bottom:18px;}
.container .flow ul li div h4 {font-size:18px;margin-bottom:10px}
.container .flow ul li div p {color:#757575;font-size:14px}

.container lesshat-selector {-lh-property:0}
@-webkit-keyframes ripple {0% {opacity:0;-webkit-transform:scale(.1,.1)}
5% {opacity:1}
100% {opacity:0;-webkit-transform:scale(1)}
}
@-moz-keyframes ripple {0% {opacity:0;-moz-transform:scale(.1,.1)}
5% {opacity:1}
100% {opacity:0;-moz-transform:scale(1)}
}
@-o-keyframes ripple {0% {opacity:0;-o-transform:scale(.1,.1)}
5% {opacity:1}
100% {opacity:0;-o-transform:scale(1)}
}
@keyframes ripple {0% {opacity:0;-webkit-transform:scale(.1,.1);-moz-transform:scale(.1,.1);-ms-transform:scale(.1,.1);transform:scale(.1,.1)}
5% {opacity:1}
100% {opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.left{ float:left;border:0px;} 
.right{ float:left;border:0px;padding-left: 15px;padding-bottom: 15px} 
