.head.fix{position: relative;}
.banner{background: url(../images/contact/img_banner.jpg)no-repeat center top;height: 150px;}
.banner h2{color: #FFFFFF;text-align: center;font-size: 40px;font-weight: bold;line-height: 150px;}
.tab{background: rgb(29, 23, 23);height: 32px;width: 100%;padding: 0;top: 0;z-index: 100;position: relative;display: flex;}
.tab.fix{position: fixed;}
.tab a{width: 20%;height: 100%;line-height: 32px;color: white;font-size: 14px;cursor: pointer;text-align: center;}
.tab a:hover{color: rgb(24, 167, 250);}
.main .title{text-align: center;}
.main .title h1{font-size: 35px;color: black;}
.main .title h4{color: #888;font-size: 14px;margin-top: 20px;}
.main .item1{padding: 50px 40px 0;}
.main .item1 ul{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.main .item1 ul li{margin: 50px 25px;height: 312px;width: 317px;border: 1px solid #ddd;padding: 30px 30px;text-align: left;display: flex;flex-direction: column;justify-content: space-around;background: white;}
.main .item1 ul li:hover{box-shadow: 5px 5px 10px #ddd;}
.main .item1 ul li h4{font-size: 20px;color: black;}
.main .item1 ul li h5{padding: 10px 0;color: #888;font-size: 12px;line-height: 20px;}
.main .item1 ul li h5 a{color: #4666a1;font-weight: bold;cursor: pointer;}
.main .item1 ul li>a,.main .item1 ul li .btn a{height: 40px;line-height: 40px;width: 114px;text-align: center;margin-top: 5px;color: rgb(14, 76, 148);background: white;border: 1px solid rgb(14, 76, 148);cursor: pointer;display: block;font-size: 13px;}
.main .item1 ul li>a:hover,.main .item1 ul li .btn a:hover{color: white;background: rgb(14, 76, 148);border: 1px solid rgb(14, 76, 148);}
.main .item1 ul li .btn{display: flex;justify-content: space-between;flex-flow: row wrap;}
.main .item1 ul li .btn a{margin: 0 0 10px;}
.main .item1 ul li .btn .online{color: white;background: rgb(14, 76, 148);}
.main .item1 ul li .btn .online:hover{color: rgb(14, 76, 148);background: white;}
.main .item1 ul li h2{color: #4666a1;font-style: normal;display: inline-block;font-weight: bold;font-size: 20px;margin-top: 5px;line-height: 40px;height: 40px;border: 1px solid rgb(14, 76, 148);width: 200px;text-align: center;}
.main .item1 h3{text-align: center;color: #888;font-size: 14px;}
.main .item1 h3 a{color: #4666a1;cursor: pointer;}
.main .item2{background: #eee;padding-top: 60px;margin-top: 15px;padding-bottom: 50px;}
.main .item2 ul{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.main .item2 ul li{width: 400px;height: 132px;border: 1px solid #ddd;padding: 25px;background: white;margin: 30px 15px;display: flex;flex-direction: row;align-items: center;}
.main .item2 ul li img{width: 15%;height: auto;}
.main .item2 ul li .txt{margin-left: 30px;}
.main .item2 ul li .txt h5{font-size: 13px;color: black;}
.main .item2 ul li .txt h4{font-size: 20px;color: rgb(14, 76, 148);font-weight: bold;font-style: normal;margin-top: 15px;height: 36px;line-height: 36px;}
.main .item2 ul li .txt a{height: 36px;font-size: 13px;line-height: 36px;width: 156px;text-align: center;margin: 15px 0 0;color: rgb(14, 76, 148);background: white;border: 1px solid rgb(14, 76, 148);display: block;cursor: pointer;}
.main .item2 ul li .txt a:hover{color: white;background: rgb(14, 76, 148);border: 1px solid rgb(14, 76, 148);}
.main .item3{padding-top: 60px;}
.main .item3 ul{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.main .item3 ul li{width: 512px;height: 172px;border: 1px solid #ddd;padding: 30px 30px;margin: 50px;text-align: left;display: flex;flex-direction: column;justify-content: space-around;background: white;}
.main .item3 ul li h4{font-size: 20px;color: black;}
.main .item3 ul li h5{padding: 10px 0;color: #888;font-size: 12px;line-height: 20px;}
.main .item3 ul li a{height: 40px;line-height: 40px;width: 192px;text-align: center;margin-top: 5px;cursor: pointer;display: block;color: rgb(14, 76, 148);background: white;border: 1px solid rgb(14, 76, 148);font-size: 13px;}
.main .item3 ul li a:hover{color: white;background: rgb(14, 76, 148);border: 1px solid rgb(14, 76, 148);}
.item4{background: #eee;padding: 60px 40px 40px 40px;}
.item4 ul{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.item4 ul li{width: 262px;height: 172px;border: 1px solid #ddd;padding: 0 30px;margin: 50px;text-align: left;display: flex;flex-direction: column;justify-content: center;background: white;}
.item4 ul li h4{font-size: 20px;color: black;}
.item4 ul li h5{color: #888;font-size: 12px;line-height: 20px;height: 40px;margin: 10px 0;}
.item4 ul li a{height: 40px;line-height: 40px;font-size: 13px;width: 92px;text-align: center;margin-top: 5px;cursor: pointer;display: block;color: rgb(14, 76, 148);background: white;border: 1px solid rgb(14, 76, 148);}
.item4 ul li a:hover{color: white;background: rgb(14, 76, 148);border: 1px solid rgb(14, 76, 148);}
.item5{padding: 60px 40px 40px 40px;}
.item5 .list{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.item5 .imglist{width: 400px;height: 180px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.item5 .list a{cursor: pointer;display: block;position: relative;}
.item5 .list a .code{display: none;position: absolute;bottom: 65px;left: -25px;border: 1px solid #ddd;width: 100px;height: 100px;background-color: #FFFFFF;}
.item5 .list a .code img{width: 100%;}
.item5 .list a:hover .code{display: block;}
.item5 .list a img{width: 50px;height: auto;}
.item5 .list a:hover>img{opacity: 0.6;}
.formBox{position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index: 100;background-color: rgba(0,0,0,0.5);display: none;}
.formBox .form{position: absolute;background-color: #FFFFFF;left: 50%;margin-left: -159px;top:25%;width: 400px;border: 1px solid #ddd;padding: 25px 30px 25px;}
.formBox .form .close{position: absolute;right: 10px;top: 10px;width: 15px;cursor: pointer;}
.formBox .form h4{color: #888;font-size: 14px;line-height: 20px;}
.formBox .form p{margin-top: 20px;}
.formBox .form .input{font-size: 13px;padding-left: 7px;width: 100%;border: 1px solid #ddd;height: 42px;}
.formBox .form .code{width: 60%;}
.formBox .form .getCode{font-size: 13px;background-color: rgb(14, 76, 148);color: #FFFFFF;cursor: pointer;width: 38%;border: none;outline: none;height: 42px;padding: 0;}
.formBox .form .submit{height: 40px;font-size: 15px;text-align: center;line-height: 40px;width: 122px;border: 1px solid #ddd;color: rgb(14, 76, 148);background: white;cursor: pointer;display: block;margin: 20px auto 0;}
.formBox .form .submit:hover{color: white;background: rgb(14, 76, 148);border-color: rgb(14, 76, 148);}