html,
body {
    width: 100%;
    background-color: #f4f4f4;
}
.nav {
    width: 100%;
}
.nav-header {
    position: relative;
}
.nav-header .layui-nav .layui-nav-more {
    display: none;
}
.nav-bgImg img {
	height: 669px;
    width: 100%;
}
.nav-main {
    height: 165px;
    background-color: #fff;
    position: relative;
}
.nav-main .nav-toSelectedArea {
    position: absolute;
}

.layui-main-nav {
    display: flex;
    background-color: #fff;
    padding: 0 9%;
}
 
.layui-main-nav .layui-nav-item {
    flex: 1;
    height: 165px;
    text-align: center;
}

.layui-main-nav .layui-nav-item-seat {
    line-height: 165px;
    width: 1px;
    background-color: #eee!important;
}

.layui-main-nav .layui-nav-item a {
    font-family:Source Han Sans CN;
    font-weight:500;
    font-size: 22px;
    height: 167.5px;
    cursor: pointer;
    padding-top: 48px;
    color:rgba(51,51,51,1);
}

.layui-main-nav .layui-nav-item a:hover,
.layui-main-nav .layui-this a{
    color: #155ede;
    background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 48%,rgba(243,249,255,1) 100%);
}

.layui-main-nav .layui-this:after, 
.layui-main-nav .layui-nav-bar, 
.layui-main-nav .layui-nav-tree .layui-nav-itemed:after {
    background-color: #155ede;
}

.layui-main-nav .layui-nav-item a i {
    display: block;
    background: url(../images/nav_icon2.png) no-repeat;
    background-size: contain;
    height: 33px;
    width: 31px;
    margin: 0 auto;
}

.layui-main-nav .layui-nav-item a:hover i,
.layui-main-nav .layui-this a i {
    display: block;
    background: url(../images/nav_icon1.png) no-repeat;
    background-size: contain;
    height: 33px;
    width: 31px;
    margin: 0 auto;
}

.layui-main-nav .layui-nav-item a span {
    font-size:22px;
    line-height: 22px;
    font-family:Source Han Sans CN;
    font-weight:500;
}

.nav-mod {
    padding: 46px 9% 0;
}

.nav-mod ul {
    display: flex;
}

.nav-mod ul .layui-nav-item {
    flex: 1;
    height: 261px;
    background-color: #fff;
    box-shadow:0px 5px 10px rgba(38,131,245,0.08);
    border-radius:8px;
    overflow: hidden;
}

