﻿/* 禁用iPhone中Safari的字号自动调整 */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling : touch; font-family:"Microsoft YaHei",微软雅黑;}
/*禁止左右滑动*/
html,body{overflow-x: hidden}
/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {resize: none; border: none;}
/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* 图片自适应 */
img {width: 100%; height: 100%; width: auto\9; display: block; -ms-interpolation-mode: bicubic; border: none;}
/* 通用初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0; padding: 0;}
body{background: #F7F8FC;}
em, i {font-style: normal;}
ul,li{list-style-type: none;}
strong {font-weight: normal;}
a {color: inherit;text-decoration: none;}
a:hover {text-decoration: none;}
ul, ol {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-weight: 400;}
input{color: #333333; outline: none; background: none; font-family:"Microsoft YaHei",微软雅黑;}
input::-webkit-input-placeholder{color: #999999;}
textarea{ color: #333333; outline: none; resize : none; background: none; font-family:"Microsoft YaHei",微软雅黑;}
textarea::-webkit-input-placeholder{color: #999999;}
/* 通用顶部导航 */
.header-center{box-shadow: 0px 5px 20px 0px rgba(187,187,187,0.15); position: fixed; top: 0; left: 0; z-index: 10002; width: 100%; box-sizing: border-box; padding: 0 20px; background: #ffffff; height: 70px; display: flex; justify-content: space-between; align-items: center;}
.header-height{height: 70px;}
.header-left{display: flex; align-items: center;}
.header-logo{width: 150px;}
.header-info{border-left: 1px #999999 solid; margin-left: 8px; padding: 0 8px;}
.header-name{font-size: 12px; color: #333333; font-weight: 300;}
/* 搜索地址 */
.header-address{position: relative; cursor: pointer; background: #F7F8FC; width: 68px; padding: 0 10px; margin-left: 12px; border-radius: 6px; box-sizing: border-box; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #404040;}
.header-arrow{display: block; width: 0; border: 5px solid; margin-top: 6px; margin-left: 4px; border-color: #404040 transparent transparent transparent;}
.header-pt{display: none; position: absolute; top: 28px; left: 0; background: #ffffff; padding: 24px; width: 680px; height: 500px; overflow-y: auto; box-sizing: border-box; border-radius: 10px; box-shadow: 0px 5px 20px 0px rgba(139,139,139,0.15);}
.header-pt::-webkit-scrollbar{width:6px; height:10px;}
.header-pt::-webkit-scrollbar-thumb{background-color:rgb(209, 214, 225,1); border-radius:10px; -webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);}
.header-pt-top{color: #333333; font-size: 14px; width: 60px; font-weight: bold;}
.header-pt-input{position: relative; margin-top: 10px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0 8px; width: 200px; height: 32px; color: #333333; font-size: 14px; border: 1px #e6ebf5 solid; border-radius: 4px;}
.header-pt-input img{width: 14px; height: 14px;}
.header-pt-input input{width: 160px;}
.header-pt-input input::-webkit-input-placeholder{color: #c5cad4;}
.header-pt-hot{display: flex; align-items: center; flex-wrap: wrap;}
.header-pt-item a{margin-top: 10px; transition: all .2s; cursor: pointer; display: block; color: #555555; font-size: 14px; margin-right: 18px;}
.header-pt-item:hover a{transition: all .2s; color: #FD4A0A; text-decoration: underline;}
.header-pt-item.active a{color: #FD4A0A;}
.header-pt-center{padding-top: 5px;}
.header-pt-list{margin-top: 10px; display: flex; justify-content: space-between; align-items: flex-start; border-top: 1px #f1f3f6 solid;}
.header-pt-name{transition: all .2s; color: #333333; font-size: 14px; width: 60px; padding-top: 10px; font-weight: bold;}
.header-pt-name:hover{transition: all .2s; color: #FD4A0A; text-decoration: underline;}
.header-pt-name:hover a{transition: all .2s; color: #FD4A0A; text-decoration: underline;}
.header-pt-name a{transition: all .2s; display: block;}
.header-pt-ul{display: flex; flex-wrap: wrap; align-items: flex-start; width: 560px;}
.header-pt-li a{margin-top: 10px; transition: all .2s; cursor: pointer; display: block; color: #555555; font-size: 14px; margin-right: 18px;}
.header-pt-li:hover a{transition: all .2s; color: #FD4A0A; text-decoration: underline;}
.header-pt-show{display: none; position: absolute; left: 4px; top: 38px; background: #ffffff; padding: 12px; width: 194px; height: 120px; overflow-y: auto; box-sizing: border-box; border-radius: 10px; box-shadow: 0px 5px 10px 0px rgba(139,139,139,0.15);}
.header-pt-show::-webkit-scrollbar{width:6px; height:10px;}
.header-pt-show::-webkit-scrollbar-thumb{background-color:rgb(209, 214, 225,1); border-radius:10px; -webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);}
.header-pt-select a{display: flex; align-items: center; justify-content: space-between; margin-top: 8px;}
.header-pt-select:first-child a{margin-top: 0;}
.header-pt-select:hover .header-pt-title{transition: all .2s; color: #FD4A0A; text-decoration: underline;}
.header-pt-title{transition: all .2s; width: 80px; color: #333333; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header-pt-text{color: #969AA9; width: 80px; text-align: right; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header-pt-not{padding-top: 38px; color: #969AA9; font-size: 14px; text-align: center;}
.header-cont{display: flex; flex-wrap: wrap; width: 480px;}
.header-item a{border-radius: 24px; background: #ffffff; display: block; font-size: 16px; color: #444444; width: 80px; padding: 0 6px; box-sizing: border-box; height: 34px; line-height: 34px; text-align: center; transition: all .2s;}
.header-item a:hover{color: #ffffff; background: #2665da; transition: all .2s;}
/* 搜索输入框 */
.header-search{position: relative;}
.header-search-text{display: none;}
.header-search-banner{display: flex; align-items: center; height: 100px; justify-content: space-between; background: #F7F8FC; margin-left: 60px; width: 440px; height: 38px; border-radius: 20px;}
.header-search-input{cursor: pointer; padding: 0 16px; display: flex; align-items: flex-start; justify-content: space-between; overflow: hidden; width: 376px; height: 36px; border: 2px #F7F8FC solid; border-right: none; border-radius: 20px 0 0 20px;}
.header-search-swiper{width: 306px; overflow: hidden; pointer-events: none;}
.header-search-swiper .swiper-slide{overflow: hidden; font-size: 15px; color: #999999; width: 310px; line-height: 40px;}
.header-search-input img{width: 14px; height: 14px; margin-top: 13px;}
.header-search-click{cursor: pointer; border-radius: 0 20px 20px 0; font-weight: bold; background: #2665DA; font-size: 16px; color: #ffffff; text-align: center; height: 40px; line-height: 40px; width: 90px;}
.header-search-submit{cursor: pointer; border-radius: 0 20px 20px 0; font-weight: bold; background: #2665DA; font-size: 16px; color: #ffffff; text-align: center; height: 40px; line-height: 40px; width: 90px;}
.header-search-input input{width: 310px; height: 26px; margin-top: 6px; line-height: 26px; font-size: 14px; color: #333333;}
.header-search-hot{display: none; position: absolute; padding-bottom: 24px; top: 44px; left: 76px; background: #ffffff; width: 350px; box-sizing: border-box; border-radius: 10px; box-shadow: 0px 5px 20px 0px rgba(139,139,139,0.15);}
.header-search-title{margin: 0 24px; position: relative; padding-left: 16px; font-size: 15px; color: #404040; margin-top: 18px; font-weight: bold;}
.header-search-title::before{content: ""; position: absolute; top: 3px; left: 0; height: 14px; width: 4px; border-radius: 8px; background: #4992ff;}
.header-search-main{display: flex; flex-wrap: wrap; padding: 0 40px;}
.header-search-item a{width: 124px; color: #414455; font-size: 14px; transition: all .2s; margin-right: 20px; display: block; margin-top: 12px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header-search-item:nth-child(even) a{margin-right: 0;}
.header-search-item a:hover{color: #E92930; text-decoration: underline; transition: all .2s;}
.header-search-cont{padding: 0 20px;}
.header-search-list a{display: flex; justify-content: space-between; align-items: center; height: 28px; margin-top: 6px;}
.header-search-list a:hover .header-search-name{color: #E92930; transition: all .2s; text-decoration: underline;}
.header-search-list:nth-child(2) .header-search-left{color: #e3384e}
.header-search-list:nth-child(3) .header-search-left{color: #ff6150}
.header-search-list:nth-child(4) .header-search-left{color: #ff8200}
.header-search-left{font-size: 14px; color: #c5c5c4; margin-top: 1px; width: 16px; font-weight: bold; display: flex; align-items: center; justify-content: flex-start;}
.header-search-left img{width: 12px; height: 12px;}
.header-search-right{width: 290px; display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header-search-name{transition: all .2s; max-width: 268px; font-size: 14px; color: #414455; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header-search-official{display: inline; font-size: 12px; line-height: 17px; color: #ffffff; background: #5b95ff; border-radius: 4px; margin-left: 6px; padding: 0 4px;}
.header-search-new{display: inline; font-size: 12px; line-height: 17px; color: #ffffff; background: #42bd84; border-radius: 4px; margin-left: 6px; padding: 0 4px;}
.header-search-re{display: inline; font-size: 12px; line-height: 17px; color: #ffffff; background: #ff6050; border-radius: 4px; margin-left: 6px; padding: 0 4px;}
.header-active{border: 2px #2665da solid; border-right: none;}
.header-right{display: flex; align-items: center;}
.header-ul{display: flex; align-items: center; padding-right: 24px;}
.header-li{position: relative; width: 72px; cursor: pointer;}
.header-li:hover .header-title{text-decoration: underline;}
.header-icon{display: block; width: 20px; height: 20px; margin: 0 auto;}
.header-title{display: block; font-size: 12px; color: #777777; padding-top: 4px; text-align: center;}
.header-display{display: flex; align-items: center;}
.header-span{padding-top: 5px;}
.header-phone{font-size: 18px; color: #E92930; font-weight: bold;}
.header-time{font-size: 13px; color: #555555;}
.header-applet{display: none; position: absolute; top: 40px; left: -28px; background: #ffffff; padding: 16px 24px; box-sizing: border-box; border-radius: 6px; box-shadow: 0px 5px 10px 0px rgba(139,139,139,0.15);}
.header-txt{font-size: 14px; color: #555555; text-align: center; margin-top: 4px;}
.header-images{width: 100px; height: 100px;}
/* 栏目顶部导航 */
.navcolumn-header-cont{position: relative;}
.navcolumn-header-center{box-shadow: 0px 5px 20px 0px rgba(187,187,187,0.15); position: fixed; top: 0; left: 0; right: 0; z-index: 10001; height: 70px; width: 100%; box-sizing: border-box; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; background: #ffffff;}
.navcolumn-header-height{height: 70px;}
.navcolumn-header-left{display: flex; align-items: center;}
.navcolumn-header-logo{width: 150px;}
.navcolumn-header-info{border-left: 1px #999999 solid; margin-left: 8px; padding: 0 8px}
.navcolumn-header-name{font-size: 12px; color: #333333; font-weight: 300;}
.navcolumn-header-address{cursor: pointer; background: #F7F8FC; width: 64px; padding: 0 10px; margin-left: 12px; border-radius: 6px; box-sizing: border-box; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #404040;}
.navcolumn-header-arrow{ width: 0; border: 5px solid; margin-top: 6px; margin-left: 4px; border-color: #404040 transparent transparent transparent;}
.navcolumn-header-search{display: flex; align-items: center; justify-content: space-between; background: #F7F8FC; margin-left: 60px; width: 280px; height: 40px; border-radius: 20px;}
.navcolumn-header-input{border-radius: 20px 0 0 20px; height: 40px; border: 2px #F7F8FC solid; display: flex; align-items: center; justify-content: space-between; width: 208px; padding: 0 12px; box-sizing: border-box;}
.navcolumn-header-active{border: 2px #2665da solid;}
.navcolumn-header-input img{width: 14px; height: 14px;}
.navcolumn-header-input input{width: 158px; height: 34px; font-size: 14px;}
.navcolumn-header-click{cursor: pointer; border-radius: 0 20px 20px 0; font-weight: bold; background: #2665DA; font-size: 15px; color: #ffffff; text-align: center; height: 40px; line-height: 40px; width: 72px;}
.navcolumn-header-right{display: flex; align-items: center;}
.navcolumn-header-ul{display: flex; margin-left: 32px; width: 800px;}
.navcolumn-header-li{position: relative; font-size: 16px; color: #404040; padding: 0; margin-right: 28px; text-align: center; cursor: pointer;}
.navcolumn-header-li:hover a{transition: all .2s; color: #E92930;}
.navcolumn-header-li:hover a span{transition: all .2s; transform: rotate(180deg); background: url("../image/icon77.png") no-repeat; background-size: 100% 100%;}
.navcolumn-header-li:last-child{margin-right: 0; width: 50px; text-align: left;}
.navcolumn-header-li a{ display: block; transition: all .2s; }
.navcolumn-header-li a span {transition: all .2s; position: absolute; top: 9px; right: 0; width: 12px; height: 6px; background: url("../image/icon76.png") no-repeat; background-size: 100% 100%;}
.navcolumn-header-pt{position: absolute; top: -13px; right: -16px; width: 30px; height: 13px;}
.navcolumn-header-drop{position: fixed; top: 48px; right: 0; z-index: 10003; width: 100%; display: none; box-shadow: 0px 5px 20px 0px rgba(187,187,187,0.15);}
.navcolumn-header-dropcenter{background: #ffffff;}
.navcolumn-header-dropmain{width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; padding: 18px 0 24px 0; box-sizing: border-box;} 
.navcolumn-header-dropcont{display: flex; flex-wrap: wrap; justify-content: space-between;}
.navcolumn-header-droplist{width: 110px;}
.navcolumn-header-droplist:nth-child(1){width: 110px;}
.navcolumn-header-droptitle{text-align: left; font-size: 16px; color: #2C77B9; font-weight: bold; border-bottom: 1px #f0f0f0 solid; height: 38px; line-height: 38px;}
.navcolumn-header-droptitle a{color: #2C77B9 !important;}
.navcolumn-header-dropitem a{width: 140px; font-size: 14px; color: #4d4f56 !important; display: block; margin-top: 12px; text-align: left;}
.navcolumn-header-dropitem a:hover{color: #E92930 !important; transition: all .2s; text-decoration: underline; cursor: pointer;}
/* 通用左侧快速导航 */
.nav{background: #ffffff; position: fixed; overflow: auto; top: 70px; left: 0; z-index: 10001; width: 150px; padding-top: 10px;}
.nav:hover::-webkit-scrollbar-thumb{background-color:rgb(209, 214, 225,1); border-radius:10px; -webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);}
.nav::-webkit-scrollbar{width:6px; height:10px;}
.nav::-webkit-scrollbar-thumb{background-color:rgb(209, 214, 225, 0); border-radius:10px; -webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);}
.nav-ul{margin-bottom: 20px; padding-left: 14px;}
.nav-li{position: relative; padding-right: 8px;}
.nav-li a{height: 44px; line-height: 44px; cursor: pointer; display: block; padding-left: 34px; box-sizing: border-box; font-size: 15px; color: #5B6579; border-radius: 10px;}
.nav-li.active a{color: #2665DA; font-weight: bold; font-size: 16px;}
.nav-li a:hover{background: #eef0f8;}
.nav-hr{background: #e6e6e6; height: 1px; width: 92%; margin: 15px 0;}
.nav-pt{position: absolute; top: 14px; right: 17px; width: 29px; height: 12px;}
.nav-icon{position: absolute; top: 13px; left: 8px; width: 18px; height: 18px;}
.nav-cont{position: relative; height: 142px; overflow: hidden;}
.nav-expand{cursor: pointer; position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);}
.nav-more{margin-left: 48px; margin-top: 34px; width: 18px; }
/* 通用面包屑导航 */
.breadnav{margin-top: 10px; height: 34px; display: flex; align-items: center; color: #999999; font-size: 14px;}
.breadnav span{margin: 0 6px; transform: rotate(45deg); display: inline-block; width: 5px; height: 5px; border-radius: 2px; border-top: 2px solid #999999; border-right: 2px solid #999999}
.breadnav a{color: #999999; cursor: pointer;}
/* 通用右侧信息 */
.info{position: fixed; top: 120px; right: 12px; z-index: 10001;}
.info-li{box-shadow: 0px 5px 20px 0px rgba(187,187,187,0.15); position: relative; cursor: pointer; width: 56px; padding: 12px; box-sizing: border-box; margin-top: 10px; background: #ffffff; border-radius: 5px;}
.info-li:hover .info-title{text-decoration: underline;}
.info-li:last-child{background: #2665DA;}
.info-li:last-child:hover{background: #E92930;}
.info-li:last-child .info-title{color: #ffffff;}
.info-icon{display: block; width: 20px; height: 20px; margin: 0 auto;}
.info-title{display: block; font-size: 13px; color: #858C9A; padding-top: 6px; text-align: center;}
.info-phone{display: none; position: absolute; top: 0px; left: -170px; width: 170px; background: #ffffff; padding: 8px 16px; box-sizing: border-box; border-radius: 6px; box-shadow: 0px 5px 10px 0px rgba(139,139,139,0.15);}
.info-name{font-size: 15px; color: #555555; text-align: center;}
.info-txt{font-size: 20px; color: #2665DA; padding-top: 4px; font-weight: bold; text-align: center;}
.info-images{width: 120px; height: 120px;}
.info-wechat{display: none; position: absolute; top: 0px; left: -146px; background: #ffffff; padding: 10px 14px; box-sizing: border-box; border-radius: 6px; box-shadow: 0px 5px 10px 0px rgba(139,139,139,0.15);}
/* 通用底部导航 */
.footer{background: #ffffff; border-radius: 10px; margin-top: 20px; padding: 34px; box-sizing: border-box;}
.footer-friend{border-bottom: 1px #eeeeee solid; padding-bottom: 22px;}
.footer-friend-header{font-size: 18px; color: #404040; font-weight: bold; display: flex; align-items: center;}
.footer-friend-header a{cursor: pointer; font-size: 14px; color: #7083A6; font-weight: normal; margin-left: 14px;}
.footer-friend-ul{display: flex; align-items: center; flex-wrap: wrap;}
.footer-friend-li a{transition: all .2s; font-size: 16px; display: block; color: #404040; cursor: pointer; margin-right: 20px; margin-top: 14px;}
.footer-friend-li:hover a{transition: all .2s; color: #E92930;}
.footer-cont{display: flex; justify-content: space-between; padding-top: 22px; border-bottom: 1px #eeeeee solid; padding-bottom: 22px;}
.footer-cont-left{display: flex; width: 780px;}
.footer-cont-ul{width: 280px;}
.footer-cont-ul:last-child{width: 500px;}
.footer-cont-text{font-size: 18px; color: #404040; font-weight: bold; padding-bottom: 10px;}
.footer-cont-li a{cursor: pointer; font-size: 14px; color: #777777; line-height: 26px; display: block; margin-top: 5px;}
.footer-cont-right{display: flex; justify-content: space-between; width: 350px;}
.footer-cont-images{width: 100px; height: 100px;}
.footer-cont-name{text-align: center; font-size: 16px; color: #404040; padding-top: 8px;}
.footer-record{padding-top: 22px;}
.footer-record-ul{display: flex; align-items: center;}
.footer-record-ul span{color: #777777; margin: 0 10px; font-size: 12px;}
.footer-record-li a{cursor: pointer; font-size: 13px; color: #777777;}
.footer-record-text{display: flex; align-items: center; font-size: 13px; color: #777777; padding-top: 8px;}
.footer-record-text img{width: 18px; height: 18px; margin: 0 5px;}
/* 其他通用 */
.other{width: 1200px; margin: 0 auto; margin-top: 10px;}
.other-cont{display: flex; justify-content: space-between; margin-top: 10px;}
.other-cont-left{padding: 22px; height: 272px; box-sizing: border-box; width: 200px; background: #ffffff; border-radius: 10px}
.other-cont-li{cursor: pointer; height: 46px; line-height: 46px; font-size: 16px; text-align: center; background: #ffffff; border-radius: 10px; color: #404040}
.other-cont-li.active{background: #2665da; color: #ffffff}
.other-cont-right{width: 980px; border-radius: 10px;}
.other-cont-title{color: #404040; font-size: 20px; font-weight: bold; padding-bottom: 14px;}
.other-cont-text{color: #555555; font-size: 16px; line-height: 26px; padding-top: 18px;}
.other-cont-txt{color: #555555; font-size: 16px; line-height: 26px; padding-top: 6px;}
.other-cont-list{padding: 32px; min-height: 420px; background: #ffffff; border-radius: 10px;}
.other-cont-ul{margin-top: 20px}
.other-cont-ul:first-child{margin-top: 0}
.other-cont-item{background: #ffffff; border-radius: 10px; padding: 28px; box-sizing: border-box}
.other-cont-center{display: flex; flex-wrap: wrap; border-top: 1px #eeeeee solid;}
.other-cont-a{cursor: pointer; margin-right: 15px; margin-top: 15px; color: #404040; font-size: 16px; background: #f7f8fc; border: 1px solid #eeeeee; border-radius: 5px; height: 40px; line-height: 40px; padding: 0 20px}
.main{padding-left: 80px !important; width: 1342px !important; margin: 0 auto;}
.new-more{text-align: center; margin: 0 auto; display: block; margin-top: 15px; cursor: pointer; color: #777777; font-size: 16px;}
.sdetails-cont-rulesnot{text-align: center; color: #999999; font-size: 15px; padding-top: 15px;}
