@charset "utf-8"; @font-face { font-family: 'templateIcon'; /* project id 973178 */ src: url('../fonts/font_973178_5ngknmv0rqb.eot'); src: url('../fonts/font_973178_5ngknmv0rqb.eot?#iefix') format('embedded-opentype'), url('../fonts/font_973178_5ngknmv0rqb.woff2') format('woff2'), url('../fonts/font_973178_5ngknmv0rqb.woff') format('woff'), url('../fonts/font_973178_5ngknmv0rqb.ttf') format('truetype'), url('../fonts/font_973178_5ngknmv0rqb.svg#iconfont') format('svg'); } ._templateIcon{font-family:templateIcon;font-style:inherit} *{margin:0;padding:0} img{width:100%;display:block;outline:0;border:none} .clear{width:100%;height:1px;clear:both} body,html{background:#000;font-family:melbourneregular,Arial,"Microsoft YaHei",sans-serif;font-size:14px;color:#888;width:100%} input,textarea{word-wrap:break-word;word-break:break-all;font-size:14px} a{text-decoration:none;color:#3e3e3e} a:hover{color:#348ac6;text-decoration:underline} 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} ._TexTrow1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical} ._TexTrow2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} ._TexTrow3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .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%;position:fixed;left:0;top:50%;margin-top:-25px;margin-left:-120px;left:50%;z-index:500;opacity:0;visibility:hidden;text-align:center;pointer-events:none;width:240px;border-radius:0} .toast p{display:inline-block;border-radius:5px;background-color:#fff;color:#222;padding:10px 20px;box-sizing:border-box;border:1px solid #222;box-shadow:0 0 5px rgba(55,55,55,.2)} .toast span::before{content:'';position:absolute;width:24px;height:24px;background-position:center center;background-repeat:no-repeat;background-size:contain;top:50%;margin-top:-12px;left:0} .toast.success span::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD3ElEQVRoQ9WaXW7aQBDHZ2yHVmqB9ASlJyh5rKoScoKSE4ScIPStCpZCJBL1Ldwg5ARNT8BHVfUxcIKQExSDIhUwO5UNpg628XptA8lj2J39/2ZmZ7+MEMVfo7KblCafUcIMEuSBKAOImSemiXqA2COEJjHqDdnODzio9MMOj8IGGpXdlKQfIVARELNCdog6DKAWBiYwwMvfXzOJiXyChEVA2BUSvtyJoE8S1MaKfvP3w7deEJuBAFI/1TNkUIpMuAfI4FP1nBeCC+DVr9OsouO1cKrwqrHaEXVGiekhTzR8AZLt06JE0lVsXveCI+gzhONhrnq7in8lgCkepOugDoyyPQN2PMxd1r1segJsg3hL9CoIV4BkWy1IAN+j9GRYWwzg0C2dHABGmXwxVu7WnvN+hAT9UULfW57YDoB0q3y3tmrjJ9pRZqmj7V/s2f/9BCDVUiuIcBbU7jrbE8H5YL9ascZcAGxt6rgsdvZUWgCkWmoNEU7W6U3RsexRmAE0KrtpSb/f8MTt6jIrPo4TvZQ8qSHgkScgQV9jyjtjN2sCpNrlEgJeiXokgn5dbark7dvrdLvcA8C3XrattcEE2HDlcYifO7W+OgqzioRm+sj6nwi8KGLCVbxZUCbKvZ9Bbaq8wQ1uGVzFz+bjpMGzFhmrM26o+oQWb0THqEaYbqtNANj3CxcQaQRYRwTj+Ojf3ttgJOLn5luYbpXvHQdwl8F1me09frzshKxaUYo3QtAzIkB+3iegm0HuomhvJzB3ohU/F8MFAABNLVc9WAYNABGLeEMPLwB4HSo4IGITHwjAaCwAEav4OcDqJXs5bQJAxC4egB74y6iNhANiDeJNQS3hhcwbQi0Mp0rTce8ZYIX1q4rW7+ZCxjEJPe35XXksOsYgfjYn4TD0Zs4XIibxBoC5mTO3023VWGHf84aOd2IH2ZgJjN3VctVsZAcaRyRi9Ly9pNuOlBPjASIt4IlFFyIoDZhy81rRszKjK54tsdB4RJrGdjKLI6W5QXvWh3oAmF2ryJ2wURDyaJBORNooMc1aN3TP72IL6Msgd1GzmJ1XiyErUhBnCrQ1K4+9n8fl7ham0lLqeEbA+OFZX69bZGG2GAKpsbJL4AeObYLw26pwPPKpBYmovvbySqQxxGKoRz4rEvObMuO1UHi/FDCtuqMdvRDJM6t9YPMBBKgUWzRmd081+wOGH7hvCi0bMD81GCvFSEHmwscJvc7j9ZXrgB+x/ZCSlMcFCaRSiNTqMmC14TRxK/rlSuAIuAIan9vIeh4JsoiQB6CM826fHgCwRwRNQui4Hju5vfe/4T8KykdZu9C3xgAAAABJRU5ErkJggg==)} .toast.success p{color:#0fc27c;border-color:#0fc27c} .toast.error span::before{background-image:url(data:image/png;base64,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)} .toast.error p{color:#d81e06;border-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;border-color:#efb336} .toast.active{opacity:1;visibility:visible} .toast span{display:inline-block;font-size:14px;line-height:50px;position:relative} .toast span i{top:11px;width:30px;height:30px;position:relative;display:inline-block;margin-right:10px} .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:#ccc} .backTop.active{bottom:50px} .width1200{max-width:1200px;margin:0 auto;position:relative} @font-face{font-family:helveticaneuethn;src:url(../images/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} .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;overflow:hidden} .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:block} .case ul li{width:32%;height:auto;float:left;margin-right:2%;margin-bottom:20px} .case ul li.three{margin-right:0} .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} .pages a{color:#a9a9a9;width:36px;height:36px;display:inline-block;line-height:36px;text-align:center} .pages a.active,.pages a:hover{color:#fff;background-color:#6b6b6b} #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{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:30px 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 a{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 a:hover{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:block;overflow:hidden;padding-top:50px;padding-bottom:100px} .news_detail .detail_content{width:850px;height:auto;float:left} .ndc_top{width:100%;height:auto} .news_detail .detail_same{width:300px;float:right} .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} .detail_same .title{font-size:18px;color:#348ac6;font-weight:700;position:relative} .detail_same .title::after{width:75px;height:2px;background:#348ac6;content:'';position:absolute;left:0;bottom:0} .ndc_top .title{border-bottom:none;font-size:30px;line-height:1.5} .ndc_top .des{line-height:25px;opacity:.7;font-size:14px;margin-bottom:10px;padding:6px 10px;color:#777;border:1px solid #ddd;background:#f8f8f8;position:relative} .ndc_top .des span{margin-right:25px} .ndc_detail{width:100%;height:auto;position:relative;line-height:2;margin-bottom:50px;color:#333;font-size:18px;} .about_box.simple{font-size:18px;line-height:2;color:#333} .about_box.simple p,.ndc_detail p{text-indent:36px} .about_box.simple img,.about_box.simple p,.ndc_detail img,.ndc_detail p{margin-bottom:20px} .about_box.simple img,.ndc_detail img{margin-bottom:0} .about_box.simple img,.ndc_detail img{max-width:100%;width:auto;display:inline-block} .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;font-size:16px;display:block} .detail_same_list ul li p{font-size:12px;opacity:.7} .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:#348ac6;color:#fff} .ndc_npnews .post_next:hover .icon:before,.ndc_npnews .post_prev:hover:hover .icon:before{opacity:1} .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%} .ndc_top .social{width:100%;height:auto;margin-bottom:35px} .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} .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;border-bottom:1px dotted rgba(0,0,0,.1)} .sitemap ul li{margin-bottom:20px} .sitemap .sub_map{display:block} .sitemap .sub_map a{display:block;line-height:35px;float:left;margin-right:25px;font-size:16px} .ndc_npnews .post_next .photo,.ndc_npnews .post_prev .photo{width:100px;height:auto} .ndc_npnews .post_next .titles,.ndc_npnews .post_prev .titles{line-height:133px} ._AlbumPictures{position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;z-index:20} ._AlbumPictures ._photo,._AlbumPictures ._photo img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} ._AlbumPictures.active{opacity:1;visibility:inherit} ._AlbumPictures ._photo{width:80%;height:60%} ._AlbumPictures ._photo img{max-width:100%;max-height:100%;border:25px solid #f4f4f2;border-radius:20px;box-sizing:border-box;width: auto} ._AlbumPictures ._swiperBtn{width:50px;height:50px;background-size:cover;background-color:#f4f4f2;border-radius:50%;top:50%;transform:translateY(-50%);position:absolute;cursor:pointer;line-height:50px;text-align:center;font-size:28px;color:#666} ._AlbumPictures ._swiperBtn._SBL span,._AlbumPictures ._swiperBtn._SBR span{background:#666;width:37%;height:2px;top:50%;display:block;position:absolute} ._AlbumPictures ._swiperBtn._SBL span{left:41%} ._AlbumPictures ._swiperBtn._SBL .a{transform:translate(-30%,300%) rotate(40deg)} ._AlbumPictures ._swiperBtn._SBL .b{transform:translate(-30%,-300%) rotate(-40deg)} ._AlbumPictures ._swiperBtn._SBR span{left:50%} ._AlbumPictures ._swiperBtn._SBR .a{transform:translate(-30%,300%) rotate(-40deg)} ._AlbumPictures ._swiperBtn._SBR .b{transform:translate(-30%,-300%) rotate(40deg)} ._AlbumPictures ._swiperBtn:hover{box-shadow:0 0 12px 6px rgba(239,239,239,.24)} ._AlbumPictures ._swiperBtn._SBL{left:5%} ._AlbumPictures ._swiperBtn._SBR{right:5%} ._AlbumPictures ._swiperBtnOff{width:30px;height:30px;background-size:cover;position:absolute;right:0;cursor:pointer;top:0;color:#fff;line-height:30px;text-align:center;font-size:30px} ._AlbumPictures ._swiperBtnOff span{background:#fff;display:block;position:absolute;width:100%;height:2px;top:50%;left:50%} ._AlbumPictures ._swiperBtnOff .a{transform:translate(-50%,-50%) rotate(45deg)} ._AlbumPictures ._swiperBtnOff .b{transform:translate(-50%,-50%) rotate(-45deg);-webkit-transform:translate(-50%,-50%) rotate(-45deg);-moz-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);-o-transform:translate(-50%,-50%) rotate(-45deg)}