.nav-mod ul .layui-this {
    /* background:linear-gradient(180deg,rgba(88,183,247,1) 0%,rgba(38,131,245,1) 100%); */
    background-image: linear-gradient(45deg, #57dcf8, #155ede);
    box-shadow:0px 10px 20px rgba(38,131,245,0.08);
}

.nav-mod ul .layui-nav-item a {
    display: block;
    text-align: center;
    width: 100%;
    height: 261px;
    padding-top: 72px;
}

.nav-mod ul .layui-nav-item a span {
    color: #333;
    font-size:18px;
    font-family:Source Han Sans CN;
    font-weight:bold;
    line-height:31px;
}

.nav-mod ul .layui-nav-item a i {
    display: block;
    background: url(../images/nav_icon1.png) no-repeat;
    background-size: contain;
    height: 63px;
    width: 50px;
    margin: 0 auto 42px;
}

.nav-mod ul .layui-this a span {
    color:#fff;
}

.nav-mod ul .layui-nav-item-seat {
    line-height: 165px;
    width: 50px;
}

.content {
    padding: 108px 9% 0;
}

.content-title {
    padding-bottom: 58px;
}

.content-title h4 {
    font-size:24px;
    font-family:Source Han Sans CN;
    font-weight:bold;
    line-height:41px;
    color: #333;
    text-align: center;
}

.content-title h4::before {
    display: block;
    content: "";
    width:38px;
    height:4px;
    /* background:rgba(38,131,245,1); */
    background-color: #155ede;
    margin: 0 auto 15px;
}

.content-one {
    display: flex;
    height: 398px;
}

.content-one-img {
    flex: 1;
    position: relative;
}

.content-one-img>div:first-of-type {
    position: absolute;
    top: 14px;
    left: 0;
    width:188px;
    height:58px;
    /* background:linear-gradient(360deg,rgba(120,198,255,1) 0%,rgba(100,177,255,1) 100%); */
    background-image: linear-gradient(45deg, #57dcf8, #155ede);
    border-radius: 5px;
    text-align: center;
    line-height: 58px;
}

.content-one-img>div:first-of-type span {
    font-size:24px;
    font-family:Source Han Sans CN;
    font-weight:400;
    color:rgba(255,255,255,1);
}

.content-one-img>div:last-of-type {
    margin-left: 16px;
    height: 398px;
}

.content-one-img>div:last-of-type img {
    width: 100%;
    height: 100%;
}

.content-one-text {
    flex: 1;
    height: 398px;
    background-color: #fff;
}

.content-one-text ul {
    padding: 20px 0;
    margin-top: 53px;
}

.content-one>div:nth-of-type(2) ul {
    border-right: 1px solid #E3E3E3;
}

.content-one-text ul li {
    font-size: 12px;
    font-family:Source Han Sans CN;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin-bottom: 38px;
}

.content-one-text ul li:last-child {
    margin-bottom: 0;
}

.content-one-text ul li i {
    display: inline-block;
    width:8px;
    height:8px;
    /* background:rgba(105,182,255,1); */
    background: #2683F5;
    border-radius:50%;
    margin: 0 16px 0 53px;
}

.content-one>div:nth-of-type(3) ul li i {
    margin: 0 16px 0 23px;
}

.content-one-text ul li span {
    float: right;
    margin-right: 20px;
}

.read-more {
    text-align: right;
    font-size:12px;
    font-family:Source Han Sans CN;
    font-weight:400;
    line-height:27px;
    /* color:rgba(38,131,245,1); */
    color: #155ede;
    padding-right: 20px;
}

.content-two {
    padding-top: 52px;
}

.content-two>ul {
    display: flex;
}

.content-two ul .layui-nav-item-seat {
    width: 82px;
}

.content-two ul .layui-nav-item {
    position: relative;
    flex: 1;
    height: 562px;
    margin-bottom: 52px;
}

.content-two .layui-nav-item .content-two-img {
    margin-left: 16px;
    box-shadow:0px 3px 10px rgba(38,131,245,0.1);
}

.content-two .layui-nav-item img {
    width: 100%;
    height: 200px;
}

.content-two .layui-nav-item>div:first-of-type {
    position: absolute;
    top: 14px;
    left: 0;
    width:188px;
    height:58px;
    /* background:linear-gradient(360deg,rgba(120,198,255,1) 0%,rgba(100,177,255,1) 100%); */
    background-image: linear-gradient(45deg, #57dcf8, #155ede);
    border-radius: 5px;
    text-align: center;
    line-height: 58px;
}

.content-two .layui-nav-item>div:first-of-type span {
    font-size:24px;
    font-family:Source Han Sans CN;
    font-weight:400;
    color:rgba(255,255,255,1);
}

.content-two-text {
    height: 362px;
    background-color: #fff;
    margin-left: 16px;
    padding-top: 48px;
    box-shadow:0px 3px 10px rgba(38,131,245,0.1);
    border-radius:4px;
}

.content-two-text ul li {
    font-size:12px;
    font-family:Source Han Sans CN;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin-bottom: 38px;
}

.content-two-text ul li:last-child {
    margin-bottom: 20px;
}

.content-two-text ul li i {
    display: inline-block;
    width:8px;
    height:8px;
    /* background:rgba(105,182,255,1); */
    background: #2683F5;
    border-radius:50%;
    margin: 0 16px 0 41px;
}

.content-two-text ul li span {
    float: right;
    margin-right: 20px;
}

.content-two ul .layui-nav-item:first-of-type>div:first-child {
    /* background:linear-gradient(360deg,rgba(255,120,120,1) 0%,rgba(255,100,100,1) 100%); */
    background-image: linear-gradient(45deg, #f8a857, #f0733d);
}

.content-two ul .layui-nav-item:last-of-type>div:first-child {
    /* background:linear-gradient(180deg,rgba(255,161,120,1) 0%,rgba(255,183,100,1) 100%); */
    background-image: linear-gradient(45deg, #fad47b, #f5a94b);
}

.address {
    display: flex;
    width: 100%;
    height: 609px;
    background-color: #fff;
    padding: 60px 9% 0 9%;
}

.address-map {
    width: 55%;
    height: 490px;
    box-shadow:0px 2px 8px rgba(0,0,0,0.08);
    border: 8px solid #F6FAFF;
}

.address-map>img {
    display: block;
    width: 100%;
    height: 100%;
}

.address-text {
    flex: 1;
    margin-left: 73px;
}

.address-text h3 {
    font-size:32px;
    font-family:Source Han Sans CN;
    font-weight:bold;
    line-height:54px;
    color:rgba(51,51,51,1);
}

.address-text h3::after {
    display: block;
    content: "";
    width:38px;
    height:4px;
    margin-top: 15px;
    /* background:rgba(38,131,245,1); */
    background: #155ede;
}

.address-text h4 {
    font-size:20px;
    font-family:Source Han Sans CN;
    font-weight:bold;
    line-height:34px;
    color:rgba(51,51,51,1);
    margin: 96px 0 72px 0;
}

.address-text h4 a {
    color: #2683F5;
}

.address-text p {
    width:407px;
    font-size:16px;
    font-family:Source Han Sans CN;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.address-text p:nth-of-type(2) {
    margin: 39px 0 38px 0;
}

.address-text p:last-of-type i {
    display: inline-block;
    width:34px;
    height:34px;
    padding: 5px 7px;
    border-radius: 50%;
    background:linear-gradient(180deg,rgba(236,245,255,1) 0%,rgba(220,236,255,1) 100%);
}

.address-text p:last-of-type i img {
    width: 100%;
    height: 100%;
}
/*页尾*/
.footer {
    height: 214px;
    line-height: 214px;
    background-color: #F6F6F6;
    background-size: cover;
    color: #515a6e;
    font-size: 14px;
}
.footer_content{
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #EFEEEE;
}
.footer_container{
    padding-top: 40px;
    display: flex;
    margin-left: 23%;
}
.footer_content a {
    margin: 0 7px;
    font-size: 15px;
    color: #333;
    font-family: "微软雅黑";
}
.footer_content span {
    padding: 0 6px 0 10px;
}
.footer_container p{
    color: #999999;
    font-size: 12px;
}
.text-box{
    line-height: 26px;
}
.imgPd {
    padding: 0 72px 40px;  
}
.imgPd .img {
    line-height: 80px;
}
.imgPd .img img {
    height: 60px;
}