*{box-sizing: border-box;}
body{margin: 0;font-size: 0;font-family: 微软雅黑;}
.box{width: 1184px;margin: 0 auto;}
img{max-width: 100%;}
.tac{text-align: center;}
.title1{font-size: 24px;font-weight: bold;}
.content{font-size: 16px;}
.area1{background-color: #fff;padding: 54px 0 70px;}
.area2{background-color: #f7faff; padding: 65px 0 70px;}
.area3{background-color: #fff;padding: 74px 0 84px;}
.area4{background-color: #f7faff;padding: 74px 0 70px;}
.area5{background-color: #f7faff; padding: 95px 0 86px;}
.area6{background-color: #fff; padding: 64px 0 56px;}
.area7{background-color: #20376b;padding: 76px 0 40px;}
.shadow-bottom-and-top{box-shadow: 0px 4px 4px -3px #ccc,0px -4px 4px -3px #ccc;}
.shadow-bottom{box-shadow: 0px 4px 4px -3px #ccc;}
.shadow{box-shadow: 0px 4px 4px -1px #eee,0px -4px 4px -1px #eee,4px 0px 4px -1px #eee,-4px 0px 4px -1px #eee;}
a{text-decoration: none;}

.box1{margin-top: 16px;background-color: #c6cfde;padding: 20px 25px;}
.box1 .content{margin-top: 14px;}
.box2{display: flex;padding: 20px 0 16px;}
.box2 .title{font-size: 16px;font-weight: bold;}
.box2 .item{border-right: 1px solid #d4d4d4;padding: 0 30px;font-size: 16px;flex: 1;}
.box2 .content{margin-top: 12px;}
.box2 .item:last-child{border-right: 0;}
.box3{display: flex;margin-top: 12px;}
.box3 .item{flex: 1;}
.box3 .item .title{background-color: #c6cfde;height: 88px;line-height: 88px;font-size: 24px;font-weight: bold;}
.box3 .item .content{padding: 0px 25px 0 25px;height: 220px;border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;display: flex;justify-content: center;align-items: center;background-color: #fff;font-size: 16px;}
.box4{display: flex;margin-top: 12px;}
.box4 .col{flex: 1;}
.box4 .title{background-color: #c6cfde;height: 88px;line-height: 88px;font-size: 24px;font-weight: bold;}
.box4 .content{border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;display: flex;justify-content: center;align-items: center;padding: 0 13px 0 25px;font-size: 16px;}
.box5 .title{font-size: 36px;}
.box5 .title2{font-size: 16px;color: #595757;}
.box5 .list{margin-top: 73px;display: flex;flex-wrap: wrap;}
.box5 .list .item{width: 373px;height: 294px;background-color: #fff;border-radius: 4px;padding: 0 25px;margin-right: 32px;margin-bottom: 40px;}
.box5 .list .item:nth-child(3n){margin-right: 0;}
.box5 .list .item .img img{margin-top: 30px;}
.box5 .list .item .title{font-size: 18px;font-weight: bold;margin-top: 34px;}
.box5 .list .item .content{font-size: 16px;color: #595757;margin-top: 14px;}
.box6 .title{font-size: 36px;}
.box6 .title2{font-size: 16px;color: #595757;}
.box6 .list{margin-top: 73px;display: flex;flex-wrap: wrap;}
.box6 .list .item{width: 373px;height: 294px;background-color: #fff;border-radius: 4px;padding: 0 25px;margin-right: 32px;margin-bottom: 40px;}
.box6 .list .item .img img{margin-top: 30px;}
.box6 .list .item .title{font-size: 18px;font-weight: bold;margin-top: 34px;}
.box6 .list .item .content{font-size: 16px;color: #595757;margin-top: 14px;}
.box7 .title1{font-size: 48px;font-weight: bold;color: #fefefe;}
.box7 .title2{font-size: 24px;color: #fefefe;margin-top: 10px;}
.box7 .info{margin-top: 42px;display: flex;}
.box7 .info .phone{font-size: 61.09px;font-weight: bold;color: #fefefe;}
.box7 .info .name{font-size: 24px;font-weight: bold;color: #fefefe;margin-top: 40px;}
.box7 .info .email{font-size: 24px;color: #fefefe;margin-top: 10px;}
.box7 .info .copyright{margin-top: 10px;}
.box7 .info .copyright a{font-size: 14px;color: #ccc;}
.box7 .info .info2{display: flex;margin-left: 320px;}
.box7 .info .img img{width: 180px;height: 180px;}
.box7 .info .img .name{margin-top: 12px;font-size: 16px;color: #fefefe;}