.container {width:100%;height:100%}

.container .add {width:1200px;margin:0 auto;padding-top:50px;padding-bottom:90px}
.container .add>h3 {font-size:30px;text-align:center}
.container .add>p {font-size:18px;margin-top:22px;text-align:center;margin-bottom:66px}
.container .add ul {width:100%;height:100%;display:flex;justify-content:space-between}
.container .add ul li {width:350px;height:350px;background-color:#fff;border:solid 1px #e5e5e5;display:flex;align-items:center;flex-direction:column;position:relative}
.container .add ul li .addT {width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:19px;padding:36px 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:29px;line-height:30px;padding-right:22px;padding-left:26px;text-align:center}
.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:74px;padding-bottom:93px;background-color:#f4f4f6}
.container .together h3 {font-size:30px;text-align:center}
.container .together>p {font-size:18px;margin-top:22px;margin-bottom:57px;color:#6e6e6e;text-align:center}
.container .together ul {width:1200px;display:flex;justify-content:space-between;margin:0 auto}
.container .together ul li {width:278px;height:360px;background-color:#fff;border-radius:4px;border:solid 1px #dcdcdc;display:flex;flex-direction:column;padding:41px 31px 0 31px;align-items:center;position:relative}
.container .together ul li img {width:113px;height:129px}
.container .together ul li p {font-size:20px;margin-top:34px;margin-bottom:30px}
.container .together ul li span {display:block;text-align:center;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:64PX;padding-bottom:126px;background-color:#fff}
.container .require h3 {font-size:30px;text-align:center}
.container .require p {font-size:16px;text-align:center;margin-top:25px;margin-bottom:96px}
.container .require ul {width:1000px;margin:0 auto;display:flex;justify-content:space-between}
.container .require ul li {width:220px; height:280px;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;height:79px;margin-bottom:26px; margin-top: 50px}
.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:55px;padding-bottom:69px}
.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:55px}
.container .support ul {width:1200px;margin:0 auto}
.container .support ul li {float:left;width:391px;height:285px;display:flex;align-items:center;padding:47px 21px 0 28px;flex-direction:column;background-color:#fff;position:relative;margin-right:13px;margin-bottom:20px}
.container .support ul li img {width:73px;height:74px}
.container .support ul li p {margin-top:24px;margin-bottom:36px;font-size:22px;font-weight:700}
.container .support ul li span {font-size:14px;line-height:24px;color:#818181}
.container .support ul li i {display:block;position:absolute;width:391px;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:51px;}
.container .flow h3 {font-size:30px;text-align:center;margin-bottom:42px}
.container .flow ul {width:1200px;margin:0 auto;display:flex}
.container .flow ul li {display:flex;flex-direction:column}
.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:28px;margin-left:23px;margin-right:23px}
.container .flow ul li div {height:82px;width:1011px;background-image:url(../images/cur.png);background-size:100% 100%;margin-bottom:18px;padding:16px 0 0 37px}
.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}

.flt {float:left}
.frt {float:right}
.clear {clear:both}
.clear:after,.clear:before {content:'';clear:both;display:table}
.banner {background:url(../images/banner4.jpg) no-repeat center center; background-size:cover;}
.banner .item {weight:1200px;margin:0 auto;}
.banner .text {margin-left:20px;width:100%;float:left;display:table;color:#fff;height:450px}
.banner .text .cell {display:table-cell;vertical-align:middle;width:100%;text-align:center}
.banner .text h1 {margin-bottom:.5em;font-size:40px;font-weight:normal}
.banner .text .h1 {font-size:36px}
.banner .text p {margin-bottom:50px;font-size:20px;line-height:34px;}
.banner .img {margin-top:80px}
.banner .img2 {margin-top:50px}
.banner .img img {display:block}
.banner .btns a {margin-right:30px;display:inline-block;padding:0 30px;border:1px solid #fff;line-height:38px;font-size:14px;color:#fff}
.banner .btns .video {display:inline-block;padding-left:20px;background:url(../images/icon40.png) no-repeat left center}
.banner .btns a:hover {background:#63a5ff;color:#fff;border-color:#63a5ff}
.mainer {padding-top:64px}
.wrap {width:96%;margin:0 auto;max-width:1200px;position:relative}
.banner .text {margin-left:0}
.banner .img {width:40%;position:absolute;bottom:0;right: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)}
}