@charset "utf-8";
/* CSS Document */

.h1{font-size: 48px; text-align: center; margin-top: 85px;}
.h1::after{width: 80px;height: 4px;content: '';display: block;margin: 10px auto 0 auto;background: #00488d;border-radius: 2px;}
.about{ float: left; margin-top: 50px;}
.about .left{ float: left; width: 55%;}
.about .left h1{ font-size: 24px; color: #00488d; padding: 0; letter-spacing: 2px;}
.about .left .text{font-size: 16px; line-height: 26px; color: #666; margin-top: 20px;}
.about .right{ float: right; width: 42%;}
.about .right img{float: left; width: 100%;}

.aboutnum{ display:inline-flex; width: 100%; justify-content: space-between; align-items: center; margin-top: 30px;}
.aboutnum li{ display:inline-flex;justify-content: flex-start;align-items: center;}
.aboutnum li .iconfont {font-size: 48px;color: #00488d;margin: 0 5px 0 0;}

.aboutnum li .text strong {font-size: 25px;color: #2c2c2d;font-weight: normal;}
.aboutnum li strong span {font-family: "Arial";font-weight: bold;font-size: 35px;display: inline-block;vertical-align: middle;}
.aboutnum li p {font-size: 12px;color: #636365; margin: 0;}

.culturebg{ background: url("../images/bg_culture.jpg") center no-repeat;background-size: cover;margin-top: 50px; padding-top: 20px;}
.culturelist{ display: flex; align-items: center; justify-content: space-around; color: #fff; width: 90%; max-width: 1200px; margin: 0 auto;}
.culturelist li {display: block;text-align: center;width: 23%;}
.culturelist li .iconarea {background: #fff;width: 160px;height: 160px;border-radius: 50%;position: relative;margin: 0 auto;}
.culturelist li .iconarea div:nth-child(2)::before{width: 90px;}
.culturelist li .iconarea .iconfont {position: absolute;left: 50%;top: 50%;font-size: 90px;margin-left: -45px;margin-top: -45px;color: #00488d;}
.culturelist li .iconarea .icon-001motuoche {color: #e1f0f7;font-size: 140px;margin-left: -70px;margin-top: -70px;}

.culturelist li span {display: block;font-size: 20px;margin: 25px 0 10px 0;}
.culturelist li p {font-size: 18px; height: 50px; line-height: 24px;}

.xyan{ display: inline-block; width: 100%; margin-top: 40px;}
.xyan li{ float: left; width: 342px;}
.xyan li span:nth-child(1){ display: inline-block; width: 100%; text-align: center; font-size: 25px; font-weight: bold; margin-bottom: 40px;}
.xyan li .span{ display: inline-block; background:url("../images/1.jpg") no-repeat; color: #fff; width: 300px; height: 312px; border: 1px solid #ccc;border-radius:10px; padding: 20px; font-size: 18px; line-height: 30px;}
.xyan li span:nth-child(1)::after{width: 80px;height: 4px;content: '';display: block;margin: 10px auto 0 auto;background: #00488d;border-radius: 2px;}
.xyan li:nth-child(2){ margin: 0 87px;}
.xyan li:nth-child(2) .span,.xyan li:nth-child(3) .span{text-align:center; line-height: 50px;}



.zzjg {background: url("../images/linear.jpg") center bottom repeat-x; padding-bottom: 100px;}
.zzjg .img{ width: 90%;max-width: 1200px; margin: 0 auto; margin-top: 50px;}