/* AB模版网 Www.AdminBuy.Cn */

/* QQ：9490489 */

/* 仿站：Fang.AdminBuy.Cn */

/* 素材：Sc.AdminBuy.Cn */
@charset "utf-8";
* { margin: 0; padding: 0; box-sizing: border-box }
img { width: 100%; display: block }
body, html { background: #000; font-family: melbourneregular, Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-size: 14px; color: #888; width: 100%; overflow-x: hidden }
@font-face { font-family: icon; src: url(../fonts/font_886941_qkf75od3pd9.eot); src: url(../fonts/font_886941_qkf75od3pd9.eot) format('embedded-opentype'), url(../fonts/font_886941_qkf75od3pd9.woff) format('woff'), url(../fonts/font_886941_qkf75od3pd9.ttf) format('truetype'), url(../fonts/font_886941_qkf75od3pd9.svg#iconfont) format('svg') }
input, textarea { word-wrap: break-word; word-break: break-all; font-size: 14px }
a { text-decoration: none; color: #888 }
a:hover { color: #3488ea }
li, ul { list-style: none }
button, input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: none; font-size: 12px }
::selection { background: #0f0f22; color: #fff }
textarea { -webkit-appearance: none }
.animate { transition: all .5s cubic-bezier(.25, 0, 0, 1); -webkit-transition: all .5s cubic-bezier(.25, 0, 0, 1) }
.fl { float: left }
.fr { float: right }
.loading { width: 100%; height: 10px; position: fixed; left: 0; top: calc(50% - 5px) }
.loading:before { width: 100%; height: 1px; background: #3e3e3e; opacity: .5; position: absolute; left: 0; top: 50%; content: '' }
.loading span { width: 100%; height: 2px; position: absolute; left: 0; top: 4px; display: block; background: #e5bf8e }
.loading b { display: block; width: 100px; height: 30px; line-height: 30px; position: absolute; left: 50%; margin-left: -50px; top: -30px; text-align: center; font-size: 24px }
.loading.active { opacity: 0; visibility: hidden }
.lightBox { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .8); z-index: 1000; transition: all .5s cubic-bezier(.23, 1, .32, 1); opacity: 0; visibility: hidden }
.lightBox.active { opacity: 1; visibility: visible }
.tipsMsg { width: 60%; height: auto; position: fixed; left: 20%; background: rgba(225, 0, 0, .8); line-height: 30px; color: #fff; font-size: 1.2rem; text-align: center; bottom: -45px; border-radius: 30px; -webkit-transition-duration: .5s; transition-duration: .5s }
.tipsMsg.active { bottom: 10px }
.toast { width: 100%; height: 46px; position: fixed; left: 0; top: 50%; margin-top: -23px; z-index: 500; opacity: 0; visibility: hidden; text-align: center; pointer-events: none }
.toast p { display: inline-block; border-radius: 2px; background-color: #222; color: #fff; padding: 8px 20px; box-sizing: border-box }
.toast span::before { content: ''; position: absolute; width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; background-size: contain; top: 50%; margin-top: -10px; left: 0 }
.toast.success span::before { background-image: url(../fonts/d974ce91e9a5440b9b18137a6aeb4821.woff) }
.toast.error p { color: #d81e06 }
.toast.warning span::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEa0lEQVRoQ+2YT2gcdRTHv282sc2hYWcQ7MEeGlsqLaVoMrNqL7YnaXa29ZJ6UFGiFPwD4kFaJChVAiI9iIoiWqpSKBHR7iTxpD216syGKDHaXHJQULFhZ5q0SZrszJPfpgnbZHfn77YbyO/6+73ve5/9zvu9nSGs80XrvH5sANxpBzccqOfAzHBmN7BwZcuh0SuNcqohDlwd6sy4buo0EXYDzGCcTbdIL9Khn6eTBkkcwBnSutjliyC6q7JYZh6X52cfpJ7xhSQhEgXgAaTsNnWUQHurFUmM/nTOfL1pAWxDexXAqZoFMi+ShPvTWWsyKYjEHLg2pG5dcGmSCG0+xV2QdfNg0wEUDfUcgY4GKYwIPems+VWQs35nEnHAHuw8AE794JdseZ/B/8pzLR3U8+Nc0Jha52IDcKGz1flHugxQR5hiGHhX0c3XwsRUvRjiChQN9QSB+kPrMNwUe3vaDxcmQsdWBMRyYPZbddu8RBPVGlc8Jilwr8eUAXB89VwQNTD4kqJb++8YgG1o3wA4UrUA8nrlbOG02CvmtY+JcKzaOQY/qejW2agQkR3wa1wmZJWsOSQKs/PqSRD1VS+Sp9LedAcdnpiJAhEJgId3bHJc+fd6jRscoPwwvSfr1iu3DcA2tDcAvFkvYSgAhssp9wGle2QsLERoB5xBtYMZ4tfflBjAktCIrJtdDQewDU0MrAN+iUI5sDLh+Fk5Z53x067cD+WAbWjixhE3j++KBACeQmlxp/z4L45vgpsHAgPwwMNt9ubSBBFtCyIeDUC8/vBHSs56IUgOcSYwgGOo/Qw6EVQ4KkAZQfL2BW3oQADlxvVwGUStjQdYauh01lSJwH75AgEEbdzKZNEdWFIh4mPprPVJbADHUI8y6Jyf0Or9uABgduAubvdr6LoOlBu3rTRJoK1hAQDuk3XrbRFnG2oeID20BuMzOWc+Vy+uLoBtdJ0CJPGeG34xeyD6GszXQfRMeIGbj5IENd1tFmrF1wSYPt+1yyVpHIRU1ORJxDF4TM5a+2o1dE2AoqFeJNAjSRQRV4PhvazohQ+q6VQFsPNdT4GkL+Il5g9bPemtBam0kyCdAei+qHrMuNZC7vZ2fWRqtcYaAD6/a4sjtU8CdHfUhGC25JylLceLT42el/opsp4IZHwp58ynfQFsQ3sfwEtxkjHzgJKzVj6xiNvMaXNn42iK2BTx/vasdalS5xYHikOde8mTfhVjJFYy8f8eOKLkzMHyNTqo9oHpZCxNYQLzhDxv7aEeuMtatwLk1e+I6LG4iZbjGfwbmK4TQbzYJ7IIeD6tm5+uAZgdztx7w+W/EsnSSJFV/bXiQHFQ6yZG2fLmXnxD1q3Naxxw8tpBJnzf3MWXb6P/5Jx5zxoAvvBoizMz+wcIO5oZgpnfUXLW8apNfDWfeciFNxD0rev2g/Ln6Tmrt+YtVJ4X4mPt3/QESIo8OZMF4xKYx5h4VNFH/vQdZMkmb7xavIHV+Pp8M2wA+P5EDT6w7h34H01KxEDHpGQGAAAAAElFTkSuQmCC) }
.toast.warning p { color: #efb336 }
.toast.active { opacity: 1; visibility: visible }
.toast span { display: inline-block; font-size: 16px; line-height: 30px; position: relative }
.toast.error span, .toast.success span, .toast.warning span { padding-left: 30px }
.backTop { position: fixed; z-index: 99; right: 50px; bottom: -100px; width: 50px; height: 50px; background-color: #fff; background-image: url(../images/up.png); background-size: 75% auto; background-position: center center; background-repeat: no-repeat; box-shadow: 0 0 20px rgba(0, 0, 0, .2); cursor: pointer }
.backTop:hover { background-color: #000; background-image: url(../images/up_w.png) }
.backTop.active { bottom: 50px }
.width1200 { max-width: 1200px; margin: 0 auto; position: relative }
@font-face { font-family: helveticaneuethn; src: url(../fonts/helveticaneuethn.otf); font-weight: 400; font-style: normal }
.sub_banner { width: 100%; height: auto; position: relative }
.breadcrumb { width: 1200px; height: auto; margin: auto; padding: 25px 0; display: flex; line-height: 30px; justify-content: flex-end }
.breadcrumb .target_pos { width: auto; color: rgba(0, 0, 0, .5) }
.breadcrumb .target_pos a { margin-right: 25px; position: relative; color: rgba(0, 0, 0, .5) }
.breadcrumb .target_pos a:after { width: 10px; height: 10px; background: url(../images/arrow_right.png) no-repeat; background-size: cover; display: block; content: ''; position: absolute; right: -15px; top: 50%; -webkit-transform: translateY(-50%) }
.breadcrumb .target_pos a:last-child { margin-right: 0 }
.breadcrumb .target_pos a:last-child:after { display: none }
.breadcrumb .target_pos a.active { color: #3488ea }
.sub_nav { width: auto }
.sub_nav a { padding: 0 20px; display: inline-block; margin: 0 5px; position: relative }
.sub_nav a:after { width: 1px; height: 15px; position: absolute; top: 7.5px; display: block; right: -5px; background: rgba(170, 170, 170, .3); content: '' }
.sub_nav a:hover { background: #3488ea; color: #fff }
.sub_nav a:last-child { margin-left: 0 }
.sub_nav a:last-child:after { display: none }
.w1200 { width: 1200px; height: auto; position: relative; margin: auto; padding-bottom: 60px }
.simple_between { width: 100%; height: auto; display: flex; justify-content: space-between }
.simple_between .l { width: 45%; height: auto }
.simple_between .r { width: 55%; height: auto; line-height: 1.7; padding-left: 35px }
.simple_between .r p { margin-bottom: 10px }
.sub_title { text-align: center; margin: 55px 0 25px 0 }
.sub_title b { font-weight: 400; font-size: 28px; color: #3e3e3e }
.sub_title p { font-size: 14px; opacity: .6 }
.case_cat { width: 100%; height: auto; text-align: center; margin-bottom: 50px }
.case_cat a { height: 40px; line-height: 40px; text-align: center; border: 1px solid #ededed; border-radius: 3px; margin: 0 2px; display: inline-block; padding: 0 25px; transition: all .46s ease 0s }
.case_cat a:hover { color: #fff; background: #3488ea }
.case { width: 100%; height: auto }
.case.cooperative { padding-top: 15px }
.case.cooperative ul { justify-content: flex-start }
.case.cooperative ul li { width: 18.5%; border: 1px solid rgba(0, 0, 0, .1); margin-right: 1.25% }
.case.cooperative ul li:nth-child(5n) { margin-right: 0 }
.case.news1 ul li { padding: 30px 20px; box-sizing: border-box; background: rgba(0, 0, 0, .01); position: relative; transition: all .3s ease }
.case.video_list ul li { cursor: pointer }
.case.video_list ul li .thum { background: #000 }
.case.video_list ul li .name { width: 90%; height: auto; position: absolute; left: 5%; transition: all .4s ease; color: #fff; font-size: 18px; text-align: center; top: 100%; opacity: 0; -webkit-transform: translateY(-50%) }
.case.video_list ul li .play { position: absolute; left: 50%; top: 50%; transition: all .5s ease; font-size: 0; transform: translate3d(-50%, -50%, 0); opacity: 1; width: 45px; height: 45px; background: #3488ea; border-radius: 50%; box-sizing: inherit; visibility: visible }
.case.video_list ul li .play span { display: block; border: 5px solid rgba(255, 255, 255, .2); width: 45px; height: 45px; position: absolute; left: -5px; top: -5px; border-radius: 50% }
.case.video_list ul li .play:after { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #fff; position: absolute; left: 50%; top: 50%; display: block; -webkit-transform: translate(-50%, -50%); content: '' }
.case.video_list ul li:hover .play { top: 0; opacity: 0; visibility: hidden }
.case.video_list ul li:hover .name { opacity: 1; top: 50% }
.case.news1 ul li .news_time { font-size: 24px; line-height: 30px; margin-bottom: 15px; font-family: helveticaneuethn }
.case.news1 ul li:after { width: 0%; height: 2px; transition: all .3s ease; position: absolute; left: 0; bottom: 0; content: ''; background: #3488ea; display: block }
.case.news1 ul li:hover:after { width: 100% }
.case.news1 ul li .news_title { font-size: 16px; line-height: 25px; height: 60px }
.case.news1 ul li:hover { background: rgba(0, 0, 0, .03) }
.case.news1 ul li .news_description { transition: all .36s ease; font-size: 13px; line-height: 26px; height: 52px; overflow: hidden; color: #999 }
.case ul { display: flex; justify-content: space-between; flex-wrap: wrap }
.case ul li { width: 32.5%; height: auto; margin-bottom: 20px }
.case ul li .thum { width: 100%; height: auto; overflow: hidden; position: relative }
.case ul li .thum .img { width: 100%; height: auto; background: center center no-repeat; background-size: cover; position: relative; transition: all .36s ease 0s }
.case ul li:hover .thum .img { -webkit-transform: scale(1.1) }
.case.video_list ul li:hover .thum .img { opacity: .7 }
.case ul li .thum .icon { width: 56px; height: 56px; position: absolute; left: 50%; top: -80px; margin-left: -30px; margin-top: -10px; opacity: 0; transition: all .46s ease 0s; font-size: 0; background: #3488ea; border-radius: 50% }
.case ul li:hover .thum .icon { top: 50%; opacity: 1 }
.case ul li .thum .icon:before { width: 18px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -9px; content: '' }
.case ul li .thum .icon:after { width: 2px; height: 18px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -1px; margin-top: -8px; content: '' }
.case ul li .title { text-align: center; padding: 18px 10px; transition: all .36s ease 0s }
.case ul li .title b { font-size: 18px; font-weight: 400; line-height: 26px }
.case ul li .title p { font-size: 14px; line-height: 20px }
.case ul li:hover .title { background: #3488ea; color: #fff }
.pages { width: 100%; height: auto; padding: 40px 0; text-align: center }
.pages a { color: #3e3e3e; width: 36px; height: 36px; display: inline-block; line-height: 36px; text-align: center; border: 1px solid rgba(55, 55, 55, .1); border-radius: 3px }
.pages a.active, .pages a:hover { color: #fff; background-color: #6b6b6b }
.pages a:first-of-type, .pages a:last-of-type, .pages a.total { padding: 0 20px; width: auto }
.pages a.total { pointer-events: none; }
.pages a+a { margin-left: 5px }
#media { width: 800px; height: auto; background: #000; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); display: block; border: 5px solid rgba(255, 255, 255, 1) }
.close_video { width: 50px; height: 50px; background: #fff; position: absolute; right: 25px; top: 25px; cursor: pointer }
.close_video:after { width: 20px; height: 20px; position: absolute; display: block; left: 15px; top: 15px; background: url(../images/close_icon.png) no-repeat; background-size: auto 40px; content: '' }
.close_video:hover { background: #3488ea }
.close_video:hover:after { background-position: 0 -20px }
.case.news2 ul li .news_thum { position: relative; height: auto; overflow: hidden; width: 100% }
.case.news2 ul li .img { display: block; width: 100%; height: auto; background: center center no-repeat; background-size: cover }
.case.news2 ul li .news_time { width: auto; height: auto; line-height: 35px; position: absolute; padding: 0 10px; font-size: 12px; left: 0; bottom: 0; color: #fff; background: rgba(0, 0, 0, .1); font-family: helveticaneuethn; transition: all .36s ease 0s }
.case.news2 ul li .news2_des { width: 100%; height: auto; padding: 20px; background: rgba(0, 0, 0, .01); box-sizing: border-box; transition: all .36s ease 0s }
.case.news2 ul li .news2_des b { display: block; font-weight: 400; font-size: 18px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-bottom: 1px solid rgba(0, 0, 0, .1); margin-bottom: 10px; color: #3e3e3e; padding-bottom: 5px; position: relative }
.case.news2 ul li .news2_des b:after { width: 0%; height: 1px; position: absolute; left: 0; bottom: 0; background: #fff; content: ''; transition: all .36s ease 0s }
.case.news2 ul li .news2_des p { display: block; line-height: 24px; height: 48px; font-size: 12px }
.case.news2 ul li:hover .news2_des { color: #fff; background: #3488ea }
.case.news2 ul li:hover .news2_des b { color: #fff }
.case.news2 ul li:hover .news_time { background: #1875e2 }
.case.news2 ul li:hover .news2_des b:after { width: 100% }
.history_list { width: 100%; height: auto }
.history_list ul li { width: 100%; height: auto; line-height: 25px; padding: 20px 0; border-bottom: 1px dotted rgba(0, 0, 0, .1); display: flex }
.history_list ul li .history_year { width: 150px; font-size: 28px; font-family: helveticaneuethn; position: relative }
.history_list ul li .history_year:after { width: 30px; height: 1px; background: #888; content: ''; position: absolute; right: 20px; top: 50% }
.history_list ul li .history_year span { font-size: 14px }
.history_list ul li .history_des { width: calc(100% - 150px); height: auto }
.solu_list { width: 100%; height: auto; position: relative }
.solu_list ul li a { width: 100%; height: auto; display: flex; border-bottom: 1px solid rgba(0, 0, 0, .05); padding: 20px 0 }
.solu_list ul li .thum { width: 400px; height: auto }
.solu_list ul li .thum .img { width: 100%; height: auto; position: relative; background: center center no-repeat; background-size: cover }
.solu_list ul li .info { width: calc(100% - 400px); height: auto; padding: 25px; box-sizing: border-box; background: rgba(0, 0, 0, .02) }
.solu_list ul li .info .title { width: 100%; height: auto; font-size: 18px; line-height: 30px; color: #3e3e3e; margin-bottom: 15px }
.solu_list ul li .info .des { width: 100%; height: auto; font-size: 12px; line-height: 24px; margin-bottom: 20px }
.solu_list ul li .info .more { display: inline-block; width: auto; padding: 0 40px; line-height: 35px; font-size: 12px; border: 1px solid rgba(0, 0, 0, .1) }
.solu_list ul li:hover .more { background: #3488ea; color: #fff }
.contact_box .l { width: 55%; height: auto }
.contact_box { width: 100%; height: auto; display: flex }
.contact_box .r { width: calc(45% - 50px); padding-left: 50px }
.contact_box .r ul { display: block; margin-top: 50px }
.contact_box .r ul li { display: flex; width: 100%; height: auto; margin-bottom: 15px }
.contact_box .r ul li .icon { width: 40px; height: 40px; background: #3488ea; line-height: 40px; text-align: center; border-radius: 50%; color: #fff; position: relative }
.contact_box .r ul li .icon:after { display: block; width: 20px; height: 20px; background: url(../images/contact_icon.png) no-repeat; background-size: 60px auto; content: ''; position: absolute; left: 10px; top: 10px }
.contact_box .r ul li:nth-child(2) .icon:after { background-position: -20px 0 }
.contact_box .r ul li:nth-child(3) .icon:after { background-position: -40px 0 }
.contact_box .r ul li .txt { width: calc(100% - 50px); height: auto; font-size: 16px; line-height: 40px; margin-left: 10px }
.contact_box .r ol { display: block; width: 100%; height: auto; display: flex; margin-top: 25px }
.contact_box .r ol li { width: 120px; height: auto; text-align: center; margin-right: 20px }
.contact_box .r ol li:last-child { margin-right: 0 }
.contact_box .r ol li p { display: block; font-size: 12px; line-height: 25px }
.honor_list { width: 100%; height: auto }
.honor_list ul { display: flex; width: 100%; height: auto; justify-content: flex-start; flex-wrap: wrap }
.honor_list ul li { width: 18.5%; height: auto; margin-right: 1.25%; margin-bottom: 20px }
.honor_list ul li:nth-child(5n) { margin-right: 0 }
.honor_list ul li .thum { display: block; width: 100%; height: auto; position: relative; overflow: hidden }
.honor_list ul li .thum .img { display: block; width: 100%; height: auto; background: center center no-repeat; background-size: cover }
.honor_list ul li .name { display: block; width: 100%; height: auto; text-align: center; line-height: 35px; position: relative }
.join_list { width: 1200px; height: auto; margin: auto; margin-bottom: 100px; position: relative }
.join_list ul { display: flex; width: 100%; justify-content: flex-start; flex-wrap: wrap }
.join_list li { height: 350px; background: rgba(0, 0, 0, .02); cursor: pointer; padding: 50px; position: relative; -webkit-transition-duration: .5s; width: 32%; margin-right: 2%; box-sizing: border-box; margin-bottom: 25px }
.join_list li:nth-child(3n) { margin-right: 0 }
.join_list li .title { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); height: auto; position: absolute; left: 50px; top: 40%; -webkit-transition-duration: .5s; font-size: 24px; text-align: center }
.join_list li .address { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); height: auto; position: absolute; left: 50px; -webkit-transition-duration: .5s; top: 50%; color: #fff; opacity: 0; font-size: 16px; text-align: center }
.join_list li .number { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); height: auto; position: absolute; left: 50px; -webkit-transition-duration: .5s; top: 60%; text-align: center; font-size: 16px }
.join_list li:hover .title { top: 20%; color: #fff }
.join_list li:hover .address { opacity: 1; top: 35%; -webkit-transition-delay: .2s }
.join_list li:hover .number { top: 80%; color: #fff }
.join_list li:after { width: 0; height: 2px; position: absolute; left: 50%; top: 75%; -webkit-transition-duration: .5s; content: ""; background: #fff; display: block }
.join_list li:hover { background: #3488ea }
.join_list li:hover:after { width: 40%; left: 30%; -webkit-transition-delay: .2s }
.join_list li .lineB, .join_list li .lineL, .join_list li .lineR, .join_list li .lineT { position: absolute; background: #fff; -o-transition-duration: .5s; transition-duration: .5s; -webkit-transition-duration: .5s }
.join_list li .lineL { width: 2px; height: 0; left: 7px; top: 100% }
.join_list li .lineR { width: 2px; height: 0; right: 7px; top: 7px }
.join_list li .lineT { width: 0; height: 2px; left: 7px; top: 7px }
.join_list li .lineB { width: 0; height: 2px; left: 100%; bottom: 7px }
.join_list li:hover .lineT { -webkit-transition-delay: .2s; width: -webkit-calc(100% - 14px); width: calc(100% - 14px) }
.join_list li:hover .lineB { -webkit-transition-delay: .2s; width: -webkit-calc(100% - 14px); width: calc(100% - 14px); left: 7px }
.join_list li:hover .lineR { -webkit-transition-delay: .2s; height: -webkit-calc(100% - 14px); height: calc(100% - 14px) }
.join_list li:hover .lineL { -webkit-transition-delay: .2s; top: 7px; height: -webkit-calc(100% - 14px); height: calc(100% - 14px) }
.joinTipBox { width: 800px; height: 550px; position: fixed; left: 50%; margin-left: -400px; top: 50%; margin-top: -275px; background: #fff; z-index: 500 }
.joinTipBox .joinTipBoxTitle { width: 100%; height: 45px; background: #3488ea; color: #fff; line-height: 45px; font-size: 18px }
.joinTipBox .joinTipBoxTitle span { font-size: 12px; position: absolute; right: 50px; line-height: 45px; opacity: .5 }
.joinTipBox .joinTipBoxTitle strong { float: left; margin-left: 15px }
.joinTipBox .joinTipBoxTitle .close { width: 45px; height: 45px; float: right; cursor: pointer; line-height: 45px; text-align: center; position: relative }
.joinTipBox .joinTipBoxTitle .close:after { width: 15px; height: 15px; background: url(../images/close_icon.png) no-repeat; background-size: auto 30px; background-position: 0 -15px; content: ''; position: absolute; left: 15px; top: 15px }
.joinTipBox .joinTipBoxTitle .close:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }
.joinTipBox .joinTipBoxInfo { width: 100%; padding: 0 2%; height: 490px; overflow-y: auto; font-size: 16px; box-sizing: border-box }
.joinTipBox .joinTipBoxInfo .joinTipName { width: 100%; height: 50px; line-height: 50px; position: relative }
.joinTipBox .joinTipBoxInfo .joinTipName b { position: absolute; right: 10px; font-size: 12px; font-weight: 400 }
.joinTipBox .joinTipBoxInfo .joinTipName span { color: #3488ea; margin-right: 15px }
.joinTipBox .joinTipBoxInfo .joinTipBt { width: 100%; height: auto; line-height: 30px; font-weight: 700 }
.joinTipBox .joinTipBoxInfo .joinTipDetail { width: 100%; height: auto; line-height: 1.7 }
.news_detail { width: 100%; height: auto; display: flex; justify-content: space-between }
.news_detail .detail_content { width: 850px; height: auto }
.ndc_top { width: 100%; height: auto }
.news_detail .detail_same { width: 300px }
.detail_same .title, .ndc_top .title { width: 100%; height: auto; line-height: 30px; font-size: 24px; color: #3e3e3e; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, .05); margin-bottom: 10px }
.ndc_top .des { line-height: 25px; opacity: .7; margin-bottom: 5px; font-size: 12px }
.ndc_top .des span { margin-right: 25px }
.ndc_detail { width: 100%; height: auto; position: relative; line-height: 1.7; margin-bottom: 50px }
.ndc_detail img, .ndc_detail p { margin-bottom: 10px }
.ndc_detail img { max-width: 100% }
.detail_same_list { width: 100%; height: auto; position: relative }
.detail_same_list ul li { width: 100%; height: auto; padding: 10px 0; line-height: 25px; border-bottom: 1px solid rgba(0, 0, 0, .1) }
.detail_same_list ul li b { font-weight: 400; line-height: 1.4; display: block; color: #3e3e3e }
.detail_same_list ul li p { font-size: 12px; opacity: .7 }
.detail_same_list ul li a:hover b { color: #3488ea }
.ndc_npnews { width: 100%; height: auto; display: flex }
.ndc_npnews .post_next, .ndc_npnews .post_prev { width: 50%; display: flex; line-height: 20px; padding: 20px; background: rgba(0, 0, 0, .05); box-sizing: border-box }
.ndc_npnews .post_next:hover, .ndc_npnews .post_prev:hover { background: #3488ea; color: #fff }
.ndc_npnews .post_next:hover .icon:before, .ndc_npnews .post_prev:hover .icon:before { background-position: -14px 0 }
.ndc_npnews .post_next:hover .icon:after, .ndc_npnews .post_prev:hover .icon:after { background: rgba(255, 255, 255, .2) }
.ndc_npnews .post_next { justify-content: flex-end }
.ndc_npnews .post_next .icon, .ndc_npnews .post_prev .icon { width: 40px; position: relative }
.ndc_npnews .post_next .icon:before, .ndc_npnews .post_prev .icon:before { width: 14px; height: 14px; position: absolute; left: 0; top: 3px; background: url(../images/arrow_icon.png) no-repeat; background-size: cover; content: ''; -webkit-transform: rotate(-180deg); opacity: .5 }
.ndc_npnews .post_next .icon:before { left: auto; right: 0; -webkit-transform: rotate(0) }
.ndc_npnews .post_next .icon:after, .ndc_npnews .post_prev .icon:after { width: 1px; height: 14px; position: absolute; right: 25px; top: 3px; background: rgba(0, 0, 0, .1); content: '' }
.ndc_npnews .post_prev .icon:after { right: 15px }
.ndc_npnews .post_next .name, .ndc_npnews .post_prev .name { width: calc(100% - 40px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.single_page { width: 100%; height: auto; line-height: 1.7 }
.single_page img, .single_page p { margin-bottom: 10px }
.single_page img { max-width: 100%; width: 100% !important; height: 100% !important; }
.ndc_top .social { width: 100%; height: auto; margin-bottom: 20px; text-align: right }
.ndc_top .social .qq, .ndc_top .social .qzone, .ndc_top .social .weibo, .ndc_top .social .weichat { width: 30px; height: 30px; display: inline-block; border-radius: 50%; background: #7fdb84; padding: 0; position: relative; float: none }
.ndc_top .social .qzone { background: #ffc94b }
.ndc_top .social .weibo { background: #eb7291 }
.ndc_top .social .qq { background: #84b5f0 }
.ndc_top .social .qq:after, .ndc_top .social .qzone:after, .ndc_top .social .weibo:after, .ndc_top .social .weichat:after { width: 20px; height: 20px; background: url(../images/social_icon.png) no-repeat; background-size: auto 20px; content: ''; display: block; position: absolute; left: 5px; top: 5px }
.ndc_top .social .qzone:after { background-position: -40px 0 }
.ndc_top .social .weibo:after { background-position: -20px 0 }
.ndc_top .social .qq:after { background-position: -60px 0 }
.form_box { width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start }
.form_box .fb_input { box-sizing: border-box; border: 1px solid #e1e7ee; height: 40px; width: 32%; outline: 0; margin-right: 2%; text-indent: 25px; margin-bottom: 15px }
.form_box .fb_input:nth-child(3n) { margin-right: 0 }
.form_box .fb_textarea { width: 100%; height: 150px; padding: 25px; outline: 0; border: 1px solid #e1e7ee; box-sizing: border-box; font-family: "microsoft yahei" }
.city_picker_ele { width: 100%; height: auto; margin-bottom: 15px }
.form_submit { width: 200px; height: 50px; background: #3488ea; color: #fff; line-height: 50px; text-align: center; margin: auto; -webkit-border-radius: 50px; border-radius: 50px; font-size: 16px; cursor: pointer; position: relative; z-index: 5; margin-top: 35px }
.sitemap, .sitemap .sub_map { width: 100%; height: auto; overflow: hidden }
.sitemap h1 { margin-bottom: 0; display: block; line-height: 40px; font-size: 16px; background: #f6f6f6; padding: 0 10px }
.sitemap h1 a { color: #3e3e3e }
.sitemap ul li { margin-bottom: 20px }
.sitemap .sub_map { display: block; padding: 10px }
.sitemap .sub_map a { display: block; line-height: 35px; float: left; margin-right: 25px }
.slick-arrow { position: absolute; font-size: 0; -webkit-text-size-adjust: none; width: 50px; height: 50px; color: transparent; border: none; background: rgba(0, 0, 0, .8); border-radius: 5px; left: 0; top: 50%; margin-top: -25px; cursor: pointer; outline: 0; z-index: 5; opacity: .7 }
.slick-arrow.slick-next { left: auto; right: 0 }
.slick-dots { position: absolute; width: 100%; left: 0; bottom: 10px; text-align: center; line-height: 1 }
.slick-dots li { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: rgba(55, 55, 55, .5); cursor: pointer; margin: 0 6px }
.slick-dots li.slick-active, .slick-dots li:hover { background-color: rgba(55, 55, 55, 1) }
.slick-dots li button { display: none }
.pictures-slick { padding: 50px 0 }
.slick-initialized .slick-slide { background-position: center center; background-size: cover }
.slick-arrow:hover { opacity: 1 }
.slick-arrow::before { font-family: icon; content: '\e643'; color: #fff; display: block; position: absolute; width: 100%; text-align: center; left: 0; top: 0; line-height: 50px; font-size: 20px }
.slick-arrow.slick-next::before { content: '\e642' }
.slick-slide { position: relative }
.pictures-slick .text { position: absolute; background-color: rgba(0, 0, 0, .6); color: #fff; z-index: 2; left: 0; bottom: 0; width: 100%; font-size: 14px; padding: 30px; box-sizing: border-box }
.pictures-slick .text .title { font-size: 18px; font-weight: 700; border-bottom: 1px solid rgba(255, 255, 255, .5); padding-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px }
.contact_box ._fr { width: calc(45% - 50px); padding-left: 50px }
.contact_box ._fr ul { display: block; margin-top: 50px }
.contact_box ._fr ul li { display: flex; width: 100%; height: auto; margin-bottom: 15px }
.contact_box ._fr ul li .icon { width: 40px; height: 40px; background: #3488ea; line-height: 40px; text-align: center; border-radius: 50%; color: #fff; position: relative }
.contact_box ._fr ul li .icon:after { display: block; width: 20px; height: 20px; background: url(../images/contact_icon.png) no-repeat; background-size: 60px auto; content: ''; position: absolute; left: 10px; top: 10px }
.contact_box ._fr ul li:nth-child(2) .icon:after { background-position: -20px 0 }
.contact_box ._fr ul li:nth-child(3) .icon:after { background-position: -40px 0 }
.contact_box ._fr ul li .txt { width: calc(100% - 50px); height: auto; font-size: 16px; line-height: 40px; margin-left: 10px }
.contact_box ._fr ol { display: block; width: 100%; height: auto; display: flex; margin-top: 25px }
.contact_box ._fr ol li { width: 120px; height: auto; text-align: center; margin-right: 20px }
.contact_box ._fr ol li:last-child { margin-right: 0 }
.contact_box ._fr ol li p { display: block; font-size: 12px; line-height: 25px }
.searchContent { width: 100%; height: auto }
.searchContent .scResult { width: 100%; height: auto; background: #0050a6; color: #fff; font-weight: 700; text-indent: 45px; font-size: 20px; line-height: 40px; position: relative; padding: 10px 0; margin-top: 20px }
.searchContent .scResult:after { width: 25px; height: 25px; position: absolute; left: 10px; top: 17.5px; background: url(../images/result_icon.png) no-repeat; background-size: cover; content: '' }
.resultTips { width: 100%; height: auto; line-height: 40px; font-size: 14px }
.resultTips span { color: #e10101; padding: 0 3px; font-weight: 700 }
.noData { width: 100%; height: auto; padding: 50px 0; line-height: 50px; font-size: 24px; text-align: center; color: #e10101; display: none }
.noData.active { display: block }
.focus2_list { width: 100%; height: auto }
.focus2_list ul li { width: 100%; padding: 15px; border-bottom: 1px dotted #ccc }
.focus2_list ul li:last-child { border-bottom: none }
.focus2_list ul li:hover { background: #fafafa }
.focus2_list ul li .title { font-size: 18px; line-height: 36px; overflow: hidden; margin-bottom: 10px }
.focus2_list ul li .des { margin-bottom: 10px; line-height: 25px; color: #777; height: auto; overflow: hidden; font-size: 14px }
.focus2_list ul li .time { color: #aaa; font-size: 13px; line-height: 25px }
.focus2_list ul li .con { width: 100%; height: auto; overflow: hidden }
.focus2_list ul li .con .thum { width: 140px; height: 80px; float: left }
.focus2_list ul li .con .thum img { width: 100%; height: 80px }
.focus2_list ul li .con .info { width: 740px; float: right }
.focus2_list ul li .con .des { margin-bottom: 5px }
._w1200 { max-width: 1200px; margin-left: auto; margin-right: auto; }

/*AB模版网新增翻页样式 各类模版第一站 www.adminbuy.cn*/
.pagebar { padding: 20px; overflow: hidden; clear: both }
.pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; }
.pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height: 100% }
.pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; }
.pagination a:hover { color: #333; border: 1px solid #333; }
.pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; }
.pagination .st { font-family: 宋体 }
.text-secondary { text-align: center; padding: 20px 0 }
#maximg img { max-width: 100% !important; height: auto !important }
.box.case .list img{height: 250px;}