body,
 div,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 pre,
 form,
 fieldset,
 input,
 p,
 blockquote,
 th,
 td {
   margin: 0;
   padding: 0;
 }

 body,
 html {
   font-family: "Microsoft YaHei", "微软雅黑", "宋体", "Lucida Grande", Helvetica, Arial, "FreeSans,Arimo", "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
   background: #F1F2F6;
   min-width: 1200px;
 }

 html {
   -webkit-text-size-adjust: none;
 }

 fieldset,
 img {
   border: 0;
 }

 ol,
 ul {
   list-style: none;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-size: 100%;
   font-weight: 400;
 }

 a:active {

   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

 }

 em {
   font-style: normal;
 }

 input,
 button,
 select,
 textarea {
   outline: none;
 }

 textarea {
   resize: none;
 }

 /* 禁用了文本的拖拉，尤其在谷歌下 */
 /* 为了使文本段落左右两边对齐 */
 /*======== Link ========*/
 a {
   color: #222222;
   text-decoration: none;
 }

 a:hover {
   text-decoration: none;
 }

 .nav-top .search .search-box .left input::-webkit-input-placeholder {
   /* WebKit browsers */
   color: #FFFFFF;
 }

 .hidden {
   display: none !important;
 }

 .box img {
   max-width: 100%;
 }

 * {
   transition: all 0.3s;
 }

 .fl {
   float: left;
 }

 .fr {
   float: right;
 }

 .box {
   width: 1200px;
   margin: 0 auto;
   position: relative;
 }

 .box-flex {
   display: flex;
 }

 .box-flex-center {
   position: relative;
   display: flex;
   justify-content: center;
 }

 .box-flex-space-between {
   position: relative;
   display: flex;
   justify-content: space-between;
 }

 .align-items-center {
   align-items: center;
 }

 .flex-1 {
   flex: 1
 }

 .text-center {
   text-align: center;
 }

 .clear {
   clear: both;
 }

 .text-center {
   text-align: center;
 }

 .header-box {}

 .index-header-bg {
   height: 954px;
   color: #fff;
   position: relative;
   background: linear-gradient(90deg, #2899de 0%, #05419a 100%);
 }

 .header-bg {
   height: 794px;
   color: #fff;
   position: relative;
 }

 .banner {
   height: 100%;
   position: absolute;
   top: 0;
   width: 100%;
   left: 0;
 }

 .index-header-bg .banner {
   top: 220px;
   width: 980px;
   left: 50%;
   margin-left: -380px;
   height: auto;
 }

 .banner .swiper-slide,
 .banner .swiper-wrapper,
 .banner .swiper-container {
   height: 100%;
 }

 .banner-bg {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 175px;
   background: url(../image/bottom-bg.png) no-repeat center bottom;
   z-index: 999999
 }

 .index-header-bg .swiper-pagination {
   bottom: 20px
 }

 .index-header-bg .swiper-pagination-bullet-active {
   background: #fff;
 }

 .banner img {
   max-width: 100%;
 }

 .header-top {
   height: 40px;
   line-height: 40px;
   font-size: 14px;
   font-weight: 400;
   border-bottom: 1px solid #ffffff;
   z-index: 100;
   position: relative;
 }

 .header-top .left {
   display: flex;
 }

 .header-top .left .item {
   display: flex;
   margin-right: 30px;
   align-items: center;
 }

 .header-top .left .item .qrcode {
     position: absolute;
     top: 40px;
     width: 110px;
     height: 110px;
     display: none;
 }

 .header-top .left .item:hover .qrcode {
     display: block;
 }


 .header-top .left .item .icon {
   margin-right: 5px
 }

 .header-top .right a {
   color: #fff
 }

 .header-top .right span {
   padding: 0 18px;
 }

 .nav-top {
   z-index: 99;
   margin-top: 38px;
 }

 .nav-top .logo img {
   height: 51px;
 }

 .nav-top .search {
   width: 544px;
   height: 42px;
   border: 1px solid #FFFFFF;
 }

 .nav-top .search .search-box {
   height: 42px;
 }

 .nav-top .search .search-box img {
   margin-left: 16px;
 }

 .nav-top .search .search-box .left .input {
   margin-left: 7px
 }

 .nav-top .search .search-box .left input {
   background: initial;
   border: 0;
   line-height: 44px;
   color: #fff;
   width: 100%;
 }

 .nav-top .search .search-box .right {
   width: 95px;
   height: 42px;
   background: #FFFFFF;
 }

 .nav-top .search .search-box .right .btn {
   width: 100%;
   height: 42px;
   line-height: 42px;
   background: initial;
   border: 0;
   font-size: 16px;
   color: #1A82C7;
   cursor: pointer;
 }

 .nav-top .tel .text {
   margin-left: 3px;
 }

 .nav-top .tel .text span {
   display: block;
   text-align: right;
   font-size: 16px;
 }

 .nav-top .tel .text span.t {
   font-size: 18px;
 }

 .nav-box {
   margin-top: 43px;
   font-size: 18px;
 }

 .nav-list {
   margin-left: 250px;
   z-index: 99;
   position: relative;
 }

 .nav-box .nav-list a {
   color: #fff;
   font-weight: bold;
   display: block;
   padding: 0 26px;
   line-height: 48px
 }

 .nav-box .nav-list li.on a span {
   border-bottom: 3px solid #fff;
   padding-bottom: 9px;
 }

 .nav-box .nav-list li a:hover span {
   border-bottom: 3px solid #fff;
   padding-bottom: 9px;
 }


 .nav-class {
   width: 220px;
   background: rgba(0, 0, 0, 0.6);
   position: absolute;
   top: 0;
   left: 0;
   border-radius: 7px;
 }

 .nav-class>h1 {
   height: 52px;
   background: url(../image/nav-bg.png) no-repeat;
   background-size: 100% 100%;
   line-height: 52px;
   color: #1A82C7;
   font-weight: bold;
   font-size: 18px;
   padding-left: 20px;
 }

 .nav-class {
   padding-bottom: 62px;
   z-index: 99;
   position: absolute;
 }

 .nav-class li {
   padding: 0 20px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2)
 }

 .nav-class li>a {
   line-height: 48px;
   font-size: 16px;
   font-weight: bold;
   color: #fff;
   display: block;
   position: relative;
 }

 .nav-class li>a:after {
   content: '';
   background: url(../image/icon-right.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   height: 17px;
   width: 17px;
   right: 0;
 }

 .nav-class li:hover dl {
   display: block;
 }

 .nav-class dl {
   display: none;
   position: absolute;
   left: 100%;
   width: 800px;
   height: 350px;
   background: #fff;
   top: 52px;
   padding: 5px 25px;
   border-radius: 4px;
   overflow-x: hidden;
   overflow-y: scroll;
   font-size: 16px;
 }

 .nav-class dl .item {
   line-height: 28px;
   margin-top: 10px;
 }

 .nav-class dl dd {
   padding: 15px 0;
   border-bottom: 1px solid #aaa;
 }

 .nav-class dl h1 {
   color: #222;
   font-weight: bold;
 }

 .nav-class dl dd .item a {
   font-size: 14px;
   display: inline-block;
 }

 .nav-class dl span {
   color: #aaa;
   font-size: 12px;
   padding: 0 10px;
 }

 .header-box .service {
   position: absolute;
   bottom: 186px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 99;
 }

 .header-box .service .item {
   background: #fff;
   width: 232px;
   height: 100px;
   box-sizing: border-box;
   padding: 20px 10px;
 }

 .header-box .service .item a {
   display: flex;
   align-items: center;
 }

 .header-box .service .item a img {
   width: 60px;
   height: 60px;
   margin-left: 6px;
 }

 .header-box .service .item a .text {
   flex: 1
 }

 .header-box .service .item a h1 {
   font-size: 18px;
   font-weight: bold;
   color: #333333;
 }

 .header-box .service .item a span {
   font-size: 12px;

   color: #777777;
 }

 .title-box {
   text-align: center;
   color: #222222;
   margin-top: 30px;
 }

 .title-box h1 {
   font-size: 26px;
   font-weight: bold;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .title-box h1 span {
   padding: 0 10px;
   line-height: 26px;
 }

 .title-box h1 em {
   width: 65px;
   height: 1px;
   background: #DBDBDB;
   display: inline-block;
   position: relative;
 }

 .title-box h1 em:after {
   content: '';
   position: absolute;
   top: -3px;
   height: 6px;
   width: 6px;
   background: #DBDBDB;
   left: 0;
   border-radius: 6px;
 }

 .title-box h1 em:before {
   content: '';
   position: absolute;
   top: -3px;
   height: 6px;
   width: 6px;
   background: #DBDBDB;
   right: 0;
   border-radius: 6px;
 }

 .title-box p {
   font-size: 16px;
   margin-top: 14px
 }

 .hot-zizhi {
   padding-top: 60px;
 }

 .hot-zizhi .tab .item {
   flex: 1;
   text-align: center;
   cursor: pointer;
 }

 .hot-zizhi .tab .item .img {
   width: 77px;
   height: 90px;
   margin: 0 auto;
   position: relative;
 }

 .hot-zizhi .tab .item .img img {
   display: block;
 }

 .hot-zizhi .tab .item .img img:nth-child(2) {
   position: absolute;
   top: 0;
   width: 100%;
   opacity: 0
 }

 .hot-zizhi .tab .item.on .img img {
   filter: initial;
   opacity: 1
 }

 .hot-zizhi .tab .item:hover .img img {
   filter: initial;
   opacity: 1
 }

 .hot-zizhi .tab .item h1 {
   margin-top: 15px;
   font-size: 18px;
   font-weight: 400;
   color: #222222
 }

 .hot-zizhi .content {
   padding: 25px 23px;
   background: #fff;
   margin-top: 40px;
 }

 .hot-zizhi .content .item {
   display: flex;
 }

 .hot-zizhi .content .item .left {
   width: 288px;
 }

 .hot-zizhi .content .item .left .text {
   height: 150px;
   padding: 30px 0 0 27px;
   padding-right: 10px;
   background: linear-gradient(180deg, #9BB0DA 0%, #1159AB 100%);
   box-sizing: border-box;
   color: #fff;
 }

 .hot-zizhi .content .item .left .text h1 {
   font-size: 20px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .hot-zizhi .content .item .left .text p {
   font-size: 14px;
   margin-top: 8px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .hot-zizhi .content .item .left .text .btn {
   display: flex;
   margin-top: 16px;
 }

 .hot-zizhi .content .item .left .text:nth-child(2) {
   margin-top: 18px;
 }

 .hot-zizhi .content .item .left .text .btn .i {
   border: 1px solid #fff;
   width: 110px;
   line-height: 30px;
   text-align: center;
   font-size: 14px;
   color: #fff;
 }

 .hot-zizhi .content .item .left .text .btn .i:nth-child(1) {
   background: #fff;
   color: #1A82C7;
   margin-right: 10px;
 }

 .hot-zizhi .content .item .right {
   flex: 1;
   display: flex;
   flex-wrap: wrap;
 }

 .hot-zizhi .content .item .right .span {
   margin-left: 18px;
   width: 198.5px;
 }

 .hot-zizhi .content .item .right .text {
   padding: 12px 0;
 }

 .hot-zizhi .content .item .right .text h2 {
   font-size: 14px;
   color: #333;
   line-height: 18px;
   display: flex;
   align-items: center;
 }

 .hot-zizhi .content .item .right .text span.discount {
   font-size: 12px;
   line-height: 16px;
   display: block;
   border: 1px solid #DD453D;
   color: #DD453D;
   padding: 0 3px;
   margin-left: 7px;
 }

 .hot-zizhi .content .item .right .text p {
   font-size: 12px;
   color: #666666;
   line-height: 32px;
   height: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

 .hot-zizhi .content .item .right .text .tag {
   display: flex;
   color: #999999;
   font-size: 12px;
   line-height: 16px;
 }

 .hot-zizhi .content .item .right .text .tag span {
   border: 1px solid #CFCFCF;
   margin-right: 8px;
   padding: 0 4px;
 }

 .hot-zizhi .content .item .right .text p.a {
   color: #1683C9
 }

 .hot-zizhi .content .item .right .text span.free {
   font-size: 12px;
   display: block;
   background: #DD453D;
   color: #fff;
   padding: 0 3px;
   margin-left: 7px;
 }

 .title-box.b h1 {
   color: #fff;
 }

 .title-box.b p {
   color: #fff;
 }

 .business {
   margin-top: 72px;
   background: url(../image/business-bg.png) no-repeat center;
   height: 1064px;
 }

 .business .title-box {
   padding-top: 220px;
 }

 .business-box .tab-box {
   border-bottom: 1px solid #fff;
   padding: 0 110px;
   color: rgba(255, 255, 255, 0.6);
   line-height: 50px;
   margin-top: 60px;
 }

 .business-box .tab-box .item {
   position: relative;
   cursor: pointer;
 }

 .business-box .tab-box .item.on {
   color: #fff;
   font-weight: bold;
 }

 .business-box .tab-box .item:after {
   content: '';
   width: 100%;
   background: #fff;
   position: absolute;
   bottom: -3px;
   left: 0;
   height: 5px;
   display: none;
 }

 .business-box .tab-box .item.on:after {
   display: block;
 }

 .business-box .tab-box .item:hover {
   color: #fff;
   font-weight: bold;
 }

 .business-box .tab-box .item:hover:after {
   display: block;
 }

 .business-box .content {
   margin-top: 47px;
 }

 .business-box .content .item ul li {
   width: 290px;
   margin-left: 13px;
   background: #F2F2F2;
 }

 .business-box .content .item ul li:nth-child(1) {
   margin-left: 0
 }

 .business-box .content .item ul li .img {
   height: 176px;
   background: #fff
 }

 .business-box .content .item ul li .text {
   height: 150px;
   box-sizing: border-box;
   padding: 23px;
 }

 .business-box .content .item ul li .text .tag span {
   background: #ffffff;
   padding: 0 5px;
   line-height: 18px;
   border: 1px solid #DEDEDE;
   font-size: 12px;
   margin-left: 4px;
 }

 .business-box .content .item ul li .text h1 {
   font-size: 16px;
   color: #222;
   margin-top: 19px;
   line-height: 16px;
   font-weight: bold;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .business-box .content .item ul li .text p {
   font-size: 12px;
   margin-top: 10px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .business-box .content .item ul li .text a {
   color: #1A82C7;
   background: url(../image/more.png) no-repeat center right;
   background-size: 6px auto;
   font-size: 12px;
   line-height: 20px;
   margin-top: 10px;
   padding-right: 10px;
   display: inline-block;
 }

 .business-box .content .more {
   color: #fff;
   background: url(../image/icon-right.png) no-repeat center right;
   background-size: 15px auto;
   font-size: 14px;
   line-height: 20px;
   margin-top: 10px;
   display: block;
   width: 70px;
   float: right;
   margin-top: 30px;
 }

 .new {
   margin-top: 70px;
 }

 .new-box {
   margin-top: 80px;
 }

 .new-box .tab-box .item {
   padding: 0 30px;
   line-height: 40px;
   color: #666666;
   font-size: 18px;
   cursor: pointer;
 }

 .new-box .tab-box .item.on {
   background: #1A82C7;
   color: #fff;
   font-weight: bold;
 }

 .new-box .tab-box .item:hover {
   background: #1A82C7;
   color: #fff;
   font-weight: bold;
 }

 .new-box .content {
   padding: 0 26px 60px 26px;
   background: #fff;
   margin-top: 36px
 }

 .new-box .content .title {
   line-height: 46px;
   border-bottom: 1px solid #F1F1F1;
   font-size: 16px;
   color: #222
 }

 .new-box .content .title a {
   color: #1A82C7
 }

 .new-box .content ul {
   flex-wrap: wrap;
 }

 .new-box .content ul li .img {
   height: 205px;
 }

 .new-box .content ul li {
   width: 364px;
   margin-left: 27px;
   margin-top: 27px;
 }

 .new-box .content ul li:nth-child(3n+1) {
   margin-left: 0
 }

 .new-box .content ul li h1 {
   line-height: 16px;
   margin-top: 27px;
   font-size: 16px;
   color: #222;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .new-box .content ul li p {
   line-height: 22px;
   margin-top: 10px;
   font-size: 12px;
   color: #666;
   word-break: break-all;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }

 .index-QA {
   padding: 11px 27px 63px 27px;
   box-sizing: border-box;
   background: #fff;
   margin-top: 36px;
 }

 .index-QA .title {
   text-align: right;
   background: rgba(26, 130, 199, .1);
   position: relative;
   line-height: 44px;
   padding-right: 23px;
 }

 .index-QA .title a {
   color: #1A82C7;
   font-size: 16px;
 }

 .index-QA .title em {
   display: block;
   background: url(../image/qa-title.png) no-repeat;
   width: 113px;
   height: 153px;
   position: absolute;
   top: 0;
   left: 0;
   text-align: center;
   color: #fff;
   font-weight: bold;
   font-size: 30px;
   box-sizing: border-box;
   padding-top: 20px;
   line-height: 41px;
 }

 .index-QA .content {
   margin-left: 140px;
 }

 .index-QA .content li {
   margin-top: 15px;
 }

 .index-QA .content a {
   margin-top: 10px;
   display: flex;
   color: #222;
   font-size: 18px;
   justify-content: space-between;
   line-height: 38px;
 }

 .index-QA .content a h1 {
   font-weight: bold;
 }

 .index-QA .content a span {
   font-size: 14px;
   font-weight: bold;
 }

 .index-QA .content li .p {
   margin-top: 10px;
   background: #F3F3F3;
   color: #666;
   position: relative;
   font-size: 14px;
   line-height: 22px;
   padding: 15px 27px;
 }

 .index-QA .content li .p:after {
   background: #F3F3F3;
   width: 10px;
   height: 10px;
   content: "";
   position: absolute;
   top: -5px;
   left: 15px;
   display: block;
   transform: rotate(45deg);
 }

 .adviser {
   margin-top: 94px;
 }

 .adviser .content {
   margin-top: 40px;
 }

 .adviser .content ul {
   display: flex;
   flex-wrap: wrap;
 }

 .adviser .content li {
   height: 285px;
   width: 285px;
   margin-left: 20px;
   margin-top: 20px;
   position: relative;
 }

 .adviser .content li p {
   opacity: 0;
   position: absolute;
   flex-direction: column;
   top: 0;
   left: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   background: rgba(0, 0, 0, .5);
   width: 100%;
   height: 100%;
   font-size: 20px;
   font-weight: bold;
   color: #fff
 }

 .adviser .content li p span {
   width: 90%;
   font-size: 16px;
   margin: 0 auto;
   margin-top: 10px;
   /*white-space: nowrap;*/
   overflow: hidden;
   /*text-overflow: ellipsis;*/
   text-align: center;
 }

 .adviser .content li:hover p {
   opacity: 1
 }

 .adviser .content li p a {
   color: #fff;
 }

 .adviser .content li:nth-child(1),
 .adviser .content li:nth-child(5),
 .adviser .content li:nth-child(8) {
   margin-left: 0;
 }

 .adviser .content li:nth-child(6) {
   width: 590px;
 }

 .adviser .content p {
   display: none;
 }

 .partner {
   background: url(../image/partner-bg.png) no-repeat center;
   height: 1134px;
   margin-top: 72px;
 }

 .partner .title {
   padding-top: 272px;
   text-align: center;
   color: #fff;
 }

 .partner .title h1 {
   font-size: 30px;
   font-weight: bold;
   line-height: 30px;
 }

 .partner .title p {
   font-size: 16px;
   line-height: 16px;
   margin-top: 14px;
 }

 .partner-box {
   margin-top: 80px;
 }

 .partner-box .item {
   overflow: hidden;
   display: flex;
   align-items: center;
   width: 165px;
   height: 165px;
   background-color: #fff;
   transform: rotate(45deg);
   position: absolute;
   left: 35px;
   top: 0;
   box-sizing: border-box;
 }

 .partner-box .item:hover {
   background: #eee
 }

 .partner-box .item.line {
   border: 1px solid #fff;
   background: initial;
 }

 .partner-box .item a {
   transform: rotate(-45deg);
   display: block;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
 }

 /*.partner-box .item img{width:233px;height:233px;max-width: initial;transform:translate(-50%,-50%);left:50%;top:50%;position: absolute;}*/
 .partner-box .item:nth-child(2) {
   left: 155px;
   top: 120px;
 }

 .partner-box .item:nth-child(3) {
   left: 275px;
   top: 0;
 }

 .partner-box .item:nth-child(4) {
   left: 276px;
   top: 240px;
 }

 .partner-box .item:nth-child(5) {
   left: 396px;
   top: 120px;
 }

 .partner-box .item:nth-child(6) {
   left: 517px;
   top: 240px;
 }

 .partner-box .item:nth-child(7) {
   left: 638px;
   top: 120px;
 }

 .partner-box .item:nth-child(8) {
   left: 760px;
   top: 0;
 }

 .partner-box .item:nth-child(9) {
   left: 760px;
   top: 240px;
 }

 .partner-box .item:nth-child(10) {
   left: 881px;
   top: 120px;
 }

 .partner-box .item:nth-child(11) {
   right: 34px;
   left: initial;
   top: 0;
 }

 .ditu {
   margin-top: 80px;
   line-height: 1
 }

 .ditu .title {
   padding-top: 53px;
 }

 .ditu .title h1 {
   font-size: 24px;
   color: #222222
 }

 .ditu .title p {
   font-size: 12px;
   color: #666666;
   margin-top: 9px;
 }

 .ditu .address {
   font-size: 16px;
   color: #1A82C7;
   margin-top: 32px;
 }

 .ditu .address span {
   margin-right: 50px;
   cursor: pointer;
 }

 .ditu .info {
   display: flex;
   flex-wrap: wrap;
   margin-top: 85px;
 }

 .ditu .info .item {
   width: 50%;
   margin-bottom: 53px;
 }

 .ditu .info .item h1 {
   font-size: 42px;
   font-weight: bold;
   color: #1A82C7;
 }

 .ditu .info .item p {
   font-size: 20px;
   color: #454747;
   margin-top: 24px;
 }

 .ditu .right {
   height: 509px;
   flex: 1
 }

 .ditu .right #china-map {
   height: 509px;
 }

 .biaozhu {
   position: absolute;
   color: #fff;
 }

 .biaozhu em {
   display: block;
   position: absolute;
   top: 20px;
   left: -15px;
   background: #fff;
   width: 5px;
   height: 5px;
   border-radius: 5px;
   animation: fangda 1.5s linear infinite;
 }

 .biaozhu em:after {
   content: '';
   position: absolute;
   border: 1px solid #fff;
   width: 15px;
   height: 15px;
   border-radius: 15px;
   top: -6px;
   left: -6px;
 }

 .biaozhu em:before {
   content: '';
   position: absolute;
   border: 1px solid #fff;
   width: 28px;
   height: 28px;
   border-radius: 15px;
   top: -12.7px;
   left: -12.7px;
 }

 .bj {
   top: 180px;
   left: 411px;
 }

 .xa {
   top: 255px;
   left: 341px;
 }

 .sz {
   top: 381px;
   left: 390px;
 }

 .sh {
   top: 288px;
   left: 456px;
 }



 .position {
   color: #1A82C7;
   line-height: 1;
   padding-top: 35px;
   padding-bottom: 24px;
   border-bottom: 1px solid #dedede;
   font-size: 18px;
 }

 .position a {
   color: #1A82C7;
 }

 @keyframes fangda {
   0% {
     transform: scale(0.90);
   }

   50% {
     transform: scale(1.1);
   }

   100% {
     transform: scale(0.90);
   }

 }

 .service-list {
   margin-top: 43px;
   padding-bottom: 79px;
 }

 .service-list-tab {
   line-height: 50px;
   border-bottom: 1px solid #1A82C7
 }

 .service-list-tab a {
   margin: 0 50px;
   color: #999999;
   font-weight: bold;
 }

 .service-list-tab span {
   display: inline-block;
   position: relative;
 }

 .service-list-tab a span:after {
   height: 5px;
   width: 100%;
   position: absolute;
   bottom: -3px;
   left: 0;
   background: #1A82C7;
   content: '';
   opacity: 0
 }

 .service-list-tab a.on {
   color: #1A82C7;
 }

 .service-list-tab a.on span:after {
   opacity: 1
 }

 .service-list-tab a:hover {
   color: #1A82C7;
 }

 .service-list-tab a:hover span:after {
   opacity: 1
 }

 .service-list-tab2 {
   line-height: 28px;
   margin-top: 40px;
 }

 .service-list-tab2 a {
   border-radius: 30px;
   border: 1px solid rgba(0, 0, 0, 0);
   padding: 0 16px;
   margin: 0 10px;
 }

 .service-list-tab2 a.on {
   border: 1px solid #1A82C7;
   color: #1A82C7;
   font-size: 16px;
 }

 .service-list-tab2 a:hover {
   border: 1px solid #1A82C7;
   color: #1A82C7;
   font-size: 16px;
 }

 .service-list-ul {
   margin-top: 46px;
   display: flex;
   flex-wrap: wrap;
 }

 .service-list-ul .img {
   height: 218px;
   overflow: hidden;
 }

 .service-list-ul li {
   width: 290px;
   background: #fff;
   line-height: 1;
   margin-bottom: 30px;
   margin-left: 13px;
 }

 .service-list-ul li:nth-child(4n+1) {
   margin-left: 0
 }

 .service-list-ul li .text {
   padding: 14px;
   text-align: center;
   padding-bottom: 21px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .service-list-ul li h1 {
   font-size: 18px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .service-list-ul li p {
   font-size: 18px;
   margin-top: 11px;
   color: #999999;
   font-size: 14px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .service-list-ul li a {
   margin-top: 27px;
   display: inline-block;
   width: 98px;
   line-height: 25px;
   border: 1px solid #1A82C7;
   color: #1A82C7;
   font-size: 14px;
 }

 .page {
   margin-top: 37px;
 }

 .page ul {
   display: flex;
   justify-content: center;
   line-height: 36px;
 }

 .page ul li {
   width: 36px;
   line-height: 36px;
   border: 1px solid #CCCCCC;
   text-align: center;
   margin: 0 3px;
 }

 .page ul li a {
   display: flex;
   width: 100%;
   justify-content: center;
   align-items: center;
   height: 100%;
 }

 .page ul li.on {
   border: 1px solid #1A82C7;
   background: #1A82C7;
   color: #fff
 }

 .page ul li.on a {
   color: #fff
 }

 .page ul li:hover {
   border: 1px solid #1A82C7;
   background: #1A82C7;
   color: #fff
 }

 .page ul li:hover a {
   color: #fff
 }


 /*.product-problem{margin-top: 29px;}*/

 .product-arc .tab {
   display: flex;
   margin-top: 29px;
 }

 .product-arc .tab a {
   margin-right: 36px;
   padding: 0 13px;
   line-height: 28px;
   color: #222222;
   position: relative;
 }

 .product-arc .tab a.on {
   color: #fff;
   background: #1A82C7
 }

 .product-arc .tab a:after {
   content: '';
   opacity: 0;
   width: 6px;
   height: 6px;
   background: #1A82C7;
   position: absolute;
   bottom: -3px;
   left: 50%;
   margin-left: -9px;
   transform: rotate(45deg);
   display: block;
 }

 .product-arc .tab a.on:after {
   opacity: 1
 }

 .product-arc .tab a:hover {
   color: #fff;
   background: #1A82C7;
 }

 .product-arc .content {
   padding-bottom: 70px;
 }

 .product-arc .zixun {
   margin-top: 30px;
   display: flex;
   justify-content: space-between;
 }

 .product-arc .zixun .left {
   width: 826px;
   padding: 27px 34px 37px 34px;
   border: 1px solid #DEDEDE;
   line-height: 1;
   box-sizing: border-box;
 }

 .product-arc .zixun .left h1 {
   font-size: 26px;
   font-weight: bold;
   color: #222;
 }

 .product-arc .zixun .left p {
   margin-top: 15px;
   color: #888888;
   font-size: 16px;
   line-height: 30px;
 }

 .product-arc .zixun .left .tag {
   display: flex;
 }

 .product-arc .zixun .left .tag span {
   margin-right: 84px;
   font-size: 16px;
   color: #666666;
   margin-top: 28px;
   background: url(../image/icon-duihao.png) no-repeat center left;
   padding-left: 20px;
   background-size: 16px auto;
 }

 .product-arc .zixun .left .count {
   margin-top: 23px;
   font-size: 16px;
   color: #222222
 }

 .product-arc .zixun .left .count span {
   font-size: 24px;
   color: #1A82C7;
   font-weight: bold;
 }

 .product-arc .zixun .left .btn {
   margin-top: 37px;
   display: flex;
 }

 .product-arc .zixun .left .btn .yuding-btn {
   width: 202px;
   line-height: 45px;
   background: linear-gradient(90deg, #1A82C7 0%, #05409A 100%);
   text-align: center;
   color: #fff;
   font-size: 20px;
 }

 .product-arc .zixun .left .btn .zixun-btn {
   width: 202px;
   line-height: 43px;
   height: 45px;
   box-sizing: border-box;
   border: 1px solid #1A82C7;
   color: #1A82C7;
   text-align: center;
   margin-left: 23px;
   font-size: 20px;
 }

 .product-arc .zixun .right {
   width: 340px;
   box-sizing: border-box;
   border: 1px solid #DEDEDE;
   line-height: 1;
   padding: 33px 27px;
 }

 .product-arc .zixun .right .text {
   display: flex;
   padding-top: 15px;
 }

 .product-arc .zixun .right .img {
   width: 68px;
 }

 .product-arc .zixun .right .info {
   margin-left: 31px;
 }

 .product-arc .zixun .right .info h1 {
   font-size: 16px;
   color: #222;
 }

 .product-arc .zixun .right .info p {
   font-size: 16px;
   line-height: 30px;
   margin-top: 10px;
   color: #666
 }

 .product-arc .zixun .right .btn {
   margin-top: 21px;
 }

 .product-arc .zixun .right .btn .zixun-btn {
   width: 100%;
   display: block;
   line-height: 45px;
   background: linear-gradient(90deg, #1A82C7 0%, #05409A 100%);
   text-align: center;
   color: #fff;
   font-size: 20px;
 }

 .product-arc .zixun .right .btn .tel-btn {
   width: 100%;
   display: block;
   line-height: 43px;
   height: 45px;
   box-sizing: border-box;
   border: 1px solid #1A82C7;
   color: #1A82C7;
   text-align: center;
   margin-top: 15px;
   font-size: 20px;
 }

 .product-arc .zixun .right .btn .tel-btn img {
   margin-right: 8px;
 }

 .product-arc .content {
   display: flex;
   justify-content: space-between;
   margin-top: 47px;
 }

 .product-arc .content .left {
   width: 826px;
 }

 .product-arc .content .right {
   width: 340px;
 }

 .product-arc .content .right h1 {
   line-height: 48px;
   background: #F8F8F8;
   padding-left: 10px;
   position: relative;
   font-weight: bold;
   display: flex;
   align-items: center;
 }

 .product-arc .content .right h1:after {
   content: "";
   height: 18px;
   width: 3px;
   display: block;
   position: absolute;
   top: 15px;
   left: 0;
   background: #1A82C7;
 }

 .right-hot {
   border: 1px solid #F2F2F2;
 }

 .right-hot h1 {
   line-height: 48px;
   background: #F8F8F8;
   padding-left: 10px;
   position: relative;
   font-weight: bold;
   display: flex;
   align-items: center;
 }

 .right-hot h1:after {
   content: "";
   height: 18px;
   width: 3px;
   display: block;
   position: absolute;
   top: 15px;
   left: 0;
   background: #1A82C7;
 }

 .right-hot h1 img {
   margin-left: 6px;
   margin-top: -6px;
 }

 .right-hot ul {
   padding: 5px 0;
 }

 .right-hot li a {
   display: flex;
   padding: 8px 15px;
 }

 .right-hot li .img {
   width: 102px;
   height: 68px;
   overflow: hidden;
   border-radius: 3px
 }

 .right-hot li .text {
   margin-left: 10px;
   flex: 1;
 }

 .right-hot li .text h2 {
   font-size: 14px;
   color: #333333;
   width: 200px;
   line-height: 26px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 .right-hot li .text p {
   font-size: 12px;
   color: #999999;
   line-height: 20px;
   display: -webkit-box;
   	overflow: hidden;
   	-webkit-box-orient: vertical;
   	-webkit-line-clamp: 2;
 }

 .right-hot li a:hover {
   background: #F8F8F8
 }

 .right-hot li a:hover h2 {
   color: #1A82C7;
 }

 .right-hot li a:hover p {
   color: #1A82C7;
 }

 .right-new {
   border: 1px solid #F2F2F2;
   margin-top: 20px;
 }

 .right-new h1 img {
   margin-left: 6px;
 }

 .right-new ul {
   padding-top: 5px;
 }

 .right-new li a {
   display: flex;
   padding: 0 15px;
   font-size: 14px;
   justify-content: space-between;
   line-height: 40px;
 }

 .right-new li a h2 {
   flex: 1;
   margin-right: 10px;
   padding-left: 14px;
   position: relative;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .right-new li a h2:after {
   content: '';
   width: 4px;
   height: 4px;
   background: #1A82C7;
   position: absolute;
   top: 18px;
   left: 0;
   border-radius: 5px;
 }

 .right-new li a span {
   color: #999999;
   font-size: 12px;
 }

 .right-new li a:hover {
   background: #1A82C7
 }

 .right-new li a:hover h2 {
   color: #fff;
 }

 .right-new li a:hover span {
   color: #fff;
 }

 .right-new li a:hover h2:after {
   background: #fff;
 }

 .right-form {
   margin-top: 20px;
   border: 1px solid #F2F2F2;
 }

 .right-form h1 p {
   margin-left: 20px;
   font-size: 14px;
   font-weight: initial;
   color: #666666;
 }

 .right-form .info {
   padding: 18px 15px;
 }

 .right-form .info .input {
   padding: 0 11px;
   line-height: 40px;
   border: 1px solid #DEDEDE;
 }

 .right-form .info .input input {
   border: 0;
   width: 100%;
   line-height: 40px;
   font-size: 14px;
   background: initial;
 }

 .right-form .info .input input::-webkit-input-placeholder {
   /* WebKit browsers */
   color: #999999;
 }

 .right-form .info .textarea {
   padding: 5px 11px;
   box-sizing: border-box;
   height: 165px;
   margin-top: 10px;
   line-height: 40px;
   border: 1px solid #DEDEDE;
 }

 .right-form .info .textarea textarea {
   border: 0;
   width: 100%;
   padding: 0;
   line-height: 26px;
   font-size: 14px;
   background: initial;
   font-size: 14px;
   height: 100%;
 }

 .right-form .info .textarea textarea::-webkit-input-placeholder {
   /* WebKit browsers */
   color: #999999;
 }

 .right-form .info .submit {
   margin-top: 16px;
   width: 100%;
   height: 42px;
   cursor: pointer;
   background: #1A82C7;
   border: 0;
   color: #fff;
   font-size: 18px;
 }

 .right-wd {
   margin-top: 20px;
   border: 1px solid #F2F2F2;
 }

 .right-wd h1 img {
   margin-left: 6px;
 }

 .right-wd ul {
   margin-top: 5px;
 }

 .right-wd ul li {
   padding: 10px;
   cursor: pointer;
 }

 .right-wd ul li a {
   display: flex;
   justify-content: space-between;
   line-height: 30px;
   padding-left: 20px;
   background: url(../image/icon-a.png) no-repeat left center;
 }

 .right-wd ul li h2 {
   font-size: 16px;
 }

 .right-wd ul li span {
   font-size: 12px;
 }

 .right-wd ul li p {
   font-size: 14px;
   line-height: 20px;
   margin-top: 6px;
   color: #666666;
   padding-left: 20px;
   background: url(../image/icon-q.png) no-repeat left 3px;
 }

 .right-wd ul li:hover {
   background: #F8F8F8
 }

 .right-wd ul li:hover a {
   color: #1A82C7
 }

 .right-wd ul li:hover p {
   color: #222
 }

 .product-arc .content-tab {
   display: flex;
   border-bottom: 1px solid #DEDEDE;
   line-height: 40px;
 }

 .product-arc .content-tab a {
   color: #666;
   font-size: 18px;
   margin-right: 72px;
   position: relative;
 }

 .product-arc .content-tab a:after {
   position: absolute;
   bottom: -2px;
   height: 3px;
   width: 100%;
   background: #1A82C7;
   left: 0;
   content: "";
   display: block;
   opacity: 0
 }

 .product-arc .content-tab a.on {
   color: #222222;
   font-weight: bold;
 }

 .product-arc .content-tab a.on:after {
   opacity: 1
 }

 .product-arc .content-tab a:hover {
   color: #222222;
   font-weight: bold;
 }

 .product-arc .content-arc {
   margin-top: 17px;
 }


 .problem li {
   margin-top: 15px;
 }

 .problem a {
   margin-top: 10px;
   display: flex;
   color: #222;
   font-size: 18px;
   justify-content: space-between;
   line-height: 38px;
 }

 .problem a span {
   font-size: 14px;
   color: #999999;
   font-weight: initial;
 }

 .problem li .p {
   margin-top: 10px;
   background: #F3F3F3;
   color: #666;
   position: relative;
   font-size: 14px;
   line-height: 22px;
   padding: 15px 27px;
 }

 .problem li .p:after {
   background: #F3F3F3;
   width: 10px;
   height: 10px;
   content: "";
   position: absolute;
   top: -5px;
   left: 15px;
   display: block;
   transform: rotate(45deg);
 }

 .evaluate {
   padding: 0 19px;
   line-height: 1
 }

 .evaluate li {
   display: flex;
   padding: 20px 0;
   border-bottom: 1px dashed #DEDEDE
 }

 .evaluate li .text {
   margin-left: 34px;
   flex: 1
 }

 .evaluate li .text p {
   font-size: 14px;
   line-height: 22px;
   margin-top: 8px;
   color: #666
 }

 .evaluate li .text .title {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-top: 5px;
 }

 .evaluate li .text .title .grade {
   width: 120px;
 }

 .evaluate li .text .title .grade img {
   width: 120px;
   max-width: initial;
 }

 .evaluate li .text .title .xing {
   overflow: hidden;
 }

 .evaluate li .text .title span {
   font-size: 14px;
   color: #999
 }

 .evaluate .head {
   text-align: center;
   width: 54px;
   font-size: 18px;
 }

 .evaluate .img {
   width: 54px;
   height: 54px;
   overflow: hidden;
   border-radius: 50px;
 }

 .evaluate .head p {
   margin-top: 11px;
 }

 .QA-list {
   margin-top: 102px;
   padding-bottom: 20px;
 }

 .QA-list .tab {
   display: flex;
   line-height: 40px;
 }

 .QA-list .tab a {
   width: 133px;
   text-align: center;
   margin-left: 20px;
   font-size: 18px;
   background: #fff;
 }

 .QA-list .tab a:nth-child(1) {
   margin-left: 0;
 }

 .QA-list .tab a.on {
   color: #fff;
   background: #1A82C7;
 }

 .QA-list .tab a:hover {
   color: #fff;
   background: #1A82C7;
 }

 .QA-list .tab2 {
   display: flex;
   line-height: 30px;
   margin-top: 30px;
   font-size: 16px
 }

 .QA-list .tab2 a {
   text-align: center;
   margin-right: 30px;
 }

 .QA-list .tab2 a:nth-child(1) {
   margin-left: 0;
 }

 .QA-list .tab2 a.on {
   color: #1A82C7;
 }

 .QA-list .tab2 a:hover {
   color: #1A82C7;
 }

 .news-list li {
   display: flex;
   margin-top: 63px;
 }

 .news-list .img {
   width: 260px;
   height: 150px;
   overflow: hidden;
 }

 .news-list .img a {
   display: block;
   height: 100%;
 }

 .news-list .content {
   border-bottom: 1px solid #CCCCCC;
   flex: 1;
   display: flex;
   align-items: center;
   position: relative;
   width: 940px;
 }

 .news-list .content:after {
   height: 89px;
   width: 1px;
   background: #ccc;
   position: absolute;
   left: 154px;
   top: 24px;
   content: '';
   display: block;
 }

 .news-list .content .time {
   margin: 0 50px;
   text-align: center;
   font-weight: bold;
 }

 .news-list .content .time .year {
   display: block;
   font-size: 20px;
   color: #111111
 }

 .news-list .content .time .date {
   width: 50px;
   height: 50px;
   border-radius: 5px;
   line-height: 25px;
   background: #1A82C7;
   border: 3px solid rgba(0, 137, 205, 0.6);
   position: relative;
 }

 .news-list .content .time .date:after {
   width: 100%;
   position: absolute;
   left: 0;
   top: 24px;
   transform: rotate(-45deg);
   content: '';
   display: block;
   height: 3px;
   background: #fff
 }

 .news-list .content .time .date .day {
   width: 30px;
   position: absolute;
   top: 0;
   left: 0;
   color: #fff;
   font-size: 16px;
 }

 .news-list .content .time .date .month {
   width: 30px;
   position: absolute;
   right: 0;
   bottom: 0;
   color: #fff;
   font-size: 16px;
 }

 .news-list .content .text {
   margin-left: 50px;
   flex: 1;
   width: 734px;
 }

 .news-list .content .text h1 {
   font-size: 24px;
 }

 .news-list .content .text p {
   font-size: 18px;
   color: #4D4D4D;
   line-height: 30px;
   margin-top: 20px;
   height: 60px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
 }

 .news-list .content .text a {
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .news-list .content .text a:hover {
   color: #1A82C7
 }

 .news-arc {
   margin-top: 69px;
 }

 .news-arc .left {
   width: 840px;
 }

 .news-arc .top-nav {
   border-bottom: 1px solid #CCCCCC;
   padding-bottom: 20px;
   padding-right: 10px;
 }

 .news-arc .pos {
   font-size: 18px;
   color: #1A82C7;
   padding-left: 17px;
   position: relative;
   line-height: 1
 }

 .news-arc .pos:after {
   content: '';
   height: 17px;
   width: 5px;
   left: 0;
   top: 1px;
   background: #1A82C7;
   display: block;
   position: absolute;
 }

 .news-arc .pos a {
   color: #1A82C7
 }

 .news-arc .back {
   color: #666666;
   font-size: 14px;
 }

 .news-arc .title {
   text-align: center;
   line-height: 38px;
   font-size: 28px;
   margin-top: 45px;
 }

 .news-arc .left .info {
   font-size: 14px;
   color: #666666;
   display: flex;
   justify-content: space-between;
   margin-top: 30px;
   padding-bottom: 15px;
   border-bottom: 1px solid #F2F2F2
 }

 .news-arc .left .info span {
   margin: 0 10px;
 }

 .news-arc .left .info .l span:nth-child(1) {
   margin-left: 0
 }

 .news-arc .left .text {
   margin-top: 38px;
   font-size: 12px;
   line-height: 22px;
 }

 .news-arc .btn {
   font-size: 12px;
   margin-top: 40px;
   line-height: 30px;
 }

 .news-arc .btn a {
   color: #1A82C7;
 }

 .news-arc .right {
   width: 340px;
 }

 .news-arc .right h1 {
   line-height: 48px;
   background: #F8F8F8;
   padding-left: 10px;
   position: relative;
   font-weight: bold;
   display: flex;
   align-items: center;
 }

 .news-arc .right h1:after {
   content: "";
   height: 18px;
   width: 3px;
   display: block;
   position: absolute;
   top: 15px;
   left: 0;
   background: #1A82C7;
 }

 .about-fzs {
   padding-top: 30px;
   padding-bottom: 50px;
 }

 .about-fzs .content {
   margin-top: 70px;
 }

 .about-fzs .left {
   width: 670px;
   padding-top: 40px;
 }

 .about-fzs .left h1 {
   font-size: 20px;
   font-weight: bold;
   line-height: 1;
   position: relative;
   color: #222222
 }

 .about-fzs .left h1:after {
   content: '';
   display: block;
   width: 39px;
   height: 3px;
   bottom: -20px;
   left: 0;
   position: relative;
   background: #1A82C7
 }

 .about-fzs .left .p {
   margin-top: 43px;
   font-size: 16px;
   line-height: 30px;
   color: #000000
 }

 .about-fzs .right {
   width: 495px;
 }

 .about-data {
   display: flex;
   margin-top: 100px;
 }

 .about-data .item {
   flex: 1;
   text-align: center;
   color: #333333;
 }

 .about-data .item h1 {
   font-weight: bold;
   font-size: 52px;
   font-weight: bold;
 }

 .about-data .item p {
   font-size: 20px;
 }

 .about-content {
   background: url(../image/about-bg.png) no-repeat center;
   height: 1364px;
 }

 .about-content .title-box {
   padding-top: 204px;
   margin-top: 0
 }

 .about-content .content {
   margin-top: 40px;
   line-height: 29px;
   font-size: 16px;
   color: #fff;
   text-align: center;
 }

 .contact-us .title-box {
   margin-top: 50px;
 }

 .contact-us .content {
   margin-top: 108px;
   padding-bottom: 78px;
 }

 .contact-us .left {
   width: 737px;
   background: #fff;
   padding: 25px;
   box-sizing: border-box;
 }

 .contact-us .right {
   width: 418px;
 }

 .contact-us .right .item {
   padding: 0 50px 0 43px;
   border-radius: 4px;
   margin-top: 20px;
   height: 134px;
   box-sizing: border-box;
   border: 1px solid #0E5AAB;
   display: flex;
   align-items: center;
 }

 .contact-us .right .item:nth-child(1) {
   margin-top: 0
 }

 .contact-us .right .text {
   margin-left: 23px;
   font-size: 16px;
   color: #000;
   line-height: 28px;
 }

 .partner-arc {
   background: initial;
   height: 625px;
   margin-top: 150px;
 }

 .partner-arc .title {
   color: #222222;
   padding-top: 0;
 }

 .product-list {
   padding-top: 50px;
 }

 .product-list ul {
   display: flex;
   flex: 1;
   margin-top: 40px;
   flex-wrap: wrap;
 }

 .product-list ul li {
   width: 385px;
   margin-left: 21px;
   margin-bottom: 20px;
 }

 .product-list ul li:nth-child(3n+1) {
   margin-left: 0
 }

 .product-list ul li .img {
   height: 260px;
   overflow: hidden;
 }

 .product-list ul li .text {
   padding: 20px;
 }

 .product-list ul li .text h1 {
   font-size: 22px;
   line-height: 48px;
   color: #222222
 }

 .product-list ul li .text p {
   font-size: 14px;
   line-height: 22px;
   color: #666
 }

 .wenti {
   margin-top: 100px;
 }

 .wenti .content {
   margin-top: 58px;
   background: #fff;
 }

 .wenti .content .img {
   width: 780px;
   font-size: 0
 }

 .wenti .content .text {
   flex: 1;
   padding: 52px 50px 0 60px;
   font-size: 18px;
   line-height: 40px;
 }

 .wenti .content .text .p {
   padding-bottom: 10px;
 }

 .wenti .content .text a {
   display: block;
   color: #666666;
 }

 .wenti .content .text p {
     color: #666666;
 }

 .condition {
   margin-top: 64px;
 }

 .condition .item {
   width: 200px;
   text-align: center;
   cursor: pointer;
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .condition .p {
   font-size: 14px;
   line-height: 24px;
   color: #666666;
   margin-top: 25px;
 }

 .condition .img {
   position: relative;
   width: 180px;
   height: 180px;
 }
 .condition .img img{
	 width: 180px;
	 height: 180px;
 }
 .condition .img img:nth-child(2) {
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   opacity: 0
 }

 .condition .item:hover .img img:nth-child(2) {
   opacity: 1
 }

 .condition .item:hover .p {
   color: #1A82C7
 }


 .liucheng {
   margin-top: 100px;
 }

 .liucheng .title-box {
   margin-top: 0
 }

 .liucheng .content {
   margin-top: 45px;
   align-items: center;
 }

 .liucheng .left {
   width: 498px;
   text-align: center;
   background: #fff;
   padding-bottom: 64px;
 }

 .liucheng .left h1 {
   line-height: 46px;
   background: #8D8D8D;
   color: #fff;
 }

 .liucheng .left .text {
   width: 390px;
   margin: 0 auto;
   margin-top: 48px;
 }

 .liucheng .left .item {
   display: flex;
   justify-content: space-between;
   width: 100%;
 }

 .liucheng .left .item .p {
   width: 100%;
   padding: 0 13px;
   position: relative;
 }

 .liucheng .left .item .p p {
   border: 2px solid #DEDEDE;
   padding: 10px 0;
   width: 100%;
 }

 .liucheng .left .item .p .img {
   font-size: 0;
   padding: 3px 0;
 }

 .liucheng .left .item .p .img1 img {
   transform: rotate(180deg);
 }

 .liucheng .left .item .p1:after {
   transform: rotate(-90deg);
   background: url(../image/icon-xia-b.png) no-repeat center;
   content: '';
   width: 26px;
   height: 45px;
   position: absolute;
   left: -11px;
   display: block;
   top: 22px;
 }

 .liucheng .right {
   width: 558px;
   background: #fff;
   text-align: center;
   font-size: 18px;
 }

 .liucheng .right h1 {
   background: #1A82C7;
   line-height: 51px;
   color: #fff
 }

 .liucheng .right .text {
   width: 405px;
   margin: 0 auto;
   margin-top: 50px;
   padding-bottom: 82px;
 }

 .liucheng .right .text p {
   border: 2px solid #1A82C7;
   line-height: 45px;
 }

 .liucheng .right .text p.b {
   background: #1A82C7;
   color: #fff
 }

 .liucheng .right .text .icon {
   font-size: 0;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .jpfw {
   margin-top: 120px;
 }

 .jpfw .title-box {
   margin-top: 0
 }

 .jpfw .title-box p {
   /*margin-top: ;*/
   line-height: 28px
 }

 .jpfw .content {
   display: flex;
   justify-content: space-between;
   text-align: center;
   margin-top: 70px;
 }

 .jpfw .content .item {
   flex: 1
 }

 .jpfw .content .item .img {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 130px;
 }

 .jpfw .content .item .text {
   margin-top: 25px;
 }

 .jpfw .content .item h1 {
   font-size: 18px;
   color: #222;
   font-weight: bold;
 }

 .jpfw .content .item p {
   font-size: 14px;
   color: #666666;
   margin-top: 12px;
 }


 .what {
   margin-top: 120px;
 }

 .what .title-box {
   margin-top: 0
 }

 .what .title {
   height: 575px;
   width: 370px;
   background: #1A82C7;
   color: #fff;
   box-sizing: border-box;
   padding-top: 83px;
   padding-left: 26px;
 }

 .what .title h1 {
   margin-top: 20px;
   font-weight: 500;
   font-size: 19px;
   position: relative;
 }

 .what .title h1:after {
   content: '';
   width: 39px;
   height: 5px;
   background: #fff;
   position: absolute;
   bottom: -25px;
   left: 0;
 }

 .what .content {
   position: relative;
   margin-top: 30px;
 }

 .what .text {
   position: absolute;
   top: 50%;
   left: 250px;
   transform: translateY(-50%);
   width: 950px;
   height: 403px;
 }

 .what .swiper-container {
   height: 100%;
 }

 .what .text .item {
   width: 245px;
   background: #fff;
   position: absolute;
   top: 50%;
   right: 2px;
   transform: translateY(-50%);
   height: 318px;
 }

 .what .text .swiper-slide-active .item {
   width: 310px;
   background: #fff;
   height: 403px;
 }

 .what .text .swiper-slide-active .item .p {
   padding: 25px 20px 0 16px;
   height: 190px;
   box-sizing: border-box;
 }

 .what .text .swiper-slide-active .item .img {
   height: 212px;
   overflow: hidden;
 }

 .what .text .item .img {
   height: 167px;
   overflow: hidden;
 }

 .what .text .item .p {
   padding: 22px 20px 0 15px;
   height: 150px;
   box-sizing: border-box;
 }

 .what .text .item .p h1 {
   font-weight: bold;
   color: #222;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

 .what .text .item .p p {
   font-size: 14px;
   line-height: 23px;
   margin-top: 18px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
 }

 .what .btn {
   position: absolute;
   bottom: 0;
   right: 0;
   display: flex;
 }

 .what .btn span {
   background: #fff;
   width: 60px;
   margin-left: 12px;
   height: 60px;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
 }

 .zc-form-box {
   margin-top: 50px;
   padding-bottom: 40px;
 }

 .zc-form-box .title {
   font-size: 28px;
   font-weight: bold;
   color: #222;
   line-height: 1
 }

 .zc-form-box .content {
   margin-top: 33px;
   background: #fff;
   border-radius: 8px;
   padding: 55px 0;
 }

 .zc-form-box .item {
   display: flex;
 }

 .zc-form-box .item .msg {
   width: 410px;
   text-align: right;
   line-height: 48px;
 }

 .zc-form-box .item .msg span {
   color: #E30A0A
 }

 .zc-form-box .item .input {
   margin-left: 15px;
   margin-bottom: 18px;
   flex: 1
 }

 .zc-form-box .item .input .text {
   width: 350px;
   box-sizing: border-box;
   border-radius: 6px;
   border: 1px solid #ccc;
   line-height: 46px;
   padding: 0 38px;
 }

 .zc-form-box .item .input .text input {
   line-height: 46px;
   font-size: 14px;
   background: initial;
   border: 0;
 }

 .wx {
   position: fixed;
   bottom: 40px;
   right: 40px;
   cursor: pointer;
   width: 63px;
 }

 .zc-form-box .item .input.upload .text {
   background: #F8F8F8;
   height: 198px;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   color: #1A82C7;
   font-size: 14px;
 }

 .zc-form-box .item .input.upload .text input {
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }

 .zc-form-box .item .input .ts {
   line-height: 36px;
   font-size: 12px;
   color: #999999
 }

 .zc-form-box .item .input.submit input {
   width: 343px;
   background: #1A82C7;
   font-size: 18px;
   color: #fff;
   border: 0;
   line-height: 49px;
   border-radius: 6px;
 }

 .footer {
   background: url(../image/footer-bg.png) no-repeat center;
   height: 859px;
   line-height: 1;
 }

 .footer .fuwu-box {
   padding-top: 223px;
   padding-bottom: 49px;
   border-bottom: 1px solid rgba(255, 255, 255, .1)
 }

 .footer .fuwu-box .item {
   display: flex;
   align-items: center;
 }

 .footer .fuwu-box .item .img {
   width: 50px;
   height: 50px;
 }

 .footer .fuwu-box .item .text {
   margin-left: 9px;
   font-size: 16px;
 }

 .footer .fuwu-box .item .text h1 {
   color: #fff;
   font-weight: bold;
 }

 .footer .fuwu-box .item .text p {
   margin-top: 7px;
   font-size: 12px;
   color: #fff
 }

 .footer .contact {
   margin-top: 68px;
   padding-bottom: 40px;
   border-bottom: 1px solid rgba(255, 255, 255, .1)
 }

 .footer .contact .left .a a {
   margin-right: 58px;
   margin-top: 14px;
   color: #fff;
 }

 .footer .contact .left p {
   font-size: 16px;
   line-height: 30px;
   margin-top: 45px;
   color: #fff;
 }

 .footer .contact .right {
   display: flex;
   text-align: right;
 }

 .footer .contact .right img {
   width: 132px;
   margin-right: 7px;
 }

 .footer .contact .right .code {
   margin-left: 32px;
 }

 .footer .contact .right .code p {
   font-size: 16px;
   color: #fff;
   margin-top: 15px;
   text-align-all: center;
   width: 132px;
 }

 .footer .link {
   border-bottom: 1px solid rgba(255, 255, 255, .1);
   line-height: 32px;
   color: #fff;
   padding-bottom: 20px;
   padding-top: 24px;
 }

 .footer .link .content {
   flex: 1;
   margin-left: 51px;
 }

 .footer .link .content a {
   color: #fff;
   margin-right: 50px;
   display: inline-block;
 }

 .footer .foot {
   color: #fff;
   margin-top: 28px;
   font-size: 16px;
 }

 .footer .foot a {
   color: #fff;
   margin-left: 50px;
 }



 .login-top {
   background: rgba(0, 0, 0, 0.5);
   height: 80px;
 }

 .login-top .box {
   align-items: center;
   height: 80px;
 }

 .login-top .box img {
   display: block;
 }

 .login-top .box {
   color: #fff;
   font-size: 14px;
 }

 .login-top .box a {
   color: #fff;
 }

 .login-top .box span {
   margin: 0 19px;
 }

 .login-top .box .tel {
   margin-left: 43px;
 }

 .login-form {
   height: 100%;
 }

 .login-form-box {
   padding: 31px;
   background: #fff;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 8px;
   width: 426px;
   position: absolute;
   right: 0px;
   box-sizing: border-box;
 }

 .login-form-box h1 {
   font-size: 28px;
   color: #333;
   line-height: 1;
   padding-bottom: 23px;
   border-bottom: 1px solid #F2F2F2
 }

 .login-form-box .item {
   display: flex;
   margin-top: 18px;
   align-items: center;
 }

 .login-form-box .item .input-box {
   display: flex;
   border: 1px solid #ccc;
   flex: 1;
   height: 48px;
   align-items: center;
   padding: 0 17px;
   border-radius: 6px;
 }

 .login-form-box .item .input-box .input {
   margin-left: 8px;
   flex: 1
 }

 .login-form-box .item .btn {
   width: 128px;
   margin-left: 11px;
   line-height: 50px;
   text-align: center;
   background: #1A82C7;
   border-radius: 6px;
   color: #fff;
   cursor: pointer;
 }

 .login-form-box .item .btn.off {
   background: #999
 }

 .login-form-box .item .input-box .input {
   display: flex;
   align-items: center;
 }

 .login-form-box .item .input-box .input input {
   font-size: 14px;
   line-height: 48px;
   border: 0;
   width: 100%;
 }

 .login-form-box .item .input-box .input span {
   margin-left: 30px;
 }

 .login-form-box .item a {
   font-size: 14px;
   color: #1A82C7
 }

 .login-form-box .item.submit #submit {
   width: 100%;
   line-height: 50px;
   text-align: center;
   background: #1A82C7;
   border-radius: 6px;
   color: #fff;
   cursor: pointer;
   border: 0;
   font-size: 18px;
 }

 .xieyi {
   font-size: 14px;
   color: #666666
 }

 #xieyi {
   width: 14px;
   height: 14px;
   background: url(../image/off.png) no-repeat center;
   margin-right: 6px;
 }

 #xieyi.on {
   background: url(../image/ok.png) no-repeat center;
 }

 .login-form-box .msg {
   font-size: 12px;
   margin-top: 37px;
   text-align: center;
   color: #999999
 }

 .login-form-box .tab {
   font-size: 20px;
   line-height: 1;
   padding-bottom: 25px;
   padding-top: 28px;
   border-bottom: 1px solid #F2F2F2;
   color: #999999
 }

 .login-form-box .tab span.on {
   color: #333;
 }

 .login-form-box .tab em {
   padding: 0 16px;
 }

 .imlf01-form input {
   outline: none;
   font-size: 16px;
   vertical-align: middle;
   border: none;
   border-radius: 0;
   background: none;
 }

 .layer-com {
   position: fixed;
   left: 50%;
   top: 50%;
   z-index: 100;
   display: none;
 }

 .laycom-box {
   background: #fff;
   border-radius: 5px;
   z-index: 120;
   position: relative;
 }

 .lay-com-tit {
   height: 42px;
   background: #f5f5f5;
   border-radius: 5px 5px 0px 0px;
   padding: 0px 20px;
   color: #333;
   line-height: 42px;
   font-size: 16px;
 }

 .seltime {
   width: 100%;
   right: -1px;
   max-height: 139px;
   overflow: auto;
 }

 .seltime a {
   border-bottom: 1px #ececec solid;
 }

 .sel-btn {
   position: absolute;
   right: 3px;
   top: 60px;
   border: 1px #fff solid;
   border-radius: 3px;
   width: 70px;
   display: block;
   height: 28px;
   line-height: 28px;
   text-align: center;
   color: #fff;
   z-index: 90;
 }

 .detail-mida .sel-btn {
   position: absolute;
   right: 3px;
   top: 60px;
   border: 1px #ececec solid;
   border-radius: 3px;
   width: 70px;
   display: block;
   height: 28px;
   line-height: 28px;
   text-align: center;
   color: #666;
   z-index: 90;
 }

 .detail-mida .sel-btn:hover {
   color: #ef3233;
 }

 .imlf01-form {
   padding: 10px;
 }

 .imlf01-form .formbox .formtxt {
   line-height: 34px;
 }

 .imlf01-form .formbox .fminput {
   height: 34px;
   line-height: 34px;
 }

 .imlf01-form .formbox .fminput input {
   height: 34px;
   line-height: 34px;
   display: block;
 }

 .imlf01-form .sqtex {
   border: 1px #ccc solid;
   border-radius: 5px;
   padding: 0px 5px;
 }

 .imlf01-form .sqtex textarea {
   border: 0px;
   width: 100%;
   line-height: 24px;
 }

 .imlf01-form .secgo {
   right: 8px;
   top: 11px;
 }

 .imlf01-fjrtj {
   width: 228px;
   color: #a57626;
   display: block;
   height: 56px;
   line-height: 28px;
   padding: 10px 0px 10px 74px;
   background: url("http://www.yiwanmei.cn/assets/static/images/jrtj.png") no-repeat;
 }

 .imlf01-fjrtj:hover {
   color: #d23523;
 }

 .in-mid01-rt {
   width: 310px;
   float: right;
   margin-top: 15px;
 }

 .selfl-box {
   position: absolute;
   width: 400px;
   right: -20px;
   top: 34px;
   background: #fff;
   border: 1px #ccc solid;
   z-index: 2;
 }

 .selfl-box .sboxlist {
   width: 34%;
   display: block;
   float: left;
 }

 .selfl-box .sboxlist a {
   display: block;
   line-height: 34px;
   padding-left: 20px;
   padding-right: 15px;
   position: relative;
 }

 .selfl-box .sboxlist a img {
   width: 6px;
   position: absolute;
   right: 10px;
   top: 11px;
 }

 .selfl-box .sboxlist a.hov {
   background: #f5f5f5;
   color: #ef3233;
 }

 .selfl-box .line {
   position: absolute;
   width: 1px;
   font-size: 0px;
   left: 34%;
   top: 0px;
   bottom: 0px;
   background: #ececec;
 }

 .formbox {
   padding: 5px 0px 5px 80px;
   position: relative;
 }

 .formbox .formtxt {
   position: absolute;
   width: 80px;
   left: 0px;
   top: 5px;
   line-height: 36px;
 }

 .formbox .fminput {
   height: 36px;
   line-height: 36px;
   padding: 0px 5px;
   border-radius: 3px;
   border: 1px #ccc solid;
 }

 .formbox .fminput input {
   height: 36px;
   line-height: 36px;
   width: 100%;
 }

 .secgo {
   position: absolute;
   right: 16px;
   top: 18px;
   width: 14px;
   z-index: 2;
 }

 .pt15 {
   padding-top: 15px;
 }

 .h50 {
   height: 50px;
 }

 .ab {
   color: #1069e2;
 }

 .uibtn {
   display: block;
   text-align: center;
   font-size: 16px;
 }

 .uibtn44 {
   height: 44px;
   line-height: 44px;
 }

 .imlf01-form .borad5 {
   border-radius: 5px;
 }

 .imlf01-form .btn_red_jb {
   background: linear-gradient(90deg, #1A82C7 0%, #05409A 100%);
   color: #fff;
   font-size: 18px;
 }

 .appdiv {
   position: fixed;
   height: 100%;
   padding: 15px 0px 0px 0px;
   background-color: rgba(0, 0, 0, 0.6);
   left: 0;
   top: 0px;
   bottom: 0px;
   width: 100%;
   z-index: 101;
 }

 .login-bottom {
   width: 100%;
   height: 60px;
   background: rgba(0, 0, 0, 0.5);
   color: #fff;
   display: flex;
   justify-content: center;
   line-height: 60px;
 }

 .login-bottom .item {
   margin: 0 25px;
   font-size: 16px;
 }

 .login-bottom .item a {
   color: #fff;
 }
 .iscity{
	 width: 100%;
	 max-height: 200px;
	 /* border: 1px solid red; */
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 overflow-x: hidden;
	 overflow-y: scroll;
	 display: none;
 }
 .iscity::-webkit-scrollbar {
 	display:none;
 }
 .iscity{ -ms-overflow-style: none; }
 .iscity { overflow: -moz-scrollbars-none; }
 .iscity .is_item{
	 padding: 5px 10px;
	 border: 1px solid #1069e2;
	 height: 22px;
	 border-radius: 4px;
	 cursor:pointer;
	 margin-bottom: 6px;
 }
 .iscity .is_item:hover{
	 background: linear-gradient(90deg, #1A82C7 0%, #05409A 100%);
	 color: #fff;
 }
 .iscity .is_item2{
 	 padding: 5px 10px;
 	 border: 1px solid #1069e2;
 	 height: 22px;
 	 border-radius: 4px;
 	 cursor:pointer;
 	 margin-bottom: 6px;
 }
 .iscity .is_item2:hover{
 	 background: linear-gradient(90deg, #1A82C7 0%, #05409A 100%);
 	 color: #fff;
 }
 .iscity .is_item3{
 	 padding: 5px 10px;
 	 border: 1px solid #1069e2;
 	 height: 22px;
 	 border-radius: 4px;
 	 cursor:pointer;
 	 margin-bottom: 6px;
 }
 .iscity .is_item3:hover{
 	 background: linear-gradient(90deg, #1A82C7 0%, #05409A 100%);
 	 color: #fff;
 }